commit 3b3f80fe2094bc28deeb022e73c7ef7422c42e5c
Author: anitak <anita.kardam@cpmindia.com>
Date:   Wed Apr 22 10:41:00 2026 +0530

    first commit

diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..187894b
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+};
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e93acff
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,76 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+.kotlin/
+
+# node.js
+#
+/node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 0000000..06860c8
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+  arrowParens: 'avoid',
+  singleQuote: true,
+  trailingComma: 'all',
+};
diff --git a/.watchmanconfig b/.watchmanconfig
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/.watchmanconfig
@@ -0,0 +1 @@
+{}
diff --git a/App.tsx b/App.tsx
new file mode 100644
index 0000000..5e963b1
--- /dev/null
+++ b/App.tsx
@@ -0,0 +1,45 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+import { NewAppScreen } from '@react-native/new-app-screen';
+import { StatusBar, StyleSheet, useColorScheme, View } from 'react-native';
+import {
+  SafeAreaProvider,
+  useSafeAreaInsets,
+} from 'react-native-safe-area-context';
+
+function App() {
+  const isDarkMode = useColorScheme() === 'dark';
+
+  return (
+    <SafeAreaProvider>
+      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
+      <AppContent />
+    </SafeAreaProvider>
+  );
+}
+
+function AppContent() {
+  const safeAreaInsets = useSafeAreaInsets();
+
+  return (
+    <View style={styles.container}>
+      <NewAppScreen
+        templateFileName="App.tsx"
+        safeAreaInsets={safeAreaInsets}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});
+
+export default App;
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..6a4c5f1
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,16 @@
+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'
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..5733b1a
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,120 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    CFPropertyList (3.0.8)
+    activesupport (7.2.3)
+      base64
+      benchmark (>= 0.3)
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
+      i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
+      minitest (>= 5.1)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    algoliasearch (1.27.5)
+      httpclient (~> 2.8, >= 2.8.3)
+      json (>= 1.5.1)
+    atomos (0.1.3)
+    base64 (0.3.0)
+    benchmark (0.5.0)
+    bigdecimal (3.3.1)
+    claide (1.1.0)
+    cocoapods (1.15.2)
+      addressable (~> 2.8)
+      claide (>= 1.0.2, < 2.0)
+      cocoapods-core (= 1.15.2)
+      cocoapods-deintegrate (>= 1.0.3, < 2.0)
+      cocoapods-downloader (>= 2.1, < 3.0)
+      cocoapods-plugins (>= 1.0.0, < 2.0)
+      cocoapods-search (>= 1.0.0, < 2.0)
+      cocoapods-trunk (>= 1.6.0, < 2.0)
+      cocoapods-try (>= 1.1.0, < 2.0)
+      colored2 (~> 3.1)
+      escape (~> 0.0.4)
+      fourflusher (>= 2.3.0, < 3.0)
+      gh_inspector (~> 1.0)
+      molinillo (~> 0.8.0)
+      nap (~> 1.0)
+      ruby-macho (>= 2.3.0, < 3.0)
+      xcodeproj (>= 1.23.0, < 2.0)
+    cocoapods-core (1.15.2)
+      activesupport (>= 5.0, < 8)
+      addressable (~> 2.8)
+      algoliasearch (~> 1.0)
+      concurrent-ruby (~> 1.1)
+      fuzzy_match (~> 2.0.4)
+      nap (~> 1.0)
+      netrc (~> 0.11)
+      public_suffix (~> 4.0)
+      typhoeus (~> 1.0)
+    cocoapods-deintegrate (1.0.5)
+    cocoapods-downloader (2.1)
+    cocoapods-plugins (1.0.0)
+      nap
+    cocoapods-search (1.0.1)
+    cocoapods-trunk (1.6.0)
+      nap (>= 0.8, < 2.0)
+      netrc (~> 0.11)
+    cocoapods-try (1.2.0)
+    colored2 (3.1.2)
+    concurrent-ruby (1.3.3)
+    connection_pool (2.5.5)
+    drb (2.2.3)
+    escape (0.0.4)
+    ethon (0.15.0)
+      ffi (>= 1.15.0)
+    ffi (1.17.2)
+    fourflusher (2.3.1)
+    fuzzy_match (2.0.4)
+    gh_inspector (1.1.3)
+    httpclient (2.9.0)
+      mutex_m
+    i18n (1.14.7)
+      concurrent-ruby (~> 1.0)
+    json (2.16.0)
+    logger (1.7.0)
+    minitest (5.26.2)
+    molinillo (0.8.0)
+    mutex_m (0.3.0)
+    nanaimo (0.3.0)
+    nap (1.1.0)
+    netrc (0.11.0)
+    public_suffix (4.0.7)
+    rexml (3.4.4)
+    ruby-macho (2.5.1)
+    securerandom (0.4.1)
+    typhoeus (1.5.0)
+      ethon (>= 0.9.0, < 0.16.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    xcodeproj (1.25.1)
+      CFPropertyList (>= 2.3.3, < 4.0)
+      atomos (~> 0.1.3)
+      claide (>= 1.0.2, < 2.0)
+      colored2 (~> 3.1)
+      nanaimo (~> 0.3.0)
+      rexml (>= 3.3.6, < 4.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  activesupport (>= 6.1.7.5, != 7.1.0)
+  benchmark
+  bigdecimal
+  cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
+  concurrent-ruby (< 1.3.4)
+  logger
+  mutex_m
+  xcodeproj (< 1.26.0)
+
+RUBY VERSION
+   ruby 3.2.9p265
+
+BUNDLED WITH
+   2.7.1
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..3e2c3f8
--- /dev/null
+++ b/README.md
@@ -0,0 +1,97 @@
+This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+
+# Getting Started
+
+> **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.
+
+## Step 1: Start Metro
+
+First, you will need to run **Metro**, the JavaScript build tool for React Native.
+
+To start the Metro dev server, run the following command from the root of your React Native project:
+
+```sh
+# Using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Build and run your app
+
+With Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app:
+
+### Android
+
+```sh
+# Using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### iOS
+
+For iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps).
+
+The first time you create a new project, run the Ruby bundler to install CocoaPods itself:
+
+```sh
+bundle install
+```
+
+Then, and every time you update your native dependencies, run:
+
+```sh
+bundle exec pod install
+```
+
+For more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html).
+
+```sh
+# Using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device.
+
+This is one way to run your app — you can also build it directly from Android Studio or Xcode.
+
+## Step 3: Modify your app
+
+Now that you have successfully run the app, let's make changes!
+
+Open `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh).
+
+When you want to forcefully reload, for example to reset the state of your app, you can perform a full reload:
+
+- **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Dev Menu**, accessed via <kbd>Ctrl</kbd> + <kbd>M</kbd> (Windows/Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (macOS).
+- **iOS**: Press <kbd>R</kbd> in iOS Simulator.
+
+## Congratulations! :tada:
+
+You've successfully run and modified your React Native App. :partying_face:
+
+### Now what?
+
+- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
+- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+
+# Learn More
+
+To learn more about React Native, take a look at the following resources:
+
+- [React Native Website](https://reactnative.dev) - learn more about React Native.
+- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
+- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
+- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
+- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.
diff --git a/__tests__/App.test.tsx b/__tests__/App.test.tsx
new file mode 100644
index 0000000..e532f70
--- /dev/null
+++ b/__tests__/App.test.tsx
@@ -0,0 +1,13 @@
+/**
+ * @format
+ */
+
+import React from 'react';
+import ReactTestRenderer from 'react-test-renderer';
+import App from '../App';
+
+test('renders correctly', async () => {
+  await ReactTestRenderer.act(() => {
+    ReactTestRenderer.create(<App />);
+  });
+});
diff --git a/adb b/adb
new file mode 100644
index 0000000..e69de29
diff --git a/android/app/build.gradle b/android/app/build.gradle
new file mode 100644
index 0000000..b889210
--- /dev/null
+++ b/android/app/build.gradle
@@ -0,0 +1,138 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
+
+/**
+ * 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 {
+    /* 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. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* 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 = true
+
+/**
+ * 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.performicsmanager"
+    defaultConfig {
+        applicationId "com.performicsmanager"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 36
+        versionName "2.6"
+        ndk {
+    abiFilters "armeabi-v7a", "arm64-v8a"
+}
+    }
+    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")
+    implementation project(':react-native-vector-icons')
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+
+    configurations.all {
+        exclude group: "com.android.support", module: "support-v4"
+        exclude group: "com.android.support", module: "support-compat"
+        exclude group: "com.android.support", module: "support-media-compat"
+    }
+
+
+
+
+
+}
+
+
diff --git a/android/app/debug.keystore b/android/app/debug.keystore
new file mode 100644
index 0000000..364e105
Binary files /dev/null and b/android/app/debug.keystore differ
diff --git a/android/app/proguard-rules.pro b/android/app/proguard-rules.pro
new file mode 100644
index 0000000..11b0257
--- /dev/null
+++ b/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:
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..3269983
--- /dev/null
+++ b/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,120 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    package="com.performicsmanager">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
+    <!-- Only add ACCESS_BACKGROUND_LOCATION if you actually need background location -->
+    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />
+
+    <!-- Storage: prefer scoped storage. Remove MANAGE_EXTERNAL_STORAGE unless necessary -->
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <!-- If you truly need all-files access (Android 11+), keep but handle special flow & Play Store rules -->
+    <uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
+    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
+    <uses-permission android:name="android.permission.READ_MEDIA_AUDIO" />
+
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.VIBRATE" />
+    <!-- If your app uses a foreground service (e.g., location in background) -->
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+
+
+    <uses-feature android:name="android.hardware.camera" android:required="false" />
+
+    <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:screenOrientation="portrait"
+        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>
+
+      <!-- If you need to listen for download-complete, add separate receiver / intent-filter here -->
+      <!-- <receiver android:name=".YourDownloadReceiver">
+            <intent-filter>
+                 <action android:name="android.intent.action.DOWNLOAD_COMPLETE" />
+            </intent-filter>
+         </receiver> -->
+
+      <meta-data
+        android:name="com.google.android.geo.API_KEY"
+        android:value="AIzaSyCI1EaTZk3eXA_J_UsnBC1STOAFd5unJ4A" />
+    </application>
+
+    <queries>
+    <intent>
+        <action android:name="android.intent.action.VIEW" />
+        <data android:mimeType="application/pdf" />
+    </intent>
+</queries>
+</manifest>
+
+
+
+
+<!-- 
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.CAMERA" android:protectionLevel="normal"/>
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"  android:protectionLevel="normal"/>
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" android:protectionLevel="normal"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" android:protectionLevel="normal"/>
+    <uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" android:protectionLevel="normal"/>
+    <uses-permission android:name="android.permission.RECORD_AUDIO" android:protectionLevel="normal"/>
+    <uses-feature android:name="android.hardware.camera" android:protectionLevel="normal"/>
+    <uses-permission android:name="android.permission.VIBRATE"/>
+
+    <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:screenOrientation="portrait"
+        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>
+      <meta-data  
+      android:name="com.google.android.geo.API_KEY"  
+      android:value="AIzaSyCI1EaTZk3eXA_J_UsnBC1STOAFd5unJ4A"/>
+    </application>
+</manifest> -->
+
+
+
+
diff --git a/android/app/src/main/java/com/performicsmanager/MainActivity.kt b/android/app/src/main/java/com/performicsmanager/MainActivity.kt
new file mode 100644
index 0000000..cc4531b
--- /dev/null
+++ b/android/app/src/main/java/com/performicsmanager/MainActivity.kt
@@ -0,0 +1,27 @@
+package com.performicsmanager
+import android.os.Bundle
+import org.devio.rn.splashscreen.SplashScreen
+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() {
+
+  override fun onCreate(savedInstanceState: Bundle?) {
+        SplashScreen.show(this) 
+        super.onCreate(savedInstanceState)
+    }
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "PerformicsManager"
+
+  /**
+   * 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)
+}
diff --git a/android/app/src/main/java/com/performicsmanager/MainApplication.kt b/android/app/src/main/java/com/performicsmanager/MainApplication.kt
new file mode 100644
index 0000000..db5abe9
--- /dev/null
+++ b/android/app/src/main/java/com/performicsmanager/MainApplication.kt
@@ -0,0 +1,27 @@
+package com.performicsmanager
+
+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)
+  }
+}
diff --git a/android/app/src/main/res/drawable/logo.png b/android/app/src/main/res/drawable/logo.png
new file mode 100644
index 0000000..11a738a
Binary files /dev/null and b/android/app/src/main/res/drawable/logo.png differ
diff --git a/android/app/src/main/res/drawable/parinaam_tag_line.png b/android/app/src/main/res/drawable/parinaam_tag_line.png
new file mode 100644
index 0000000..1d072e2
Binary files /dev/null and b/android/app/src/main/res/drawable/parinaam_tag_line.png differ
diff --git a/android/app/src/main/res/drawable/rn_edit_text_material.xml b/android/app/src/main/res/drawable/rn_edit_text_material.xml
new file mode 100644
index 0000000..5c25e72
--- /dev/null
+++ b/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>
diff --git a/android/app/src/main/res/layout/launch_screen.xml b/android/app/src/main/res/layout/launch_screen.xml
new file mode 100644
index 0000000..406cf8e
--- /dev/null
+++ b/android/app/src/main/res/layout/launch_screen.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/white"    
+    android:id="@+id/lin_lay"
+    android:layout_gravity="center"
+    android:orientation="vertical"
+    android:weightSum="10">
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="2">
+
+
+        <ImageView
+            android:layout_width="226dp"
+            android:layout_height="53dp"
+            android:layout_gravity="center"
+            android:gravity="center"
+            android:layout_centerHorizontal="true"
+            android:layout_marginTop="@dimen/custom_layout_margin"
+            android:src="@drawable/parinaam_tag_line"
+            android:visibility="visible" />
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="8"
+        android:layout_centerHorizontal="true"
+        android:gravity="center"
+        >
+
+        <ImageView            
+            android:id="@+id/logo"
+            android:layout_width="157dp"
+            android:layout_height="161dp"
+            android:gravity="center"
+            android:layout_centerHorizontal="true"
+            android:background="@drawable/logo"
+            android:visibility="visible"
+            android:layout_marginTop="-100dp"
+        />
+    </RelativeLayout>
+</LinearLayout>
+
+
+
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
new file mode 100644
index 0000000..9e14167
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
new file mode 100644
index 0000000..9e14167
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..094d02d
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
new file mode 100644
index 0000000..094d02d
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
new file mode 100644
index 0000000..2febffa
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..2febffa
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
new file mode 100644
index 0000000..ea08cef
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..ea08cef
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 0000000..0f511ec
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..0f511ec
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/values/colors.xml b/android/app/src/main/res/values/colors.xml
new file mode 100644
index 0000000..fa39bce
--- /dev/null
+++ b/android/app/src/main/res/values/colors.xml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="primary_dark">#000000</color>
+    <color name="primary_color">#6B84F6</color>
+
+
+    <color name="colorPrimary">#294D8C</color>
+    <color name="colorPrimaryDark">#383386</color>
+    <color name="colorAccent">#87CEFA</color>
+    <color name="primarycolor">#294D8C</color>
+    <color name="white">#FFFFFF</color>
+    <color name="lightpink">#fe8bd0</color>
+    <color name="black">#000000</color>
+    <color name="light_yellow">#FFF176</color>
+    <color name="text_yellow">#f9f93d</color>
+    <color name="red">#e21c22</color>
+    <color name="transparent">#00000000</color>
+    <color name="green">#4CAF50</color>
+    <color name="teal_dark">#294D8C</color>
+    <color name="teal_light">#009688</color>
+    <color name="green_dark">#388E3C</color>
+    <color name="teal_header">#00796B</color>
+    <color name="green_light">#66BB6A</color>
+    <color name="grey_background">#D3D3D3</color>
+    <color name="grey_light">#FAFAFA</color>
+    <color name="colorPSecond">#00bfff</color>
+    <color name="darkblue">#1E88E5</color>
+    <color name="lightsalmon">#FFA07A</color>
+    <color name="lightskyblue">#87CEFA</color>
+    <color name="gainsboro">#DCDCDC</color>
+    <color name="peachpuff">#FFDAB9</color>
+    <color name="ColorPrimaryLight">#1a7be0</color>
+    <color name="text_grey_color">#c8c3c3</color>
+    <color name="grey_dark_background">#888</color>
+    <color name="circular_progress_default_progress">#bada55</color>
+    <color name="circular_progress_default_background">#787878</color>
+    <color name="circular_progress_default_title">#bada55</color>
+    <color name="circular_progress_default_subtitle">#D1D1D1</color>
+    <color name="darkgrey">#A9A9A9</color>
+    <color name="transparent_white">#F7F7F7</color>
+    <color name="background_color">#E1E2E2</color>
+    <color name="very_dark_blue">@android:color/transparent</color>
+   <!-- <color name="very_dark_blue">#2A2B33</color>-->
+    <color name="light_blue">#E6F8FF</color>
+    <color name="gray_for_text_color">#5a5a5a</color>
+    <color name="per_closed">@color/colorPrimary</color>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/dimens.xml b/android/app/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..6474b8b
--- /dev/null
+++ b/android/app/src/main/res/values/dimens.xml
@@ -0,0 +1,34 @@
+<resources>
+    <!-- Default screen margins, per the Android Design guidelines. -->
+    <dimen name="activity_horizontal_margin">16dp</dimen>
+    <dimen name="activity_vertical_margin">16dp</dimen>
+    <dimen name="custom_margin">5dp</dimen>
+    <dimen name="nav_header_height">160dp</dimen>
+    <dimen name="fab_margin">16dp</dimen>
+    <dimen name="text_size_normal">15sp</dimen>
+    <dimen name="text_size_small">16sp</dimen>
+    <dimen name="text_size_medium">18sp</dimen>
+    <dimen name="store_entry_text_size">15sp</dimen>
+    <dimen name="text_size_very_small">12sp</dimen>
+    <dimen name="text_size_14sp">14sp</dimen>
+    <dimen name="text_size_13sp">13sp</dimen>
+    <dimen name="appbar_padding_top">8dp</dimen>
+    <dimen name="padding_standard">5dp</dimen>
+    <dimen name="margin11dp">11dp</dimen>
+    <dimen name="margin1dp">1dp</dimen>
+
+    <dimen name="custom_layout_margin">30dp</dimen>
+    <dimen name="text_size_big">25sp</dimen>
+
+    <dimen name="button_margin">15dp</dimen>
+    <dimen name="txt_size">16sp</dimen>
+    <dimen name="txt_size2dp">2dp</dimen>
+    <dimen name="txt_3dp">3dp</dimen>
+    <dimen name="margin10dp">10dp</dimen>
+    <dimen name="store_p_activity_vertical_margin">8dp</dimen>
+
+    <dimen name="custom_layout_margin35">35dp</dimen>
+    <dimen name="hight40dp">40dp</dimen>
+
+
+</resources>
diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml
new file mode 100644
index 0000000..789c51b
--- /dev/null
+++ b/android/app/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">Performics Manager</string>
+</resources>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..7ba83a2
--- /dev/null
+++ b/android/app/src/main/res/values/styles.xml
@@ -0,0 +1,9 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+    </style>
+
+</resources>
diff --git a/android/build.gradle b/android/build.gradle
new file mode 100644
index 0000000..dab957c
--- /dev/null
+++ b/android/build.gradle
@@ -0,0 +1,44 @@
+buildscript {
+    ext {
+        buildToolsVersion = "34.0.0"
+        minSdkVersion = 26
+        compileSdkVersion = 36
+        targetSdkVersion = 36
+        ndkVersion = "27.1.12297006"
+        kotlinVersion = "1.9.24"  // Fixed: Compatible with RN 0.82.1
+        googlePlayServicesVersion = "21.0.1"
+        googlePlayServicesMapsVersion = "18.2.0"
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle:8.3.2")  // Added version
+        classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion")
+    }
+}
+
+apply plugin: "com.facebook.react.rootproject"
+
+subprojects {
+    project.configurations.all {
+        exclude group: "com.android.support"
+        resolutionStrategy {
+            force "com.facebook.react:hermes-engine:0.82.1"  // Force Hermes version
+        }
+    }
+}
+
+subprojects {
+    configurations.all {
+        resolutionStrategy.eachDependency { details ->
+            if (details.requested.group == 'com.google.android.gms') {
+                if (details.requested.name == 'play-services-location') {
+                    details.useVersion "21.0.1"
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/gradle.properties b/android/gradle.properties
new file mode 100644
index 0000000..256d563
--- /dev/null
+++ b/android/gradle.properties
@@ -0,0 +1,56 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
+# org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
+
+org.gradle.jvmargs=-Xmx4096m -XX:+UseParallelGC
+org.gradle.caching=true
+org.gradle.parallel=true
+org.gradle.configureondemand=true
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+
+android.enableJetifier=false
+
+# Use this property to specify which architecture you want to build.
+# You can also override it from the CLI using
+# ./gradlew <task> -PreactNativeArchitectures=x86_64
+# reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+newArchEnabled=true
+
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true
+
+# Use this property to enable edge-to-edge display support.
+# This allows your app to draw behind system bars for an immersive UI.
+# Note: Only works with ReactActivity and should not be used with custom Activity.
+edgeToEdgeEnabled=false
+
+reactNativeArchitectures=armeabi-v7a,arm64-v8a
+
+
+
diff --git a/android/gradle/wrapper/gradle-wrapper.jar b/android/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..8bdaf60
Binary files /dev/null and b/android/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..2a84e18
--- /dev/null
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-9.0.0-bin.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/android/gradlew b/android/gradlew
new file mode 100644
index 0000000..ef07e01
--- /dev/null
+++ b/android/gradlew
@@ -0,0 +1,251 @@
+#!/bin/sh
+
+#
+# Copyright © 2015 the original authors.
+#
+# 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
+#
+#      https://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.
+#
+# SPDX-License-Identifier: Apache-2.0
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+# This is normally unused
+# shellcheck disable=SC2034
+APP_BASE_NAME=${0##*/}
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH="\\\"\\\""
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"
diff --git a/android/gradlew.bat b/android/gradlew.bat
new file mode 100644
index 0000000..dd2b8ee
--- /dev/null
+++ b/android/gradlew.bat
@@ -0,0 +1,99 @@
+@REM Copyright (c) Meta Platforms, Inc. and affiliates.
+@REM
+@REM This source code is licensed under the MIT license found in the
+@REM LICENSE file in the root directory of this source tree.
+
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+@rem SPDX-License-Identifier: Apache-2.0
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/android/settings.gradle b/android/settings.gradle
new file mode 100644
index 0000000..eee63a2
--- /dev/null
+++ b/android/settings.gradle
@@ -0,0 +1,6 @@
+pluginManagement { includeBuild("../node_modules/@react-native/gradle-plugin") }
+plugins { id("com.facebook.react.settings") }
+extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
+rootProject.name = 'PerformicsManager'
+include ':app'
+includeBuild('../node_modules/@react-native/gradle-plugin')
diff --git a/app.json b/app.json
new file mode 100644
index 0000000..116851e
--- /dev/null
+++ b/app.json
@@ -0,0 +1,4 @@
+{
+  "name": "PerformicsManager",
+  "displayName": "PerformicsManager"
+}
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..a606b1c
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,20 @@
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+  plugins: [
+    ["react-native-worklets-core/plugin"],
+    [
+      'react-native-reanimated/plugin',
+      { 
+        globals: ['__scanCodes', '_setGlobalConsole'], 
+      }
+    ],
+    [
+      "babel-plugin-inline-import",
+      {
+        "extensions": [".svg"],
+        "resolvePath": (path) => path
+      }
+    ],
+  ]
+};
+
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..7067641
--- /dev/null
+++ b/index.js
@@ -0,0 +1,9 @@
+/**
+ * @format
+ */
+
+import { AppRegistry } from 'react-native';
+import App from './src/screens/App';
+import { name as appName } from './app.json';
+
+AppRegistry.registerComponent(appName, () => App);
diff --git a/ios/.xcode.env b/ios/.xcode.env
new file mode 100644
index 0000000..3d5782c
--- /dev/null
+++ b/ios/.xcode.env
@@ -0,0 +1,11 @@
+# This `.xcode.env` file is versioned and is used to source the environment
+# used when running script phases inside Xcode.
+# To customize your local environment, you can create an `.xcode.env.local`
+# file that is not versioned.
+
+# NODE_BINARY variable contains the PATH to the node executable.
+#
+# Customize the NODE_BINARY variable here.
+# For example, to use nvm with brew, add the following line
+# . "$(brew --prefix nvm)/nvm.sh" --no-use
+export NODE_BINARY=$(command -v node)
diff --git a/ios/PerformicsLogo.png b/ios/PerformicsLogo.png
new file mode 100644
index 0000000..1d072e2
Binary files /dev/null and b/ios/PerformicsLogo.png differ
diff --git a/ios/PerformicsManager.xcodeproj/project.pbxproj b/ios/PerformicsManager.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..2bb8bb4
--- /dev/null
+++ b/ios/PerformicsManager.xcodeproj/project.pbxproj
@@ -0,0 +1,480 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 54;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		0C80B921A6F3F58F76C31292 /* libPods-PerformicsManager.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DCACB8F33CDC322A6C60F78 /* libPods-PerformicsManager.a */; };
+		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
+		761780ED2CA45674006654EE /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 761780EC2CA45674006654EE /* AppDelegate.swift */; };
+		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
+		DB748B468423950FE254B658 /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		13B07F961A680F5B00A75B9A /* PerformicsManager.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = PerformicsManager.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = PerformicsManager/Images.xcassets; sourceTree = "<group>"; };
+		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = PerformicsManager/Info.plist; sourceTree = "<group>"; };
+		13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = PerformicsManager/PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
+		3B4392A12AC88292D35C810B /* Pods-PerformicsManager.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PerformicsManager.debug.xcconfig"; path = "Target Support Files/Pods-PerformicsManager/Pods-PerformicsManager.debug.xcconfig"; sourceTree = "<group>"; };
+		5709B34CF0A7D63546082F79 /* Pods-PerformicsManager.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PerformicsManager.release.xcconfig"; path = "Target Support Files/Pods-PerformicsManager/Pods-PerformicsManager.release.xcconfig"; sourceTree = "<group>"; };
+		5DCACB8F33CDC322A6C60F78 /* libPods-PerformicsManager.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-PerformicsManager.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		761780EC2CA45674006654EE /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AppDelegate.swift; path = PerformicsManager/AppDelegate.swift; sourceTree = "<group>"; };
+		81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = PerformicsManager/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				0C80B921A6F3F58F76C31292 /* libPods-PerformicsManager.a in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		13B07FAE1A68108700A75B9A /* PerformicsManager */ = {
+			isa = PBXGroup;
+			children = (
+				13B07FB51A68108700A75B9A /* Images.xcassets */,
+				761780EC2CA45674006654EE /* AppDelegate.swift */,
+				13B07FB61A68108700A75B9A /* Info.plist */,
+				81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
+				13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,
+			);
+			name = PerformicsManager;
+			sourceTree = "<group>";
+		};
+		2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
+				5DCACB8F33CDC322A6C60F78 /* libPods-PerformicsManager.a */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+		832341AE1AAA6A7D00B99B32 /* Libraries */ = {
+			isa = PBXGroup;
+			children = (
+			);
+			name = Libraries;
+			sourceTree = "<group>";
+		};
+		83CBB9F61A601CBA00E9B192 = {
+			isa = PBXGroup;
+			children = (
+				13B07FAE1A68108700A75B9A /* PerformicsManager */,
+				832341AE1AAA6A7D00B99B32 /* Libraries */,
+				83CBBA001A601CBA00E9B192 /* Products */,
+				2D16E6871FA4F8E400B85C8A /* Frameworks */,
+				BBD78D7AC51CEA395F1C20DB /* Pods */,
+			);
+			indentWidth = 2;
+			sourceTree = "<group>";
+			tabWidth = 2;
+			usesTabs = 0;
+		};
+		83CBBA001A601CBA00E9B192 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				13B07F961A680F5B00A75B9A /* PerformicsManager.app */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		BBD78D7AC51CEA395F1C20DB /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				3B4392A12AC88292D35C810B /* Pods-PerformicsManager.debug.xcconfig */,
+				5709B34CF0A7D63546082F79 /* Pods-PerformicsManager.release.xcconfig */,
+			);
+			path = Pods;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		13B07F861A680F5B00A75B9A /* PerformicsManager */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "PerformicsManager" */;
+			buildPhases = (
+				C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */,
+				13B07F871A680F5B00A75B9A /* Sources */,
+				13B07F8C1A680F5B00A75B9A /* Frameworks */,
+				13B07F8E1A680F5B00A75B9A /* Resources */,
+				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
+				00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */,
+				E235C05ADACE081382539298 /* [CP] Copy Pods Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = PerformicsManager;
+			productName = PerformicsManager;
+			productReference = 13B07F961A680F5B00A75B9A /* PerformicsManager.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		83CBB9F71A601CBA00E9B192 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 1210;
+				TargetAttributes = {
+					13B07F861A680F5B00A75B9A = {
+						LastSwiftMigration = 1120;
+					};
+				};
+			};
+			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "PerformicsManager" */;
+			compatibilityVersion = "Xcode 12.0";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 83CBB9F61A601CBA00E9B192;
+			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				13B07F861A680F5B00A75B9A /* PerformicsManager */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		13B07F8E1A680F5B00A75B9A /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
+				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
+				DB748B468423950FE254B658 /* PrivacyInfo.xcprivacy in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"$(SRCROOT)/.xcode.env.local",
+				"$(SRCROOT)/.xcode.env",
+			);
+			name = "Bundle React Native code and images";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "set -e\n\nWITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
+		};
+		00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-PerformicsManager/Pods-PerformicsManager-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-PerformicsManager/Pods-PerformicsManager-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-PerformicsManager/Pods-PerformicsManager-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-PerformicsManager-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		E235C05ADACE081382539298 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-PerformicsManager/Pods-PerformicsManager-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-PerformicsManager/Pods-PerformicsManager-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-PerformicsManager/Pods-PerformicsManager-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		13B07F871A680F5B00A75B9A /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				761780ED2CA45674006654EE /* AppDelegate.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+		13B07F941A680F5B00A75B9A /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 3B4392A12AC88292D35C810B /* Pods-PerformicsManager.debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = 3;
+				DEVELOPMENT_TEAM = JGDHGNH9XY;
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = PerformicsManager/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				MARKETING_VERSION = 1.1.1;
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = com.cpmindiait.PerformicsManager;
+				PRODUCT_NAME = PerformicsManager;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Debug;
+		};
+		13B07F951A680F5B00A75B9A /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 5709B34CF0A7D63546082F79 /* Pods-PerformicsManager.release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = 3;
+				DEVELOPMENT_TEAM = JGDHGNH9XY;
+				INFOPLIST_FILE = PerformicsManager/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				MARKETING_VERSION = 1.1.1;
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = com.cpmindiait.PerformicsManager;
+				PRODUCT_NAME = PerformicsManager;
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Release;
+		};
+		83CBBA201A601CBA00E9B192 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD_RUNPATH_SEARCH_PATHS = (
+					/usr/lib/swift,
+					"$(inherited)",
+				);
+				LIBRARY_SEARCH_PATHS = (
+					"\"$(SDKROOT)/usr/lib/swift\"",
+					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
+					"\"$(inherited)\"",
+				);
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				OTHER_CPLUSPLUSFLAGS = (
+					"$(OTHER_CFLAGS)",
+					"-DFOLLY_NO_CONFIG",
+					"-DFOLLY_MOBILE=1",
+					"-DFOLLY_USE_LIBCPP=1",
+					"-DFOLLY_CFG_NO_COROUTINES=1",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
+				);
+				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
+				SDKROOT = iphoneos;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";
+				USE_HERMES = true;
+			};
+			name = Debug;
+		};
+		83CBBA211A601CBA00E9B192 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = YES;
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
+				LD_RUNPATH_SEARCH_PATHS = (
+					/usr/lib/swift,
+					"$(inherited)",
+				);
+				LIBRARY_SEARCH_PATHS = (
+					"\"$(SDKROOT)/usr/lib/swift\"",
+					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
+					"\"$(inherited)\"",
+				);
+				MTL_ENABLE_DEBUG_INFO = NO;
+				OTHER_CPLUSPLUSFLAGS = (
+					"$(OTHER_CFLAGS)",
+					"-DFOLLY_NO_CONFIG",
+					"-DFOLLY_MOBILE=1",
+					"-DFOLLY_USE_LIBCPP=1",
+					"-DFOLLY_CFG_NO_COROUTINES=1",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
+				);
+				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
+				SDKROOT = iphoneos;
+				USE_HERMES = true;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "PerformicsManager" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				13B07F941A680F5B00A75B9A /* Debug */,
+				13B07F951A680F5B00A75B9A /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "PerformicsManager" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				83CBBA201A601CBA00E9B192 /* Debug */,
+				83CBBA211A601CBA00E9B192 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
+}
diff --git a/ios/PerformicsManager.xcodeproj/xcshareddata/xcschemes/PerformicsManager.xcscheme b/ios/PerformicsManager.xcodeproj/xcshareddata/xcschemes/PerformicsManager.xcscheme
new file mode 100644
index 0000000..a44d989
--- /dev/null
+++ b/ios/PerformicsManager.xcodeproj/xcshareddata/xcschemes/PerformicsManager.xcscheme
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1210"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "PerformicsManager.app"
+               BlueprintName = "PerformicsManager"
+               ReferencedContainer = "container:PerformicsManager.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "PerformicsManagerTests.xctest"
+               BlueprintName = "PerformicsManagerTests"
+               ReferencedContainer = "container:PerformicsManager.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "PerformicsManager.app"
+            BlueprintName = "PerformicsManager"
+            ReferencedContainer = "container:PerformicsManager.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "PerformicsManager.app"
+            BlueprintName = "PerformicsManager"
+            ReferencedContainer = "container:PerformicsManager.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/ios/PerformicsManager.xcworkspace/contents.xcworkspacedata b/ios/PerformicsManager.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..f014da9
--- /dev/null
+++ b/ios/PerformicsManager.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:PerformicsManager.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>
diff --git a/ios/PerformicsManager/AppDelegate.swift b/ios/PerformicsManager/AppDelegate.swift
new file mode 100644
index 0000000..312c4ee
--- /dev/null
+++ b/ios/PerformicsManager/AppDelegate.swift
@@ -0,0 +1,48 @@
+import UIKit
+import React
+import React_RCTAppDelegate
+import ReactAppDependencyProvider
+
+@main
+class AppDelegate: UIResponder, UIApplicationDelegate {
+  var window: UIWindow?
+
+  var reactNativeDelegate: ReactNativeDelegate?
+  var reactNativeFactory: RCTReactNativeFactory?
+
+  func application(
+    _ application: UIApplication,
+    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
+  ) -> Bool {
+    let delegate = ReactNativeDelegate()
+    let factory = RCTReactNativeFactory(delegate: delegate)
+    delegate.dependencyProvider = RCTAppDependencyProvider()
+
+    reactNativeDelegate = delegate
+    reactNativeFactory = factory
+
+    window = UIWindow(frame: UIScreen.main.bounds)
+
+    factory.startReactNative(
+      withModuleName: "PerformicsManager",
+      in: window,
+      launchOptions: launchOptions
+    )
+
+    return true
+  }
+}
+
+class ReactNativeDelegate: RCTDefaultReactNativeFactoryDelegate {
+  override func sourceURL(for bridge: RCTBridge) -> URL? {
+    self.bundleURL()
+  }
+
+  override func bundleURL() -> URL? {
+#if DEBUG
+    RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: "index")
+#else
+    Bundle.main.url(forResource: "main", withExtension: "jsbundle")
+#endif
+  }
+}
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/1024.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/1024.png
new file mode 100644
index 0000000..ede1791
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/1024.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/120 1.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/120 1.png
new file mode 100644
index 0000000..70b3c53
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/120 1.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/120.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/120.png
new file mode 100644
index 0000000..70b3c53
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/120.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/180.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/180.png
new file mode 100644
index 0000000..74d443f
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/180.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/40.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/40.png
new file mode 100644
index 0000000..3f103b6
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/40.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/58.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/58.png
new file mode 100644
index 0000000..26404b1
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/58.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/60.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/60.png
new file mode 100644
index 0000000..6b470d6
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/60.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/80.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/80.png
new file mode 100644
index 0000000..759b2f2
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/80.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/87.png b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/87.png
new file mode 100644
index 0000000..d122e7a
Binary files /dev/null and b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/87.png differ
diff --git a/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/Contents.json b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 0000000..ad54b31
--- /dev/null
+++ b/ios/PerformicsManager/Images.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,62 @@
+{
+  "images" : [
+    {
+      "filename" : "40.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "20x20"
+    },
+    {
+      "filename" : "60.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "20x20"
+    },
+    {
+      "filename" : "58.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "87.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "80.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "40x40"
+    },
+    {
+      "filename" : "120.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "40x40"
+    },
+    {
+      "filename" : "120 1.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "60x60"
+    },
+    {
+      "filename" : "180.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "60x60"
+    },
+    {
+      "filename" : "1024.png",
+      "idiom" : "ios-marketing",
+      "scale" : "1x",
+      "size" : "1024x1024"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/ios/PerformicsManager/Images.xcassets/Contents.json b/ios/PerformicsManager/Images.xcassets/Contents.json
new file mode 100644
index 0000000..2d92bd5
--- /dev/null
+++ b/ios/PerformicsManager/Images.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/ios/PerformicsManager/Info.plist b/ios/PerformicsManager/Info.plist
new file mode 100644
index 0000000..489f10b
--- /dev/null
+++ b/ios/PerformicsManager/Info.plist
@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CADisableMinimumFrameDurationOnPhone</key>
+	<true/>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>PerformicsManager</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>$(MARKETING_VERSION)</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>LSSupportsOpeningDocumentsInPlace</key>
+	<true/>
+	<key>NSAllowsLocalNetworking</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<false/>
+		<key>NSAllowsLocalNetworking</key>
+		<true/>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>https://cpminternal.parinaam.in</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+				<key>NSIncludesSubdomains</key>
+				<true/>
+				<key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSAppleMusicUsageDescription</key>
+	<string>This app needs to access media library to get the audio files recorded by user, that can be shown in reports and share with your team. Only the app's data would be shared with your team.</string>
+	<key>NSCalendarsUsageDescription</key>
+	<string>This app needs access to calendars. Some functionalities are dependent on the calendar. Give Calendar permission to Performics to make app work perfectly</string>
+	<key>NSCameraUsageDescription</key>
+	<string>This app needs access to the camera to take photos. Performics will only use images captured through this app. No other images we will use.</string>
+	<key>NSDocumentsFolderUsageDescription</key>
+	<string>This app needs to access documents folder. Performics will store some app data files in documents folder and need to access it. Give document folder permission to Performics to make app work perfectly</string>
+	<key>NSFileProviderDomainUsageDescription</key>
+	<string>This app needs access to files. Performics will only use the file stored through this app. No other file will be accessed</string>
+	<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
+	<string>This app needs access to the location. Give location permission to Performics. Your location would only be shared with your team.</string>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string>This app needs access to the location. Give location permission to Performics. Your location would only be shared with your team.</string>
+	<key>NSMicrophoneUsageDescription</key>
+	<string>This app needs to access microphone to record audio with user permission. Recorder will be used to record user's voice or for other smilar tasks . Give Performics permission to use your microphone. Your recordings would only be shared with your team.</string>
+	<key>NSPhotoLibraryAddUsageDescription</key>
+	<string>This app needs access to photos captured and stored using Performic's camera, so that it can be shown in reports generated. Your photos would only be shared with your team's head.</string>
+	<key>NSPhotoLibraryUsageDescription</key>
+	<string>This app needs access to photos captured using Performic's camera, so that it can be shown in reports generated. Your photos would only be shared with your team's head.</string>
+	<key>NSUbiquitousContainersUsageDescription</key>
+	<string>This app needs access to your iCloud Drive to import and manage files.</string>
+	<key>NSUbiquitousDocumentsUsageDescription</key>
+	<string>This app uses iCloud Drive to open and save your documents.</string>
+	<key>RCTNewArchEnabled</key>
+	<true/>
+	<key>UIAppFonts</key>
+	<array>
+		<string>OpenSans-Bold.ttf</string>
+		<string>OpenSans-Regular.ttf</string>
+		<string>OpenSans-SemiBold.ttf</string>
+		<string>Roboto-Regular.ttf</string>
+		<string>Zocial.ttf</string>
+		<string>SimpleLineIcons.ttf</string>
+		<string>Octicons.ttf</string>
+		<string>MaterialIcons.ttf</string>
+		<string>MaterialCommunityIcons.ttf</string>
+		<string>Ionicons.ttf</string>
+		<string>Foundation.ttf</string>
+		<string>Fontisto.ttf</string>
+		<string>FontAwesome5_Solid.ttf</string>
+		<string>FontAwesome5_Regular.ttf</string>
+		<string>FontAwesome5_Brands.ttf</string>
+		<string>FontAwesome.ttf</string>
+		<string>Feather.ttf</string>
+		<string>EvilIcons.ttf</string>
+		<string>Entypo.ttf</string>
+		<string>AntDesign.ttf</string>
+	</array>
+	<key>UIBackgroundModes</key>
+	<array>
+		<string>remote-notification</string>
+		<string>fetch</string>
+	</array>
+	<key>UIFileSharingEnabled</key>
+	<true/>
+	<key>UILaunchScreen</key>
+	<dict>
+		<key>UIImageName</key>
+		<string>LaunchImage</string>
+	</dict>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>arm64</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+	<key>WKJavaScriptEnabled</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ios/PerformicsManager/LaunchScreen.storyboard b/ios/PerformicsManager/LaunchScreen.storyboard
new file mode 100644
index 0000000..b287e11
--- /dev/null
+++ b/ios/PerformicsManager/LaunchScreen.storyboard
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="21507" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina6_12" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="21505"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+        <capability name="named colors" minToolsVersion="9.0"/>
+        <capability name="system colors" minToolsVersion="11.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="PerformicsLogo" translatesAutoresizingMaskIntoConstraints="NO" id="UEZ-3y-TgA">
+                                <accessibility key="accessibilityConfiguration" identifier="performics.logo"/>
+                            </imageView>
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="logo" translatesAutoresizingMaskIntoConstraints="NO" id="BZ1-pf-IPp">
+                                <accessibility key="accessibilityConfiguration" identifier="app.logo"/>
+                            </imageView>
+                        </subviews>
+                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                        <constraints>
+                            <!-- Top Performics Logo Constraints -->
+                            <constraint firstItem="UEZ-3y-TgA" firstAttribute="top" secondItem="Bcu-3y-fUS" secondAttribute="top" constant="50" id="c-top-performics"/>
+                            <constraint firstItem="UEZ-3y-TgA" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="c-centerx-performics"/>
+                            <constraint firstItem="UEZ-3y-TgA" firstAttribute="width" secondItem="Ze5-6b-2t3" secondAttribute="width" multiplier="0.55" id="c-width-performics"/>
+                            <constraint firstItem="UEZ-3y-TgA" firstAttribute="height" secondItem="UEZ-3y-TgA" secondAttribute="width" multiplier="0.2345" id="c-height-performics"/>
+                            
+                            <!-- Center Logo Constraints -->
+                            <constraint firstItem="BZ1-pf-IPp" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="c-centerx-logo"/>
+                            <constraint firstItem="BZ1-pf-IPp" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="c-centery-logo"/>
+                            <constraint firstItem="BZ1-pf-IPp" firstAttribute="width" secondItem="Ze5-6b-2t3" secondAttribute="width" multiplier="0.4" id="c-width-logo"/>
+                            <constraint firstItem="BZ1-pf-IPp" firstAttribute="height" secondItem="BZ1-pf-IPp" secondAttribute="width" multiplier="1.0" id="c-height-logo"/>
+                        </constraints>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="52.173913043478265" y="375"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="PerformicsLogo" width="226" height="53"/>
+        <image name="logo" width="157" height="162"/>
+        <systemColor name="systemBackgroundColor">
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </systemColor>
+    </resources>
+</document>
\ No newline at end of file
diff --git a/ios/PerformicsManager/PrivacyInfo.xcprivacy b/ios/PerformicsManager/PrivacyInfo.xcprivacy
new file mode 100644
index 0000000..0b556fa
--- /dev/null
+++ b/ios/PerformicsManager/PrivacyInfo.xcprivacy
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>NSPrivacyAccessedAPITypes</key>
+	<array>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>CA92.1</string>
+				<string>C56D.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>C617.1</string>
+				<string>0A2A.1</string>
+				<string>3B52.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>35F9.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryDiskSpace</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>85F4.1</string>
+				<string>E174.1</string>
+			</array>
+		</dict>
+	</array>
+	<key>NSPrivacyCollectedDataTypes</key>
+	<array/>
+	<key>NSPrivacyTracking</key>
+	<false/>
+</dict>
+</plist>
diff --git a/ios/Podfile b/ios/Podfile
new file mode 100644
index 0000000..02c0ffe
--- /dev/null
+++ b/ios/Podfile
@@ -0,0 +1,42 @@
+# Resolve react_native_pods.rb with node to allow for hoisting
+require Pod::Executable.execute_command('node', ['-p',
+  'require.resolve(
+    "react-native/scripts/react_native_pods.rb",
+    {paths: [process.argv[1]]},
+  )', __dir__]).strip
+
+platform :ios, '18'
+prepare_react_native_project!
+
+begin
+  permissions_path = Pod::Executable.execute_command('node', ['-p', 'require.resolve("react-native-permissions/scripts/setup.rb", {paths: [process.argv[1]]})', __dir__]).strip
+  require permissions_path
+  setup_permissions(['Calendars', 'Camera', 'LocationAccuracy', 'LocationAlways', 'LocationWhenInUse', 'MediaLibrary', 'Microphone', 'PhotoLibrary', 'PhotoLibraryAddOnly'])
+rescue => e
+  Pod::UI.warn "react-native-permissions setup failed: #{e.message}"
+end
+
+linkage = ENV['USE_FRAMEWORKS']
+if linkage != nil
+  Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
+  use_frameworks! :linkage => linkage.to_sym
+end
+
+target 'PerformicsManager' do
+  config = use_native_modules!
+
+  use_react_native!(
+    :path => config[:reactNativePath],
+    # An absolute path to your application root.
+    :app_path => "#{Pod::Config.instance.installation_root}/.."
+  )
+
+  post_install do |installer|
+    react_native_post_install(
+      installer,
+      config[:reactNativePath],
+      :mac_catalyst_enabled => false,
+      # :ccache_enabled => true
+    )
+  end
+end
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
new file mode 100644
index 0000000..78861fb
--- /dev/null
+++ b/ios/Podfile.lock
@@ -0,0 +1,3828 @@
+PODS:
+  - BEMCheckBox (1.4.1)
+  - boost (1.84.0)
+  - BVLinearGradient (2.8.3):
+    - React-Core
+  - DoubleConversion (1.1.6)
+  - fast_float (8.0.0)
+  - FBLazyVector (0.82.1)
+  - fmt (11.0.2)
+  - glog (0.3.5)
+  - GoogleDataTransport (10.1.0):
+    - nanopb (~> 3.30910.0)
+    - PromisesObjC (~> 2.4)
+  - GoogleMLKit/FaceDetection (8.0.0):
+    - GoogleMLKit/MLKitCore
+    - MLKitFaceDetection (~> 7.0.0)
+  - GoogleMLKit/MLKitCore (8.0.0):
+    - MLKitCommon (~> 13.0.0)
+  - GoogleToolboxForMac/Defines (4.2.1)
+  - GoogleToolboxForMac/Logger (4.2.1):
+    - GoogleToolboxForMac/Defines (= 4.2.1)
+  - "GoogleToolboxForMac/NSData+zlib (4.2.1)":
+    - GoogleToolboxForMac/Defines (= 4.2.1)
+  - GoogleUtilities/Environment (8.1.0):
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Logger (8.1.0):
+    - GoogleUtilities/Environment
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Privacy (8.1.0)
+  - GoogleUtilities/UserDefaults (8.1.0):
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Privacy
+  - GTMSessionFetcher/Core (3.5.0)
+  - hermes-engine (0.82.1):
+    - hermes-engine/Pre-built (= 0.82.1)
+  - hermes-engine/Pre-built (0.82.1)
+  - MLImage (1.0.0-beta7)
+  - MLKitCommon (13.0.0):
+    - GoogleDataTransport (~> 10.0)
+    - GoogleToolboxForMac/Logger (< 5.0, >= 4.2.1)
+    - "GoogleToolboxForMac/NSData+zlib (< 5.0, >= 4.2.1)"
+    - GoogleUtilities/Logger (~> 8.0)
+    - GoogleUtilities/UserDefaults (~> 8.0)
+    - GTMSessionFetcher/Core (< 4.0, >= 3.3.2)
+  - MLKitFaceDetection (7.0.0):
+    - MLKitCommon (~> 13.0)
+    - MLKitVision (~> 9.0)
+  - MLKitVision (9.0.0):
+    - GoogleToolboxForMac/Logger (< 5.0, >= 4.2.1)
+    - "GoogleToolboxForMac/NSData+zlib (< 5.0, >= 4.2.1)"
+    - GTMSessionFetcher/Core (< 4.0, >= 3.3.2)
+    - MLImage (= 1.0.0-beta7)
+    - MLKitCommon (~> 13.0)
+  - nanopb (3.30910.0):
+    - nanopb/decode (= 3.30910.0)
+    - nanopb/encode (= 3.30910.0)
+  - nanopb/decode (3.30910.0)
+  - nanopb/encode (3.30910.0)
+  - PromisesObjC (2.4.0)
+  - RCT-Folly (2024.11.18.00):
+    - boost
+    - DoubleConversion
+    - fast_float (= 8.0.0)
+    - fmt (= 11.0.2)
+    - glog
+    - RCT-Folly/Default (= 2024.11.18.00)
+  - RCT-Folly/Default (2024.11.18.00):
+    - boost
+    - DoubleConversion
+    - fast_float (= 8.0.0)
+    - fmt (= 11.0.2)
+    - glog
+  - RCT-Folly/Fabric (2024.11.18.00):
+    - boost
+    - DoubleConversion
+    - fast_float (= 8.0.0)
+    - fmt (= 11.0.2)
+    - glog
+  - RCTDeprecation (0.82.1)
+  - RCTRequired (0.82.1)
+  - RCTTypeSafety (0.82.1):
+    - FBLazyVector (= 0.82.1)
+    - RCTRequired (= 0.82.1)
+    - React-Core (= 0.82.1)
+  - React (0.82.1):
+    - React-Core (= 0.82.1)
+    - React-Core/DevSupport (= 0.82.1)
+    - React-Core/RCTWebSocket (= 0.82.1)
+    - React-RCTActionSheet (= 0.82.1)
+    - React-RCTAnimation (= 0.82.1)
+    - React-RCTBlob (= 0.82.1)
+    - React-RCTImage (= 0.82.1)
+    - React-RCTLinking (= 0.82.1)
+    - React-RCTNetwork (= 0.82.1)
+    - React-RCTSettings (= 0.82.1)
+    - React-RCTText (= 0.82.1)
+    - React-RCTVibration (= 0.82.1)
+  - React-callinvoker (0.82.1)
+  - React-Codegen (0.1.0)
+  - React-Core (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default (= 0.82.1)
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/CoreModulesHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/Default (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/DevSupport (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default (= 0.82.1)
+    - React-Core/RCTWebSocket (= 0.82.1)
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTActionSheetHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTAnimationHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTBlobHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTImageHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTLinkingHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTNetworkHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTSettingsHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTTextHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTVibrationHeaders (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-Core/RCTWebSocket (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTDeprecation
+    - React-Core/Default (= 0.82.1)
+    - React-cxxreact
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsitooling
+    - React-perflogger
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-CoreModules (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTTypeSafety (= 0.82.1)
+    - React-Core/CoreModulesHeaders (= 0.82.1)
+    - React-debug
+    - React-jsi (= 0.82.1)
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsinspectortracing
+    - React-NativeModulesApple
+    - React-RCTBlob
+    - React-RCTFBReactNativeSpec
+    - React-RCTImage (= 0.82.1)
+    - React-runtimeexecutor
+    - ReactCommon
+    - SocketRocket
+  - React-cxxreact (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-callinvoker (= 0.82.1)
+    - React-debug (= 0.82.1)
+    - React-jsi (= 0.82.1)
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsinspectortracing
+    - React-logger (= 0.82.1)
+    - React-perflogger (= 0.82.1)
+    - React-runtimeexecutor
+    - React-timing (= 0.82.1)
+    - SocketRocket
+  - React-debug (0.82.1)
+  - React-defaultsnativemodule (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-domnativemodule
+    - React-featureflagsnativemodule
+    - React-idlecallbacksnativemodule
+    - React-jsi
+    - React-jsiexecutor
+    - React-microtasksnativemodule
+    - React-RCTFBReactNativeSpec
+    - React-webperformancenativemodule
+    - SocketRocket
+  - React-domnativemodule (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-Fabric
+    - React-Fabric/bridging
+    - React-FabricComponents
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-RCTFBReactNativeSpec
+    - React-runtimeexecutor
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-Fabric (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/animations (= 0.82.1)
+    - React-Fabric/attributedstring (= 0.82.1)
+    - React-Fabric/bridging (= 0.82.1)
+    - React-Fabric/componentregistry (= 0.82.1)
+    - React-Fabric/componentregistrynative (= 0.82.1)
+    - React-Fabric/components (= 0.82.1)
+    - React-Fabric/consistency (= 0.82.1)
+    - React-Fabric/core (= 0.82.1)
+    - React-Fabric/dom (= 0.82.1)
+    - React-Fabric/imagemanager (= 0.82.1)
+    - React-Fabric/leakchecker (= 0.82.1)
+    - React-Fabric/mounting (= 0.82.1)
+    - React-Fabric/observers (= 0.82.1)
+    - React-Fabric/scheduler (= 0.82.1)
+    - React-Fabric/telemetry (= 0.82.1)
+    - React-Fabric/templateprocessor (= 0.82.1)
+    - React-Fabric/uimanager (= 0.82.1)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/animations (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/attributedstring (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/bridging (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/componentregistry (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/componentregistrynative (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/components (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/components/legacyviewmanagerinterop (= 0.82.1)
+    - React-Fabric/components/root (= 0.82.1)
+    - React-Fabric/components/scrollview (= 0.82.1)
+    - React-Fabric/components/view (= 0.82.1)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/components/legacyviewmanagerinterop (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/components/root (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/components/scrollview (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/components/view (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-renderercss
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-Fabric/consistency (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/core (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/dom (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/imagemanager (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/leakchecker (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/mounting (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/observers (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/observers/events (= 0.82.1)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/observers/events (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/scheduler (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/observers/events
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-performancecdpmetrics
+    - React-performancetimeline
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/telemetry (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/templateprocessor (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/uimanager (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric/uimanager/consistency (= 0.82.1)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererconsistency
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-Fabric/uimanager/consistency (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererconsistency
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-FabricComponents (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-FabricComponents/components (= 0.82.1)
+    - React-FabricComponents/textlayoutmanager (= 0.82.1)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-FabricComponents/components/inputaccessory (= 0.82.1)
+    - React-FabricComponents/components/iostextinput (= 0.82.1)
+    - React-FabricComponents/components/modal (= 0.82.1)
+    - React-FabricComponents/components/rncore (= 0.82.1)
+    - React-FabricComponents/components/safeareaview (= 0.82.1)
+    - React-FabricComponents/components/scrollview (= 0.82.1)
+    - React-FabricComponents/components/switch (= 0.82.1)
+    - React-FabricComponents/components/text (= 0.82.1)
+    - React-FabricComponents/components/textinput (= 0.82.1)
+    - React-FabricComponents/components/unimplementedview (= 0.82.1)
+    - React-FabricComponents/components/virtualview (= 0.82.1)
+    - React-FabricComponents/components/virtualviewexperimental (= 0.82.1)
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/inputaccessory (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/iostextinput (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/modal (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/rncore (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/safeareaview (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/scrollview (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/switch (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/text (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/textinput (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/unimplementedview (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/virtualview (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/components/virtualviewexperimental (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricComponents/textlayoutmanager (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-RCTFBReactNativeSpec
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-FabricImage (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired (= 0.82.1)
+    - RCTTypeSafety (= 0.82.1)
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-jsiexecutor (= 0.82.1)
+    - React-logger
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon
+    - SocketRocket
+    - Yoga
+  - React-featureflags (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - SocketRocket
+  - React-featureflagsnativemodule (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-featureflags
+    - React-jsi
+    - React-jsiexecutor
+    - React-RCTFBReactNativeSpec
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-graphics (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-jsi
+    - React-jsiexecutor
+    - React-utils
+    - SocketRocket
+  - React-hermes (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-cxxreact (= 0.82.1)
+    - React-jsi
+    - React-jsiexecutor (= 0.82.1)
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsinspectortracing
+    - React-oscompat
+    - React-perflogger (= 0.82.1)
+    - React-runtimeexecutor
+    - SocketRocket
+  - React-idlecallbacksnativemodule (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-jsi
+    - React-jsiexecutor
+    - React-RCTFBReactNativeSpec
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-ImageManager (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-Core/Default
+    - React-debug
+    - React-Fabric
+    - React-graphics
+    - React-rendererdebug
+    - React-utils
+    - SocketRocket
+  - React-jserrorhandler (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-jsi
+    - ReactCommon/turbomodule/bridging
+    - SocketRocket
+  - React-jsi (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - SocketRocket
+  - React-jsiexecutor (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-cxxreact
+    - React-debug
+    - React-jsi
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsinspectortracing
+    - React-perflogger
+    - React-runtimeexecutor
+    - SocketRocket
+  - React-jsinspector (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-featureflags
+    - React-jsi
+    - React-jsinspectorcdp
+    - React-jsinspectornetwork
+    - React-jsinspectortracing
+    - React-oscompat
+    - React-perflogger (= 0.82.1)
+    - React-runtimeexecutor
+    - SocketRocket
+  - React-jsinspectorcdp (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - SocketRocket
+  - React-jsinspectornetwork (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-featureflags
+    - React-jsinspectorcdp
+    - React-performancetimeline
+    - React-timing
+    - SocketRocket
+  - React-jsinspectortracing (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-oscompat
+    - React-timing
+    - SocketRocket
+  - React-jsitooling (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-cxxreact (= 0.82.1)
+    - React-debug
+    - React-jsi (= 0.82.1)
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsinspectortracing
+    - React-runtimeexecutor
+    - SocketRocket
+  - React-jsitracing (0.82.1):
+    - React-jsi
+  - React-logger (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - SocketRocket
+  - React-Mapbuffer (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-debug
+    - SocketRocket
+  - React-microtasksnativemodule (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-jsi
+    - React-jsiexecutor
+    - React-RCTFBReactNativeSpec
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - react-native-blob-util (0.22.2):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-document-picker (11.0.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-geolocation (3.4.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-geolocation-service (5.3.1):
+    - React
+  - react-native-image-marker (1.2.9):
+    - RCT-Folly
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core
+    - ReactCommon/turbomodule/core
+  - react-native-image-picker (8.2.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-image-resizer (1.4.5):
+    - React-Core
+  - react-native-maps (1.26.18):
+    - react-native-maps/Maps (= 1.26.18)
+  - react-native-maps/Generated (1.26.18):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-maps/Maps (1.26.18):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - react-native-maps/Generated
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-netinfo (11.4.1):
+    - React-Core
+  - react-native-orientation-locker (1.7.0):
+    - React-Core
+  - react-native-safe-area-context (5.6.2):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - react-native-safe-area-context/common (= 5.6.2)
+    - react-native-safe-area-context/fabric (= 5.6.2)
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-safe-area-context/common (5.6.2):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-safe-area-context/fabric (5.6.2):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - react-native-safe-area-context/common
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-splash-screen (3.3.0):
+    - React-Core
+  - react-native-sqlite-2 (3.6.2):
+    - React-Core
+  - react-native-version-check (3.5.0):
+    - React-Core
+  - react-native-video (6.18.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - react-native-video/Video (= 6.18.0)
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-video/Fabric (6.18.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-video/Video (6.18.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - react-native-video/Fabric
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-view-shot (4.0.3):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-webview (13.16.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - react-native-worklets-core (1.6.2):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - React-NativeModulesApple (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-callinvoker
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-jsi
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-runtimeexecutor
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - React-oscompat (0.82.1)
+  - React-perflogger (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - SocketRocket
+  - React-performancecdpmetrics (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-jsi
+    - React-performancetimeline
+    - React-runtimeexecutor
+    - React-timing
+    - SocketRocket
+  - React-performancetimeline (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-featureflags
+    - React-jsinspectortracing
+    - React-perflogger
+    - React-timing
+    - SocketRocket
+  - React-RCTActionSheet (0.82.1):
+    - React-Core/RCTActionSheetHeaders (= 0.82.1)
+  - React-RCTAnimation (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTTypeSafety
+    - React-Core/RCTAnimationHeaders
+    - React-featureflags
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+    - SocketRocket
+  - React-RCTAppDelegate (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-CoreModules
+    - React-debug
+    - React-defaultsnativemodule
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-jsitooling
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RCTFBReactNativeSpec
+    - React-RCTImage
+    - React-RCTNetwork
+    - React-RCTRuntime
+    - React-rendererdebug
+    - React-RuntimeApple
+    - React-RuntimeCore
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon
+    - SocketRocket
+  - React-RCTBlob (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-Core/RCTBlobHeaders
+    - React-Core/RCTWebSocket
+    - React-jsi
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - React-RCTNetwork
+    - ReactCommon
+    - SocketRocket
+  - React-RCTFabric (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-FabricComponents
+    - React-FabricImage
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsinspectornetwork
+    - React-jsinspectortracing
+    - React-performancecdpmetrics
+    - React-performancetimeline
+    - React-RCTAnimation
+    - React-RCTFBReactNativeSpec
+    - React-RCTImage
+    - React-RCTText
+    - React-rendererconsistency
+    - React-renderercss
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+    - Yoga
+  - React-RCTFBReactNativeSpec (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec/components (= 0.82.1)
+    - ReactCommon
+    - SocketRocket
+  - React-RCTFBReactNativeSpec/components (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-NativeModulesApple
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon
+    - SocketRocket
+    - Yoga
+  - React-RCTImage (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTTypeSafety
+    - React-Core/RCTImageHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - React-RCTNetwork
+    - ReactCommon
+    - SocketRocket
+  - React-RCTLinking (0.82.1):
+    - React-Core/RCTLinkingHeaders (= 0.82.1)
+    - React-jsi (= 0.82.1)
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+    - ReactCommon/turbomodule/core (= 0.82.1)
+  - React-RCTNetwork (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTTypeSafety
+    - React-Core/RCTNetworkHeaders
+    - React-debug
+    - React-featureflags
+    - React-jsi
+    - React-jsinspectorcdp
+    - React-jsinspectornetwork
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+    - SocketRocket
+  - React-RCTRuntime (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-Core
+    - React-debug
+    - React-jsi
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsinspectortracing
+    - React-jsitooling
+    - React-RuntimeApple
+    - React-RuntimeCore
+    - React-runtimeexecutor
+    - React-RuntimeHermes
+    - SocketRocket
+  - React-RCTSettings (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTTypeSafety
+    - React-Core/RCTSettingsHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+    - SocketRocket
+  - React-RCTText (0.82.1):
+    - React-Core/RCTTextHeaders (= 0.82.1)
+    - Yoga
+  - React-RCTVibration (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-Core/RCTVibrationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFBReactNativeSpec
+    - ReactCommon
+    - SocketRocket
+  - React-rendererconsistency (0.82.1)
+  - React-renderercss (0.82.1):
+    - React-debug
+    - React-utils
+  - React-rendererdebug (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-debug
+    - SocketRocket
+  - React-RuntimeApple (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-callinvoker
+    - React-Core/Default
+    - React-CoreModules
+    - React-cxxreact
+    - React-featureflags
+    - React-jserrorhandler
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsitooling
+    - React-Mapbuffer
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RCTFBReactNativeSpec
+    - React-RuntimeCore
+    - React-runtimeexecutor
+    - React-RuntimeHermes
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+  - React-RuntimeCore (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-cxxreact
+    - React-Fabric
+    - React-featureflags
+    - React-jserrorhandler
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-jsitooling
+    - React-performancetimeline
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+    - SocketRocket
+  - React-runtimeexecutor (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-debug
+    - React-featureflags
+    - React-jsi (= 0.82.1)
+    - React-utils
+    - SocketRocket
+  - React-RuntimeHermes (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsinspector
+    - React-jsinspectorcdp
+    - React-jsinspectortracing
+    - React-jsitooling
+    - React-jsitracing
+    - React-RuntimeCore
+    - React-runtimeexecutor
+    - React-utils
+    - SocketRocket
+  - React-runtimescheduler (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-callinvoker
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-jsi
+    - React-jsinspectortracing
+    - React-performancetimeline
+    - React-rendererconsistency
+    - React-rendererdebug
+    - React-runtimeexecutor
+    - React-timing
+    - React-utils
+    - SocketRocket
+  - React-timing (0.82.1):
+    - React-debug
+  - React-utils (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-debug
+    - React-jsi (= 0.82.1)
+    - SocketRocket
+  - React-webperformancenativemodule (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-jsi
+    - React-jsiexecutor
+    - React-performancetimeline
+    - React-RCTFBReactNativeSpec
+    - React-runtimeexecutor
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - ReactAppDependencyProvider (0.82.1):
+    - ReactCodegen
+  - ReactCodegen (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-FabricImage
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-NativeModulesApple
+    - React-RCTAppDelegate
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+  - ReactCommon (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - ReactCommon/turbomodule (= 0.82.1)
+    - SocketRocket
+  - ReactCommon/turbomodule (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-callinvoker (= 0.82.1)
+    - React-cxxreact (= 0.82.1)
+    - React-jsi (= 0.82.1)
+    - React-logger (= 0.82.1)
+    - React-perflogger (= 0.82.1)
+    - ReactCommon/turbomodule/bridging (= 0.82.1)
+    - ReactCommon/turbomodule/core (= 0.82.1)
+    - SocketRocket
+  - ReactCommon/turbomodule/bridging (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-callinvoker (= 0.82.1)
+    - React-cxxreact (= 0.82.1)
+    - React-jsi (= 0.82.1)
+    - React-logger (= 0.82.1)
+    - React-perflogger (= 0.82.1)
+    - SocketRocket
+  - ReactCommon/turbomodule/core (0.82.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - React-callinvoker (= 0.82.1)
+    - React-cxxreact (= 0.82.1)
+    - React-debug (= 0.82.1)
+    - React-featureflags (= 0.82.1)
+    - React-jsi (= 0.82.1)
+    - React-logger (= 0.82.1)
+    - React-perflogger (= 0.82.1)
+    - React-utils (= 0.82.1)
+    - SocketRocket
+  - RNCAsyncStorage (2.2.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNCCheckbox (0.5.20):
+    - BEMCheckBox (~> 1.4)
+    - React-Core
+  - RNCClipboard (1.16.3):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNDateTimePicker (8.5.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNDeviceInfo (15.0.1):
+    - React-Core
+  - RNFileViewer (2.1.5):
+    - React-Core
+  - RNFS (2.20.0):
+    - React-Core
+  - RNGestureHandler (2.29.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNKeychain (9.2.3):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNPermissions (5.4.4):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNReanimated (4.1.5):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNReanimated/reanimated (= 4.1.5)
+    - RNWorklets
+    - SocketRocket
+    - Yoga
+  - RNReanimated/reanimated (4.1.5):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNReanimated/reanimated/apple (= 4.1.5)
+    - RNWorklets
+    - SocketRocket
+    - Yoga
+  - RNReanimated/reanimated/apple (4.1.5):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNWorklets
+    - SocketRocket
+    - Yoga
+  - RNScreens (4.18.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RCTImage
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNScreens/common (= 4.18.0)
+    - SocketRocket
+    - Yoga
+  - RNScreens/common (4.18.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RCTImage
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNSnackbar (2.9.0):
+    - React-Core
+  - RNSVG (15.15.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNSVG/common (= 15.15.0)
+    - SocketRocket
+    - Yoga
+  - RNSVG/common (15.15.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNVectorIcons (10.3.0):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - RNWorklets (0.6.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNWorklets/worklets (= 0.6.1)
+    - SocketRocket
+    - Yoga
+  - RNWorklets/worklets (0.6.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNWorklets/worklets/apple (= 0.6.1)
+    - SocketRocket
+    - Yoga
+  - RNWorklets/worklets/apple (0.6.1):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - SocketRocket
+    - Yoga
+  - SocketRocket (0.7.1)
+  - VisionCamera (4.7.3):
+    - VisionCamera/Core (= 4.7.3)
+    - VisionCamera/FrameProcessors (= 4.7.3)
+    - VisionCamera/React (= 4.7.3)
+  - VisionCamera/Core (4.7.3)
+  - VisionCamera/FrameProcessors (4.7.3):
+    - React
+    - React-callinvoker
+    - react-native-worklets-core
+  - VisionCamera/React (4.7.3):
+    - React-Core
+    - VisionCamera/FrameProcessors
+  - VisionCameraFaceDetector (1.9.1):
+    - GoogleMLKit/FaceDetection (= 8.0.0)
+    - React-Core
+    - VisionCamera
+  - Yoga (0.0.0)
+
+DEPENDENCIES:
+  - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`)
+  - BVLinearGradient (from `../node_modules/react-native-linear-gradient`)
+  - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
+  - fast_float (from `../node_modules/react-native/third-party-podspecs/fast_float.podspec`)
+  - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
+  - fmt (from `../node_modules/react-native/third-party-podspecs/fmt.podspec`)
+  - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
+  - hermes-engine (from `../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec`)
+  - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`)
+  - RCTDeprecation (from `../node_modules/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation`)
+  - RCTRequired (from `../node_modules/react-native/Libraries/Required`)
+  - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`)
+  - React (from `../node_modules/react-native/`)
+  - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`)
+  - React-Core (from `../node_modules/react-native/`)
+  - React-Core/RCTWebSocket (from `../node_modules/react-native/`)
+  - React-CoreModules (from `../node_modules/react-native/React/CoreModules`)
+  - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`)
+  - React-debug (from `../node_modules/react-native/ReactCommon/react/debug`)
+  - React-defaultsnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/defaults`)
+  - React-domnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/dom`)
+  - React-Fabric (from `../node_modules/react-native/ReactCommon`)
+  - React-FabricComponents (from `../node_modules/react-native/ReactCommon`)
+  - React-FabricImage (from `../node_modules/react-native/ReactCommon`)
+  - React-featureflags (from `../node_modules/react-native/ReactCommon/react/featureflags`)
+  - React-featureflagsnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/featureflags`)
+  - React-graphics (from `../node_modules/react-native/ReactCommon/react/renderer/graphics`)
+  - React-hermes (from `../node_modules/react-native/ReactCommon/hermes`)
+  - React-idlecallbacksnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/idlecallbacks`)
+  - React-ImageManager (from `../node_modules/react-native/ReactCommon/react/renderer/imagemanager/platform/ios`)
+  - React-jserrorhandler (from `../node_modules/react-native/ReactCommon/jserrorhandler`)
+  - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`)
+  - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
+  - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector-modern`)
+  - React-jsinspectorcdp (from `../node_modules/react-native/ReactCommon/jsinspector-modern/cdp`)
+  - React-jsinspectornetwork (from `../node_modules/react-native/ReactCommon/jsinspector-modern/network`)
+  - React-jsinspectortracing (from `../node_modules/react-native/ReactCommon/jsinspector-modern/tracing`)
+  - React-jsitooling (from `../node_modules/react-native/ReactCommon/jsitooling`)
+  - React-jsitracing (from `../node_modules/react-native/ReactCommon/hermes/executor/`)
+  - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
+  - React-Mapbuffer (from `../node_modules/react-native/ReactCommon`)
+  - React-microtasksnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/microtasks`)
+  - react-native-blob-util (from `../node_modules/react-native-blob-util`)
+  - "react-native-document-picker (from `../node_modules/@react-native-documents/picker`)"
+  - "react-native-geolocation (from `../node_modules/@react-native-community/geolocation`)"
+  - react-native-geolocation-service (from `../node_modules/react-native-geolocation-service`)
+  - react-native-image-marker (from `../node_modules/react-native-image-marker`)
+  - react-native-image-picker (from `../node_modules/react-native-image-picker`)
+  - react-native-image-resizer (from `../node_modules/react-native-image-resizer`)
+  - react-native-maps (from `../node_modules/react-native-maps`)
+  - "react-native-netinfo (from `../node_modules/@react-native-community/netinfo`)"
+  - react-native-orientation-locker (from `../node_modules/react-native-orientation-locker`)
+  - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
+  - react-native-splash-screen (from `../node_modules/react-native-splash-screen`)
+  - react-native-sqlite-2 (from `../node_modules/react-native-sqlite-2`)
+  - react-native-version-check (from `../node_modules/react-native-version-check`)
+  - react-native-video (from `../node_modules/react-native-video`)
+  - react-native-view-shot (from `../node_modules/react-native-view-shot`)
+  - react-native-webview (from `../node_modules/react-native-webview`)
+  - react-native-worklets-core (from `../node_modules/react-native-worklets-core`)
+  - React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
+  - React-oscompat (from `../node_modules/react-native/ReactCommon/oscompat`)
+  - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
+  - React-performancecdpmetrics (from `../node_modules/react-native/ReactCommon/react/performance/cdpmetrics`)
+  - React-performancetimeline (from `../node_modules/react-native/ReactCommon/react/performance/timeline`)
+  - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
+  - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`)
+  - React-RCTAppDelegate (from `../node_modules/react-native/Libraries/AppDelegate`)
+  - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`)
+  - React-RCTFabric (from `../node_modules/react-native/React`)
+  - React-RCTFBReactNativeSpec (from `../node_modules/react-native/React`)
+  - React-RCTImage (from `../node_modules/react-native/Libraries/Image`)
+  - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`)
+  - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`)
+  - React-RCTRuntime (from `../node_modules/react-native/React/Runtime`)
+  - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`)
+  - React-RCTText (from `../node_modules/react-native/Libraries/Text`)
+  - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
+  - React-rendererconsistency (from `../node_modules/react-native/ReactCommon/react/renderer/consistency`)
+  - React-renderercss (from `../node_modules/react-native/ReactCommon/react/renderer/css`)
+  - React-rendererdebug (from `../node_modules/react-native/ReactCommon/react/renderer/debug`)
+  - React-RuntimeApple (from `../node_modules/react-native/ReactCommon/react/runtime/platform/ios`)
+  - React-RuntimeCore (from `../node_modules/react-native/ReactCommon/react/runtime`)
+  - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
+  - React-RuntimeHermes (from `../node_modules/react-native/ReactCommon/react/runtime`)
+  - React-runtimescheduler (from `../node_modules/react-native/ReactCommon/react/renderer/runtimescheduler`)
+  - React-timing (from `../node_modules/react-native/ReactCommon/react/timing`)
+  - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
+  - React-webperformancenativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/webperformance`)
+  - ReactAppDependencyProvider (from `build/generated/ios`)
+  - ReactCodegen (from `build/generated/ios`)
+  - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
+  - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
+  - "RNCCheckbox (from `../node_modules/@react-native-community/checkbox`)"
+  - "RNCClipboard (from `../node_modules/@react-native-clipboard/clipboard`)"
+  - "RNDateTimePicker (from `../node_modules/@react-native-community/datetimepicker`)"
+  - RNDeviceInfo (from `../node_modules/react-native-device-info`)
+  - RNFileViewer (from `../node_modules/react-native-file-viewer`)
+  - RNFS (from `../node_modules/react-native-fs`)
+  - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
+  - RNKeychain (from `../node_modules/react-native-keychain`)
+  - RNPermissions (from `../node_modules/react-native-permissions`)
+  - RNReanimated (from `../node_modules/react-native-reanimated`)
+  - RNScreens (from `../node_modules/react-native-screens`)
+  - RNSnackbar (from `../node_modules/react-native-snackbar`)
+  - RNSVG (from `../node_modules/react-native-svg`)
+  - RNVectorIcons (from `../node_modules/react-native-vector-icons`)
+  - RNWorklets (from `../node_modules/react-native-worklets`)
+  - SocketRocket (~> 0.7.1)
+  - VisionCamera (from `../node_modules/react-native-vision-camera`)
+  - VisionCameraFaceDetector (from `../node_modules/react-native-vision-camera-face-detector`)
+  - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
+
+SPEC REPOS:
+  trunk:
+    - BEMCheckBox
+    - GoogleDataTransport
+    - GoogleMLKit
+    - GoogleToolboxForMac
+    - GoogleUtilities
+    - GTMSessionFetcher
+    - MLImage
+    - MLKitCommon
+    - MLKitFaceDetection
+    - MLKitVision
+    - nanopb
+    - PromisesObjC
+    - React-Codegen
+    - SocketRocket
+
+EXTERNAL SOURCES:
+  boost:
+    :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec"
+  BVLinearGradient:
+    :path: "../node_modules/react-native-linear-gradient"
+  DoubleConversion:
+    :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec"
+  fast_float:
+    :podspec: "../node_modules/react-native/third-party-podspecs/fast_float.podspec"
+  FBLazyVector:
+    :path: "../node_modules/react-native/Libraries/FBLazyVector"
+  fmt:
+    :podspec: "../node_modules/react-native/third-party-podspecs/fmt.podspec"
+  glog:
+    :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec"
+  hermes-engine:
+    :podspec: "../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec"
+    :tag: hermes-2025-09-01-RNv0.82.0-265ef62ff3eb7289d17e366664ac0da82303e101
+  RCT-Folly:
+    :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec"
+  RCTDeprecation:
+    :path: "../node_modules/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation"
+  RCTRequired:
+    :path: "../node_modules/react-native/Libraries/Required"
+  RCTTypeSafety:
+    :path: "../node_modules/react-native/Libraries/TypeSafety"
+  React:
+    :path: "../node_modules/react-native/"
+  React-callinvoker:
+    :path: "../node_modules/react-native/ReactCommon/callinvoker"
+  React-Core:
+    :path: "../node_modules/react-native/"
+  React-CoreModules:
+    :path: "../node_modules/react-native/React/CoreModules"
+  React-cxxreact:
+    :path: "../node_modules/react-native/ReactCommon/cxxreact"
+  React-debug:
+    :path: "../node_modules/react-native/ReactCommon/react/debug"
+  React-defaultsnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/defaults"
+  React-domnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/dom"
+  React-Fabric:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-FabricComponents:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-FabricImage:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-featureflags:
+    :path: "../node_modules/react-native/ReactCommon/react/featureflags"
+  React-featureflagsnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/featureflags"
+  React-graphics:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/graphics"
+  React-hermes:
+    :path: "../node_modules/react-native/ReactCommon/hermes"
+  React-idlecallbacksnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/idlecallbacks"
+  React-ImageManager:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/imagemanager/platform/ios"
+  React-jserrorhandler:
+    :path: "../node_modules/react-native/ReactCommon/jserrorhandler"
+  React-jsi:
+    :path: "../node_modules/react-native/ReactCommon/jsi"
+  React-jsiexecutor:
+    :path: "../node_modules/react-native/ReactCommon/jsiexecutor"
+  React-jsinspector:
+    :path: "../node_modules/react-native/ReactCommon/jsinspector-modern"
+  React-jsinspectorcdp:
+    :path: "../node_modules/react-native/ReactCommon/jsinspector-modern/cdp"
+  React-jsinspectornetwork:
+    :path: "../node_modules/react-native/ReactCommon/jsinspector-modern/network"
+  React-jsinspectortracing:
+    :path: "../node_modules/react-native/ReactCommon/jsinspector-modern/tracing"
+  React-jsitooling:
+    :path: "../node_modules/react-native/ReactCommon/jsitooling"
+  React-jsitracing:
+    :path: "../node_modules/react-native/ReactCommon/hermes/executor/"
+  React-logger:
+    :path: "../node_modules/react-native/ReactCommon/logger"
+  React-Mapbuffer:
+    :path: "../node_modules/react-native/ReactCommon"
+  React-microtasksnativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/microtasks"
+  react-native-blob-util:
+    :path: "../node_modules/react-native-blob-util"
+  react-native-document-picker:
+    :path: "../node_modules/@react-native-documents/picker"
+  react-native-geolocation:
+    :path: "../node_modules/@react-native-community/geolocation"
+  react-native-geolocation-service:
+    :path: "../node_modules/react-native-geolocation-service"
+  react-native-image-marker:
+    :path: "../node_modules/react-native-image-marker"
+  react-native-image-picker:
+    :path: "../node_modules/react-native-image-picker"
+  react-native-image-resizer:
+    :path: "../node_modules/react-native-image-resizer"
+  react-native-maps:
+    :path: "../node_modules/react-native-maps"
+  react-native-netinfo:
+    :path: "../node_modules/@react-native-community/netinfo"
+  react-native-orientation-locker:
+    :path: "../node_modules/react-native-orientation-locker"
+  react-native-safe-area-context:
+    :path: "../node_modules/react-native-safe-area-context"
+  react-native-splash-screen:
+    :path: "../node_modules/react-native-splash-screen"
+  react-native-sqlite-2:
+    :path: "../node_modules/react-native-sqlite-2"
+  react-native-version-check:
+    :path: "../node_modules/react-native-version-check"
+  react-native-video:
+    :path: "../node_modules/react-native-video"
+  react-native-view-shot:
+    :path: "../node_modules/react-native-view-shot"
+  react-native-webview:
+    :path: "../node_modules/react-native-webview"
+  react-native-worklets-core:
+    :path: "../node_modules/react-native-worklets-core"
+  React-NativeModulesApple:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios"
+  React-oscompat:
+    :path: "../node_modules/react-native/ReactCommon/oscompat"
+  React-perflogger:
+    :path: "../node_modules/react-native/ReactCommon/reactperflogger"
+  React-performancecdpmetrics:
+    :path: "../node_modules/react-native/ReactCommon/react/performance/cdpmetrics"
+  React-performancetimeline:
+    :path: "../node_modules/react-native/ReactCommon/react/performance/timeline"
+  React-RCTActionSheet:
+    :path: "../node_modules/react-native/Libraries/ActionSheetIOS"
+  React-RCTAnimation:
+    :path: "../node_modules/react-native/Libraries/NativeAnimation"
+  React-RCTAppDelegate:
+    :path: "../node_modules/react-native/Libraries/AppDelegate"
+  React-RCTBlob:
+    :path: "../node_modules/react-native/Libraries/Blob"
+  React-RCTFabric:
+    :path: "../node_modules/react-native/React"
+  React-RCTFBReactNativeSpec:
+    :path: "../node_modules/react-native/React"
+  React-RCTImage:
+    :path: "../node_modules/react-native/Libraries/Image"
+  React-RCTLinking:
+    :path: "../node_modules/react-native/Libraries/LinkingIOS"
+  React-RCTNetwork:
+    :path: "../node_modules/react-native/Libraries/Network"
+  React-RCTRuntime:
+    :path: "../node_modules/react-native/React/Runtime"
+  React-RCTSettings:
+    :path: "../node_modules/react-native/Libraries/Settings"
+  React-RCTText:
+    :path: "../node_modules/react-native/Libraries/Text"
+  React-RCTVibration:
+    :path: "../node_modules/react-native/Libraries/Vibration"
+  React-rendererconsistency:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/consistency"
+  React-renderercss:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/css"
+  React-rendererdebug:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/debug"
+  React-RuntimeApple:
+    :path: "../node_modules/react-native/ReactCommon/react/runtime/platform/ios"
+  React-RuntimeCore:
+    :path: "../node_modules/react-native/ReactCommon/react/runtime"
+  React-runtimeexecutor:
+    :path: "../node_modules/react-native/ReactCommon/runtimeexecutor"
+  React-RuntimeHermes:
+    :path: "../node_modules/react-native/ReactCommon/react/runtime"
+  React-runtimescheduler:
+    :path: "../node_modules/react-native/ReactCommon/react/renderer/runtimescheduler"
+  React-timing:
+    :path: "../node_modules/react-native/ReactCommon/react/timing"
+  React-utils:
+    :path: "../node_modules/react-native/ReactCommon/react/utils"
+  React-webperformancenativemodule:
+    :path: "../node_modules/react-native/ReactCommon/react/nativemodule/webperformance"
+  ReactAppDependencyProvider:
+    :path: build/generated/ios
+  ReactCodegen:
+    :path: build/generated/ios
+  ReactCommon:
+    :path: "../node_modules/react-native/ReactCommon"
+  RNCAsyncStorage:
+    :path: "../node_modules/@react-native-async-storage/async-storage"
+  RNCCheckbox:
+    :path: "../node_modules/@react-native-community/checkbox"
+  RNCClipboard:
+    :path: "../node_modules/@react-native-clipboard/clipboard"
+  RNDateTimePicker:
+    :path: "../node_modules/@react-native-community/datetimepicker"
+  RNDeviceInfo:
+    :path: "../node_modules/react-native-device-info"
+  RNFileViewer:
+    :path: "../node_modules/react-native-file-viewer"
+  RNFS:
+    :path: "../node_modules/react-native-fs"
+  RNGestureHandler:
+    :path: "../node_modules/react-native-gesture-handler"
+  RNKeychain:
+    :path: "../node_modules/react-native-keychain"
+  RNPermissions:
+    :path: "../node_modules/react-native-permissions"
+  RNReanimated:
+    :path: "../node_modules/react-native-reanimated"
+  RNScreens:
+    :path: "../node_modules/react-native-screens"
+  RNSnackbar:
+    :path: "../node_modules/react-native-snackbar"
+  RNSVG:
+    :path: "../node_modules/react-native-svg"
+  RNVectorIcons:
+    :path: "../node_modules/react-native-vector-icons"
+  RNWorklets:
+    :path: "../node_modules/react-native-worklets"
+  VisionCamera:
+    :path: "../node_modules/react-native-vision-camera"
+  VisionCameraFaceDetector:
+    :path: "../node_modules/react-native-vision-camera-face-detector"
+  Yoga:
+    :path: "../node_modules/react-native/ReactCommon/yoga"
+
+SPEC CHECKSUMS:
+  BEMCheckBox: 5ba6e37ade3d3657b36caecc35c8b75c6c2b1a4e
+  boost: 7e761d76ca2ce687f7cc98e698152abd03a18f90
+  BVLinearGradient: cb006ba232a1f3e4f341bb62c42d1098c284da70
+  DoubleConversion: cb417026b2400c8f53ae97020b2be961b59470cb
+  fast_float: b32c788ed9c6a8c584d114d0047beda9664e7cc6
+  FBLazyVector: 0aa6183b9afe3c31fc65b5d1eeef1f3c19b63bfa
+  fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd
+  glog: 5683914934d5b6e4240e497e0f4a3b42d1854183
+  GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
+  GoogleMLKit: ddd51d7dff36ff28defa69afedd9cdce684fd857
+  GoogleToolboxForMac: d1a2cbf009c453f4d6ded37c105e2f67a32206d8
+  GoogleUtilities: 00c88b9a86066ef77f0da2fab05f65d7768ed8e1
+  GTMSessionFetcher: 5aea5ba6bd522a239e236100971f10cb71b96ab6
+  hermes-engine: 273e30e7fb618279934b0b95ffab60ecedb7acf5
+  MLImage: 2ab9c968e75f57911c16f4c9d9e8a8e9604a86a1
+  MLKitCommon: 26b779f072a182c1603d4c88a101c350cac837b1
+  MLKitFaceDetection: d50aff1a44aa9a4e95f7e208298a3ce40b68f9f8
+  MLKitVision: fa8dea9012ac59497c79ddbe9ebf32051047ac4c
+  nanopb: fad817b59e0457d11a5dfbde799381cd727c1275
+  PromisesObjC: f5707f49cb48b9636751c5b2e7d227e43fba9f47
+  RCT-Folly: 846fda9475e61ec7bcbf8a3fe81edfcaeb090669
+  RCTDeprecation: f17e2ebc07876ca9ab8eb6e4b0a4e4647497ae3a
+  RCTRequired: e2c574c1b45231f7efb0834936bd609d75072b63
+  RCTTypeSafety: c693294e3993056955c3010eb1ebc574f1fcded6
+  React: aeece948ccf155182ea86a2395786ed31cf21c61
+  React-callinvoker: 05ad789505922d68c06cde1c8060e734df9fe182
+  React-Codegen: 4b8b4817cea7a54b83851d4c1f91f79aa73de30a
+  React-Core: 956ac86b4d9b0c0fd9a14b9cc533aa297bb501c0
+  React-CoreModules: 3a8d39778cf9eeca40e419814e875da1a8e29855
+  React-cxxreact: db275765e1eb08f038599fb44114cf57ee0d18cd
+  React-debug: 1dfa1d1cbd93bdaffa3b140190829f9fd9e27985
+  React-defaultsnativemodule: 35f353ba06901fb5e374bc56e750fde05cbb05b9
+  React-domnativemodule: cf9e1b1b520ce0e66396c2744b3eb6d419711c13
+  React-Fabric: c0b0c1ad70476d354b3da9fef96094f7b37804da
+  React-FabricComponents: 8c6861c5233cf0d5685cee301a979313090e2f57
+  React-FabricImage: cef8883d2fb6c892003fefcad261d2898adbe926
+  React-featureflags: 0e2b969019c2b118de64a6d4c55ef7c05f2b0f1d
+  React-featureflagsnativemodule: e1ef619d14fe0a68d4783b32293309dbb13ef2a5
+  React-graphics: 0fc6b7acaff7161bda05bf8bffceacc2b0b4e38d
+  React-hermes: b454b9352bc26e638704d103009f659a125b86d3
+  React-idlecallbacksnativemodule: 35ab292f8404c469744db5a5dd5f0f27f95e5ebf
+  React-ImageManager: 3312c550ebcf6b7d911d9993082adcb3e1407ce8
+  React-jserrorhandler: 2a7f2d94566f05f8cb82288afd46bc0fd8b2ffc7
+  React-jsi: 7aa265cf8372d8385ccc7935729e76d27e694dfe
+  React-jsiexecutor: 8dd53bebfb3bc12f0541282aa4c858a433914e37
+  React-jsinspector: f89b9ae62a4e2f6035b452442ef20a7f98f9cb27
+  React-jsinspectorcdp: 44e46c1473a8deecf7b188389ed409be83fb3cc7
+  React-jsinspectornetwork: dc9524f6e3d7694b1b6f4bd22dedad8ccc2c0a80
+  React-jsinspectortracing: 0166ebbdfb125936a5d231895de3c11a19521dfc
+  React-jsitooling: 34692514ec8d8735938eda3677808a58f41c925b
+  React-jsitracing: a598dae84a87f8013635d09c5e7884023bda8501
+  React-logger: 500f2fa5697d224e63c33d913c8a4765319e19bf
+  React-Mapbuffer: 06d59c448da7e34eb05b3fb2189e12f6a30fec57
+  React-microtasksnativemodule: d1ee999dc9052e23f6488b730fa2d383a4ea40e5
+  react-native-blob-util: e2162ce4757849682559754bca954b65dc7eeb2f
+  react-native-document-picker: b49fc10a23d1f89ae7d8c09c2312fb6bec98f8cd
+  react-native-geolocation: 95e48fe2687e5a8280103085372fa62c2297c5d6
+  react-native-geolocation-service: 32b2c2a3b91e70ce2a8d0c684801aaeb0a07e0ec
+  react-native-image-marker: 8e0fa61e722cd010f5c78ef3d2a2b11feb9cf251
+  react-native-image-picker: 0314366753615115fa55c3cc937ac44cb7e75702
+  react-native-image-resizer: 17b2d73c030975b6543395c7e7368bc8774c5efa
+  react-native-maps: 92f417ffa2c6598b783f133df25e60ce62aede0f
+  react-native-netinfo: cec9c4e86083cb5b6aba0e0711f563e2fbbff187
+  react-native-orientation-locker: cc6f357b289a2e0dd2210fea0c52cb8e0727fdaa
+  react-native-safe-area-context: c00143b4823773bba23f2f19f85663ae89ceb460
+  react-native-splash-screen: 95994222cc95c236bd3cdc59fe45ed5f27969594
+  react-native-sqlite-2: 1356d7be6e51712e5de9fdc0be2be140162b563d
+  react-native-version-check: 842a3b0e7221798cbe8c6abaf24aab3ed0b485ce
+  react-native-video: 7b821291837d8ba7b9d7574bfeb0cd651e910141
+  react-native-view-shot: 6c008e58f4720de58370848201c5d4a082c6d4ca
+  react-native-webview: 654f794a7686b47491cf43aa67f7f428bea00eed
+  react-native-worklets-core: 28a6e2121dcf62543b703e81bc4860e9a0150cee
+  React-NativeModulesApple: 46690a0fe94ec28fc6fc686ec797b911d251ded0
+  React-oscompat: 95875e81f5d4b3c7b2c888d5bd2c9d83450d8bdb
+  React-perflogger: 2e229bf33e42c094fd64516d89ec1187a2b79b5b
+  React-performancecdpmetrics: 05ba4bd83f36acf192071bb5d9c8f45faf04d140
+  React-performancetimeline: bfc96fcd2b79f7489dd54e3df4cba186dd8dd141
+  React-RCTActionSheet: 2399bb6cc8adaef2e5850878102fea2ad1788a0e
+  React-RCTAnimation: d1deb6946e83e22a795a7d0148b94faad8851644
+  React-RCTAppDelegate: 10b35d5cec3f8653f6de843ae800b3ba8050b801
+  React-RCTBlob: 85150378edc42862d7c13ff2502693f32b174f91
+  React-RCTFabric: 736f9da3ad57e2cef5fa4c132999933a89bb8378
+  React-RCTFBReactNativeSpec: 705ec584758966950a31fa235539b57523059837
+  React-RCTImage: bb6cbdc22698b3afc8eb8d81ef03ee840d24c6f6
+  React-RCTLinking: e8b006d101c45651925de3e82189f03449eedfe7
+  React-RCTNetwork: 7999731af05ec8f591cbc6ad4e29d79e209c581a
+  React-RCTRuntime: 99d8a2a17747866fb972561cdb205afe9b26d369
+  React-RCTSettings: 839f334abb92e917bc24322036081ffe15c84086
+  React-RCTText: 272f60e9a5dbfd14c348c85881ee7d5c7749a67c
+  React-RCTVibration: 1ffa30a21e2227be3afe28d657ac8e6616c91bae
+  React-rendererconsistency: 3c3e198aba0255524ed7126aa812d22ce750d217
+  React-renderercss: 6b3ce3dfadf991937ae3229112be843ef1438c32
+  React-rendererdebug: baf9e1daa07ac7f9aca379555126d29f963ba38b
+  React-RuntimeApple: 4136aee89257894955ef09e9f9ef74f0c27596be
+  React-RuntimeCore: e9a743d7de4bbd741b16e10b26078d815d6513ab
+  React-runtimeexecutor: 781e292362066af82fa2478d95c6b0e374421844
+  React-RuntimeHermes: 6ab3c2847516769fc860d711814f1735859cad74
+  React-runtimescheduler: 824c83a5fd68b35396de6d4f2f9ae995daac861b
+  React-timing: 1ebc7102dd52a3edcc63534686bb156e12648411
+  React-utils: abf37b162f560cd0e3e5d037af30bb796512246d
+  React-webperformancenativemodule: 50a57c713a90d27ae3ab947a6c9c8859bcb49709
+  ReactAppDependencyProvider: a45ef34bb22dc1c9b2ac1f74167d9a28af961176
+  ReactCodegen: 878add6c7d8ff8cea87697c44d29c03b79b6f2d9
+  ReactCommon: 804dc80944fa90b86800b43c871742ec005ca424
+  RNCAsyncStorage: 29f0230e1a25f36c20b05f65e2eb8958d6526e82
+  RNCCheckbox: 33b44487ca8008394ce658cc32b26eab04f426ef
+  RNCClipboard: 4b58c780f63676367640f23c8e114e9bd0cf86ac
+  RNDateTimePicker: 243cc82889368422dab234d73dec63d6cdb1e70f
+  RNDeviceInfo: 36d7f232bfe7c9b5c494cb7793230424ed32c388
+  RNFileViewer: 4b5d83358214347e4ab2d4ca8d5c1c90d869e251
+  RNFS: 89de7d7f4c0f6bafa05343c578f61118c8282ed8
+  RNGestureHandler: e1cf8ef3f11045536eed6bd4f132b003ef5f9a5f
+  RNKeychain: 483402cf2b90647eb0cf569cebbc069d32addea4
+  RNPermissions: ff947b6fd956f3d188c1950dfc18ebd830bf00e3
+  RNReanimated: ac06da53579693ab451941ef89f5a55afeab0dd9
+  RNScreens: d821082c6dd1cb397cc0c98b026eeafaa68be479
+  RNSnackbar: c1b235eb606b03938c693ce769ed3059c31dff9b
+  RNSVG: 005860704c95493cd23a417dfbeb76dcd8bb7042
+  RNVectorIcons: 791f13226ec4a3fd13062eda9e892159f0981fae
+  RNWorklets: ab618bf7d1c7fd2cb793b9f0f39c3e29274b3ebf
+  SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
+  VisionCamera: 0044a94f7489f19e19d5938e97dfc36f4784af3c
+  VisionCameraFaceDetector: 1aac3e7353161c7c822cf1c616760bd44a2758c4
+  Yoga: 689c8e04277f3ad631e60fe2a08e41d411daf8eb
+
+PODFILE CHECKSUM: f3322fb1054de4530f6e0bade2e0da8c6e77c5be
+
+COCOAPODS: 1.16.2
diff --git a/ios/cpm_logo.png b/ios/cpm_logo.png
new file mode 100644
index 0000000..e4d9ae6
Binary files /dev/null and b/ios/cpm_logo.png differ
diff --git a/ios/logo.png b/ios/logo.png
new file mode 100644
index 0000000..11a738a
Binary files /dev/null and b/ios/logo.png differ
diff --git a/ios/parinaam_tag_line.png b/ios/parinaam_tag_line.png
new file mode 100644
index 0000000..1d072e2
Binary files /dev/null and b/ios/parinaam_tag_line.png differ
diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 0000000..8eb675e
--- /dev/null
+++ b/jest.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  preset: 'react-native',
+};
diff --git a/metro.config.js b/metro.config.js
new file mode 100644
index 0000000..2a0a21c
--- /dev/null
+++ b/metro.config.js
@@ -0,0 +1,11 @@
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+
+/**
+ * Metro configuration
+ * https://reactnative.dev/docs/metro
+ *
+ * @type {import('@react-native/metro-config').MetroConfig}
+ */
+const config = {};
+
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..dfbdd2b
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,15001 @@
+{
+  "name": "PerformicsManager",
+  "version": "0.0.1",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "PerformicsManager",
+      "version": "0.0.1",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@dominicvonk/react-native-apk-installer": "^2.2.2",
+        "@react-native-async-storage/async-storage": "^2.2.0",
+        "@react-native-clipboard/clipboard": "^1.16.2",
+        "@react-native-community/checkbox": "^0.5.20",
+        "@react-native-community/datetimepicker": "^8.4.1",
+        "@react-native-community/netinfo": "^11.4.1",
+        "@react-native-documents/picker": "^11.0.0",
+        "@react-native/new-app-screen": "0.82.1",
+        "@react-navigation/drawer": "^7.5.8",
+        "@react-navigation/native": "^7.1.18",
+        "@react-navigation/stack": "^7.4.8",
+        "base-64": "^1.0.0",
+        "deprecated-react-native-prop-types": "^2.3.0",
+        "mime": "^4.0.7",
+        "moment": "^2.30.1",
+        "prop-types": "^15.8.1",
+        "react": "19.1.1",
+        "react-native": "0.82.1",
+        "react-native-animated-splash-screen": "^2.0.5",
+        "react-native-blob-util": "^0.22.2",
+        "react-native-chart-kit": "^6.12.0",
+        "react-native-collapsible": "^1.6.2",
+        "react-native-device-info": "^15.0.1",
+        "react-native-draggable-flatlist": "^4.0.3",
+        "react-native-element-dropdown": "^2.12.4",
+        "react-native-file-viewer": "^2.1.5",
+        "react-native-fs": "^2.20.0",
+        "react-native-geolocation-service": "^5.3.1",
+        "react-native-gesture-handler": "^2.25.0",
+        "react-native-google-maps": "^1.0.0",
+        "react-native-image-marker": "^1.2.9",
+        "react-native-image-pan-zoom": "^2.1.12",
+        "react-native-image-picker": "^8.2.1",
+        "react-native-image-resizer": "^1.4.5",
+        "react-native-image-zoom-viewer": "^3.0.1",
+        "react-native-keychain": "^9.2.3",
+        "react-native-linear-gradient": "^2.8.3",
+        "react-native-maps": "^1.24.1",
+        "react-native-modal": "^14.0.0-rc.1",
+        "react-native-modal-datetime-picker": "^18.0.0",
+        "react-native-modal-selector": "^2.1.2",
+        "react-native-multiple-select": "^0.5.12",
+        "react-native-orientation-locker": "^1.7.0",
+        "react-native-otp-inputs": "^7.4.0",
+        "react-native-paper": "^5.14.5",
+        "react-native-permissions": "^5.4.1",
+        "react-native-reanimated": "^4.1.5",
+        "react-native-responsive-screen": "^1.4.2",
+        "react-native-safe-area-context": "^5.5.2",
+        "react-native-screens": "^4.11.1",
+        "react-native-snackbar": "^2.9.0",
+        "react-native-snap-carousel": "^3.9.1",
+        "react-native-splash-screen": "^3.3.0",
+        "react-native-sqlite-2": "^3.6.2",
+        "react-native-svg": "^15.12.0",
+        "react-native-vector-icons": "^10.2.0",
+        "react-native-version-check": "^3.5.0",
+        "react-native-video": "^6.14.1",
+        "react-native-video-controls": "^2.8.1",
+        "react-native-view-shot": "^4.0.3",
+        "react-native-vision-camera": "^4.7.3",
+        "react-native-vision-camera-face-detector": "^1.9.1",
+        "react-native-webview": "^13.15.0",
+        "react-native-worklets": "^0.6.1",
+        "react-native-worklets-core": "^1.6.2",
+        "react-redux": "^9.2.0",
+        "redux": "^5.0.1",
+        "utf8": "^3.0.0"
+      },
+      "devDependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/preset-env": "^7.25.3",
+        "@babel/runtime": "^7.25.0",
+        "@react-native-community/cli": "20.0.0",
+        "@react-native-community/cli-platform-android": "20.0.0",
+        "@react-native-community/cli-platform-ios": "20.0.0",
+        "@react-native/babel-preset": "0.82.1",
+        "@react-native/eslint-config": "0.82.1",
+        "@react-native/metro-config": "0.82.1",
+        "@react-native/typescript-config": "0.82.1",
+        "@types/jest": "^29.5.13",
+        "@types/react": "^19.1.1",
+        "@types/react-test-renderer": "^19.1.0",
+        "babel-plugin-inline-import": "^3.0.0",
+        "eslint": "^8.19.0",
+        "jest": "^29.6.3",
+        "prettier": "2.8.8",
+        "react-test-renderer": "19.1.1",
+        "typescript": "^5.8.3"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
+      "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/eslint-parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.28.5.tgz",
+      "integrity": "sha512-fcdRcWahONYo+JRnJg1/AekOacGvKx12Gu0qXJXFi2WBqQA1i7+O5PaxRB7kxE/Op94dExnCiiar6T09pvdHpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.5.tgz",
+      "integrity": "sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.28.5",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz",
+      "integrity": "sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "regexpu-core": "^6.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz",
+      "integrity": "sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "debug": "^4.4.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.22.10"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz",
+      "integrity": "sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-wrap-function": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.3.tgz",
+      "integrity": "sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.3",
+        "@babel/types": "^7.28.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz",
+      "integrity": "sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz",
+      "integrity": "sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz",
+      "integrity": "sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz",
+      "integrity": "sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz",
+      "integrity": "sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-export-default-from": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.27.1.tgz",
+      "integrity": "sha512-hjlsMBl1aJc5lp8MoCDEZCiYzlgdRAShOjAfRw6X+GlpLpUPU7c3XNLsKFZbQk/1cRzBlJ7CXg3xJAJMrFa1Uw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-bigint": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
+      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-default-from": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.27.1.tgz",
+      "integrity": "sha512-eBC/3KSekshx19+N40MzjWqJd7KTEdOoLesAfa4IDFI8eRz5a47i5Oszus6zG/cwIXN63YhgLOMSSNJx49sENg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-flow": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.27.1.tgz",
+      "integrity": "sha512-p9OkPbZ5G7UT1MofwYFigGebnrzGJacoBSQM0/6bi/PUMVE+qlWDD/OalvQKbwgQzU6dl0xAv6r4X7Jme0RYxA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz",
+      "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
+      "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+      "integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz",
+      "integrity": "sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz",
+      "integrity": "sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1",
+        "@babel/traverse": "^7.28.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz",
+      "integrity": "sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz",
+      "integrity": "sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz",
+      "integrity": "sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz",
+      "integrity": "sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.28.3",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz",
+      "integrity": "sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/traverse": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz",
+      "integrity": "sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/template": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz",
+      "integrity": "sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz",
+      "integrity": "sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz",
+      "integrity": "sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz",
+      "integrity": "sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz",
+      "integrity": "sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-explicit-resource-management": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.0.tgz",
+      "integrity": "sha512-K8nhUcn3f6iB+P3gwCv/no7OdzOZQcKchW6N389V6PD8NUWKZHzndOd9sPDVbMoBsbmjMqlB4L9fm+fEFNVlwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz",
+      "integrity": "sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz",
+      "integrity": "sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-flow-strip-types": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.27.1.tgz",
+      "integrity": "sha512-G5eDKsu50udECw7DL2AcsysXiQyB7Nfg521t2OAJ4tbfTJ27doHLeF/vlI1NZGlLdbb/v+ibvtL1YBQqYOwJGg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-flow": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz",
+      "integrity": "sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz",
+      "integrity": "sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz",
+      "integrity": "sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz",
+      "integrity": "sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.5.tgz",
+      "integrity": "sha512-axUuqnUTBuXyHGcJEVVh9pORaN6wC5bYfE7FGzPiaWa3syib9m7g+/IT/4VgCOe2Upef43PHzeAvcrVek6QuuA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz",
+      "integrity": "sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz",
+      "integrity": "sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
+      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz",
+      "integrity": "sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz",
+      "integrity": "sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz",
+      "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz",
+      "integrity": "sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz",
+      "integrity": "sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz",
+      "integrity": "sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz",
+      "integrity": "sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.0",
+        "@babel/plugin-transform-parameters": "^7.27.7",
+        "@babel/traverse": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz",
+      "integrity": "sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz",
+      "integrity": "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz",
+      "integrity": "sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.27.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz",
+      "integrity": "sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz",
+      "integrity": "sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz",
+      "integrity": "sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz",
+      "integrity": "sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.28.0.tgz",
+      "integrity": "sha512-D6Eujc2zMxKjfa4Zxl4GHMsmhKKZ9VpcqIchJLvwTxad9zWIYulwYItBovpDOoNLISpcZSXoDJ5gaGbQUDqViA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.27.1.tgz",
+      "integrity": "sha512-2KH4LWGSrJIkVf5tSiBFYuXDAoWRq2MMwgivCf+93dd0GQi8RXLjKA/0EvRnVV5G0hrHczsquXuD01L8s6dmBw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz",
+      "integrity": "sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regexp-modifiers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz",
+      "integrity": "sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz",
+      "integrity": "sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.5.tgz",
+      "integrity": "sha512-20NUVgOrinudkIBzQ2bNxP08YpKprUkRTiRSd2/Z5GOdPImJGkoN4Z7IQe1T5AdyKI1i5L6RBmluqdSzvaq9/w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "babel-plugin-polyfill-corejs2": "^0.4.14",
+        "babel-plugin-polyfill-corejs3": "^0.13.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.5",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz",
+      "integrity": "sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz",
+      "integrity": "sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz",
+      "integrity": "sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz",
+      "integrity": "sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz",
+      "integrity": "sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.5.tgz",
+      "integrity": "sha512-x2Qa+v/CuEoX7Dr31iAfr0IhInrVOWZU/2vJMJ00FOR/2nM0BcBEclpaf9sWCDc+v5e9dMrhSH8/atq/kX7+bA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-create-class-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz",
+      "integrity": "sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz",
+      "integrity": "sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz",
+      "integrity": "sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz",
+      "integrity": "sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.28.5.tgz",
+      "integrity": "sha512-S36mOoi1Sb6Fz98fBfE+UZSpYw5mJm0NUHtIKrOuNcqeFauy1J6dIvXm2KRVKobOSaGq4t/hBXdN4HGU3wL9Wg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.28.5",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.28.3",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-import-assertions": "^7.27.1",
+        "@babel/plugin-syntax-import-attributes": "^7.27.1",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.27.1",
+        "@babel/plugin-transform-async-generator-functions": "^7.28.0",
+        "@babel/plugin-transform-async-to-generator": "^7.27.1",
+        "@babel/plugin-transform-block-scoped-functions": "^7.27.1",
+        "@babel/plugin-transform-block-scoping": "^7.28.5",
+        "@babel/plugin-transform-class-properties": "^7.27.1",
+        "@babel/plugin-transform-class-static-block": "^7.28.3",
+        "@babel/plugin-transform-classes": "^7.28.4",
+        "@babel/plugin-transform-computed-properties": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.5",
+        "@babel/plugin-transform-dotall-regex": "^7.27.1",
+        "@babel/plugin-transform-duplicate-keys": "^7.27.1",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-dynamic-import": "^7.27.1",
+        "@babel/plugin-transform-explicit-resource-management": "^7.28.0",
+        "@babel/plugin-transform-exponentiation-operator": "^7.28.5",
+        "@babel/plugin-transform-export-namespace-from": "^7.27.1",
+        "@babel/plugin-transform-for-of": "^7.27.1",
+        "@babel/plugin-transform-function-name": "^7.27.1",
+        "@babel/plugin-transform-json-strings": "^7.27.1",
+        "@babel/plugin-transform-literals": "^7.27.1",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.28.5",
+        "@babel/plugin-transform-member-expression-literals": "^7.27.1",
+        "@babel/plugin-transform-modules-amd": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-modules-systemjs": "^7.28.5",
+        "@babel/plugin-transform-modules-umd": "^7.27.1",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-new-target": "^7.27.1",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.27.1",
+        "@babel/plugin-transform-numeric-separator": "^7.27.1",
+        "@babel/plugin-transform-object-rest-spread": "^7.28.4",
+        "@babel/plugin-transform-object-super": "^7.27.1",
+        "@babel/plugin-transform-optional-catch-binding": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.28.5",
+        "@babel/plugin-transform-parameters": "^7.27.7",
+        "@babel/plugin-transform-private-methods": "^7.27.1",
+        "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@babel/plugin-transform-property-literals": "^7.27.1",
+        "@babel/plugin-transform-regenerator": "^7.28.4",
+        "@babel/plugin-transform-regexp-modifiers": "^7.27.1",
+        "@babel/plugin-transform-reserved-words": "^7.27.1",
+        "@babel/plugin-transform-shorthand-properties": "^7.27.1",
+        "@babel/plugin-transform-spread": "^7.27.1",
+        "@babel/plugin-transform-sticky-regex": "^7.27.1",
+        "@babel/plugin-transform-template-literals": "^7.27.1",
+        "@babel/plugin-transform-typeof-symbol": "^7.27.1",
+        "@babel/plugin-transform-unicode-escapes": "^7.27.1",
+        "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.27.1",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.14",
+        "babel-plugin-polyfill-corejs3": "^0.13.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.5",
+        "core-js-compat": "^3.43.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.28.5.tgz",
+      "integrity": "sha512-+bQy5WOI2V6LJZpPVxY+yp66XdZ2yifu0Mc1aP5CQKgjn4QM5IN2i5fAZ4xKop47pr8rpVhiAeu+nDQa12C8+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-typescript": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.5",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse--for-generate-function-map": {
+      "name": "@babel/traverse",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.5",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@callstack/react-theme-provider": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@callstack/react-theme-provider/-/react-theme-provider-3.0.9.tgz",
+      "integrity": "sha512-tTQ0uDSCL0ypeMa8T/E9wAZRGKWj8kXP7+6RYgPTfOPs9N07C9xM8P02GJ3feETap4Ux5S69D9nteq9mEj86NA==",
+      "license": "MIT",
+      "dependencies": {
+        "deepmerge": "^3.2.0",
+        "hoist-non-react-statics": "^3.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.3.0"
+      }
+    },
+    "node_modules/@callstack/react-theme-provider/node_modules/deepmerge": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-3.3.0.tgz",
+      "integrity": "sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@dominicvonk/react-native-apk-installer": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@dominicvonk/react-native-apk-installer/-/react-native-apk-installer-2.2.2.tgz",
+      "integrity": "sha512-1JIqdVaER7P7tL//z2fEvbATcNPFgMzM88MncDZB6cr9CQl9RegbIwYiInlTDNkv+3lmAOvJ+LnCsvsYWyoX7w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": ">=0.60.0-rc.0 <1.0.x"
+      }
+    },
+    "node_modules/@egjs/hammerjs": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
+      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hammerjs": "^2.0.36"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@gar/promisify": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
+      "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@hapi/hoek": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+      "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
+      "devOptional": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@hapi/topo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+      "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/ttlcache": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/ttlcache/-/ttlcache-1.4.1.tgz",
+      "integrity": "sha512-RQgQ4uQ+pLbqXfOmieB91ejmLwvSgv9nLx6sT6sD83s7umBypgg+OIBOBbEUiJXrfpnp9j0mRhYYdzp9uqq3lA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
+      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/console": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.7.0.tgz",
+      "integrity": "sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/core": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz",
+      "integrity": "sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^29.7.0",
+        "@jest/reporters": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "exit": "^0.1.2",
+        "graceful-fs": "^4.2.9",
+        "jest-changed-files": "^29.7.0",
+        "jest-config": "^29.7.0",
+        "jest-haste-map": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-resolve": "^29.7.0",
+        "jest-resolve-dependencies": "^29.7.0",
+        "jest-runner": "^29.7.0",
+        "jest-runtime": "^29.7.0",
+        "jest-snapshot": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "jest-watcher": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/create-cache-key-function": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/create-cache-key-function/-/create-cache-key-function-29.7.0.tgz",
+      "integrity": "sha512-4QqS3LY5PBmTRHj9sAg1HLoPzqAI0uOX6wI/TRqHIcOxlFidy6YEmCQJk6FSZjNLGCeubDMfmkWL+qaLKhSGQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/environment": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
+      "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-mock": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/expect": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.7.0.tgz",
+      "integrity": "sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "expect": "^29.7.0",
+        "jest-snapshot": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/expect-utils": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
+      "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jest-get-type": "^29.6.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/fake-timers": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz",
+      "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@sinonjs/fake-timers": "^10.0.2",
+        "@types/node": "*",
+        "jest-message-util": "^29.7.0",
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/globals": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
+      "integrity": "sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/expect": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "jest-mock": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/reporters": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.7.0.tgz",
+      "integrity": "sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@jest/console": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "exit": "^0.1.2",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "istanbul-lib-coverage": "^3.0.0",
+        "istanbul-lib-instrument": "^6.0.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.0",
+        "istanbul-reports": "^3.1.3",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "slash": "^3.0.0",
+        "string-length": "^4.0.1",
+        "strip-ansi": "^6.0.0",
+        "v8-to-istanbul": "^9.0.1"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/source-map": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.3.tgz",
+      "integrity": "sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "callsites": "^3.0.0",
+        "graceful-fs": "^4.2.9"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/test-result": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.7.0.tgz",
+      "integrity": "sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "collect-v8-coverage": "^1.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/test-sequencer": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz",
+      "integrity": "sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "^29.7.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/transform": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@npmcli/fs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz",
+      "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "@gar/promisify": "^1.0.1",
+        "semver": "^7.3.5"
+      }
+    },
+    "node_modules/@npmcli/fs/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@npmcli/move-file": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz",
+      "integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==",
+      "deprecated": "This functionality has been moved to @npmcli/fs",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "mkdirp": "^1.0.4",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@react-native-async-storage/async-storage": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@react-native-async-storage/async-storage/-/async-storage-2.2.0.tgz",
+      "integrity": "sha512-gvRvjR5JAaUZF8tv2Kcq/Gbt3JHwbKFYfmb445rhOj6NUMx3qPLixmDx5pZAyb9at1bYvJ4/eTUipU5aki45xw==",
+      "license": "MIT",
+      "dependencies": {
+        "merge-options": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react-native": "^0.0.0-0 || >=0.65 <1.0"
+      }
+    },
+    "node_modules/@react-native-clipboard/clipboard": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/@react-native-clipboard/clipboard/-/clipboard-1.16.3.tgz",
+      "integrity": "sha512-cMIcvoZKIrShzJHEaHbTAp458R9WOv0fB6UyC7Ek4Qk561Ow/DrzmmJmH/rAZg21Z6ixJ4YSdFDC14crqIBmCQ==",
+      "license": "MIT",
+      "workspaces": [
+        "example"
+      ],
+      "peerDependencies": {
+        "react": ">= 16.9.0",
+        "react-native": ">= 0.61.5",
+        "react-native-macos": ">= 0.61.0",
+        "react-native-windows": ">= 0.61.0"
+      },
+      "peerDependenciesMeta": {
+        "react-native-macos": {
+          "optional": true
+        },
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-native-community/checkbox": {
+      "version": "0.5.20",
+      "resolved": "https://registry.npmjs.org/@react-native-community/checkbox/-/checkbox-0.5.20.tgz",
+      "integrity": "sha512-NuTAOFmttPEX7cwDbVr5Rf0HR86zCzX2FllebMayxca//dFH6X5DLySftra/PC2K9kt42yashWK7T2Tucm5JTQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": ">= 0.62",
+        "react-native-windows": ">=0.62"
+      },
+      "peerDependenciesMeta": {
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-native-community/cli": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli/-/cli-20.0.0.tgz",
+      "integrity": "sha512-/cMnGl5V1rqnbElY1Fvga1vfw0d3bnqiJLx2+2oh7l9ulnXfVRWb5tU2kgBqiMxuDOKA+DQoifC9q/tvkj5K2w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-clean": "20.0.0",
+        "@react-native-community/cli-config": "20.0.0",
+        "@react-native-community/cli-doctor": "20.0.0",
+        "@react-native-community/cli-server-api": "20.0.0",
+        "@react-native-community/cli-tools": "20.0.0",
+        "@react-native-community/cli-types": "20.0.0",
+        "chalk": "^4.1.2",
+        "commander": "^9.4.1",
+        "deepmerge": "^4.3.0",
+        "execa": "^5.0.0",
+        "find-up": "^5.0.0",
+        "fs-extra": "^8.1.0",
+        "graceful-fs": "^4.1.3",
+        "prompts": "^2.4.2",
+        "semver": "^7.5.2"
+      },
+      "bin": {
+        "rnc-cli": "build/bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@react-native-community/cli-clean": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-clean/-/cli-clean-20.0.0.tgz",
+      "integrity": "sha512-YmdNRcT+Dp8lC7CfxSDIfPMbVPEXVFzBH62VZNbYGxjyakqAvoQUFTYPgM2AyFusAr4wDFbDOsEv88gCDwR3ig==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "20.0.0",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-glob": "^3.3.2"
+      }
+    },
+    "node_modules/@react-native-community/cli-config": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-config/-/cli-config-20.0.0.tgz",
+      "integrity": "sha512-5Ky9ceYuDqG62VIIpbOmkg8Lybj2fUjf/5wK4UO107uRqejBgNgKsbGnIZgEhREcaSEOkujWrroJ9gweueLfBg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "20.0.0",
+        "chalk": "^4.1.2",
+        "cosmiconfig": "^9.0.0",
+        "deepmerge": "^4.3.0",
+        "fast-glob": "^3.3.2",
+        "joi": "^17.2.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-config-android": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-config-android/-/cli-config-android-20.0.0.tgz",
+      "integrity": "sha512-asv60qYCnL1v0QFWcG9r1zckeFlKG+14GGNyPXY72Eea7RX5Cxdx8Pb6fIPKroWH1HEWjYH9KKHksMSnf9FMKw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "20.0.0",
+        "chalk": "^4.1.2",
+        "fast-glob": "^3.3.2",
+        "fast-xml-parser": "^4.4.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-config-apple": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-config-apple/-/cli-config-apple-20.0.0.tgz",
+      "integrity": "sha512-PS1gNOdpeQ6w7dVu1zi++E+ix2D0ZkGC2SQP6Y/Qp002wG4se56esLXItYiiLrJkhH21P28fXdmYvTEkjSm9/Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "20.0.0",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-glob": "^3.3.2"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-doctor/-/cli-doctor-20.0.0.tgz",
+      "integrity": "sha512-cPHspi59+Fy41FDVxt62ZWoicCZ1o34k8LAl64NVSY0lwPl+CEi78jipXJhtfkVqSTetloA8zexa/vSAcJy57Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-config": "20.0.0",
+        "@react-native-community/cli-platform-android": "20.0.0",
+        "@react-native-community/cli-platform-apple": "20.0.0",
+        "@react-native-community/cli-platform-ios": "20.0.0",
+        "@react-native-community/cli-tools": "20.0.0",
+        "chalk": "^4.1.2",
+        "command-exists": "^1.2.8",
+        "deepmerge": "^4.3.0",
+        "envinfo": "^7.13.0",
+        "execa": "^5.0.0",
+        "node-stream-zip": "^1.9.1",
+        "ora": "^5.4.1",
+        "semver": "^7.5.2",
+        "wcwidth": "^1.0.1",
+        "yaml": "^2.2.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-doctor/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "devOptional": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-android": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-android/-/cli-platform-android-20.0.0.tgz",
+      "integrity": "sha512-th3ji1GRcV6ACelgC0wJtt9daDZ+63/52KTwL39xXGoqczFjml4qERK90/ppcXU0Ilgq55ANF8Pr+UotQ2AB/A==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-config-android": "20.0.0",
+        "@react-native-community/cli-tools": "20.0.0",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "logkitty": "^0.7.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-apple": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-apple/-/cli-platform-apple-20.0.0.tgz",
+      "integrity": "sha512-rZZCnAjUHN1XBgiWTAMwEKpbVTO4IHBSecdd1VxJFeTZ7WjmstqA6L/HXcnueBgxrzTCRqvkRIyEQXxC1OfhGw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-config-apple": "20.0.0",
+        "@react-native-community/cli-tools": "20.0.0",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "fast-xml-parser": "^4.4.1"
+      }
+    },
+    "node_modules/@react-native-community/cli-platform-ios": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-platform-ios/-/cli-platform-ios-20.0.0.tgz",
+      "integrity": "sha512-Z35M+4gUJgtS4WqgpKU9/XYur70nmj3Q65c9USyTq6v/7YJ4VmBkmhC9BticPs6wuQ9Jcv0NyVCY0Wmh6kMMYw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-platform-apple": "20.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-server-api": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-server-api/-/cli-server-api-20.0.0.tgz",
+      "integrity": "sha512-Ves21bXtjUK3tQbtqw/NdzpMW1vR2HvYCkUQ/MXKrJcPjgJnXQpSnTqHXz6ZdBlMbbwLJXOhSPiYzxb5/v4CDg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native-community/cli-tools": "20.0.0",
+        "body-parser": "^1.20.3",
+        "compression": "^1.7.1",
+        "connect": "^3.6.5",
+        "errorhandler": "^1.5.1",
+        "nocache": "^3.0.1",
+        "open": "^6.2.0",
+        "pretty-format": "^29.7.0",
+        "serve-static": "^1.13.1",
+        "ws": "^6.2.3"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-tools/-/cli-tools-20.0.0.tgz",
+      "integrity": "sha512-akSZGxr1IajJ8n0YCwQoA3DI0HttJ0WB7M3nVpb0lOM+rJpsBN7WG5Ft+8ozb6HyIPX+O+lLeYazxn5VNG/Xhw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vscode/sudo-prompt": "^9.0.0",
+        "appdirsjs": "^1.2.4",
+        "chalk": "^4.1.2",
+        "execa": "^5.0.0",
+        "find-up": "^5.0.0",
+        "launch-editor": "^2.9.1",
+        "mime": "^2.4.1",
+        "ora": "^5.4.1",
+        "prompts": "^2.4.2",
+        "semver": "^7.5.2"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "devOptional": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/@react-native-community/cli-tools/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "devOptional": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@react-native-community/cli-types": {
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/cli-types/-/cli-types-20.0.0.tgz",
+      "integrity": "sha512-7J4hzGWOPTBV1d30Pf2NidV+bfCWpjfCOiGO3HUhz1fH4MvBM0FbbBmE9LE5NnMz7M8XSRSi68ZGYQXgLBB2Qw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "joi": "^17.2.1"
+      }
+    },
+    "node_modules/@react-native-community/cli/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "devOptional": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@react-native-community/datetimepicker": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/datetimepicker/-/datetimepicker-8.5.1.tgz",
+      "integrity": "sha512-TuwM1ORbxCjOp1GOtONj0QnpDpVfq0F4UlfKZYPxL/vmriaLHt2Kgvw63Bv0Bpep4eOkslVVSS1IRfRI6d392g==",
+      "license": "MIT",
+      "dependencies": {
+        "invariant": "^2.2.4"
+      },
+      "peerDependencies": {
+        "expo": ">=52.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-windows": "*"
+      },
+      "peerDependenciesMeta": {
+        "expo": {
+          "optional": true
+        },
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-native-community/netinfo": {
+      "version": "11.4.1",
+      "resolved": "https://registry.npmjs.org/@react-native-community/netinfo/-/netinfo-11.4.1.tgz",
+      "integrity": "sha512-B0BYAkghz3Q2V09BF88RA601XursIEA111tnc2JOaN7axJWmNefmfjZqw/KdSxKZp7CZUuPpjBmz/WCR9uaHYg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.59"
+      }
+    },
+    "node_modules/@react-native-documents/picker": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/@react-native-documents/picker/-/picker-11.0.0.tgz",
+      "integrity": "sha512-SyP4j88HyyHOUA/N5UGsuf5Ij7BURHSPbZ7F12yjCNVwjXkeFJcFzyxkOGbgNQs9U5b88TgoQDTyjvmYNXYjJg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": ">=0.79.0"
+      }
+    },
+    "node_modules/@react-native/assets-registry": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.82.1.tgz",
+      "integrity": "sha512-B1SRwpntaAcckiatxbjzylvNK562Ayza05gdJCjDQHTiDafa1OABmyB5LHt7qWDOpNkaluD+w11vHF7pBmTpzQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/babel-plugin-codegen": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.82.1.tgz",
+      "integrity": "sha512-wzmEz/RlR4SekqmaqeQjdMVh4LsnL9e62mrOikOOkHDQ3QN0nrKLuUDzXyYptVbxQ0IRua4pTm3efJLymDBoEg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.25.3",
+        "@react-native/codegen": "0.82.1"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/babel-preset": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-preset/-/babel-preset-0.82.1.tgz",
+      "integrity": "sha512-Olj7p4XIsUWLKjlW46CqijaXt45PZT9Lbvv/Hz698FXTenPKk4k7sy6RGRGZPWO2TCBBfcb73dus1iNHRFSq7g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/plugin-proposal-export-default-from": "^7.24.7",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-default-from": "^7.24.7",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-transform-arrow-functions": "^7.24.7",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.4",
+        "@babel/plugin-transform-async-to-generator": "^7.24.7",
+        "@babel/plugin-transform-block-scoping": "^7.25.0",
+        "@babel/plugin-transform-class-properties": "^7.25.4",
+        "@babel/plugin-transform-classes": "^7.25.4",
+        "@babel/plugin-transform-computed-properties": "^7.24.7",
+        "@babel/plugin-transform-destructuring": "^7.24.8",
+        "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+        "@babel/plugin-transform-for-of": "^7.24.7",
+        "@babel/plugin-transform-function-name": "^7.25.1",
+        "@babel/plugin-transform-literals": "^7.25.2",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.8",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+        "@babel/plugin-transform-numeric-separator": "^7.24.7",
+        "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+        "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.8",
+        "@babel/plugin-transform-parameters": "^7.24.7",
+        "@babel/plugin-transform-private-methods": "^7.24.7",
+        "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+        "@babel/plugin-transform-react-display-name": "^7.24.7",
+        "@babel/plugin-transform-react-jsx": "^7.25.2",
+        "@babel/plugin-transform-react-jsx-self": "^7.24.7",
+        "@babel/plugin-transform-react-jsx-source": "^7.24.7",
+        "@babel/plugin-transform-regenerator": "^7.24.7",
+        "@babel/plugin-transform-runtime": "^7.24.7",
+        "@babel/plugin-transform-shorthand-properties": "^7.24.7",
+        "@babel/plugin-transform-spread": "^7.24.7",
+        "@babel/plugin-transform-sticky-regex": "^7.24.7",
+        "@babel/plugin-transform-typescript": "^7.25.2",
+        "@babel/plugin-transform-unicode-regex": "^7.24.7",
+        "@babel/template": "^7.25.0",
+        "@react-native/babel-plugin-codegen": "0.82.1",
+        "babel-plugin-syntax-hermes-parser": "0.32.0",
+        "babel-plugin-transform-flow-enums": "^0.0.2",
+        "react-refresh": "^0.14.0"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "*"
+      }
+    },
+    "node_modules/@react-native/codegen": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/codegen/-/codegen-0.82.1.tgz",
+      "integrity": "sha512-ezXTN70ygVm9l2m0i+pAlct0RntoV4afftWMGUIeAWLgaca9qItQ54uOt32I/9dBJvzBibT33luIR/pBG0dQvg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/parser": "^7.25.3",
+        "glob": "^7.1.1",
+        "hermes-parser": "0.32.0",
+        "invariant": "^2.2.4",
+        "nullthrows": "^1.1.1",
+        "yargs": "^17.6.2"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "*"
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/community-cli-plugin/-/community-cli-plugin-0.82.1.tgz",
+      "integrity": "sha512-H/eMdtOy9nEeX7YVeEG1N2vyCoifw3dr9OV8++xfUElNYV7LtSmJ6AqxZUUfxGJRDFPQvaU/8enmJlM/l11VxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-native/dev-middleware": "0.82.1",
+        "debug": "^4.4.0",
+        "invariant": "^2.2.4",
+        "metro": "^0.83.1",
+        "metro-config": "^0.83.1",
+        "metro-core": "^0.83.1",
+        "semver": "^7.1.3"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "@react-native-community/cli": "*",
+        "@react-native/metro-config": "*"
+      },
+      "peerDependenciesMeta": {
+        "@react-native-community/cli": {
+          "optional": true
+        },
+        "@react-native/metro-config": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-native/community-cli-plugin/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@react-native/debugger-frontend": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/debugger-frontend/-/debugger-frontend-0.82.1.tgz",
+      "integrity": "sha512-a2O6M7/OZ2V9rdavOHyCQ+10z54JX8+B+apYKCQ6a9zoEChGTxUMG2YzzJ8zZJVvYf1ByWSNxv9Se0dca1hO9A==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/debugger-shell": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/debugger-shell/-/debugger-shell-0.82.1.tgz",
+      "integrity": "sha512-fdRHAeqqPT93bSrxfX+JHPpCXHApfDUdrXMXhoxlPgSzgXQXJDykIViKhtpu0M6slX6xU/+duq+AtP/qWJRpBw==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "fb-dotslash": "0.5.8"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/dev-middleware": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/dev-middleware/-/dev-middleware-0.82.1.tgz",
+      "integrity": "sha512-wuOIzms/Qg5raBV6Ctf2LmgzEOCqdP3p1AYN4zdhMT110c39TVMbunpBaJxm0Kbt2HQ762MQViF9naxk7SBo4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/ttlcache": "^1.4.1",
+        "@react-native/debugger-frontend": "0.82.1",
+        "@react-native/debugger-shell": "0.82.1",
+        "chrome-launcher": "^0.15.2",
+        "chromium-edge-launcher": "^0.2.0",
+        "connect": "^3.6.5",
+        "debug": "^4.4.0",
+        "invariant": "^2.2.4",
+        "nullthrows": "^1.1.1",
+        "open": "^7.0.3",
+        "serve-static": "^1.16.2",
+        "ws": "^6.2.3"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/dev-middleware/node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@react-native/dev-middleware/node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@react-native/eslint-config": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/eslint-config/-/eslint-config-0.82.1.tgz",
+      "integrity": "sha512-K3xCTEAg8WDd7WpDhQ1hsKbuY3OXaQtqpokeOdgyJag100ZvUX84YIaqDqsVaAZqjA53zCA5PbxerWs6mPA+PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/eslint-parser": "^7.25.1",
+        "@react-native/eslint-plugin": "0.82.1",
+        "@typescript-eslint/eslint-plugin": "^8.36.0",
+        "@typescript-eslint/parser": "^8.36.0",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-eslint-comments": "^3.2.0",
+        "eslint-plugin-ft-flow": "^2.0.1",
+        "eslint-plugin-jest": "^29.0.1",
+        "eslint-plugin-react": "^7.30.1",
+        "eslint-plugin-react-hooks": "^5.2.0",
+        "eslint-plugin-react-native": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "eslint": ">=8",
+        "prettier": ">=2"
+      }
+    },
+    "node_modules/@react-native/eslint-plugin": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/eslint-plugin/-/eslint-plugin-0.82.1.tgz",
+      "integrity": "sha512-PU0ho8pNp24pdegIpYRAwppfO8z7werpoTts2CJ/wXYQ+ryZKa2M31DHW+kl+K3wwwqVqFKAzLh4t3sP/mOqMQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/gradle-plugin": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/gradle-plugin/-/gradle-plugin-0.82.1.tgz",
+      "integrity": "sha512-KkF/2T1NSn6EJ5ALNT/gx0MHlrntFHv8YdooH9OOGl9HQn5NM0ZmQSr86o5utJsGc7ME3R6p3SaQuzlsFDrn8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/js-polyfills": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.82.1.tgz",
+      "integrity": "sha512-tf70X7pUodslOBdLN37J57JmDPB/yiZcNDzS2m+4bbQzo8fhx3eG9QEBv5n4fmzqfGAgSB4BWRHgDMXmmlDSVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/metro-babel-transformer": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/metro-babel-transformer/-/metro-babel-transformer-0.82.1.tgz",
+      "integrity": "sha512-kVQyYxYe1Da7cr7uGK9c44O6vTzM8YY3KW9CSLhhV1CGw7jmohU1HfLaUxDEmYfFZMc4Kj3JsIEbdUlaHMtprQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@react-native/babel-preset": "0.82.1",
+        "hermes-parser": "0.32.0",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "*"
+      }
+    },
+    "node_modules/@react-native/metro-config": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/metro-config/-/metro-config-0.82.1.tgz",
+      "integrity": "sha512-mAY6R3xnDMlmDOrUCAtLTjIkli26DZt4LNVuAjDEdnlv5sHANOr5x4qpMn7ea1p9Q/tpfHLalPQUQeJ8CZH4gA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@react-native/js-polyfills": "0.82.1",
+        "@react-native/metro-babel-transformer": "0.82.1",
+        "metro-config": "^0.83.1",
+        "metro-runtime": "^0.83.1"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      }
+    },
+    "node_modules/@react-native/new-app-screen": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/new-app-screen/-/new-app-screen-0.82.1.tgz",
+      "integrity": "sha512-cViiTco2ukQVd683tGk+7bwf8WMS6A9hg5HUB3LjFli4pzOinuDlC5jzym6RiROhS5B3NmQ3CTccJmWgsJQL1w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "@types/react": "^19.1.0",
+        "react": "*",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-native/normalize-color": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@react-native/normalize-color/-/normalize-color-2.1.0.tgz",
+      "integrity": "sha512-Z1jQI2NpdFJCVgpY+8Dq/Bt3d+YUi1928Q+/CZm/oh66fzM0RUl54vvuXlPJKybH4pdCZey1eDTPaLHkMPNgWA==",
+      "license": "MIT"
+    },
+    "node_modules/@react-native/normalize-colors": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.82.1.tgz",
+      "integrity": "sha512-CCfTR1uX+Z7zJTdt3DNX9LUXr2zWXsNOyLbwupW2wmRzrxlHRYfmLgTABzRL/cKhh0Ubuwn15o72MQChvCRaHw==",
+      "license": "MIT"
+    },
+    "node_modules/@react-native/typescript-config": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/typescript-config/-/typescript-config-0.82.1.tgz",
+      "integrity": "sha512-kCTjmBg44p0kqU4xEMg7l6SNJyHWTHuTqiT9MpHasEYcnVpBWyEQsSQAiVKONHwcUWcAktrGVLE1dYGfBmPJ3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@react-native/virtualized-lists": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.82.1.tgz",
+      "integrity": "sha512-f5zpJg9gzh7JtCbsIwV+4kP3eI0QBuA93JGmwFRd4onQ3DnCjV2J5pYqdWtM95sjSKK1dyik59Gj01lLeKqs1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "invariant": "^2.2.4",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "@types/react": "^19.1.1",
+        "react": "*",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-navigation/core": {
+      "version": "7.13.2",
+      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-7.13.2.tgz",
+      "integrity": "sha512-A0pFeZlKp+FJob2lVr7otDt3M4rsSJrnAfXWoWR9JVeFtfEXsH/C0s7xtpDCMRUO58kzSBoTF1GYzoMC5DLD4g==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-navigation/routers": "^7.5.2",
+        "escape-string-regexp": "^4.0.0",
+        "fast-deep-equal": "^3.1.3",
+        "nanoid": "^3.3.11",
+        "query-string": "^7.1.3",
+        "react-is": "^19.1.0",
+        "use-latest-callback": "^0.2.4",
+        "use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "react": ">= 18.2.0"
+      }
+    },
+    "node_modules/@react-navigation/core/node_modules/react-is": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.0.tgz",
+      "integrity": "sha512-x3Ax3kNSMIIkyVYhWPyO09bu0uttcAIoecO/um/rKGQ4EltYWVYtyiGkS/3xMynrbVQdS69Jhlv8FXUEZehlzA==",
+      "license": "MIT"
+    },
+    "node_modules/@react-navigation/drawer": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@react-navigation/drawer/-/drawer-7.7.4.tgz",
+      "integrity": "sha512-53/X1ySui/uOc21lJEN5j+RsY1O+uF+yzqnj0xjtJRSCwuKvqFpaSjRkkXn6/2Zt9V2kf19VtniehuzNpGcdkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-navigation/elements": "^2.8.3",
+        "color": "^4.2.3",
+        "react-native-drawer-layout": "^4.2.0",
+        "use-latest-callback": "^0.2.4"
+      },
+      "peerDependencies": {
+        "@react-navigation/native": "^7.1.21",
+        "react": ">= 18.2.0",
+        "react-native": "*",
+        "react-native-gesture-handler": ">= 2.0.0",
+        "react-native-reanimated": ">= 2.0.0",
+        "react-native-safe-area-context": ">= 4.0.0",
+        "react-native-screens": ">= 4.0.0"
+      }
+    },
+    "node_modules/@react-navigation/elements": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-2.8.3.tgz",
+      "integrity": "sha512-0c5nSDPP3bUFujgkSVqqMShaAup3XIxNe1KTK9LSmwKgWEneyo6OPIjIdiEwPlZvJZKi7ag5hDjacQLGwO0LGA==",
+      "license": "MIT",
+      "dependencies": {
+        "color": "^4.2.3",
+        "use-latest-callback": "^0.2.4",
+        "use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "@react-native-masked-view/masked-view": ">= 0.2.0",
+        "@react-navigation/native": "^7.1.21",
+        "react": ">= 18.2.0",
+        "react-native": "*",
+        "react-native-safe-area-context": ">= 4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@react-native-masked-view/masked-view": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@react-navigation/native": {
+      "version": "7.1.21",
+      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-7.1.21.tgz",
+      "integrity": "sha512-mhpAewdivBL01ibErr91FUW9bvKhfAF6Xv/yr6UOJtDhv0jU6iUASUcA3i3T8VJCOB/vxmoke7VDp8M+wBFs/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-navigation/core": "^7.13.2",
+        "escape-string-regexp": "^4.0.0",
+        "fast-deep-equal": "^3.1.3",
+        "nanoid": "^3.3.11",
+        "use-latest-callback": "^0.2.4"
+      },
+      "peerDependencies": {
+        "react": ">= 18.2.0",
+        "react-native": "*"
+      }
+    },
+    "node_modules/@react-navigation/routers": {
+      "version": "7.5.2",
+      "resolved": "https://registry.npmjs.org/@react-navigation/routers/-/routers-7.5.2.tgz",
+      "integrity": "sha512-kymreY5aeTz843E+iPAukrsOtc7nabAH6novtAPREmmGu77dQpfxPB2ZWpKb5nRErIRowp1kYRoN2Ckl+S6JYw==",
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11"
+      }
+    },
+    "node_modules/@react-navigation/stack": {
+      "version": "7.6.7",
+      "resolved": "https://registry.npmjs.org/@react-navigation/stack/-/stack-7.6.7.tgz",
+      "integrity": "sha512-8NZWKTBYRVl8oSvhLKs26C6Dw5a3OhyfRc8ITS9A0kRSYaaX/KcZpObbAxp8kCJfTaJ7ZmghyX2NCGwnKw6V7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-navigation/elements": "^2.8.3",
+        "color": "^4.2.3",
+        "use-latest-callback": "^0.2.4"
+      },
+      "peerDependencies": {
+        "@react-navigation/native": "^7.1.21",
+        "react": ">= 18.2.0",
+        "react-native": "*",
+        "react-native-gesture-handler": ">= 2.0.0",
+        "react-native-safe-area-context": ">= 4.0.0",
+        "react-native-screens": ">= 4.0.0"
+      }
+    },
+    "node_modules/@sideway/address": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
+      "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@sideway/formula": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
+      "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==",
+      "devOptional": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@sideway/pinpoint": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
+      "devOptional": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@sinclair/typebox": {
+      "version": "0.27.8",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
+      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
+      "license": "MIT"
+    },
+    "node_modules/@sinonjs/commons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
+      "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "node_modules/@sinonjs/fake-timers": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
+      "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.0"
+      }
+    },
+    "node_modules/@tootallnate/once": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+      "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/graceful-fs": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/hammerjs": {
+      "version": "2.0.46",
+      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz",
+      "integrity": "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
+      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
+      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/jest": {
+      "version": "29.5.14",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.14.tgz",
+      "integrity": "sha512-ZN+4sdnLUbo8EVvVc2ao0GFW6oVrQRPn4K2lglySj7APvSrgzxHiNNK99us4WDMi57xxA2yggblIAMNhXOotLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "expect": "^29.0.0",
+        "pretty-format": "^29.0.0"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "24.10.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
+      "integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-test-renderer": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-19.1.0.tgz",
+      "integrity": "sha512-XD0WZrHqjNrxA/MaR9O22w/RNidWR9YZmBdRGI7wcnWGrv/3dA8wKCJ8m63Sn+tLJhcjmuhOi629N66W6kgWzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/stack-utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/yargs": {
+      "version": "17.0.35",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.35.tgz",
+      "integrity": "sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.48.0.tgz",
+      "integrity": "sha512-XxXP5tL1txl13YFtrECECQYeZjBZad4fyd3cFV4a19LkAY/bIp9fev3US4S5fDVV2JaYFiKAZ/GRTOLer+mbyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.48.0",
+        "@typescript-eslint/type-utils": "8.48.0",
+        "@typescript-eslint/utils": "8.48.0",
+        "@typescript-eslint/visitor-keys": "8.48.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^7.0.0",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.48.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.48.0.tgz",
+      "integrity": "sha512-jCzKdm/QK0Kg4V4IK/oMlRZlY+QOcdjv89U2NgKHZk1CYTj82/RVSx1mV/0gqCVMJ/DA+Zf/S4NBWNF8GQ+eqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.48.0",
+        "@typescript-eslint/types": "8.48.0",
+        "@typescript-eslint/typescript-estree": "8.48.0",
+        "@typescript-eslint/visitor-keys": "8.48.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.48.0.tgz",
+      "integrity": "sha512-Ne4CTZyRh1BecBf84siv42wv5vQvVmgtk8AuiEffKTUo3DrBaGYZueJSxxBZ8fjk/N3DrgChH4TOdIOwOwiqqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.48.0",
+        "@typescript-eslint/types": "^8.48.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.48.0.tgz",
+      "integrity": "sha512-uGSSsbrtJrLduti0Q1Q9+BF1/iFKaxGoQwjWOIVNJv0o6omrdyR8ct37m4xIl5Zzpkp69Kkmvom7QFTtue89YQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.0",
+        "@typescript-eslint/visitor-keys": "8.48.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.48.0.tgz",
+      "integrity": "sha512-WNebjBdFdyu10sR1M4OXTt2OkMd5KWIL+LLfeH9KhgP+jzfDV/LI3eXzwJ1s9+Yc0Kzo2fQCdY/OpdusCMmh6w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.48.0.tgz",
+      "integrity": "sha512-zbeVaVqeXhhab6QNEKfK96Xyc7UQuoFWERhEnj3mLVnUWrQnv15cJNseUni7f3g557gm0e46LZ6IJ4NJVOgOpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.0",
+        "@typescript-eslint/typescript-estree": "8.48.0",
+        "@typescript-eslint/utils": "8.48.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.48.0.tgz",
+      "integrity": "sha512-cQMcGQQH7kwKoVswD1xdOytxQR60MWKM1di26xSUtxehaDs/32Zpqsu5WJlXTtTTqyAVK8R7hvsUnIXRS+bjvA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.48.0.tgz",
+      "integrity": "sha512-ljHab1CSO4rGrQIAyizUS6UGHHCiAYhbfcIZ1zVJr5nMryxlXMVWS3duFPSKvSUbFPwkXMFk1k0EMIjub4sRRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.48.0",
+        "@typescript-eslint/tsconfig-utils": "8.48.0",
+        "@typescript-eslint/types": "8.48.0",
+        "@typescript-eslint/visitor-keys": "8.48.0",
+        "debug": "^4.3.4",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.48.0.tgz",
+      "integrity": "sha512-yTJO1XuGxCsSfIVt1+1UrLHtue8xz16V8apzPYI06W0HbEbEWHxHXgZaAgavIkoh+GeV6hKKd5jm0sS6OYxWXQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.48.0",
+        "@typescript-eslint/types": "8.48.0",
+        "@typescript-eslint/typescript-estree": "8.48.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.48.0.tgz",
+      "integrity": "sha512-T0XJMaRPOH3+LBbAfzR2jalckP1MSG/L9eUtY0DEzUyVaXJ/t6zN0nR7co5kz0Jko/nkSYCBRkz1djvjajVTTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@vscode/sudo-prompt": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@vscode/sudo-prompt/-/sudo-prompt-9.3.1.tgz",
+      "integrity": "sha512-9ORTwwS74VaTn38tNbQhsA5U44zkJfcb0BdTSyyG6frP4e8KMtHuTXYmwefe5dpL8XB1aGSIVTaLjD3BbWb5iA==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
+      "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
+      "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/anser": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.10.tgz",
+      "integrity": "sha512-hCv9AqTQ8ycjpSd3upOJd7vFwW1JaoYQ7tpham03GJ1ca8/65rqn0RpaWpItOAd6ylW9wAw6luXYPJIyPFVOww==",
+      "license": "MIT"
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-escapes/node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-fragments": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-fragments/-/ansi-fragments-0.2.1.tgz",
+      "integrity": "sha512-DykbNHxuXQwUDRv5ibc2b0x7uw7wmwOGLBUd5RmaQ5z8Lhx19vwvKV+FAsM5rEA6dEcHxX+/Ad5s9eF2k2bB+w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^1.0.7",
+        "slice-ansi": "^2.0.0",
+        "strip-ansi": "^5.0.0"
+      }
+    },
+    "node_modules/ansi-fragments/node_modules/ansi-regex": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+      "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-fragments/node_modules/strip-ansi": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/appdirsjs": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/appdirsjs/-/appdirsjs-1.2.7.tgz",
+      "integrity": "sha512-Quji6+8kLBC3NnBeo14nPDq0+2jUs5s3/xEye+udFHumHhRk4M7aAMXp/PBJqkKYGuuyR9M/6Dq7d2AViiGmhw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/aproba": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.1.0.tgz",
+      "integrity": "sha512-tLIEcj5GuR2RSTnxNKdkK0dJ/GrC7P38sUkiDmDuHfsHmbagTFAxDVIBltoklXEVIQ/f14IL8IMJ5pn9Hez1Ew==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz",
+      "integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "devOptional": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/argsarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/argsarray/-/argsarray-0.0.1.tgz",
+      "integrity": "sha512-u96dg2GcAKtpTrBdDoFIM7PjcBA+6rSP0OR94MOReNRyUECL6MtQt5XXmRr4qrftYaef9+l5hcpO5te7sML1Cg==",
+      "license": "WTFPL"
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
+      "license": "MIT"
+    },
+    "node_modules/astral-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
+      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
+      "license": "MIT"
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/babel-jest": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
+      "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/transform": "^29.7.0",
+        "@types/babel__core": "^7.1.14",
+        "babel-plugin-istanbul": "^6.1.1",
+        "babel-preset-jest": "^29.6.3",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.8.0"
+      }
+    },
+    "node_modules/babel-plugin-inline-import": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-inline-import/-/babel-plugin-inline-import-3.0.0.tgz",
+      "integrity": "sha512-thnykl4FMb8QjMjVCuZoUmAM7r2mnTn5qJwrryCvDv6rugbJlTHZMctdjDtEgD0WBAXJOLJSGXN3loooEwx7UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "require-resolve": "0.0.2"
+      }
+    },
+    "node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-istanbul/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-jest-hoist": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
+      "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.3.3",
+        "@babel/types": "^7.3.3",
+        "@types/babel__core": "^7.1.14",
+        "@types/babel__traverse": "^7.0.6"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz",
+      "integrity": "sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.7",
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.13.0.tgz",
+      "integrity": "sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "core-js-compat": "^3.43.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz",
+      "integrity": "sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.5"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-syntax-hermes-parser": {
+      "version": "0.32.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.32.0.tgz",
+      "integrity": "sha512-m5HthL++AbyeEA2FcdwOLfVFvWYECOBObLHNqdR8ceY4TsEdn4LdX2oTvbB2QJSSElE2AWA/b2MXZ/PF/CqLZg==",
+      "license": "MIT",
+      "dependencies": {
+        "hermes-parser": "0.32.0"
+      }
+    },
+    "node_modules/babel-plugin-transform-flow-enums": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-flow-enums/-/babel-plugin-transform-flow-enums-0.0.2.tgz",
+      "integrity": "sha512-g4aaCrDDOsWjbm0PUUeVnkcVd6AKJsVc/MbnPhEotEpkeJQP6b8nzewohQi7+QS8UyPehOhGWn0nOwjvWpmMvQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-flow": "^7.12.1"
+      }
+    },
+    "node_modules/babel-preset-current-node-syntax": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.2.0.tgz",
+      "integrity": "sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-bigint": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/babel-preset-jest": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
+      "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
+      "license": "MIT",
+      "dependencies": {
+        "babel-plugin-jest-hoist": "^29.6.3",
+        "babel-preset-current-node-syntax": "^1.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/base-64": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/base-64/-/base-64-1.0.0.tgz",
+      "integrity": "sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg==",
+      "license": "MIT"
+    },
+    "node_modules/base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.8.31",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.31.tgz",
+      "integrity": "sha512-a28v2eWrrRWPpJSzxc+mKwm0ZtVx/G8SepdQZDArnXYU/XS+IF6mp8aB/4E+hH1tyGCoDo3KlUCdlSxGDsRkAw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
+      "integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.8.25",
+        "caniuse-lite": "^1.0.30001754",
+        "electron-to-chromium": "^1.5.249",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.1.4"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
+      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "node-int64": "^0.4.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT"
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/cacache": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz",
+      "integrity": "sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "@npmcli/fs": "^1.0.0",
+        "@npmcli/move-file": "^1.0.1",
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "glob": "^7.1.4",
+        "infer-owner": "^1.0.4",
+        "lru-cache": "^6.0.0",
+        "minipass": "^3.1.1",
+        "minipass-collect": "^1.0.2",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.2",
+        "mkdirp": "^1.0.3",
+        "p-map": "^4.0.0",
+        "promise-inflight": "^1.0.1",
+        "rimraf": "^3.0.2",
+        "ssri": "^8.0.1",
+        "tar": "^6.0.2",
+        "unique-filename": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/cacache/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cacache/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001757",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001757.tgz",
+      "integrity": "sha512-r0nnL/I28Zi/yjk1el6ilj27tKcdjLsNqAOZr0yVjWPrSQyHgKI2INaEWw21bAQSv2LXRt1XuCS/GomNpWOxsQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/char-regex": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
+      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chrome-launcher": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/chrome-launcher/-/chrome-launcher-0.15.2.tgz",
+      "integrity": "sha512-zdLEwNo3aUVzIhKhTtXfxhdvZhUghrnmkvcAq2NoDd+LeOHKf03H5jwZ8T/STsAlzyALkBVK552iaG1fGf1xVQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "*",
+        "escape-string-regexp": "^4.0.0",
+        "is-wsl": "^2.2.0",
+        "lighthouse-logger": "^1.0.0"
+      },
+      "bin": {
+        "print-chrome-path": "bin/print-chrome-path.js"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/chrome-launcher/node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chromium-edge-launcher": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/chromium-edge-launcher/-/chromium-edge-launcher-0.2.0.tgz",
+      "integrity": "sha512-JfJjUnq25y9yg4FABRRVPmBGWPZZi+AQXT4mxupb67766/0UlhG8PAZCz6xzEMXTbW3CsSoE8PcCWA49n35mKg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "*",
+        "escape-string-regexp": "^4.0.0",
+        "is-wsl": "^2.2.0",
+        "lighthouse-logger": "^1.0.0",
+        "mkdirp": "^1.0.4",
+        "rimraf": "^3.0.2"
+      }
+    },
+    "node_modules/chromium-edge-launcher/node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cjs-module-lexer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz",
+      "integrity": "sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/collect-v8-coverage": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.3.tgz",
+      "integrity": "sha512-1L5aqIkwPfiodaMgQunkF1zRhNqifHBmtbbbxcr6yVxxBnliw4TDOW6NxpO8DJLgJ16OT+Y4ztZqP6p/FtXnAw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
+    "node_modules/colorette": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
+      "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/command-exists": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/command-exists/-/command-exists-1.2.9.tgz",
+      "integrity": "sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.8.1.tgz",
+      "integrity": "sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "compressible": "~2.0.18",
+        "debug": "2.6.9",
+        "negotiator": "~0.6.4",
+        "on-headers": "~1.1.0",
+        "safe-buffer": "5.2.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT"
+    },
+    "node_modules/connect": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
+      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
+        "utils-merge": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/connect/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/connect/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "license": "MIT"
+    },
+    "node_modules/core-js": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
+      "integrity": "sha512-ZiPp9pZlgxpWRu0M+YWbm6+aQ84XEfH1JRXvfOc/fILWI0VKhLC2LX13X1NYq4fULzLMq7Hfh43CSo2/aIaUPA==",
+      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+      "license": "MIT"
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.47.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.47.0.tgz",
+      "integrity": "sha512-IGfuznZ/n7Kp9+nypamBhvwdwLsW6KC8IOaURw2doAK5e98AG3acVLdh0woOnEqCfUtS+Vu882JE4k/DAm3ItQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/create-jest": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz",
+      "integrity": "sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "chalk": "^4.0.0",
+        "exit": "^0.1.2",
+        "graceful-fs": "^4.2.9",
+        "jest-config": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "prompts": "^2.0.1"
+      },
+      "bin": {
+        "create-jest": "bin/create-jest.js"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-line-break": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "license": "MIT",
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.19",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
+      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/dedent": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.7.0.tgz",
+      "integrity": "sha512-HGFtf8yhuhGhqO07SV79tRp+br4MnbdjeVxotpn1QBl30pcLLCQjX5b2295ll0fv8RKDKsmWYrl05usHM9CewQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "babel-plugin-macros": "^3.1.0"
+      },
+      "peerDependenciesMeta": {
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/defaults": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
+      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/deprecated-react-native-prop-types": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-2.3.0.tgz",
+      "integrity": "sha512-pWD0voFtNYxrVqvBMYf5gq3NA2GCpfodS1yNynTPc93AYA/KEMGeWDqqeUB6R2Z9ZofVhks2aeJXiuQqKNpesA==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-native/normalize-color": "*",
+        "invariant": "*",
+        "prop-types": "*"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-newline": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
+      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/diff-sequences": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
+      "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "license": "MIT"
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.260",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.260.tgz",
+      "integrity": "sha512-ov8rBoOBhVawpzdre+Cmz4FB+y66Eqrk6Gwqd8NGxuhv99GQ8XqMAr351KEkOt7gukXWDg6gJWEMKgL2RLMPtA==",
+      "license": "ISC"
+    },
+    "node_modules/emittery": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
+      "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/encoding": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
+      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "^0.6.2"
+      }
+    },
+    "node_modules/encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/envinfo": {
+      "version": "7.20.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.20.0.tgz",
+      "integrity": "sha512-+zUomDcLXsVkQ37vUqWBvQwLaLlj8eZPSi61llaEFAVBY5mhcXdaSw1pSJVl4yTYD5g/gEfpNl28YYk4IPvrrg==",
+      "devOptional": true,
+      "license": "MIT",
+      "bin": {
+        "envinfo": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/err-code": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
+      "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-stack-parser": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
+      "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/errorhandler": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/errorhandler/-/errorhandler-1.5.1.tgz",
+      "integrity": "sha512-rcOwbfvP1WTViVoUjcfZicVzjhjTuhSMntHh6mW3IrEiyE6mJyXvsToJUJGlGlw/2xU9P5whlWNGlIDVeCiT4A==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.7",
+        "escape-html": "~1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
+      "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.1",
+        "@humanwhocodes/config-array": "^0.13.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "8.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.2.tgz",
+      "integrity": "sha512-/IGJ6+Dka158JnP5n5YFMOszjDWrXggGz1LaK/guZq9vZTmniaKlHcsscvkAhn9y4U+BU3JuUdYvtAMcv30y4A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-eslint-comments": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-eslint-comments/-/eslint-plugin-eslint-comments-3.2.0.tgz",
+      "integrity": "sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5",
+        "ignore": "^5.0.5"
+      },
+      "engines": {
+        "node": ">=6.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=4.19.1"
+      }
+    },
+    "node_modules/eslint-plugin-eslint-comments/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint-plugin-eslint-comments/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/eslint-plugin-ft-flow": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-ft-flow/-/eslint-plugin-ft-flow-2.0.3.tgz",
+      "integrity": "sha512-Vbsd/b+LYA99jUbsL6viEUWShFaYQt2YQs3QN3f+aeszOhh2sgdcU0mjzDyD4yyBvMc8qy2uwvBBWfMzEX06tg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.21",
+        "string-natural-compare": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "peerDependencies": {
+        "@babel/eslint-parser": "^7.12.0",
+        "eslint": "^8.1.0"
+      }
+    },
+    "node_modules/eslint-plugin-jest": {
+      "version": "29.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-29.2.1.tgz",
+      "integrity": "sha512-0WLIezrIxitUGbjMIGwznVzSIp0uFJV0PZ2fiSvpyVcxe+QMXKUt7MRhUpzdbctnnLwiOTOFkACplgB0wAglFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^8.0.0"
+      },
+      "engines": {
+        "node": "^20.12.0 || ^22.0.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/eslint-plugin": "^8.0.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "jest": "*"
+      },
+      "peerDependenciesMeta": {
+        "@typescript-eslint/eslint-plugin": {
+          "optional": true
+        },
+        "jest": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz",
+      "integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react-native": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-native/-/eslint-plugin-react-native-4.1.0.tgz",
+      "integrity": "sha512-QLo7rzTBOl43FvVqDdq5Ql9IoElIuTdjrz9SKAXCvULvBoRZ44JGSkx9z4999ZusCsb4rK3gjS8gOGyeYqZv2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-plugin-react-native-globals": "^0.1.1"
+      },
+      "peerDependencies": {
+        "eslint": "^3.17.0 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-native-globals": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-native-globals/-/eslint-plugin-react-native-globals-0.1.2.tgz",
+      "integrity": "sha512-9aEPf1JEpiTjcFAmmyw8eiIXmcNZOqaZyHO77wgm0/dWfT/oxC1SrIq8ET38pMxHYrcB6Uew+TzUVsBeczF88g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/exit": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
+      "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/expand-template": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
+      "license": "(MIT OR WTFPL)",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/expect": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
+      "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/expect-utils": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "jest-matcher-utils": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/exponential-backoff": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
+      "integrity": "sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "devOptional": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-xml-parser": {
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.5.3.tgz",
+      "integrity": "sha512-RKihhV+SHsIUGXObeVy9AXiBbFwkVk7Syp8XgwN5U3JV416+Gwp/GO9i0JYKmikykgz/UHRrrV4ROuZEo/T0ig==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "strnum": "^1.1.1"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "devOptional": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fb-dotslash": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/fb-dotslash/-/fb-dotslash-0.5.8.tgz",
+      "integrity": "sha512-XHYLKk9J4BupDxi9bSEhkfss0m+Vr9ChTrjhf9l2iw3jB5C7BnY4GVPoMcqbrTutsKJso6yj2nAB6BI/F2oZaA==",
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "dotslash": "bin/dotslash"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/fb-watchman": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
+      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bser": "2.1.1"
+      }
+    },
+    "node_modules/fbjs": {
+      "version": "0.8.18",
+      "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.18.tgz",
+      "integrity": "sha512-EQaWFK+fEPSoibjNy8IxUtaFOMXcWsY0JaVrQoZR9zC8N2Ygf9iDITPWjUTVIax95b6I742JFLqASHfsag/vKA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-js": "^1.0.0",
+        "isomorphic-fetch": "^2.1.1",
+        "loose-envify": "^1.0.0",
+        "object-assign": "^4.1.0",
+        "promise": "^7.1.1",
+        "setimmediate": "^1.0.5",
+        "ua-parser-js": "^0.7.30"
+      }
+    },
+    "node_modules/fbjs/node_modules/promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "license": "MIT",
+      "dependencies": {
+        "asap": "~2.0.3"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/filter-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
+      "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/finalhandler/node_modules/on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/find-yarn-workspace-root": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
+      "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "micromatch": "^4.0.2"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/flow-enums-runtime": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.6.tgz",
+      "integrity": "sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw==",
+      "license": "MIT"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gauge": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz",
+      "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.3",
+        "console-control-strings": "^1.1.0",
+        "has-unicode": "^2.0.1",
+        "signal-exit": "^3.0.7",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.5"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/github-from-package": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hermes-compiler": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/hermes-compiler/-/hermes-compiler-0.0.0.tgz",
+      "integrity": "sha512-boVFutx6ME/Km2mB6vvsQcdnazEYYI/jV1pomx1wcFUG/EVqTkr5CU0CW9bKipOA/8Hyu3NYwW3THg2Q1kNCfA==",
+      "license": "MIT"
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.32.0",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.32.0.tgz",
+      "integrity": "sha512-KWn3BqnlDOl97Xe1Yviur6NbgIZ+IP+UVSpshlZWkq+EtoHg6/cwiDj/osP9PCEgFE15KBm1O55JRwbMEm5ejQ==",
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.32.0",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.32.0.tgz",
+      "integrity": "sha512-g4nBOWFpuiTqjR3LZdRxKUkij9iyveWeuks7INEsMX741f3r9xxrOe8TeQfUxtda0eXmiIFiMQzoeSQEno33Hw==",
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.32.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/html2canvas": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "license": "MIT",
+      "dependencies": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-cache-semantics": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
+      "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
+      "license": "BSD-2-Clause",
+      "optional": true
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+      "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tootallnate/once": "1",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/http-proxy-agent/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/image-size": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.2.1.tgz",
+      "integrity": "sha512-rH+46sQJ2dlwfjfhCyNx5thzrv+dtmBIhPHk0zgRUukHzZ/kRueTJXoYYsclBaKcSMBWuGbOFXtioLpzTb5euw==",
+      "license": "MIT",
+      "dependencies": {
+        "queue": "6.0.2"
+      },
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=16.x"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.3.0.tgz",
+      "integrity": "sha512-HR7EVodfFUdQCTIeySw+WDRFJlPcLOJbXfwwZ7Oom6tjsvZ3bOkCDJHehQC3nxJrv7+f9XecwazynjU8e4Vw3Q==",
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-local": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
+      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/infer-owner": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+      "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/ip-address": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/is-generator-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
+      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-interactive": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
+      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-lambda": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
+      "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+      "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/isomorphic-fetch": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
+      "integrity": "sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==",
+      "license": "MIT",
+      "dependencies": {
+        "node-fetch": "^1.0.1",
+        "whatwg-fetch": ">=0.10.0"
+      }
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
+      "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.23.9",
+        "@babel/parser": "^7.23.9",
+        "@istanbuljs/schema": "^0.1.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-instrument/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
+      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jest": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
+      "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/core": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "import-local": "^3.0.2",
+        "jest-cli": "^29.7.0"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-changed-files": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.7.0.tgz",
+      "integrity": "sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^5.0.0",
+        "jest-util": "^29.7.0",
+        "p-limit": "^3.1.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-circus": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.7.0.tgz",
+      "integrity": "sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/expect": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "co": "^4.6.0",
+        "dedent": "^1.0.0",
+        "is-generator-fn": "^2.0.0",
+        "jest-each": "^29.7.0",
+        "jest-matcher-utils": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-runtime": "^29.7.0",
+        "jest-snapshot": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "p-limit": "^3.1.0",
+        "pretty-format": "^29.7.0",
+        "pure-rand": "^6.0.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-cli": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.7.0.tgz",
+      "integrity": "sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/core": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "chalk": "^4.0.0",
+        "create-jest": "^29.7.0",
+        "exit": "^0.1.2",
+        "import-local": "^3.0.2",
+        "jest-config": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "yargs": "^17.3.1"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-config": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.7.0.tgz",
+      "integrity": "sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/test-sequencer": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "babel-jest": "^29.7.0",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "deepmerge": "^4.2.2",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "jest-circus": "^29.7.0",
+        "jest-environment-node": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "jest-regex-util": "^29.6.3",
+        "jest-resolve": "^29.7.0",
+        "jest-runner": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "parse-json": "^5.2.0",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@types/node": "*",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-diff": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
+      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^29.6.3",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-docblock": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz",
+      "integrity": "sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-each": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.7.0.tgz",
+      "integrity": "sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-environment-node": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
+      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-get-type": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
+      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-leak-detector": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz",
+      "integrity": "sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
+      "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "jest-diff": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-message-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
+      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^29.6.3",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-mock": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
+      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-pnp-resolver": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
+      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "peerDependencies": {
+        "jest-resolve": "*"
+      },
+      "peerDependenciesMeta": {
+        "jest-resolve": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz",
+      "integrity": "sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-pnp-resolver": "^1.2.2",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "resolve": "^1.20.0",
+        "resolve.exports": "^2.0.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve-dependencies": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz",
+      "integrity": "sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jest-regex-util": "^29.6.3",
+        "jest-snapshot": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runner": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz",
+      "integrity": "sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^29.7.0",
+        "@jest/environment": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "emittery": "^0.13.1",
+        "graceful-fs": "^4.2.9",
+        "jest-docblock": "^29.7.0",
+        "jest-environment-node": "^29.7.0",
+        "jest-haste-map": "^29.7.0",
+        "jest-leak-detector": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-resolve": "^29.7.0",
+        "jest-runtime": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-watcher": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "p-limit": "^3.1.0",
+        "source-map-support": "0.5.13"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runtime": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.7.0.tgz",
+      "integrity": "sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/globals": "^29.7.0",
+        "@jest/source-map": "^29.6.3",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "cjs-module-lexer": "^1.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-mock": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-resolve": "^29.7.0",
+        "jest-snapshot": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "slash": "^3.0.0",
+        "strip-bom": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz",
+      "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@babel/generator": "^7.7.2",
+        "@babel/plugin-syntax-jsx": "^7.7.2",
+        "@babel/plugin-syntax-typescript": "^7.7.2",
+        "@babel/types": "^7.3.3",
+        "@jest/expect-utils": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "babel-preset-current-node-syntax": "^1.0.0",
+        "chalk": "^4.0.0",
+        "expect": "^29.7.0",
+        "graceful-fs": "^4.2.9",
+        "jest-diff": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "jest-matcher-utils": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "natural-compare": "^1.4.0",
+        "pretty-format": "^29.7.0",
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jest-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
+      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
+      "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^29.6.3",
+        "leven": "^3.1.0",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/jest-watcher": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz",
+      "integrity": "sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "emittery": "^0.13.1",
+        "jest-util": "^29.7.0",
+        "string-length": "^4.0.1"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/joi": {
+      "version": "17.13.3",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz",
+      "integrity": "sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.3.0",
+        "@hapi/topo": "^5.1.0",
+        "@sideway/address": "^4.1.5",
+        "@sideway/formula": "^3.0.1",
+        "@sideway/pinpoint": "^2.0.0"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsc-safe-url": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/jsc-safe-url/-/jsc-safe-url-0.2.4.tgz",
+      "integrity": "sha512-0wM3YBWtYePOjfyXQH5MWQ8H7sdk5EXSwZvmSLKk2RboVQ2Bu239jycHDz5J/8Blf3K0Qnoy2b6xD+z10MFB+Q==",
+      "license": "0BSD"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.3.0.tgz",
+      "integrity": "sha512-qtYiSSFlwot9XHtF9bD9c7rwKjr+RecWT//ZnPvSmEjpV5mmPOCN4j8UjY5hbjNkOwZ/jQv3J6R1/pL7RwgMsg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "isarray": "^2.0.5",
+        "jsonify": "^0.0.1",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "devOptional": true,
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsonify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
+      "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==",
+      "license": "Public Domain",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/klaw-sync": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
+      "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.11"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/launch-editor": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.12.0.tgz",
+      "integrity": "sha512-giOHXoOtifjdHqUamwKq6c49GzBdLjvxrd2D+Q4V6uOHopJv7p9VJxikDsQ/CBXZbEITgUqSVHXLTG3VhPP1Dg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^1.1.1",
+        "shell-quote": "^1.8.3"
+      }
+    },
+    "node_modules/leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lighthouse-logger": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz",
+      "integrity": "sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^2.6.9",
+        "marky": "^1.2.2"
+      }
+    },
+    "node_modules/lighthouse-logger/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/lighthouse-logger/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.map": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-4.6.0.tgz",
+      "integrity": "sha512-worNHGKLDetmcEYDvh2stPCrrQRkP20E4l0iIS7F8EvzMqBBi7ltvFN5m1HvTf1P7Jk1txKhvFcmYsCr8O2F1Q==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.zipobject": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/lodash.zipobject/-/lodash.zipobject-4.1.3.tgz",
+      "integrity": "sha512-A9SzX4hMKWS25MyalwcOnNoplyHbkNVsjidhTp8ru0Sj23wY9GWBKS8gAIGDSAqeWjIjvE4KBEl24XXAs+v4wQ==",
+      "license": "MIT"
+    },
+    "node_modules/log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/logkitty": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/logkitty/-/logkitty-0.7.1.tgz",
+      "integrity": "sha512-/3ER20CTTbahrCrpYfPn7Xavv9diBROZpoXGVZDWMw4b/X4uuUwAC0ki85tgsdMRONURyIJbcOvS94QsUBYPbQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-fragments": "^0.2.1",
+        "dayjs": "^1.8.15",
+        "yargs": "^15.1.0"
+      },
+      "bin": {
+        "logkitty": "bin/logkitty.js"
+      }
+    },
+    "node_modules/logkitty/node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "devOptional": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/logkitty/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/logkitty/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/logkitty/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/logkitty/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/logkitty/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/logkitty/node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "devOptional": true,
+      "license": "ISC"
+    },
+    "node_modules/logkitty/node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/logkitty/node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "devOptional": true,
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-fetch-happen": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz",
+      "integrity": "sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "agentkeepalive": "^4.1.3",
+        "cacache": "^15.2.0",
+        "http-cache-semantics": "^4.1.0",
+        "http-proxy-agent": "^4.0.1",
+        "https-proxy-agent": "^5.0.0",
+        "is-lambda": "^1.0.1",
+        "lru-cache": "^6.0.0",
+        "minipass": "^3.1.3",
+        "minipass-collect": "^1.0.2",
+        "minipass-fetch": "^1.3.2",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.4",
+        "negotiator": "^0.6.2",
+        "promise-retry": "^2.0.1",
+        "socks-proxy-agent": "^6.0.0",
+        "ssri": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/make-fetch-happen/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/make-fetch-happen/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/make-fetch-happen/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-fetch-happen/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/makeerror": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tmpl": "1.0.5"
+      }
+    },
+    "node_modules/marky": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/marky/-/marky-1.3.0.tgz",
+      "integrity": "sha512-ocnPZQLNpvbedwTy9kNrQEsknEfgvcLMvOtz3sFeWApDq1MXH1TqkCIx58xlpESsfwQOnuBO9beyQuNGzVvuhQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
+      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==",
+      "license": "MIT"
+    },
+    "node_modules/merge-options": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/merge-options/-/merge-options-3.0.4.tgz",
+      "integrity": "sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-obj": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/metro": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro/-/metro-0.83.3.tgz",
+      "integrity": "sha512-+rP+/GieOzkt97hSJ0MrPOuAH/jpaS21ZDvL9DJ35QYRDlQcwzcvUlGUf79AnQxq/2NPiS/AULhhM4TKutIt8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.24.7",
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/parser": "^7.25.3",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.3",
+        "@babel/types": "^7.25.2",
+        "accepts": "^1.3.7",
+        "chalk": "^4.0.0",
+        "ci-info": "^2.0.0",
+        "connect": "^3.6.5",
+        "debug": "^4.4.0",
+        "error-stack-parser": "^2.0.6",
+        "flow-enums-runtime": "^0.0.6",
+        "graceful-fs": "^4.2.4",
+        "hermes-parser": "0.32.0",
+        "image-size": "^1.0.2",
+        "invariant": "^2.2.4",
+        "jest-worker": "^29.7.0",
+        "jsc-safe-url": "^0.2.2",
+        "lodash.throttle": "^4.1.1",
+        "metro-babel-transformer": "0.83.3",
+        "metro-cache": "0.83.3",
+        "metro-cache-key": "0.83.3",
+        "metro-config": "0.83.3",
+        "metro-core": "0.83.3",
+        "metro-file-map": "0.83.3",
+        "metro-resolver": "0.83.3",
+        "metro-runtime": "0.83.3",
+        "metro-source-map": "0.83.3",
+        "metro-symbolicate": "0.83.3",
+        "metro-transform-plugins": "0.83.3",
+        "metro-transform-worker": "0.83.3",
+        "mime-types": "^2.1.27",
+        "nullthrows": "^1.1.1",
+        "serialize-error": "^2.1.0",
+        "source-map": "^0.5.6",
+        "throat": "^5.0.0",
+        "ws": "^7.5.10",
+        "yargs": "^17.6.2"
+      },
+      "bin": {
+        "metro": "src/cli.js"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-babel-transformer": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.83.3.tgz",
+      "integrity": "sha512-1vxlvj2yY24ES1O5RsSIvg4a4WeL7PFXgKOHvXTXiW0deLvQr28ExXj6LjwCCDZ4YZLhq6HddLpZnX4dEdSq5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "hermes-parser": "0.32.0",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-cache": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.83.3.tgz",
+      "integrity": "sha512-3jo65X515mQJvKqK3vWRblxDEcgY55Sk3w4xa6LlfEXgQ9g1WgMh9m4qVZVwgcHoLy0a2HENTPCCX4Pk6s8c8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "exponential-backoff": "^3.1.1",
+        "flow-enums-runtime": "^0.0.6",
+        "https-proxy-agent": "^7.0.5",
+        "metro-core": "0.83.3"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-cache-key": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.83.3.tgz",
+      "integrity": "sha512-59ZO049jKzSmvBmG/B5bZ6/dztP0ilp0o988nc6dpaDsU05Cl1c/lRf+yx8m9WW/JVgbmfO5MziBU559XjI5Zw==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-config": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.83.3.tgz",
+      "integrity": "sha512-mTel7ipT0yNjKILIan04bkJkuCzUUkm2SeEaTads8VfEecCh+ltXchdq6DovXJqzQAXuR2P9cxZB47Lg4klriA==",
+      "license": "MIT",
+      "dependencies": {
+        "connect": "^3.6.5",
+        "flow-enums-runtime": "^0.0.6",
+        "jest-validate": "^29.7.0",
+        "metro": "0.83.3",
+        "metro-cache": "0.83.3",
+        "metro-core": "0.83.3",
+        "metro-runtime": "0.83.3",
+        "yaml": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-core": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.83.3.tgz",
+      "integrity": "sha512-M+X59lm7oBmJZamc96usuF1kusd5YimqG/q97g4Ac7slnJ3YiGglW5CsOlicTR5EWf8MQFxxjDoB6ytTqRe8Hw==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "lodash.throttle": "^4.1.1",
+        "metro-resolver": "0.83.3"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-file-map": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.83.3.tgz",
+      "integrity": "sha512-jg5AcyE0Q9Xbbu/4NAwwZkmQn7doJCKGW0SLeSJmzNB9Z24jBe0AL2PHNMy4eu0JiKtNWHz9IiONGZWq7hjVTA==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "fb-watchman": "^2.0.0",
+        "flow-enums-runtime": "^0.0.6",
+        "graceful-fs": "^4.2.4",
+        "invariant": "^2.2.4",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "nullthrows": "^1.1.1",
+        "walker": "^1.0.7"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-minify-terser": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.83.3.tgz",
+      "integrity": "sha512-O2BmfWj6FSfzBLrNCXt/rr2VYZdX5i6444QJU0fFoc7Ljg+Q+iqebwE3K0eTvkI6TRjELsXk1cjU+fXwAR4OjQ==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "terser": "^5.15.0"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-resolver": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.83.3.tgz",
+      "integrity": "sha512-0js+zwI5flFxb1ktmR///bxHYg7OLpRpWZlBBruYG8OKYxeMP7SV0xQ/o/hUelrEMdK4LJzqVtHAhBm25LVfAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-runtime": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.83.3.tgz",
+      "integrity": "sha512-JHCJb9ebr9rfJ+LcssFYA2x1qPYuSD/bbePupIGhpMrsla7RCwC/VL3yJ9cSU+nUhU4c9Ixxy8tBta+JbDeZWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.0",
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-source-map": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.83.3.tgz",
+      "integrity": "sha512-xkC3qwUBh2psVZgVavo8+r2C9Igkk3DibiOXSAht1aYRRcztEZNFtAMtfSB7sdO2iFMx2Mlyu++cBxz/fhdzQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.25.3",
+        "@babel/traverse--for-generate-function-map": "npm:@babel/traverse@^7.25.3",
+        "@babel/types": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "invariant": "^2.2.4",
+        "metro-symbolicate": "0.83.3",
+        "nullthrows": "^1.1.1",
+        "ob1": "0.83.3",
+        "source-map": "^0.5.6",
+        "vlq": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-source-map/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/metro-symbolicate": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.83.3.tgz",
+      "integrity": "sha512-F/YChgKd6KbFK3eUR5HdUsfBqVsanf5lNTwFd4Ca7uuxnHgBC3kR/Hba/RGkenR3pZaGNp5Bu9ZqqP52Wyhomw==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6",
+        "invariant": "^2.2.4",
+        "metro-source-map": "0.83.3",
+        "nullthrows": "^1.1.1",
+        "source-map": "^0.5.6",
+        "vlq": "^1.0.0"
+      },
+      "bin": {
+        "metro-symbolicate": "src/index.js"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-symbolicate/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/metro-transform-plugins": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.83.3.tgz",
+      "integrity": "sha512-eRGoKJU6jmqOakBMH5kUB7VitEWiNrDzBHpYbkBXW7C5fUGeOd2CyqrosEzbMK5VMiZYyOcNFEphvxk3OXey2A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.3",
+        "flow-enums-runtime": "^0.0.6",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro-transform-worker": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.83.3.tgz",
+      "integrity": "sha512-Ztekew9t/gOIMZX1tvJOgX7KlSLL5kWykl0Iwu2cL2vKMKVALRl1hysyhUw0vjpAvLFx+Kfq9VLjnHIkW32fPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/generator": "^7.25.0",
+        "@babel/parser": "^7.25.3",
+        "@babel/types": "^7.25.2",
+        "flow-enums-runtime": "^0.0.6",
+        "metro": "0.83.3",
+        "metro-babel-transformer": "0.83.3",
+        "metro-cache": "0.83.3",
+        "metro-cache-key": "0.83.3",
+        "metro-minify-terser": "0.83.3",
+        "metro-source-map": "0.83.3",
+        "metro-transform-plugins": "0.83.3",
+        "nullthrows": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/metro/node_modules/ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
+      "license": "MIT"
+    },
+    "node_modules/metro/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/metro/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-4.1.0.tgz",
+      "integrity": "sha512-X5ju04+cAzsojXKes0B/S4tcYtFAJ6tTMuSPBEn9CPGlrWr8Fiw7qYeLT0XyH80HSoAoqWCaz+MWKh22P7G1cw==",
+      "funding": [
+        "https://github.com/sponsors/broofa"
+      ],
+      "license": "MIT",
+      "bin": {
+        "mime": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-collect": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz",
+      "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minipass-fetch": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-1.4.1.tgz",
+      "integrity": "sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.1.0",
+        "minipass-sized": "^1.0.3",
+        "minizlib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "optionalDependencies": {
+        "encoding": "^0.1.12"
+      }
+    },
+    "node_modules/minipass-flush": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
+      "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minipass-pipeline": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz",
+      "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-sized": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz",
+      "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-build-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-2.0.0.tgz",
+      "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nocache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/nocache/-/nocache-3.0.4.tgz",
+      "integrity": "sha512-WDD0bdg9mbq6F4mRxEYcPWwfA1vxd0mrvKOyxI7Xj/atfRHVeutzuWByG//jfm4uPzp0y4Kj051EORCBSQMycw==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/node-abi": {
+      "version": "3.85.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.85.0.tgz",
+      "integrity": "sha512-zsFhmbkAzwhTft6nd3VxcG0cvJsT70rL+BIGHWVq5fi6MwGrHwzqKaxXE+Hl2GmnGItnDKPPkO5/LQqjVkIdFg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-abi/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-fetch": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
+      "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "encoding": "^0.1.11",
+        "is-stream": "^1.0.1"
+      }
+    },
+    "node_modules/node-fetch/node_modules/is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-gyp": {
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-8.4.1.tgz",
+      "integrity": "sha512-olTJRgUtAb/hOXG0E93wZDs5YiJlgbXxTwQAFHyNlRsXQnYzUaF2aGgujZbw+hR8aF4ZG/rST57bWMWD16jr9w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "env-paths": "^2.2.0",
+        "glob": "^7.1.4",
+        "graceful-fs": "^4.2.6",
+        "make-fetch-happen": "^9.1.0",
+        "nopt": "^5.0.0",
+        "npmlog": "^6.0.0",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.2",
+        "which": "^2.0.2"
+      },
+      "bin": {
+        "node-gyp": "bin/node-gyp.js"
+      },
+      "engines": {
+        "node": ">= 10.12.0"
+      }
+    },
+    "node_modules/node-gyp/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "license": "MIT"
+    },
+    "node_modules/node-stream-zip": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/node-stream-zip/-/node-stream-zip-1.15.0.tgz",
+      "integrity": "sha512-LN4fydt9TqhZhThkZIVQnF9cwjU3qmUH9h78Mx/K7d3VvfRqqwthLwJEUOEL0QPZ0XQmNN7be5Ggit5+4dq3Bw==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/antelle"
+      }
+    },
+    "node_modules/noop-fn": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/noop-fn/-/noop-fn-1.0.0.tgz",
+      "integrity": "sha512-pQ8vODlgXt2e7A3mIbFDlizkr46r75V+BJxVAyat8Jl7YmI513gG5cfyRL0FedKraoZ+VAouI1h4/IWpus5pcQ==",
+      "license": "MIT"
+    },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/npmlog": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz",
+      "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "are-we-there-yet": "^3.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^4.0.3",
+        "set-blocking": "^2.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nullthrows": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz",
+      "integrity": "sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==",
+      "license": "MIT"
+    },
+    "node_modules/ob1": {
+      "version": "0.83.3",
+      "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.83.3.tgz",
+      "integrity": "sha512-egUxXCDwoWG06NGCS5s5AdcpnumHKJlfd3HH06P3m9TEMwwScfcY35wpQxbm9oHof+dM/lVH9Rfyu1elTVelSA==",
+      "license": "MIT",
+      "dependencies": {
+        "flow-enums-runtime": "^0.0.6"
+      },
+      "engines": {
+        "node": ">=20.19.4"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.1.0.tgz",
+      "integrity": "sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-6.4.0.tgz",
+      "integrity": "sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-wsl": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/ora": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
+      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^4.1.0",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-spinners": "^2.5.0",
+        "is-interactive": "^1.0.0",
+        "is-unicode-supported": "^0.1.0",
+        "log-symbols": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "wcwidth": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-map": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "aggregate-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "license": "BlueOak-1.0.0"
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/patch-package": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.1.tgz",
+      "integrity": "sha512-VsKRIA8f5uqHQ7NGhwIna6Bx6D9s/1iXlA1hthBVBEbkq+t4kXD0HHt+rJhf/Z+Ci0F/HCB2hvn0qLdLG+Qxlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@yarnpkg/lockfile": "^1.1.0",
+        "chalk": "^4.1.2",
+        "ci-info": "^3.7.0",
+        "cross-spawn": "^7.0.3",
+        "find-yarn-workspace-root": "^2.0.0",
+        "fs-extra": "^10.0.0",
+        "json-stable-stringify": "^1.0.2",
+        "klaw-sync": "^6.0.0",
+        "minimist": "^1.2.6",
+        "open": "^7.4.2",
+        "semver": "^7.5.3",
+        "slash": "^2.0.0",
+        "tmp": "^0.2.4",
+        "yaml": "^2.2.2"
+      },
+      "bin": {
+        "patch-package": "index.js"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">5"
+      }
+    },
+    "node_modules/patch-package/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/patch-package/node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/patch-package/node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/patch-package/node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/patch-package/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/patch-package/node_modules/slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/patch-package/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-extra": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/path-extra/-/path-extra-1.0.3.tgz",
+      "integrity": "sha512-vYm3+GCkjUlT1rDvZnDVhNLXIRvwFPaN8ebHAFcuMJM/H0RBOPD7JrcldiNLd9AS3dhAyUHLa4Hny5wp1A+Ffw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
+    },
+    "node_modules/path-scurry/node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/paths-js": {
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/paths-js/-/paths-js-0.4.11.tgz",
+      "integrity": "sha512-3mqcLomDBXOo7Fo+UlaenG6f71bk1ZezPQy2JCmYHy2W2k5VKpP+Jbin9H0bjXynelTbglCqdFhSEkeIkKTYUA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.11.0"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/point-in-polygon": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/point-in-polygon/-/point-in-polygon-1.1.0.tgz",
+      "integrity": "sha512-3ojrFwjnnw8Q9242TzgXuTD+eKiutbzyslcq1ydfu82Db2y+Ogbmyrkpv0Hgj31qwT3lbS9+QAAO/pIQM35XRw==",
+      "license": "MIT"
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postinstall-postinstall": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/postinstall-postinstall/-/postinstall-postinstall-2.1.0.tgz",
+      "integrity": "sha512-7hQX6ZlZXIoRiWNrbMQaLzUUfH+sSx39u8EJ9HYuDc1kLo9IXKWjM5RSquZN1ad5GnH8CGFM78fsAAQi3OKEEQ==",
+      "hasInstallScript": true,
+      "license": "MIT"
+    },
+    "node_modules/prebuild-install": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.3.tgz",
+      "integrity": "sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "expand-template": "^2.0.3",
+        "github-from-package": "0.0.0",
+        "minimist": "^1.2.3",
+        "mkdirp-classic": "^0.5.3",
+        "napi-build-utils": "^2.0.0",
+        "node-abi": "^3.3.0",
+        "pump": "^3.0.0",
+        "rc": "^1.2.7",
+        "simple-get": "^4.0.0",
+        "tar-fs": "^2.0.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "bin": {
+        "prebuild-install": "bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/promise": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz",
+      "integrity": "sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==",
+      "license": "MIT",
+      "dependencies": {
+        "asap": "~2.0.6"
+      }
+    },
+    "node_modules/promise-inflight": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/promise-retry": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
+      "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "err-code": "^2.0.2",
+        "retry": "^0.12.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/prompts": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/pump": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
+      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pure-rand": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
+      "integrity": "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/query-string": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-7.1.3.tgz",
+      "integrity": "sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==",
+      "license": "MIT",
+      "dependencies": {
+        "decode-uri-component": "^0.2.2",
+        "filter-obj": "^1.1.0",
+        "split-on-first": "^1.0.0",
+        "strict-uri-encode": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/queue": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
+      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.3"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "optional": true,
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.1.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.1.1.tgz",
+      "integrity": "sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-addons-shallow-compare": {
+      "version": "15.6.2",
+      "resolved": "https://registry.npmjs.org/react-addons-shallow-compare/-/react-addons-shallow-compare-15.6.2.tgz",
+      "integrity": "sha512-yAV9tOObmKPiohqne1jiMcx6kDjfz7GeL8K9KHgI+HvDsbrRv148uyUzrPc6GwepZnQcJ59Q3lp1ghrkyPwtjg==",
+      "license": "MIT",
+      "dependencies": {
+        "fbjs": "^0.8.4",
+        "object-assign": "^4.1.0"
+      }
+    },
+    "node_modules/react-devtools-core": {
+      "version": "6.1.5",
+      "resolved": "https://registry.npmjs.org/react-devtools-core/-/react-devtools-core-6.1.5.tgz",
+      "integrity": "sha512-ePrwPfxAnB+7hgnEr8vpKxL9cmnp7F322t8oqcPshbIQQhDKgFDW4tjhF2wjVbdXF9O/nyuy3sQWd9JGpiLPvA==",
+      "license": "MIT",
+      "dependencies": {
+        "shell-quote": "^1.6.1",
+        "ws": "^7"
+      }
+    },
+    "node_modules/react-devtools-core/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-freeze": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/react-freeze/-/react-freeze-1.0.4.tgz",
+      "integrity": "sha512-r4F0Sec0BLxWicc7HEyo2x3/2icUTrRmDjaaRyzzn+7aDyFZliszMDOgLVwSnQnYENOlL1o569Ze2HZefk8clA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">=17.0.0"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/react-native": {
+      "version": "0.82.1",
+      "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.82.1.tgz",
+      "integrity": "sha512-tFAqcU7Z4g49xf/KnyCEzI4nRTu1Opcx05Ov2helr8ZTg1z7AJR/3sr2rZ+AAVlAs2IXk+B0WOxXGmdD3+4czA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/create-cache-key-function": "^29.7.0",
+        "@react-native/assets-registry": "0.82.1",
+        "@react-native/codegen": "0.82.1",
+        "@react-native/community-cli-plugin": "0.82.1",
+        "@react-native/gradle-plugin": "0.82.1",
+        "@react-native/js-polyfills": "0.82.1",
+        "@react-native/normalize-colors": "0.82.1",
+        "@react-native/virtualized-lists": "0.82.1",
+        "abort-controller": "^3.0.0",
+        "anser": "^1.4.9",
+        "ansi-regex": "^5.0.0",
+        "babel-jest": "^29.7.0",
+        "babel-plugin-syntax-hermes-parser": "0.32.0",
+        "base64-js": "^1.5.1",
+        "commander": "^12.0.0",
+        "flow-enums-runtime": "^0.0.6",
+        "glob": "^7.1.1",
+        "hermes-compiler": "0.0.0",
+        "invariant": "^2.2.4",
+        "jest-environment-node": "^29.7.0",
+        "memoize-one": "^5.0.0",
+        "metro-runtime": "^0.83.1",
+        "metro-source-map": "^0.83.1",
+        "nullthrows": "^1.1.1",
+        "pretty-format": "^29.7.0",
+        "promise": "^8.3.0",
+        "react-devtools-core": "^6.1.5",
+        "react-refresh": "^0.14.0",
+        "regenerator-runtime": "^0.13.2",
+        "scheduler": "0.26.0",
+        "semver": "^7.1.3",
+        "stacktrace-parser": "^0.1.10",
+        "whatwg-fetch": "^3.0.0",
+        "ws": "^6.2.3",
+        "yargs": "^17.6.2"
+      },
+      "bin": {
+        "react-native": "cli.js"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "@types/react": "^19.1.1",
+        "react": "^19.1.1"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-animatable": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/react-native-animatable/-/react-native-animatable-1.4.0.tgz",
+      "integrity": "sha512-DZwaDVWm2NBvBxf7I0wXKXLKb/TxDnkV53sWhCvei1pRyTX3MVFpkvdYBknNBqPrxYuAIlPxEp7gJOidIauUkw==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.8.1"
+      }
+    },
+    "node_modules/react-native-animated-splash-screen": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/react-native-animated-splash-screen/-/react-native-animated-splash-screen-2.0.5.tgz",
+      "integrity": "sha512-VTZmcYHQq8lxtVtiXQFJKGSSftewI+F3hgLY0ONBA2g3GP/jIgLJHoShup4HBLeA0Q2mjvyNT39JpfTDcLKtHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2"
+      }
+    },
+    "node_modules/react-native-blob-util": {
+      "version": "0.22.2",
+      "resolved": "https://registry.npmjs.org/react-native-blob-util/-/react-native-blob-util-0.22.2.tgz",
+      "integrity": "sha512-Czx01QMg7aLsm/4F/7+eqoRAi1q/qjLY2Kao16g+n2SRnTH1+qkD8Qhx2q9okB+VNQvZKB1LbiXhktzYQV52xQ==",
+      "license": "MIT",
+      "dependencies": {
+        "base-64": "0.1.0",
+        "glob": "^10.3.10"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-blob-util/node_modules/base-64": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/base-64/-/base-64-0.1.0.tgz",
+      "integrity": "sha512-Y5gU45svrR5tI2Vt/X9GPd3L0HNIKzGu202EjxrXMpuc2V2CiKgemAbUUsqYmZJvPtCXoUKjNZwBJzsNScUbXA=="
+    },
+    "node_modules/react-native-blob-util/node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/react-native-blob-util/node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/react-native-chart-kit": {
+      "version": "6.12.0",
+      "resolved": "https://registry.npmjs.org/react-native-chart-kit/-/react-native-chart-kit-6.12.0.tgz",
+      "integrity": "sha512-nZLGyCFzZ7zmX0KjYeeSV1HKuPhl1wOMlTAqa0JhlyW62qV/1ZPXHgT8o9s8mkFaGxdqbspOeuaa6I9jUQDgnA==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.13",
+        "paths-js": "^0.4.10",
+        "point-in-polygon": "^1.0.1"
+      },
+      "peerDependencies": {
+        "react": "> 16.7.0",
+        "react-native": ">= 0.50.0",
+        "react-native-svg": "> 6.4.1"
+      }
+    },
+    "node_modules/react-native-collapsible": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/react-native-collapsible/-/react-native-collapsible-1.6.2.tgz",
+      "integrity": "sha512-MCOBVJWqHNjnDaGkvxX997VONmJeebh6wyJxnHEgg0L1PrlcXU1e/bo6eK+CDVFuMrCafw8Qh4DOv/C4V/+Iew==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-device-info": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/react-native-device-info/-/react-native-device-info-15.0.1.tgz",
+      "integrity": "sha512-U5waZRXtT3l1SgZpZMlIvMKPTkFZPH8W7Ks6GrJhdH723aUIPxjVer7cRSij1mvQdOAAYFJV/9BDzlC8apG89A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-draggable-flatlist": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/react-native-draggable-flatlist/-/react-native-draggable-flatlist-4.0.3.tgz",
+      "integrity": "sha512-2F4x5BFieWdGq9SetD2nSAR7s7oQCSgNllYgERRXXtNfSOuAGAVbDb/3H3lP0y5f7rEyNwabKorZAD/SyyNbDw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/preset-typescript": "^7.17.12"
+      },
+      "peerDependencies": {
+        "react-native": ">=0.64.0",
+        "react-native-gesture-handler": ">=2.0.0",
+        "react-native-reanimated": ">=2.8.0"
+      }
+    },
+    "node_modules/react-native-drawer-layout": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/react-native-drawer-layout/-/react-native-drawer-layout-4.2.0.tgz",
+      "integrity": "sha512-XFGK5RMcVhEqr2F4iH/cTXrcTm1uK3gIBNFPqHNO7rCXuXZTPBbQYA5yc9/Lqgw2KNQ3sAeHKvW6/WoTURo/eA==",
+      "license": "MIT",
+      "dependencies": {
+        "color": "^4.2.3",
+        "use-latest-callback": "^0.2.4"
+      },
+      "peerDependencies": {
+        "react": ">= 18.2.0",
+        "react-native": "*",
+        "react-native-gesture-handler": ">= 2.0.0",
+        "react-native-reanimated": ">= 2.0.0"
+      }
+    },
+    "node_modules/react-native-element-dropdown": {
+      "version": "2.12.4",
+      "resolved": "https://registry.npmjs.org/react-native-element-dropdown/-/react-native-element-dropdown-2.12.4.tgz",
+      "integrity": "sha512-abZc5SVji9FIt7fjojRYrbuvp03CoeZJrgvezQoDoSOrpiTqkX69ix5m+j06W2AVncA0VWvbT+vCMam8SoVadw==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "engines": {
+        "node": ">= 16.0.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-file-viewer": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/react-native-file-viewer/-/react-native-file-viewer-2.1.5.tgz",
+      "integrity": "sha512-MGC6sx9jsqHdefhVQ6o0akdsPGpkXgiIbpygb2Sg4g4bh7v6K1cardLV1NwGB9A6u1yICOSDT/MOC//9Ez6EUg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.47"
+      }
+    },
+    "node_modules/react-native-fs": {
+      "version": "2.20.0",
+      "resolved": "https://registry.npmjs.org/react-native-fs/-/react-native-fs-2.20.0.tgz",
+      "integrity": "sha512-VkTBzs7fIDUiy/XajOSNk0XazFE9l+QlMAce7lGuebZcag5CnjszB+u4BdqzwaQOdcYb5wsJIsqq4kxInIRpJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "base-64": "^0.1.0",
+        "utf8": "^3.0.0"
+      },
+      "peerDependencies": {
+        "react-native": "*",
+        "react-native-windows": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-fs/node_modules/base-64": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/base-64/-/base-64-0.1.0.tgz",
+      "integrity": "sha512-Y5gU45svrR5tI2Vt/X9GPd3L0HNIKzGu202EjxrXMpuc2V2CiKgemAbUUsqYmZJvPtCXoUKjNZwBJzsNScUbXA=="
+    },
+    "node_modules/react-native-geolocation-service": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/react-native-geolocation-service/-/react-native-geolocation-service-5.3.1.tgz",
+      "integrity": "sha512-LTXPtPNmrdhx+yeWG47sAaCgQc3nG1z+HLLHlhK/5YfOgfLcAb9HAkhREPjQKPZOUx8pKZMIpdGFUGfJYtimXQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-native-gesture-handler": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-2.29.1.tgz",
+      "integrity": "sha512-du3qmv0e3Sm7qsd9SfmHps+AggLiylcBBQ8ztz7WUtd8ZjKs5V3kekAbi9R2W9bRLSg47Ntp4GGMYZOhikQdZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@egjs/hammerjs": "^2.0.17",
+        "hoist-non-react-statics": "^3.3.0",
+        "invariant": "^2.2.4"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-google-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-google-maps/-/react-native-google-maps-1.0.0.tgz",
+      "integrity": "sha512-EbvyzGhlhXRHNxruGE1BwwjzlLUwQNxnkHRFF4qa+4AVnCe25hOHghxT2b1AJH7dMBVE84bmTTlm/IWAc43jMA==",
+      "license": "MIT"
+    },
+    "node_modules/react-native-image-marker": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/react-native-image-marker/-/react-native-image-marker-1.2.9.tgz",
+      "integrity": "sha512-X+W5gHNY24h1+nWAgK+MCDuxm4jbZtjgNKOztObHXjWVwRMV5/MgMJUD5bJuh459GFmA2CelDnGLixK8sXm7XA==",
+      "license": "MIT",
+      "dependencies": {
+        "patch-package": "^8.0.0",
+        "postinstall-postinstall": "^2.1.0"
+      },
+      "engines": {
+        "node": ">= 16.0.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-image-pan-zoom": {
+      "version": "2.1.12",
+      "resolved": "https://registry.npmjs.org/react-native-image-pan-zoom/-/react-native-image-pan-zoom-2.1.12.tgz",
+      "integrity": "sha512-BF66XeP6dzuANsPmmFsJshM2Jyh/Mo1t8FsGc1L9Q9/sVP8MJULDabB1hms+eAoqgtyhMr5BuXV3E1hJ5U5H6Q==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-image-picker": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/react-native-image-picker/-/react-native-image-picker-8.2.1.tgz",
+      "integrity": "sha512-FBeGYJGFDjMdGCcyubDJgBAPCQ4L1D3hwLXyUU91jY9ahOZMTbluceVvRmrEKqnDPFJ0gF1NVhJ0nr1nROFLdg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-image-resizer": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/react-native-image-resizer/-/react-native-image-resizer-1.4.5.tgz",
+      "integrity": "sha512-33EgL3C9pyvjKpullAB6fWyD5QhoYEpNNB9rxNvUsrpAnL2mHBW7PTrUCCZudJeB6Weg7nbweKrSw1nnto5aqg==",
+      "deprecated": "🚨 react-native-image-resizer has moved to @bam.tech/react-native-image-resizer",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=v0.40.0"
+      }
+    },
+    "node_modules/react-native-image-zoom-viewer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/react-native-image-zoom-viewer/-/react-native-image-zoom-viewer-3.0.1.tgz",
+      "integrity": "sha512-la6s5DNSuq4GCRLsi5CZ29FPjgTpdCuGIRdO5T9rUrAtxrlpBPhhSnHrbmPVxsdtOUvxHacTh2Gfa9+RraMZQA==",
+      "license": "MIT",
+      "dependencies": {
+        "react-native-image-pan-zoom": "^2.1.12"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-is-edge-to-edge": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.2.1.tgz",
+      "integrity": "sha512-FLbPWl/MyYQWz+KwqOZsSyj2JmLKglHatd3xLZWskXOpRaio4LfEDEz8E/A6uD8QoTHW6Aobw1jbEwK7KMgR7Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-keychain": {
+      "version": "9.2.3",
+      "resolved": "https://registry.npmjs.org/react-native-keychain/-/react-native-keychain-9.2.3.tgz",
+      "integrity": "sha512-dbn50fk4HLr4JQ71X3j6ZSTbKv+G9s85Zv9cE2na7k7KGn1j+wxjqGTE3wG+WKB3nNEylgu/KXR99mtsC/hpRQ==",
+      "license": "MIT",
+      "workspaces": [
+        "KeychainExample",
+        "website"
+      ],
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/react-native-linear-gradient": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/react-native-linear-gradient/-/react-native-linear-gradient-2.8.3.tgz",
+      "integrity": "sha512-KflAXZcEg54PXkLyflaSZQ3PJp4uC4whM7nT/Uot9m0e/qxFV3p6uor1983D1YOBJbJN7rrWdqIjq0T42jOJyA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-maps": {
+      "version": "1.26.18",
+      "resolved": "https://registry.npmjs.org/react-native-maps/-/react-native-maps-1.26.18.tgz",
+      "integrity": "sha512-aJeczgR2Y5AeAazod3QAIkpAqNteYjKlZUH8YRKueaORsjdDbGryD/4aPL8UR4J6bjsSJK8lgzoMCvCky6FRpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "^7946.0.13"
+      },
+      "engines": {
+        "node": ">= 20.19.4"
+      },
+      "peerDependencies": {
+        "react": ">= 18.3.1",
+        "react-native": ">= 0.76.0",
+        "react-native-web": ">= 0.11"
+      },
+      "peerDependenciesMeta": {
+        "react-native-web": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-modal": {
+      "version": "14.0.0-rc.1",
+      "resolved": "https://registry.npmjs.org/react-native-modal/-/react-native-modal-14.0.0-rc.1.tgz",
+      "integrity": "sha512-v5pvGyx1FlmBzdHyPqBsYQyS2mIJhVmuXyNo5EarIzxicKhuoul6XasXMviGcXboEUT0dTYWs88/VendojPiVw==",
+      "license": "MIT",
+      "dependencies": {
+        "react-native-animatable": "1.4.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": ">=0.70.0"
+      }
+    },
+    "node_modules/react-native-modal-datetime-picker": {
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-modal-datetime-picker/-/react-native-modal-datetime-picker-18.0.0.tgz",
+      "integrity": "sha512-0jdvhhraZQlRACwr7pM6vmZ2kxgzJ4CpnmV6J3TVA6MrXMXK6Zo/upRBKkRp0+fTOiKuNblzesA2U59rYo6SGA==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2"
+      },
+      "peerDependencies": {
+        "@react-native-community/datetimepicker": ">=6.7.0",
+        "react-native": ">=0.65.0"
+      }
+    },
+    "node_modules/react-native-modal-selector": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/react-native-modal-selector/-/react-native-modal-selector-2.1.2.tgz",
+      "integrity": "sha512-+Cvoz/yNUFmfIkJ7xkmlLR2nhJOUhx00S6BPqp2Ruy8LkmaiNr7WMZ4BzsgzylyEgZ84Q+42HQ0v0QzJYobviA==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.5.10"
+      }
+    },
+    "node_modules/react-native-multiple-select": {
+      "version": "0.5.12",
+      "resolved": "https://registry.npmjs.org/react-native-multiple-select/-/react-native-multiple-select-0.5.12.tgz",
+      "integrity": "sha512-lFw0u798/2qHr4TwDdxMtReRtsNOCC2SWPzWHRGKE4XcBiUll0hHhke7iqQg4xJdfo46C/h69f1ZXphDOjZY3A==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2"
+      },
+      "peerDependencies": {
+        "deprecated-react-native-prop-types": ">2.0.0",
+        "lodash": ">4.17.00",
+        "react": ">16.6.0",
+        "react-native": ">0.57.0",
+        "react-native-vector-icons": ">6.0.0"
+      }
+    },
+    "node_modules/react-native-orientation-locker": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/react-native-orientation-locker/-/react-native-orientation-locker-1.7.0.tgz",
+      "integrity": "sha512-2PhG4UyRJktb3KCTISStuu8/q+Q3q3oPesGg9DhdY0b6Cu/ZzxkCvkbJte2TPWRYkS0JpClimvqVaonulGvDrA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-native": ">=0.63.2",
+        "react-native-windows": ">=0.63.3"
+      },
+      "peerDependenciesMeta": {
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-otp-inputs": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/react-native-otp-inputs/-/react-native-otp-inputs-7.4.0.tgz",
+      "integrity": "sha512-+phHrlcQQ63VuOrHaOZze7LP9WmzUGxGMlQx2A/jhPhYkCi/5hXDjxNcWyPXCy/RFRoLX+70HNpGqTgo0mDg7Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@react-native-clipboard/clipboard": "*",
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-paper": {
+      "version": "5.14.5",
+      "resolved": "https://registry.npmjs.org/react-native-paper/-/react-native-paper-5.14.5.tgz",
+      "integrity": "sha512-eaIH5bUQjJ/mYm4AkI6caaiyc7BcHDwX6CqNDi6RIxfxfWxROsHpll1oBuwn/cFvknvA8uEAkqLk/vzVihI3AQ==",
+      "license": "MIT",
+      "workspaces": [
+        "example",
+        "docs"
+      ],
+      "dependencies": {
+        "@callstack/react-theme-provider": "^3.0.9",
+        "color": "^3.1.2",
+        "use-latest-callback": "^0.2.3"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*",
+        "react-native-safe-area-context": "*"
+      }
+    },
+    "node_modules/react-native-paper/node_modules/color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      }
+    },
+    "node_modules/react-native-paper/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/react-native-paper/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "license": "MIT"
+    },
+    "node_modules/react-native-permissions": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/react-native-permissions/-/react-native-permissions-5.4.4.tgz",
+      "integrity": "sha512-WB5lRCBGXETfuaUhem2vgOceb9+URCeyfKpLGFSwoOffLuyJCA6+NTR3l1KLkrK4Ykxsig37z16/shUVufmt7A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=18.1.0",
+        "react-native": ">=0.70.0",
+        "react-native-windows": ">=0.70.0"
+      },
+      "peerDependenciesMeta": {
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-reanimated": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-4.1.5.tgz",
+      "integrity": "sha512-UA6VUbxwhRjEw2gSNrvhkusUq3upfD3Cv+AnB07V+kC8kpvwRVI+ivwY95ePbWNFkFpP+Y2Sdw1WHpHWEV+P2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-native-is-edge-to-edge": "^1.2.1",
+        "semver": "7.7.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-worklets": ">=0.5.0"
+      }
+    },
+    "node_modules/react-native-reanimated/node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/react-native-responsive-screen": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/react-native-responsive-screen/-/react-native-responsive-screen-1.4.2.tgz",
+      "integrity": "sha512-BLYz0UUpeohrib7jbz6wDmtBD5OmiuMRko4IT8kIF63taXPod/c5iZgmWnr5qOnK8hMuKiGMvsM3sC+eHX/lEQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.35"
+      }
+    },
+    "node_modules/react-native-safe-area-context": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-5.6.2.tgz",
+      "integrity": "sha512-4XGqMNj5qjUTYywJqpdWZ9IG8jgkS3h06sfVjfw5yZQZfWnRFXczi0GnYyFyCc2EBps/qFmoCH8fez//WumdVg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-screens": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-4.18.0.tgz",
+      "integrity": "sha512-mRTLWL7Uc1p/RFNveEIIrhP22oxHduC2ZnLr/2iHwBeYpGXR0rJZ7Bgc0ktxQSHRjWTPT70qc/7yd4r9960PBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "react-freeze": "^1.0.0",
+        "warn-once": "^0.1.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-snackbar": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/react-native-snackbar/-/react-native-snackbar-2.9.0.tgz",
+      "integrity": "sha512-6FdTKbFRSeV2Y/NXVupPuDg4uayo3jjUs1u6DPWHLIF7gy8hoaj6YFYW3FT9VbUt3wvwn4hyV54bBuZ1WvmBLg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16",
+        "react-native": ">=0.60"
+      }
+    },
+    "node_modules/react-native-snap-carousel": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/react-native-snap-carousel/-/react-native-snap-carousel-3.9.1.tgz",
+      "integrity": "sha512-xWEGusacIgK1YaDXLi7Gao2+ISLoGPVEBR8fcMf4tOOJQufutlNwkoLu0l6B8Qgsrre0nTxoVZikRgGRDWlLaQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "prop-types": "^15.6.1",
+        "react-addons-shallow-compare": "15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=15.0.0",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-splash-screen": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/react-native-splash-screen/-/react-native-splash-screen-3.3.0.tgz",
+      "integrity": "sha512-rGjt6HkoSXxMqH4SQUJ1gnPQlPJV8+J47+4yhgTIan4bVvAwJhEeJH7wWt9hXSdH4+VfwTS0GTaflj1Tw83IhA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.57.0"
+      }
+    },
+    "node_modules/react-native-sqlite-2": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/react-native-sqlite-2/-/react-native-sqlite-2-3.6.2.tgz",
+      "integrity": "sha512-C5+0qG6EIyycGuCNnVOXpEQiFt5m+Hd0ky7K9z+Ma78uNvJ39pq2sOF91Q/24+suaAfGDedmlQAC26lcjWvkAw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "lodash.map": "^4.6.0",
+        "lodash.zipobject": "^4.1.3",
+        "websql": "^2.0.3"
+      },
+      "peerDependencies": {
+        "react-native": ">= 0.60.0"
+      }
+    },
+    "node_modules/react-native-svg": {
+      "version": "15.15.0",
+      "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.15.0.tgz",
+      "integrity": "sha512-/Wx6F/IZ88B/GcF88bK8K7ZseJDYt+7WGaiggyzLvTowChQ8BM5idmcd4pK+6QJP6a6DmzL2sfOMukFUn/NArg==",
+      "license": "MIT",
+      "dependencies": {
+        "css-select": "^5.1.0",
+        "css-tree": "^1.1.3",
+        "warn-once": "0.1.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-vector-icons": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-10.3.0.tgz",
+      "integrity": "sha512-IFQ0RE57819hOUdFvgK4FowM5aMXg7C7XKsuGLevqXkkIJatc3QopN0wYrb2IrzUgmdpfP+QVIbI3S6h7M0btw==",
+      "deprecated": "react-native-vector-icons package has moved to a new model of per-icon-family packages. See the https://github.com/oblador/react-native-vector-icons/blob/master/MIGRATION.md on how to migrate",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2",
+        "yargs": "^16.1.1"
+      },
+      "bin": {
+        "fa-upgrade.sh": "bin/fa-upgrade.sh",
+        "fa5-upgrade": "bin/fa5-upgrade.sh",
+        "fa6-upgrade": "bin/fa6-upgrade.sh",
+        "generate-icon": "bin/generate-icon.js"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/react-native-version-check": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/react-native-version-check/-/react-native-version-check-3.5.0.tgz",
+      "integrity": "sha512-JJbOQjCcbUvh9wceb6kn4GXwsKWM1TKg8ZDuwhk8pqhSsnrLKn9VtBfw9qLChhx7caHy0gqeKUiH3C1kgZUpMw==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.21",
+        "semver": "^6.1.1"
+      },
+      "peerDependencies": {
+        "react-native": ">=0.48.0"
+      }
+    },
+    "node_modules/react-native-video": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/react-native-video/-/react-native-video-6.18.0.tgz",
+      "integrity": "sha512-9BjAtAh1uGq6h/GNCCh5yzb/iI9qJHuflwNGExyhoUxbhPD1s+15h+CdpJ2MKKJTXw6J7w+nQOp1Ywa54R8w7Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-video-controls": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/react-native-video-controls/-/react-native-video-controls-2.8.1.tgz",
+      "integrity": "sha512-dBmrE3TAKaR1gYMfbukjAM6Xo8OMZyRrxPzZtnaUgWcvGo11PQwzaI/j8HPD5fLgO+rlweP2pDpEJyIBsJvJkw==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.16.4"
+      },
+      "peerDependencies": {
+        "react-native": ">=0.46.0",
+        "react-native-video": ">=2.0.0"
+      }
+    },
+    "node_modules/react-native-view-shot": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/react-native-view-shot/-/react-native-view-shot-4.0.3.tgz",
+      "integrity": "sha512-USNjYmED7C0me02c1DxKA0074Hw+y/nxo+xJKlffMvfUWWzL5ELh/TJA/pTnVqFurIrzthZDPtDM7aBFJuhrHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "html2canvas": "^1.4.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-vision-camera": {
+      "version": "4.7.3",
+      "resolved": "https://registry.npmjs.org/react-native-vision-camera/-/react-native-vision-camera-4.7.3.tgz",
+      "integrity": "sha512-g1/neOyjSqn1kaAa2FxI/qp5KzNvPcF0bnQw6NntfbxH6tm0+8WFZszlgb5OV+iYlB6lFUztCbDtyz5IpL47OA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@shopify/react-native-skia": "*",
+        "react": "*",
+        "react-native": "*",
+        "react-native-reanimated": "*",
+        "react-native-worklets-core": "*"
+      },
+      "peerDependenciesMeta": {
+        "@shopify/react-native-skia": {
+          "optional": true
+        },
+        "react-native-reanimated": {
+          "optional": true
+        },
+        "react-native-worklets-core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-vision-camera-face-detector": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/react-native-vision-camera-face-detector/-/react-native-vision-camera-face-detector-1.9.1.tgz",
+      "integrity": "sha512-OsTe61R1+CyzZLp3xLI3PBMBGd3zEWbeHPgqZPOSbB0gEKWyIaTahBUCft47pVdi72onDlke//hPM+xyFOYBjQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">= 18",
+        "react-native": ">= 0.74",
+        "react-native-vision-camera": ">= 4.0"
+      }
+    },
+    "node_modules/react-native-webview": {
+      "version": "13.16.0",
+      "resolved": "https://registry.npmjs.org/react-native-webview/-/react-native-webview-13.16.0.tgz",
+      "integrity": "sha512-Nh13xKZWW35C0dbOskD7OX01nQQavOzHbCw9XoZmar4eXCo7AvrYJ0jlUfRVVIJzqINxHlpECYLdmAdFsl9xDA==",
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^4.0.0",
+        "invariant": "2.2.4"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-worklets": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/react-native-worklets/-/react-native-worklets-0.6.1.tgz",
+      "integrity": "sha512-URca8l7c7Uog7gv4mcg9KILdJlnbvwdS5yfXQYf5TDkD2W1VY1sduEKrD+sA3lUPXH/TG1vmXAvNxCNwPMYgGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-transform-arrow-functions": "^7.0.0-0",
+        "@babel/plugin-transform-class-properties": "^7.0.0-0",
+        "@babel/plugin-transform-classes": "^7.0.0-0",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.0.0-0",
+        "@babel/plugin-transform-optional-chaining": "^7.0.0-0",
+        "@babel/plugin-transform-shorthand-properties": "^7.0.0-0",
+        "@babel/plugin-transform-template-literals": "^7.0.0-0",
+        "@babel/plugin-transform-unicode-regex": "^7.0.0-0",
+        "@babel/preset-typescript": "^7.16.7",
+        "convert-source-map": "^2.0.0",
+        "semver": "7.7.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0",
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-worklets-core": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/react-native-worklets-core/-/react-native-worklets-core-1.6.2.tgz",
+      "integrity": "sha512-zw73JfL40ZL/OD2TOil1El4D9ZwS3l6AFPeFfUWXh+V2/dHN8i28jHX8QXlz5DYtAkR+Ju3U1h4yiaODi/igZw==",
+      "license": "MIT",
+      "dependencies": {
+        "string-hash-64": "^1.0.3"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-worklets/node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/react-native/node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/react-native/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/react-redux": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
+      "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.6",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.25 || ^19",
+        "react": "^18.0 || ^19",
+        "redux": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+      "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-test-renderer": {
+      "version": "19.1.1",
+      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-19.1.1.tgz",
+      "integrity": "sha512-aGRXI+zcBTtg0diHofc7+Vy97nomBs9WHHFY1Csl3iV0x6xucjNYZZAkiVKGiNYUv23ecOex5jE67t8ZzqYObA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "react-is": "^19.1.1",
+        "scheduler": "^0.26.0"
+      },
+      "peerDependencies": {
+        "react": "^19.1.1"
+      }
+    },
+    "node_modules/react-test-renderer/node_modules/react-is": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.0.tgz",
+      "integrity": "sha512-x3Ax3kNSMIIkyVYhWPyO09bu0uttcAIoecO/um/rKGQ4EltYWVYtyiGkS/3xMynrbVQdS69Jhlv8FXUEZehlzA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/redux": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+      "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
+      "license": "MIT"
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.2.tgz",
+      "integrity": "sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "license": "MIT"
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.4.0.tgz",
+      "integrity": "sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.2.2",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.13.0",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
+      "license": "MIT"
+    },
+    "node_modules/regjsparser": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.0.tgz",
+      "integrity": "sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~3.1.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "devOptional": true,
+      "license": "ISC"
+    },
+    "node_modules/require-resolve": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/require-resolve/-/require-resolve-0.0.2.tgz",
+      "integrity": "sha512-eafQVaxdQsWUB8HybwognkdcIdKdQdQBwTxH48FuE6WI0owZGKp63QYr1MRp73PoX0AcyB7MDapZThYUY8FD0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "x-path": "^0.0.2"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-cwd/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve.exports": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.3.tgz",
+      "integrity": "sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
+      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/send/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/serialize-error": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-2.1.0.tgz",
+      "integrity": "sha512-ghgmKt5o4Tly5yEG/UJp8qTd0AN7Xalw4XBtDEKP655B699qMEtra1WlXeE6WIvdEG481JvRxULKsInq/iNysw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-static/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "devOptional": true,
+      "license": "ISC"
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC"
+    },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
+      "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.4.tgz",
+      "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
+      "license": "MIT"
+    },
+    "node_modules/sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
+      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.0",
+        "astral-regex": "^1.0.0",
+        "is-fullwidth-code-point": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ip-address": "^10.0.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz",
+      "integrity": "sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "agent-base": "^6.0.2",
+        "debug": "^4.3.3",
+        "socks": "^2.6.2"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/socks-proxy-agent/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.13",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
+      "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/split-on-first": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz",
+      "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/sqlite3": {
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/sqlite3/-/sqlite3-5.1.7.tgz",
+      "integrity": "sha512-GGIyOiFaG+TUra3JIfkI/zGP8yZYLPQ0pl1bH+ODjiX57sPhrLU5sQJn1y9bDKZUFYkX1crlrPfSYt0BKKdkog==",
+      "hasInstallScript": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "bindings": "^1.5.0",
+        "node-addon-api": "^7.0.0",
+        "prebuild-install": "^7.1.1",
+        "tar": "^6.1.11"
+      },
+      "optionalDependencies": {
+        "node-gyp": "8.x"
+      },
+      "peerDependencies": {
+        "node-gyp": "8.x"
+      },
+      "peerDependenciesMeta": {
+        "node-gyp": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ssri": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
+      "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/stack-utils/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stackframe": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==",
+      "license": "MIT"
+    },
+    "node_modules/stacktrace-parser": {
+      "version": "0.1.11",
+      "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.11.tgz",
+      "integrity": "sha512-WjlahMgHmCJpqzU8bIBy4qtsZdU9lRlcZE3Lvyej6t4tuOuv1vk57OW3MBrj6hXBFx/nNoC9MPMTcr5YA7NQbg==",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.7.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/stacktrace-parser/node_modules/type-fest": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.7.1.tgz",
+      "integrity": "sha512-Ne2YiiGN8bmrmJJEuTWTLJR32nh/JdL1+PSicowtNb0WFpn59GK8/lfD61bVtzguz7b3PBt74nxpv/Pw5po5Rg==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/strict-uri-encode": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
+      "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-hash-64": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string-hash-64/-/string-hash-64-1.0.3.tgz",
+      "integrity": "sha512-D5OKWKvDhyVWWn2x5Y9b+37NUllks34q1dCDhk/vYcso9fmhs+Tl3KR/gE4v5UNj2UA35cnX4KdVVGkG1deKqw==",
+      "license": "MIT"
+    },
+    "node_modules/string-length": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
+      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "char-regex": "^1.0.2",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/string-natural-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/string-natural-compare/-/string-natural-compare-3.0.1.tgz",
+      "integrity": "sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strnum": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.1.2.tgz",
+      "integrity": "sha512-vrN+B7DBIoTTZjnPNewwhx6cBA/H+IS7rfW68n7XxC1y7uoiGQBxaKzqucGUgavX15dJgiGztLJ8vxuEzwqBdA==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar-fs": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.4.tgz",
+      "integrity": "sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/tar-fs/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar/node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/terser": {
+      "version": "5.44.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.1.tgz",
+      "integrity": "sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.15.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT"
+    },
+    "node_modules/terser/node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/test-exclude/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/test-exclude/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "license": "MIT",
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/throat": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/throat/-/throat-5.0.0.tgz",
+      "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==",
+      "license": "MIT"
+    },
+    "node_modules/tiny-queue": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/tiny-queue/-/tiny-queue-0.2.1.tgz",
+      "integrity": "sha512-EijGsv7kzd9I9g0ByCl6h42BWNGUZrlCSejfrb3AKeHC33SGbASu1VDf5O3rRiiUOhAC9CHdZxFPbZu0HmR70A==",
+      "license": "Apache 2"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/tmp": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
+      "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/tmpl": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
+      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/ua-parser-js": {
+      "version": "0.7.41",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.41.tgz",
+      "integrity": "sha512-O3oYyCMPYgNNHuO7Jjk3uacJWZF8loBgwrfd/5LE/HyZ3lUIOdniQ7DNXJcIgZbwioZxk0fLfI4EVnetdiX5jg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/faisalman"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "ua-parser-js": "script/cli.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "license": "MIT"
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
+      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.1.tgz",
+      "integrity": "sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.2.0.tgz",
+      "integrity": "sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unique-filename": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
+      "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "unique-slug": "^2.0.0"
+      }
+    },
+    "node_modules/unique-slug": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
+      "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
+      "integrity": "sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-latest-callback": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/use-latest-callback/-/use-latest-callback-0.2.6.tgz",
+      "integrity": "sha512-FvRG9i1HSo0wagmX63Vrm8SnlUU3LMM3WyZkQ76RnslpBrX694AdG4A0zQBx2B3ZifFA0yv/BaEHGBnEax5rZg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/utf8": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/utf8/-/utf8-3.0.0.tgz",
+      "integrity": "sha512-E8VjFIQ/TyQgp+TZfS6l8yp/xWppSAHzidGiRrqe4bK4XP9pTRyKFgGJpO3SN7zdX4DeomTrwaseCHovfpFcqQ==",
+      "license": "MIT"
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/utrie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
+    "node_modules/v8-to-istanbul": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
+      "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vlq": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.1.tgz",
+      "integrity": "sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==",
+      "license": "MIT"
+    },
+    "node_modules/walker": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
+      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "makeerror": "1.0.12"
+      }
+    },
+    "node_modules/warn-once": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/warn-once/-/warn-once-0.1.1.tgz",
+      "integrity": "sha512-VkQZJbO8zVImzYFteBXvBOZEl1qL175WH8VmZcxF2fZAoudNhNDvHi+doCaAEdU2l2vtcIwa2zn0QK5+I1HQ3Q==",
+      "license": "MIT"
+    },
+    "node_modules/wcwidth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/websql": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/websql/-/websql-2.0.3.tgz",
+      "integrity": "sha512-bSYpuhQ4ODKrWLb6S+9BG2T4AMqHLjCQA9r8UWCapPvTZYXoembz0O14Ga4EAfJuO1wkmFcJjgU/6tzvPfGbmA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "argsarray": "^0.0.1",
+        "immediate": "^3.2.2",
+        "noop-fn": "^1.0.0",
+        "tiny-queue": "^0.2.1"
+      },
+      "optionalDependencies": {
+        "sqlite3": "^5.0.2"
+      }
+    },
+    "node_modules/whatwg-fetch": {
+      "version": "3.6.20",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
+      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==",
+      "license": "MIT"
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "devOptional": true,
+      "license": "ISC"
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
+    "node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/ws": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
+      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
+      "license": "MIT",
+      "dependencies": {
+        "async-limiter": "~1.0.0"
+      }
+    },
+    "node_modules/x-path": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/x-path/-/x-path-0.0.2.tgz",
+      "integrity": "sha512-zQ4WFI0XfJN1uEkkrB19Y4TuXOlHqKSxUJo0Yt+axPjRm8tCG6SJ6+Wo3/+Kjg4c2c8IvBXuJ0uYoshxNn4qMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-extra": "^1.0.2"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
+      "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0fa8fa5
--- /dev/null
+++ b/package.json
@@ -0,0 +1,108 @@
+{
+  "name": "PerformicsManager",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "start": "react-native start",
+    "test": "jest",
+    "postinstall": "patch-package",
+    "clean": "react-native-clean-project"
+  },
+  "dependencies": {
+    "@dominicvonk/react-native-apk-installer": "^2.2.2",
+    "@react-native-async-storage/async-storage": "^2.2.0",
+    "@react-native-clipboard/clipboard": "^1.16.2",
+    "@react-native-community/checkbox": "^0.5.20",
+    "@react-native-community/datetimepicker": "^8.4.1",
+    "@react-native-community/netinfo": "^11.4.1",
+    "@react-native-documents/picker": "^11.0.0",
+    "@react-native/new-app-screen": "0.82.1",
+    "@react-navigation/drawer": "^7.5.8",
+    "@react-navigation/native": "^7.1.18",
+    "@react-navigation/stack": "^7.4.8",
+    "base-64": "^1.0.0",
+    "deprecated-react-native-prop-types": "^2.3.0",
+    "mime": "^4.0.7",
+    "moment": "^2.30.1",
+    "prop-types": "^15.8.1",
+    "react": "19.1.1",
+    "react-native": "0.82.1",
+    "react-native-animated-splash-screen": "^2.0.5",
+    "react-native-blob-util": "^0.22.2",
+    "react-native-chart-kit": "^6.12.0",
+    "react-native-collapsible": "^1.6.2",
+    "react-native-device-info": "^15.0.1",
+    "react-native-draggable-flatlist": "^4.0.3",
+    "react-native-element-dropdown": "^2.12.4",
+    "react-native-file-viewer": "^2.1.5",
+    "react-native-fs": "^2.20.0",
+    "react-native-geolocation-service": "^5.3.1",
+    "react-native-gesture-handler": "^2.25.0",
+    "react-native-google-maps": "^1.0.0",
+    "react-native-image-marker": "^1.2.9",
+    "react-native-image-pan-zoom": "^2.1.12",
+    "react-native-image-picker": "^8.2.1",
+    "react-native-image-resizer": "^1.4.5",
+    "react-native-image-zoom-viewer": "^3.0.1",
+    "react-native-keychain": "^9.2.3",
+    "react-native-linear-gradient": "^2.8.3",
+    "react-native-maps": "^1.24.1",
+    "react-native-modal": "^14.0.0-rc.1",
+    "react-native-modal-datetime-picker": "^18.0.0",
+    "react-native-modal-selector": "^2.1.2",
+    "react-native-multiple-select": "^0.5.12",
+    "react-native-orientation-locker": "^1.7.0",
+    "react-native-otp-inputs": "^7.4.0",
+    "react-native-paper": "^5.14.5",
+    "react-native-permissions": "^5.4.1",
+    "react-native-reanimated": "^4.1.5",
+    "react-native-responsive-screen": "^1.4.2",
+    "react-native-safe-area-context": "^5.5.2",
+    "react-native-screens": "^4.11.1",
+    "react-native-snackbar": "^2.9.0",
+    "react-native-snap-carousel": "^3.9.1",
+    "react-native-splash-screen": "^3.3.0",
+    "react-native-sqlite-2": "^3.6.2",
+    "react-native-svg": "^15.12.0",
+    "react-native-vector-icons": "^10.2.0",
+    "react-native-version-check": "^3.5.0",
+    "react-native-video": "^6.14.1",
+    "react-native-video-controls": "^2.8.1",
+    "react-native-view-shot": "^4.0.3",
+    "react-native-vision-camera": "^4.7.3",
+    "react-native-vision-camera-face-detector": "^1.9.1",
+    "react-native-webview": "^13.15.0",
+    "react-native-worklets": "^0.6.1",
+    "react-native-worklets-core": "^1.6.2",
+    "react-redux": "^9.2.0",
+    "redux": "^5.0.1",
+    "utf8": "^3.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "20.0.0",
+    "@react-native-community/cli-platform-android": "20.0.0",
+    "@react-native-community/cli-platform-ios": "20.0.0",
+    "@react-native/babel-preset": "0.82.1",
+    "@react-native/eslint-config": "0.82.1",
+    "@react-native/metro-config": "0.82.1",
+    "@react-native/typescript-config": "0.82.1",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^19.1.1",
+    "@types/react-test-renderer": "^19.1.0",
+    "babel-plugin-inline-import": "^3.0.0",
+    "eslint": "^8.19.0",
+    "jest": "^29.6.3",
+    "prettier": "2.8.8",
+    "react-test-renderer": "19.1.1",
+    "typescript": "^5.8.3"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}
diff --git a/patches/@dominicvonk+react-native-apk-installer+2.2.2.patch b/patches/@dominicvonk+react-native-apk-installer+2.2.2.patch
new file mode 100644
index 0000000..5e47a8a
--- /dev/null
+++ b/patches/@dominicvonk+react-native-apk-installer+2.2.2.patch
@@ -0,0 +1,482 @@
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build.gradle b/node_modules/@dominicvonk/react-native-apk-installer/android/build.gradle
+index 425bd08..9bbd07e 100644
+--- a/node_modules/@dominicvonk/react-native-apk-installer/android/build.gradle
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build.gradle
+@@ -1,11 +1,9 @@
+ buildscript {
+     // The Android Gradle plugin is only required when opening the android folder stand-alone.
+-    // This avoids unnecessary downloads and potential conflicts when the library is included as a
+-    // module dependency in an application project.
+     if (project == rootProject) {
+         repositories {
+             google()
+-            jcenter()
++            mavenCentral()  // Replaced jcenter()
+         }
+         dependencies {
+             classpath 'com.android.tools.build:gradle:4.1.0'
+@@ -21,10 +19,12 @@ def safeExtGet(prop, fallback) {
+ 
+ android {
+     compileSdkVersion safeExtGet('compileSdkVersion', 29)
++
+     defaultConfig {
+         minSdkVersion safeExtGet('minSdkVersion', 21)
+         targetSdkVersion safeExtGet('targetSdkVersion', 29)
+     }
++
+     lintOptions {
+         abortOnError false
+     }
+@@ -32,19 +32,22 @@ android {
+ 
+ repositories {
+     mavenLocal()
++
+     maven {
+-        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
++        // React Native binaries from node_modules
+         url "$rootDir/../node_modules/react-native/android"
+     }
++
+     maven {
+-        // Android JSC is installed from npm
++        // JSC from node_modules
+         url "$rootDir/../node_modules/jsc-android/dist"
+     }
++
+     google()
+-    jcenter()
++    mavenCentral()  // Replaced jcenter()
+ }
+ 
+ dependencies {
+     //noinspection GradleDynamicVersion
+-    implementation 'com.facebook.react:react-native:+' // From node_modules
++    implementation 'com.facebook.react:react-native:+'  // From node_modules
+ }
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/292a3499c126888e1dcdddb745113ba0/results.bin b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/292a3499c126888e1dcdddb745113ba0/results.bin
+new file mode 100644
+index 0000000..0d259dd
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/292a3499c126888e1dcdddb745113ba0/results.bin
+@@ -0,0 +1 @@
++o/classes
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/292a3499c126888e1dcdddb745113ba0/transformed/classes/classes_dex/classes.dex b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/292a3499c126888e1dcdddb745113ba0/transformed/classes/classes_dex/classes.dex
+new file mode 100644
+index 0000000..d315206
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/292a3499c126888e1dcdddb745113ba0/transformed/classes/classes_dex/classes.dex differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/results.bin b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/results.bin
+new file mode 100644
+index 0000000..7ed749e
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/results.bin
+@@ -0,0 +1 @@
++o/bundleLibRuntimeToDirDebug
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/BuildConfig.dex b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/BuildConfig.dex
+new file mode 100644
+index 0000000..e82384b
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/BuildConfig.dex differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNFileProvider.dex b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNFileProvider.dex
+new file mode 100644
+index 0000000..1afca8e
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNFileProvider.dex differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNModule.dex b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNModule.dex
+new file mode 100644
+index 0000000..e5c3551
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNModule.dex differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNPackage.dex b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNPackage.dex
+new file mode 100644
+index 0000000..52b1759
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/nodece/apkinstallern/RNApkInstallerNPackage.dex differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/desugar_graph.bin b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/desugar_graph.bin
+new file mode 100644
+index 0000000..601f245
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/.transforms/9451d6f4f089b5ece95e74f77887d066/transformed/bundleLibRuntimeToDirDebug/desugar_graph.bin differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/generated/source/buildConfig/debug/com/nodece/apkinstallern/BuildConfig.java b/node_modules/@dominicvonk/react-native-apk-installer/android/build/generated/source/buildConfig/debug/com/nodece/apkinstallern/BuildConfig.java
+new file mode 100644
+index 0000000..9c8de3c
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/generated/source/buildConfig/debug/com/nodece/apkinstallern/BuildConfig.java
+@@ -0,0 +1,10 @@
++/**
++ * Automatically generated file. DO NOT MODIFY
++ */
++package com.nodece.apkinstallern;
++
++public final class BuildConfig {
++  public static final boolean DEBUG = Boolean.parseBoolean("true");
++  public static final String LIBRARY_PACKAGE_NAME = "com.nodece.apkinstallern";
++  public static final String BUILD_TYPE = "debug";
++}
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/AndroidManifest.xml b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/AndroidManifest.xml
+new file mode 100644
+index 0000000..0b2a028
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/AndroidManifest.xml
+@@ -0,0 +1,23 @@
++<?xml version="1.0" encoding="utf-8"?>
++<manifest xmlns:android="http://schemas.android.com/apk/res/android"
++    package="com.nodece.apkinstallern" >
++
++    <uses-sdk android:minSdkVersion="26" />
++
++    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
++    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
++    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
++
++    <application>
++        <provider
++            android:name="com.nodece.apkinstallern.RNApkInstallerNFileProvider"
++            android:authorities="dollar_openBracket_applicationId_closeBracket.fileprovider"
++            android:exported="false"
++            android:grantUriPermissions="true" >
++            <meta-data
++                android:name="android.support.FILE_PROVIDER_PATHS"
++                android:resource="@xml/file_paths" />
++        </provider>
++    </application>
++
++</manifest>
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/output-metadata.json b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/output-metadata.json
+new file mode 100644
+index 0000000..1312313
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/output-metadata.json
+@@ -0,0 +1,18 @@
++{
++  "version": 3,
++  "artifactType": {
++    "type": "AAPT_FRIENDLY_MERGED_MANIFESTS",
++    "kind": "Directory"
++  },
++  "applicationId": "com.nodece.apkinstallern",
++  "variantName": "debug",
++  "elements": [
++    {
++      "type": "SINGLE",
++      "filters": [],
++      "attributes": [],
++      "outputFile": "AndroidManifest.xml"
++    }
++  ],
++  "elementType": "File"
++}
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aar_metadata/debug/writeDebugAarMetadata/aar-metadata.properties b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aar_metadata/debug/writeDebugAarMetadata/aar-metadata.properties
+new file mode 100644
+index 0000000..1211b1e
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/aar_metadata/debug/writeDebugAarMetadata/aar-metadata.properties
+@@ -0,0 +1,6 @@
++aarFormatVersion=1.0
++aarMetadataVersion=1.0
++minCompileSdk=1
++minCompileSdkExtension=0
++minAndroidGradlePluginVersion=1.0.0
++coreLibraryDesugaringEnabled=false
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/annotation_processor_list/debug/javaPreCompileDebug/annotationProcessors.json b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/annotation_processor_list/debug/javaPreCompileDebug/annotationProcessors.json
+new file mode 100644
+index 0000000..9e26dfe
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/annotation_processor_list/debug/javaPreCompileDebug/annotationProcessors.json
+@@ -0,0 +1 @@
++{}
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_library_classes_jar/debug/bundleLibCompileToJarDebug/classes.jar b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_library_classes_jar/debug/bundleLibCompileToJarDebug/classes.jar
+new file mode 100644
+index 0000000..f83c4da
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_library_classes_jar/debug/bundleLibCompileToJarDebug/classes.jar differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_r_class_jar/debug/generateDebugRFile/R.jar b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_r_class_jar/debug/generateDebugRFile/R.jar
+new file mode 100644
+index 0000000..3d8234d
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_r_class_jar/debug/generateDebugRFile/R.jar differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_symbol_list/debug/generateDebugRFile/R.txt b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_symbol_list/debug/generateDebugRFile/R.txt
+new file mode 100644
+index 0000000..ba8758a
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compile_symbol_list/debug/generateDebugRFile/R.txt
+@@ -0,0 +1 @@
++int xml file_paths 0x0
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compiled_local_resources/debug/compileDebugLibraryResources/out/xml_file_paths.xml.flat b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compiled_local_resources/debug/compileDebugLibraryResources/out/xml_file_paths.xml.flat
+new file mode 100644
+index 0000000..2e1f087
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/compiled_local_resources/debug/compileDebugLibraryResources/out/xml_file_paths.xml.flat differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/debug/packageDebugResources/compile-file-map.properties b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/debug/packageDebugResources/compile-file-map.properties
+new file mode 100644
+index 0000000..0d7c013
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/debug/packageDebugResources/compile-file-map.properties
+@@ -0,0 +1,2 @@
++#Sat Nov 29 10:29:15 IST 2025
++com.nodece.apkinstallern.dominicvonk_react-native-apk-installer-main-6\:/xml/file_paths.xml=/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/packaged_res/debug/packageDebugResources/xml/file_paths.xml
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/debug/packageDebugResources/merger.xml b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/debug/packageDebugResources/merger.xml
+new file mode 100644
+index 0000000..c11b34f
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/debug/packageDebugResources/merger.xml
+@@ -0,0 +1,2 @@
++<?xml version="1.0" encoding="utf-8"?>
++<merger version="3"><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="main$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="main" generated-set="main$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/res"><file name="file_paths" path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/res/xml/file_paths.xml" qualifiers="" type="xml"/></source></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="debug$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/debug/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="debug" generated-set="debug$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/debug/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="generated$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/build/generated/res/resValues/debug"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="generated" generated-set="generated$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/build/generated/res/resValues/debug"/></dataSet><mergedItems/></merger>
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugAssets/merger.xml b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugAssets/merger.xml
+new file mode 100644
+index 0000000..a10128d
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugAssets/merger.xml
+@@ -0,0 +1,2 @@
++<?xml version="1.0" encoding="utf-8"?>
++<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/assets"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/debug/assets"/></dataSet><dataSet config="generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/shader_assets/debug/compileDebugShaders/out"/></dataSet></merger>
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugJniLibFolders/merger.xml b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugJniLibFolders/merger.xml
+new file mode 100644
+index 0000000..fa7dffd
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugJniLibFolders/merger.xml
+@@ -0,0 +1,2 @@
++<?xml version="1.0" encoding="utf-8"?>
++<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/jniLibs"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/debug/jniLibs"/></dataSet></merger>
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugShaders/merger.xml b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugShaders/merger.xml
+new file mode 100644
+index 0000000..7d043cc
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/incremental/mergeDebugShaders/merger.xml
+@@ -0,0 +1,2 @@
++<?xml version="1.0" encoding="utf-8"?>
++<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/shaders"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/debug/shaders"/></dataSet></merger>
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/BuildConfig.class b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/BuildConfig.class
+new file mode 100644
+index 0000000..8720505
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/BuildConfig.class differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNFileProvider.class b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNFileProvider.class
+new file mode 100644
+index 0000000..a265760
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNFileProvider.class differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNModule.class b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNModule.class
+new file mode 100644
+index 0000000..422a4c2
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNModule.class differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNPackage.class b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNPackage.class
+new file mode 100644
+index 0000000..d1282cb
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/nodece/apkinstallern/RNApkInstallerNPackage.class differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/local_only_symbol_list/debug/parseDebugLocalResources/R-def.txt b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/local_only_symbol_list/debug/parseDebugLocalResources/R-def.txt
+new file mode 100644
+index 0000000..dc007c2
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/local_only_symbol_list/debug/parseDebugLocalResources/R-def.txt
+@@ -0,0 +1,3 @@
++R_DEF: Internal format may change without notice
++local
++xml file_paths
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/manifest_merge_blame_file/debug/processDebugManifest/manifest-merger-blame-debug-report.txt b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/manifest_merge_blame_file/debug/processDebugManifest/manifest-merger-blame-debug-report.txt
+new file mode 100644
+index 0000000..2dc3147
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/manifest_merge_blame_file/debug/processDebugManifest/manifest-merger-blame-debug-report.txt
+@@ -0,0 +1,38 @@
++1<?xml version="1.0" encoding="utf-8"?>
++2<manifest xmlns:android="http://schemas.android.com/apk/res/android"
++3    package="com.nodece.apkinstallern" >
++4
++5    <uses-sdk android:minSdkVersion="26" />
++6
++7    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
++7-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:4:5-83
++7-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:4:22-80
++8    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
++8-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:5:5-81
++8-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:5:22-78
++9    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
++9-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:6:5-80
++9-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:6:22-77
++10
++11    <application>
++11-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:8:5-18:19
++12        <provider
++12-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:9:9-17:20
++13            android:name="com.nodece.apkinstallern.RNApkInstallerNFileProvider"
++13-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:10:13-80
++14            android:authorities="${applicationId}.fileprovider"
++14-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:11:13-64
++15            android:exported="false"
++15-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:12:13-37
++16            android:grantUriPermissions="true" >
++16-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:13:13-47
++17            <meta-data
++17-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:14:13-16:53
++18                android:name="android.support.FILE_PROVIDER_PATHS"
++18-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:15:17-67
++19                android:resource="@xml/file_paths" />
++19-->/Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:16:17-51
++20        </provider>
++21    </application>
++22
++23</manifest>
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/merged_manifest/debug/processDebugManifest/AndroidManifest.xml b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/merged_manifest/debug/processDebugManifest/AndroidManifest.xml
+new file mode 100644
+index 0000000..03eb111
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/merged_manifest/debug/processDebugManifest/AndroidManifest.xml
+@@ -0,0 +1,23 @@
++<?xml version="1.0" encoding="utf-8"?>
++<manifest xmlns:android="http://schemas.android.com/apk/res/android"
++    package="com.nodece.apkinstallern" >
++
++    <uses-sdk android:minSdkVersion="26" />
++
++    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
++    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
++    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
++
++    <application>
++        <provider
++            android:name="com.nodece.apkinstallern.RNApkInstallerNFileProvider"
++            android:authorities="${applicationId}.fileprovider"
++            android:exported="false"
++            android:grantUriPermissions="true" >
++            <meta-data
++                android:name="android.support.FILE_PROVIDER_PATHS"
++                android:resource="@xml/file_paths" />
++        </provider>
++    </application>
++
++</manifest>
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/navigation_json/debug/extractDeepLinksDebug/navigation.json b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/navigation_json/debug/extractDeepLinksDebug/navigation.json
+new file mode 100644
+index 0000000..0637a08
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/navigation_json/debug/extractDeepLinksDebug/navigation.json
+@@ -0,0 +1 @@
++[]
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/nested_resources_validation_report/debug/generateDebugResources/nestedResourcesValidationReport.txt b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/nested_resources_validation_report/debug/generateDebugResources/nestedResourcesValidationReport.txt
+new file mode 100644
+index 0000000..08f4ebe
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/nested_resources_validation_report/debug/generateDebugResources/nestedResourcesValidationReport.txt
+@@ -0,0 +1 @@
++0 Warning/Error
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/packaged_res/debug/packageDebugResources/xml/file_paths.xml b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/packaged_res/debug/packageDebugResources/xml/file_paths.xml
+new file mode 100644
+index 0000000..1de7aa9
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/packaged_res/debug/packageDebugResources/xml/file_paths.xml
+@@ -0,0 +1,26 @@
++<?xml version="1.0" encoding="utf-8"?>
++<paths xmlns:android="http://schemas.android.com/apk/res/android">
++    <external-cache-path
++        name="external-cache-path"
++        path="." />
++
++    <external-media-path 
++       name="external-media-path"  
++       path="." />
++
++    <cache-path
++        name="cache-path"
++        path="." />
++
++    <external-path
++        name="external-path"
++        path="." />
++
++    <files-path
++        name="files-path"
++        path="." />
++
++    <external-files-path
++        name="external-files-path"
++        path="." />
++</paths>
+\ No newline at end of file
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/BuildConfig.class b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/BuildConfig.class
+new file mode 100644
+index 0000000..8720505
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/BuildConfig.class differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNFileProvider.class b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNFileProvider.class
+new file mode 100644
+index 0000000..a265760
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNFileProvider.class differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNModule.class b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNModule.class
+new file mode 100644
+index 0000000..422a4c2
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNModule.class differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNPackage.class b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNPackage.class
+new file mode 100644
+index 0000000..d1282cb
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/nodece/apkinstallern/RNApkInstallerNPackage.class differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_jar/debug/bundleLibRuntimeToJarDebug/classes.jar b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_jar/debug/bundleLibRuntimeToJarDebug/classes.jar
+new file mode 100644
+index 0000000..5805dfa
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/runtime_library_classes_jar/debug/bundleLibRuntimeToJarDebug/classes.jar differ
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/symbol_list_with_package_name/debug/generateDebugRFile/package-aware-r.txt b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/symbol_list_with_package_name/debug/generateDebugRFile/package-aware-r.txt
+new file mode 100644
+index 0000000..5d0b226
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/intermediates/symbol_list_with_package_name/debug/generateDebugRFile/package-aware-r.txt
+@@ -0,0 +1,2 @@
++com.nodece.apkinstallern
++xml file_paths
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/outputs/logs/manifest-merger-debug-report.txt b/node_modules/@dominicvonk/react-native-apk-installer/android/build/outputs/logs/manifest-merger-debug-report.txt
+new file mode 100644
+index 0000000..cc79642
+--- /dev/null
++++ b/node_modules/@dominicvonk/react-native-apk-installer/android/build/outputs/logs/manifest-merger-debug-report.txt
+@@ -0,0 +1,47 @@
++-- Merging decision tree log ---
++manifest
++ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:1:1-19:12
++INJECTED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:1:1-19:12
++	package
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:2:5-39
++		INJECTED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml
++	xmlns:android
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:1:11-69
++uses-permission#android.permission.REQUEST_INSTALL_PACKAGES
++ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:4:5-83
++	android:name
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:4:22-80
++uses-permission#android.permission.WRITE_EXTERNAL_STORAGE
++ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:5:5-81
++	android:name
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:5:22-78
++uses-permission#android.permission.READ_EXTERNAL_STORAGE
++ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:6:5-80
++	android:name
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:6:22-77
++application
++ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:8:5-18:19
++provider#com.nodece.apkinstallern.RNApkInstallerNFileProvider
++ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:9:9-17:20
++	android:grantUriPermissions
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:13:13-47
++	android:authorities
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:11:13-64
++	android:exported
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:12:13-37
++	android:name
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:10:13-80
++meta-data#android.support.FILE_PROVIDER_PATHS
++ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:14:13-16:53
++	android:resource
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:16:17-51
++	android:name
++		ADDED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml:15:17-67
++uses-sdk
++INJECTED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml reason: use-sdk injection requested
++INJECTED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml
++INJECTED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml
++	android:targetSdkVersion
++		INJECTED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml
++	android:minSdkVersion
++		INJECTED from /Users/cpm/Me/cpmCodes/projects/PerformicsManagerAjeet/node_modules/@dominicvonk/react-native-apk-installer/android/src/main/AndroidManifest.xml
+diff --git a/node_modules/@dominicvonk/react-native-apk-installer/android/build/tmp/compileDebugJavaWithJavac/previous-compilation-data.bin b/node_modules/@dominicvonk/react-native-apk-installer/android/build/tmp/compileDebugJavaWithJavac/previous-compilation-data.bin
+new file mode 100644
+index 0000000..4ccf468
+Binary files /dev/null and b/node_modules/@dominicvonk/react-native-apk-installer/android/build/tmp/compileDebugJavaWithJavac/previous-compilation-data.bin differ
diff --git a/patches/react-native-image-marker+1.2.9.patch b/patches/react-native-image-marker+1.2.9.patch
new file mode 100644
index 0000000..814e24f
--- /dev/null
+++ b/patches/react-native-image-marker+1.2.9.patch
@@ -0,0 +1,12 @@
+diff --git a/node_modules/react-native-image-marker/android/build.gradle b/node_modules/react-native-image-marker/android/build.gradle
+index 2cc828f..84ecdea 100644
+--- a/node_modules/react-native-image-marker/android/build.gradle
++++ b/node_modules/react-native-image-marker/android/build.gradle
+@@ -67,7 +67,6 @@ android {
+ repositories {
+   mavenCentral()
+   google()
+-  jcenter()
+ }
+ 
+ def kotlin_version = getExtOrDefault("kotlinVersion")
diff --git a/patches/react-native-maps+1.20.1.patch b/patches/react-native-maps+1.20.1.patch
new file mode 100644
index 0000000..68ce22a
--- /dev/null
+++ b/patches/react-native-maps+1.20.1.patch
@@ -0,0 +1,1130 @@
+diff --git a/node_modules/react-native-maps/android/build/.transforms/4facfb5a5eb4422e910b8d1a37327046/results.bin b/node_modules/react-native-maps/android/build/.transforms/4facfb5a5eb4422e910b8d1a37327046/results.bin
+new file mode 100644
+index 0000000..0d259dd
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/.transforms/4facfb5a5eb4422e910b8d1a37327046/results.bin
+@@ -0,0 +1 @@
++o/classes
+diff --git a/node_modules/react-native-maps/android/build/.transforms/4facfb5a5eb4422e910b8d1a37327046/transformed/classes/classes_dex/classes.dex b/node_modules/react-native-maps/android/build/.transforms/4facfb5a5eb4422e910b8d1a37327046/transformed/classes/classes_dex/classes.dex
+new file mode 100644
+index 0000000..85d7049
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/4facfb5a5eb4422e910b8d1a37327046/transformed/classes/classes_dex/classes.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/results.bin b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/results.bin
+new file mode 100644
+index 0000000..7ed749e
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/results.bin
+@@ -0,0 +1 @@
++o/bundleLibRuntimeToDirDebug
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/BuildConfig.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/BuildConfig.dex
+new file mode 100644
+index 0000000..7b0b110
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/BuildConfig.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FileUtil.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FileUtil.dex
+new file mode 100644
+index 0000000..737990c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FileUtil.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource$1.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource$1.dex
+new file mode 100644
+index 0000000..bd353b9
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource$1.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource$2.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource$2.dex
+new file mode 100644
+index 0000000..97426a8
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource$2.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource.dex
+new file mode 100644
+index 0000000..8b64fb9
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/FusedLocationSource.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReadable.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReadable.dex
+new file mode 100644
+index 0000000..ef7a30d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReadable.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReader$1.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReader$1.dex
+new file mode 100644
+index 0000000..b4304c6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReader$1.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReader.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReader.dex
+new file mode 100644
+index 0000000..2cfdb44
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageReader.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageUtil.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageUtil.dex
+new file mode 100644
+index 0000000..e8f4eba
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ImageUtil.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/LatLngBoundsUtils.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/LatLngBoundsUtils.dex
+new file mode 100644
+index 0000000..daa6560
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/LatLngBoundsUtils.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCallout.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCallout.dex
+new file mode 100644
+index 0000000..3a177d3
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCallout.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCalloutManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCalloutManager.dex
+new file mode 100644
+index 0000000..5dad21c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCalloutManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCircle.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCircle.dex
+new file mode 100644
+index 0000000..e2849e0
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCircle.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCircleManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCircleManager.dex
+new file mode 100644
+index 0000000..a9c4468
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapCircleManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapFeature.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapFeature.dex
+new file mode 100644
+index 0000000..e89a991
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapFeature.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.dex
+new file mode 100644
+index 0000000..96d1109
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline$MutPoint.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline$MutPoint.dex
+new file mode 100644
+index 0000000..99432e1
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline$MutPoint.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline.dex
+new file mode 100644
+index 0000000..8b33bae
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolyline.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolylineManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolylineManager.dex
+new file mode 100644
+index 0000000..f9bf99b
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapGradientPolylineManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapHeatmap.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapHeatmap.dex
+new file mode 100644
+index 0000000..3c7ec1e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapHeatmap.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapHeatmapManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapHeatmapManager.dex
+new file mode 100644
+index 0000000..5c63f85
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapHeatmapManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.dex
+new file mode 100644
+index 0000000..4fc8eaf
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTile.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTile.dex
+new file mode 100644
+index 0000000..1aa3044
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTile.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTileManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTileManager.dex
+new file mode 100644
+index 0000000..342d114
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapLocalTileManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapManager.dex
+new file mode 100644
+index 0000000..fde6367
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker$1.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker$1.dex
+new file mode 100644
+index 0000000..be56cf2
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker$1.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker$2.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker$2.dex
+new file mode 100644
+index 0000000..ca53a18
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker$2.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker.dex
+new file mode 100644
+index 0000000..ed65daa
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarker.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.dex
+new file mode 100644
+index 0000000..e6bffca
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarkerManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarkerManager.dex
+new file mode 100644
+index 0000000..452c9eb
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapMarkerManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapModule$1.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapModule$1.dex
+new file mode 100644
+index 0000000..0541692
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapModule$1.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapModule.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapModule.dex
+new file mode 100644
+index 0000000..e001cfd
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapModule.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapOverlay.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapOverlay.dex
+new file mode 100644
+index 0000000..c018780
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapOverlay.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapOverlayManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapOverlayManager.dex
+new file mode 100644
+index 0000000..9a86890
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapOverlayManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolygon.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolygon.dex
+new file mode 100644
+index 0000000..4fc14a4
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolygon.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolygonManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolygonManager.dex
+new file mode 100644
+index 0000000..c3b03c6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolygonManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolyline.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolyline.dex
+new file mode 100644
+index 0000000..9ccbb3d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolyline.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolylineManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolylineManager.dex
+new file mode 100644
+index 0000000..1954b50
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapPolylineManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.dex
+new file mode 100644
+index 0000000..db7236c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileProvider.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileProvider.dex
+new file mode 100644
+index 0000000..92f4bde
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileProvider.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileWorker.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileWorker.dex
+new file mode 100644
+index 0000000..506b7d8
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapTileWorker.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUIBlock.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUIBlock.dex
+new file mode 100644
+index 0000000..a9da698
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUIBlock.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUrlTile.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUrlTile.dex
+new file mode 100644
+index 0000000..4cdc76f
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUrlTile.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUrlTileManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUrlTileManager.dex
+new file mode 100644
+index 0000000..fd14f9c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapUrlTileManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$1.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$1.dex
+new file mode 100644
+index 0000000..1ba76ed
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$1.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$10.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$10.dex
+new file mode 100644
+index 0000000..b4232a8
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$10.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$11.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$11.dex
+new file mode 100644
+index 0000000..6be9a4b
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$11.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$12.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$12.dex
+new file mode 100644
+index 0000000..a177773
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$12.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$13.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$13.dex
+new file mode 100644
+index 0000000..66f928a
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$13.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$14.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$14.dex
+new file mode 100644
+index 0000000..a17f37e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$14.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$15.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$15.dex
+new file mode 100644
+index 0000000..31ce462
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$15.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$16.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$16.dex
+new file mode 100644
+index 0000000..d3344ee
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$16.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$17.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$17.dex
+new file mode 100644
+index 0000000..4a0cf0b
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$17.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$2.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$2.dex
+new file mode 100644
+index 0000000..917fe90
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$2.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$3.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$3.dex
+new file mode 100644
+index 0000000..8142b7c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$3.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$4.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$4.dex
+new file mode 100644
+index 0000000..704bd58
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$4.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$5.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$5.dex
+new file mode 100644
+index 0000000..3fc673c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$5.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$6.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$6.dex
+new file mode 100644
+index 0000000..c1a3018
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$6.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$7.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$7.dex
+new file mode 100644
+index 0000000..6df33ba
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$7.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$8.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$8.dex
+new file mode 100644
+index 0000000..ce694c8
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$8.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$9.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$9.dex
+new file mode 100644
+index 0000000..878b857
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView$9.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView.dex
+new file mode 100644
+index 0000000..6850a8b
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapView.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.dex
+new file mode 100644
+index 0000000..69ab783
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.dex
+new file mode 100644
+index 0000000..9619cb8
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile.dex
+new file mode 100644
+index 0000000..0c0ec4c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTile.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTileManager.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTileManager.dex
+new file mode 100644
+index 0000000..705e5e9
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapWMSTileManager.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapsPackage.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapsPackage.dex
+new file mode 100644
+index 0000000..73bb107
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/MapsPackage.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/RegionChangeEvent.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/RegionChangeEvent.dex
+new file mode 100644
+index 0000000..020d930
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/RegionChangeEvent.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/SizeReportingShadowNode.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/SizeReportingShadowNode.dex
+new file mode 100644
+index 0000000..8206ee5
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/SizeReportingShadowNode.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/UIBlockInterface.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/UIBlockInterface.dex
+new file mode 100644
+index 0000000..ff382e3
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/UIBlockInterface.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewAttacherGroup.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewAttacherGroup.dex
+new file mode 100644
+index 0000000..f3d410b
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewAttacherGroup.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewChangesTracker$1.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewChangesTracker$1.dex
+new file mode 100644
+index 0000000..bc42aa1
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewChangesTracker$1.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewChangesTracker.dex b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewChangesTracker.dex
+new file mode 100644
+index 0000000..3425db5
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/bundleLibRuntimeToDirDebug_dex/com/rnmaps/maps/ViewChangesTracker.dex differ
+diff --git a/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/desugar_graph.bin b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/desugar_graph.bin
+new file mode 100644
+index 0000000..29c6ca6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/.transforms/a19912258ee8ef7263f0842c9e9aa4f5/transformed/bundleLibRuntimeToDirDebug/desugar_graph.bin differ
+diff --git a/node_modules/react-native-maps/android/build/generated/source/buildConfig/debug/com/rnmaps/maps/BuildConfig.java b/node_modules/react-native-maps/android/build/generated/source/buildConfig/debug/com/rnmaps/maps/BuildConfig.java
+new file mode 100644
+index 0000000..7f1620c
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/generated/source/buildConfig/debug/com/rnmaps/maps/BuildConfig.java
+@@ -0,0 +1,12 @@
++/**
++ * Automatically generated file. DO NOT MODIFY
++ */
++package com.rnmaps.maps;
++
++public final class BuildConfig {
++  public static final boolean DEBUG = Boolean.parseBoolean("true");
++  public static final String LIBRARY_PACKAGE_NAME = "com.rnmaps.maps";
++  public static final String BUILD_TYPE = "debug";
++  // Field from default config.
++  public static final boolean IS_NEW_ARCHITECTURE_ENABLED = true;
++}
+diff --git a/node_modules/react-native-maps/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/AndroidManifest.xml b/node_modules/react-native-maps/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/AndroidManifest.xml
+new file mode 100644
+index 0000000..a6ec305
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/AndroidManifest.xml
+@@ -0,0 +1,7 @@
++<?xml version="1.0" encoding="utf-8"?>
++<manifest xmlns:android="http://schemas.android.com/apk/res/android"
++    package="com.rnmaps.maps" >
++
++    <uses-sdk android:minSdkVersion="26" />
++
++</manifest>
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/output-metadata.json b/node_modules/react-native-maps/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/output-metadata.json
+new file mode 100644
+index 0000000..578d892
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/output-metadata.json
+@@ -0,0 +1,18 @@
++{
++  "version": 3,
++  "artifactType": {
++    "type": "AAPT_FRIENDLY_MERGED_MANIFESTS",
++    "kind": "Directory"
++  },
++  "applicationId": "com.rnmaps.maps",
++  "variantName": "debug",
++  "elements": [
++    {
++      "type": "SINGLE",
++      "filters": [],
++      "attributes": [],
++      "outputFile": "AndroidManifest.xml"
++    }
++  ],
++  "elementType": "File"
++}
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/aar_metadata/debug/writeDebugAarMetadata/aar-metadata.properties b/node_modules/react-native-maps/android/build/intermediates/aar_metadata/debug/writeDebugAarMetadata/aar-metadata.properties
+new file mode 100644
+index 0000000..1211b1e
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/aar_metadata/debug/writeDebugAarMetadata/aar-metadata.properties
+@@ -0,0 +1,6 @@
++aarFormatVersion=1.0
++aarMetadataVersion=1.0
++minCompileSdk=1
++minCompileSdkExtension=0
++minAndroidGradlePluginVersion=1.0.0
++coreLibraryDesugaringEnabled=false
+diff --git a/node_modules/react-native-maps/android/build/intermediates/annotation_processor_list/debug/javaPreCompileDebug/annotationProcessors.json b/node_modules/react-native-maps/android/build/intermediates/annotation_processor_list/debug/javaPreCompileDebug/annotationProcessors.json
+new file mode 100644
+index 0000000..9e26dfe
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/annotation_processor_list/debug/javaPreCompileDebug/annotationProcessors.json
+@@ -0,0 +1 @@
++{}
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/compile_library_classes_jar/debug/bundleLibCompileToJarDebug/classes.jar b/node_modules/react-native-maps/android/build/intermediates/compile_library_classes_jar/debug/bundleLibCompileToJarDebug/classes.jar
+new file mode 100644
+index 0000000..43375de
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/compile_library_classes_jar/debug/bundleLibCompileToJarDebug/classes.jar differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/compile_r_class_jar/debug/generateDebugRFile/R.jar b/node_modules/react-native-maps/android/build/intermediates/compile_r_class_jar/debug/generateDebugRFile/R.jar
+new file mode 100644
+index 0000000..588cd91
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/compile_r_class_jar/debug/generateDebugRFile/R.jar differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/compile_symbol_list/debug/generateDebugRFile/R.txt b/node_modules/react-native-maps/android/build/intermediates/compile_symbol_list/debug/generateDebugRFile/R.txt
+new file mode 100644
+index 0000000..e69de29
+diff --git a/node_modules/react-native-maps/android/build/intermediates/incremental/debug/packageDebugResources/compile-file-map.properties b/node_modules/react-native-maps/android/build/intermediates/incremental/debug/packageDebugResources/compile-file-map.properties
+new file mode 100644
+index 0000000..50fb3c0
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/incremental/debug/packageDebugResources/compile-file-map.properties
+@@ -0,0 +1 @@
++#Fri Feb 07 13:30:35 IST 2025
+diff --git a/node_modules/react-native-maps/android/build/intermediates/incremental/debug/packageDebugResources/merger.xml b/node_modules/react-native-maps/android/build/intermediates/incremental/debug/packageDebugResources/merger.xml
+new file mode 100644
+index 0000000..3ab7c99
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/incremental/debug/packageDebugResources/merger.xml
+@@ -0,0 +1,2 @@
++<?xml version="1.0" encoding="utf-8"?>
++<merger version="3"><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="main$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="main" generated-set="main$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="debug$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/debug/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="debug" generated-set="debug$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/debug/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="generated$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/build/generated/res/resValues/debug"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="generated" generated-set="generated$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/build/generated/res/resValues/debug"/></dataSet><mergedItems/></merger>
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/incremental/mergeDebugJniLibFolders/merger.xml b/node_modules/react-native-maps/android/build/intermediates/incremental/mergeDebugJniLibFolders/merger.xml
+new file mode 100644
+index 0000000..a576b59
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/incremental/mergeDebugJniLibFolders/merger.xml
+@@ -0,0 +1,2 @@
++<?xml version="1.0" encoding="utf-8"?>
++<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/jniLibs"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/debug/jniLibs"/></dataSet></merger>
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/incremental/mergeDebugShaders/merger.xml b/node_modules/react-native-maps/android/build/intermediates/incremental/mergeDebugShaders/merger.xml
+new file mode 100644
+index 0000000..9f1741f
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/incremental/mergeDebugShaders/merger.xml
+@@ -0,0 +1,2 @@
++<?xml version="1.0" encoding="utf-8"?>
++<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/shaders"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/debug/shaders"/></dataSet></merger>
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/incremental/packageDebugAssets/merger.xml b/node_modules/react-native-maps/android/build/intermediates/incremental/packageDebugAssets/merger.xml
+new file mode 100644
+index 0000000..8501e68
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/incremental/packageDebugAssets/merger.xml
+@@ -0,0 +1,2 @@
++<?xml version="1.0" encoding="utf-8"?>
++<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/assets"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/debug/assets"/></dataSet><dataSet config="generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/build/intermediates/shader_assets/debug/compileDebugShaders/out"/></dataSet></merger>
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/BuildConfig.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/BuildConfig.class
+new file mode 100644
+index 0000000..005bbfc
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/BuildConfig.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FileUtil.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FileUtil.class
+new file mode 100644
+index 0000000..2ddef0c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FileUtil.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource$1.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource$1.class
+new file mode 100644
+index 0000000..dc8b8ac
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource$2.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource$2.class
+new file mode 100644
+index 0000000..4794f5f
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource$2.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource.class
+new file mode 100644
+index 0000000..db43dc5
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/FusedLocationSource.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReadable.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReadable.class
+new file mode 100644
+index 0000000..696cc70
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReadable.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReader$1.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReader$1.class
+new file mode 100644
+index 0000000..43ccaa7
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReader$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReader.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReader.class
+new file mode 100644
+index 0000000..9490744
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageReader.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageUtil.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageUtil.class
+new file mode 100644
+index 0000000..23b41bc
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ImageUtil.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/LatLngBoundsUtils.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/LatLngBoundsUtils.class
+new file mode 100644
+index 0000000..c0e7aa9
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/LatLngBoundsUtils.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCallout.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCallout.class
+new file mode 100644
+index 0000000..5312da6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCallout.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCalloutManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCalloutManager.class
+new file mode 100644
+index 0000000..84b5ed7
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCalloutManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCircle.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCircle.class
+new file mode 100644
+index 0000000..e76b618
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCircle.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCircleManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCircleManager.class
+new file mode 100644
+index 0000000..e402cb2
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapCircleManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapFeature.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapFeature.class
+new file mode 100644
+index 0000000..1753e54
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapFeature.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.class
+new file mode 100644
+index 0000000..18cb525
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline$MutPoint.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline$MutPoint.class
+new file mode 100644
+index 0000000..0a166ce
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline$MutPoint.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline.class
+new file mode 100644
+index 0000000..0b8bc6e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolyline.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolylineManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolylineManager.class
+new file mode 100644
+index 0000000..b77919f
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapGradientPolylineManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapHeatmap.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapHeatmap.class
+new file mode 100644
+index 0000000..499244e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapHeatmap.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapHeatmapManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapHeatmapManager.class
+new file mode 100644
+index 0000000..1609b2d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapHeatmapManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.class
+new file mode 100644
+index 0000000..bbf9445
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTile.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTile.class
+new file mode 100644
+index 0000000..e9f8b1e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTile.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTileManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTileManager.class
+new file mode 100644
+index 0000000..210202e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapLocalTileManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapManager.class
+new file mode 100644
+index 0000000..0b3891a
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker$1.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker$1.class
+new file mode 100644
+index 0000000..bba1e68
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker$2.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker$2.class
+new file mode 100644
+index 0000000..7b59afd
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker$2.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker.class
+new file mode 100644
+index 0000000..92e4f3a
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarker.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.class
+new file mode 100644
+index 0000000..9ee6d20
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarkerManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarkerManager.class
+new file mode 100644
+index 0000000..e2ae47c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapMarkerManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapModule$1.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapModule$1.class
+new file mode 100644
+index 0000000..c6ed4e1
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapModule$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapModule.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapModule.class
+new file mode 100644
+index 0000000..b2fff45
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapModule.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapOverlay.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapOverlay.class
+new file mode 100644
+index 0000000..4a0af12
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapOverlay.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapOverlayManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapOverlayManager.class
+new file mode 100644
+index 0000000..14c7202
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapOverlayManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolygon.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolygon.class
+new file mode 100644
+index 0000000..5544155
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolygon.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolygonManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolygonManager.class
+new file mode 100644
+index 0000000..f6654aa
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolygonManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolyline.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolyline.class
+new file mode 100644
+index 0000000..9752dd6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolyline.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolylineManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolylineManager.class
+new file mode 100644
+index 0000000..8dec163
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapPolylineManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.class
+new file mode 100644
+index 0000000..91d9647
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileProvider.class
+new file mode 100644
+index 0000000..345ff34
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileWorker.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileWorker.class
+new file mode 100644
+index 0000000..408ff57
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapTileWorker.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUIBlock.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUIBlock.class
+new file mode 100644
+index 0000000..6ad0ed2
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUIBlock.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUrlTile.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUrlTile.class
+new file mode 100644
+index 0000000..e236f9d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUrlTile.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUrlTileManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUrlTileManager.class
+new file mode 100644
+index 0000000..1b47e2c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapUrlTileManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$1.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$1.class
+new file mode 100644
+index 0000000..a5b444d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$10.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$10.class
+new file mode 100644
+index 0000000..7901a3b
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$10.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$11.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$11.class
+new file mode 100644
+index 0000000..6fdad72
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$11.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$12.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$12.class
+new file mode 100644
+index 0000000..283bb80
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$12.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$13.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$13.class
+new file mode 100644
+index 0000000..a4a723d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$13.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$14.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$14.class
+new file mode 100644
+index 0000000..7834b36
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$14.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$15.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$15.class
+new file mode 100644
+index 0000000..acc3aa0
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$15.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$16.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$16.class
+new file mode 100644
+index 0000000..c9c5283
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$16.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$17.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$17.class
+new file mode 100644
+index 0000000..5a0b4fe
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$17.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$2.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$2.class
+new file mode 100644
+index 0000000..db7b3cb
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$2.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$3.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$3.class
+new file mode 100644
+index 0000000..e0e9ff4
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$3.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$4.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$4.class
+new file mode 100644
+index 0000000..0a042d9
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$4.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$5.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$5.class
+new file mode 100644
+index 0000000..0d82558
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$5.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$6.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$6.class
+new file mode 100644
+index 0000000..952ecc6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$6.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$7.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$7.class
+new file mode 100644
+index 0000000..a423bb6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$7.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$8.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$8.class
+new file mode 100644
+index 0000000..c3e78ef
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$8.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$9.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$9.class
+new file mode 100644
+index 0000000..174ee71
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView$9.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView.class
+new file mode 100644
+index 0000000..9907ef8
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapView.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.class
+new file mode 100644
+index 0000000..91f29e1
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.class
+new file mode 100644
+index 0000000..be52547
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile.class
+new file mode 100644
+index 0000000..aafe4fe
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTile.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTileManager.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTileManager.class
+new file mode 100644
+index 0000000..bbafb04
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapWMSTileManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapsPackage.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapsPackage.class
+new file mode 100644
+index 0000000..408840f
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/MapsPackage.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/RegionChangeEvent.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/RegionChangeEvent.class
+new file mode 100644
+index 0000000..6663566
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/RegionChangeEvent.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/SizeReportingShadowNode.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/SizeReportingShadowNode.class
+new file mode 100644
+index 0000000..efbf4b1
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/SizeReportingShadowNode.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/UIBlockInterface.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/UIBlockInterface.class
+new file mode 100644
+index 0000000..836c597
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/UIBlockInterface.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewAttacherGroup.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewAttacherGroup.class
+new file mode 100644
+index 0000000..55b7b4e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewAttacherGroup.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewChangesTracker$1.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewChangesTracker$1.class
+new file mode 100644
+index 0000000..ba59812
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewChangesTracker$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewChangesTracker.class b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewChangesTracker.class
+new file mode 100644
+index 0000000..e467567
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/javac/debug/compileDebugJavaWithJavac/classes/com/rnmaps/maps/ViewChangesTracker.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/local_only_symbol_list/debug/parseDebugLocalResources/R-def.txt b/node_modules/react-native-maps/android/build/intermediates/local_only_symbol_list/debug/parseDebugLocalResources/R-def.txt
+new file mode 100644
+index 0000000..78ac5b8
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/local_only_symbol_list/debug/parseDebugLocalResources/R-def.txt
+@@ -0,0 +1,2 @@
++R_DEF: Internal format may change without notice
++local
+diff --git a/node_modules/react-native-maps/android/build/intermediates/manifest_merge_blame_file/debug/processDebugManifest/manifest-merger-blame-debug-report.txt b/node_modules/react-native-maps/android/build/intermediates/manifest_merge_blame_file/debug/processDebugManifest/manifest-merger-blame-debug-report.txt
+new file mode 100644
+index 0000000..b4f2e45
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/manifest_merge_blame_file/debug/processDebugManifest/manifest-merger-blame-debug-report.txt
+@@ -0,0 +1,7 @@
++1<?xml version="1.0" encoding="utf-8"?>
++2<manifest xmlns:android="http://schemas.android.com/apk/res/android"
++3    package="com.rnmaps.maps" >
++4
++5    <uses-sdk android:minSdkVersion="26" />
++6
++7</manifest>
+diff --git a/node_modules/react-native-maps/android/build/intermediates/merged_manifest/debug/processDebugManifest/AndroidManifest.xml b/node_modules/react-native-maps/android/build/intermediates/merged_manifest/debug/processDebugManifest/AndroidManifest.xml
+new file mode 100644
+index 0000000..a6ec305
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/merged_manifest/debug/processDebugManifest/AndroidManifest.xml
+@@ -0,0 +1,7 @@
++<?xml version="1.0" encoding="utf-8"?>
++<manifest xmlns:android="http://schemas.android.com/apk/res/android"
++    package="com.rnmaps.maps" >
++
++    <uses-sdk android:minSdkVersion="26" />
++
++</manifest>
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/navigation_json/debug/extractDeepLinksDebug/navigation.json b/node_modules/react-native-maps/android/build/intermediates/navigation_json/debug/extractDeepLinksDebug/navigation.json
+new file mode 100644
+index 0000000..0637a08
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/navigation_json/debug/extractDeepLinksDebug/navigation.json
+@@ -0,0 +1 @@
++[]
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/nested_resources_validation_report/debug/generateDebugResources/nestedResourcesValidationReport.txt b/node_modules/react-native-maps/android/build/intermediates/nested_resources_validation_report/debug/generateDebugResources/nestedResourcesValidationReport.txt
+new file mode 100644
+index 0000000..08f4ebe
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/nested_resources_validation_report/debug/generateDebugResources/nestedResourcesValidationReport.txt
+@@ -0,0 +1 @@
++0 Warning/Error
+\ No newline at end of file
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/BuildConfig.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/BuildConfig.class
+new file mode 100644
+index 0000000..005bbfc
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/BuildConfig.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FileUtil.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FileUtil.class
+new file mode 100644
+index 0000000..2ddef0c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FileUtil.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource$1.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource$1.class
+new file mode 100644
+index 0000000..dc8b8ac
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource$2.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource$2.class
+new file mode 100644
+index 0000000..4794f5f
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource$2.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource.class
+new file mode 100644
+index 0000000..db43dc5
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/FusedLocationSource.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReadable.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReadable.class
+new file mode 100644
+index 0000000..696cc70
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReadable.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReader$1.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReader$1.class
+new file mode 100644
+index 0000000..43ccaa7
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReader$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReader.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReader.class
+new file mode 100644
+index 0000000..9490744
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageReader.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageUtil.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageUtil.class
+new file mode 100644
+index 0000000..23b41bc
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ImageUtil.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/LatLngBoundsUtils.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/LatLngBoundsUtils.class
+new file mode 100644
+index 0000000..c0e7aa9
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/LatLngBoundsUtils.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCallout.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCallout.class
+new file mode 100644
+index 0000000..5312da6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCallout.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCalloutManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCalloutManager.class
+new file mode 100644
+index 0000000..84b5ed7
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCalloutManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCircle.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCircle.class
+new file mode 100644
+index 0000000..e76b618
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCircle.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCircleManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCircleManager.class
+new file mode 100644
+index 0000000..e402cb2
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapCircleManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapFeature.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapFeature.class
+new file mode 100644
+index 0000000..1753e54
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapFeature.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.class
+new file mode 100644
+index 0000000..18cb525
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline$AirMapGradientPolylineProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline$MutPoint.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline$MutPoint.class
+new file mode 100644
+index 0000000..0a166ce
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline$MutPoint.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline.class
+new file mode 100644
+index 0000000..0b8bc6e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolyline.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolylineManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolylineManager.class
+new file mode 100644
+index 0000000..b77919f
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapGradientPolylineManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapHeatmap.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapHeatmap.class
+new file mode 100644
+index 0000000..499244e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapHeatmap.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapHeatmapManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapHeatmapManager.class
+new file mode 100644
+index 0000000..1609b2d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapHeatmapManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.class
+new file mode 100644
+index 0000000..bbf9445
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTile$AIRMapLocalTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTile.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTile.class
+new file mode 100644
+index 0000000..e9f8b1e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTile.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTileManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTileManager.class
+new file mode 100644
+index 0000000..210202e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapLocalTileManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapManager.class
+new file mode 100644
+index 0000000..0b3891a
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker$1.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker$1.class
+new file mode 100644
+index 0000000..bba1e68
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker$2.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker$2.class
+new file mode 100644
+index 0000000..7b59afd
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker$2.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker.class
+new file mode 100644
+index 0000000..92e4f3a
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarker.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.class
+new file mode 100644
+index 0000000..9ee6d20
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarkerManager$AirMapMarkerSharedIcon.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarkerManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarkerManager.class
+new file mode 100644
+index 0000000..e2ae47c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapMarkerManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapModule$1.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapModule$1.class
+new file mode 100644
+index 0000000..c6ed4e1
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapModule$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapModule.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapModule.class
+new file mode 100644
+index 0000000..b2fff45
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapModule.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapOverlay.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapOverlay.class
+new file mode 100644
+index 0000000..4a0af12
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapOverlay.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapOverlayManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapOverlayManager.class
+new file mode 100644
+index 0000000..14c7202
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapOverlayManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolygon.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolygon.class
+new file mode 100644
+index 0000000..5544155
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolygon.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolygonManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolygonManager.class
+new file mode 100644
+index 0000000..f6654aa
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolygonManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolyline.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolyline.class
+new file mode 100644
+index 0000000..9752dd6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolyline.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolylineManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolylineManager.class
+new file mode 100644
+index 0000000..8dec163
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapPolylineManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.class
+new file mode 100644
+index 0000000..91d9647
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileProvider$AIRMapUrlTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileProvider.class
+new file mode 100644
+index 0000000..345ff34
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileWorker.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileWorker.class
+new file mode 100644
+index 0000000..408ff57
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapTileWorker.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUIBlock.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUIBlock.class
+new file mode 100644
+index 0000000..6ad0ed2
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUIBlock.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUrlTile.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUrlTile.class
+new file mode 100644
+index 0000000..e236f9d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUrlTile.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUrlTileManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUrlTileManager.class
+new file mode 100644
+index 0000000..1b47e2c
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapUrlTileManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$1.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$1.class
+new file mode 100644
+index 0000000..a5b444d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$10.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$10.class
+new file mode 100644
+index 0000000..7901a3b
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$10.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$11.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$11.class
+new file mode 100644
+index 0000000..6fdad72
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$11.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$12.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$12.class
+new file mode 100644
+index 0000000..283bb80
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$12.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$13.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$13.class
+new file mode 100644
+index 0000000..a4a723d
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$13.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$14.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$14.class
+new file mode 100644
+index 0000000..7834b36
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$14.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$15.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$15.class
+new file mode 100644
+index 0000000..acc3aa0
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$15.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$16.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$16.class
+new file mode 100644
+index 0000000..c9c5283
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$16.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$17.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$17.class
+new file mode 100644
+index 0000000..5a0b4fe
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$17.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$2.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$2.class
+new file mode 100644
+index 0000000..db7b3cb
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$2.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$3.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$3.class
+new file mode 100644
+index 0000000..e0e9ff4
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$3.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$4.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$4.class
+new file mode 100644
+index 0000000..0a042d9
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$4.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$5.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$5.class
+new file mode 100644
+index 0000000..0d82558
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$5.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$6.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$6.class
+new file mode 100644
+index 0000000..952ecc6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$6.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$7.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$7.class
+new file mode 100644
+index 0000000..a423bb6
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$7.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$8.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$8.class
+new file mode 100644
+index 0000000..c3e78ef
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$8.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$9.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$9.class
+new file mode 100644
+index 0000000..174ee71
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView$9.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView.class
+new file mode 100644
+index 0000000..9907ef8
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapView.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.class
+new file mode 100644
+index 0000000..91f29e1
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider$AIRMapWMSTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.class
+new file mode 100644
+index 0000000..be52547
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile$AIRMapGSUrlTileProvider.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile.class
+new file mode 100644
+index 0000000..aafe4fe
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTile.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTileManager.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTileManager.class
+new file mode 100644
+index 0000000..bbafb04
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapWMSTileManager.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapsPackage.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapsPackage.class
+new file mode 100644
+index 0000000..408840f
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/MapsPackage.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/RegionChangeEvent.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/RegionChangeEvent.class
+new file mode 100644
+index 0000000..6663566
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/RegionChangeEvent.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/SizeReportingShadowNode.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/SizeReportingShadowNode.class
+new file mode 100644
+index 0000000..efbf4b1
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/SizeReportingShadowNode.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/UIBlockInterface.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/UIBlockInterface.class
+new file mode 100644
+index 0000000..836c597
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/UIBlockInterface.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewAttacherGroup.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewAttacherGroup.class
+new file mode 100644
+index 0000000..55b7b4e
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewAttacherGroup.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewChangesTracker$1.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewChangesTracker$1.class
+new file mode 100644
+index 0000000..ba59812
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewChangesTracker$1.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewChangesTracker.class b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewChangesTracker.class
+new file mode 100644
+index 0000000..e467567
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_dir/debug/bundleLibRuntimeToDirDebug/com/rnmaps/maps/ViewChangesTracker.class differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_jar/debug/bundleLibRuntimeToJarDebug/classes.jar b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_jar/debug/bundleLibRuntimeToJarDebug/classes.jar
+new file mode 100644
+index 0000000..0e6e703
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/intermediates/runtime_library_classes_jar/debug/bundleLibRuntimeToJarDebug/classes.jar differ
+diff --git a/node_modules/react-native-maps/android/build/intermediates/symbol_list_with_package_name/debug/generateDebugRFile/package-aware-r.txt b/node_modules/react-native-maps/android/build/intermediates/symbol_list_with_package_name/debug/generateDebugRFile/package-aware-r.txt
+new file mode 100644
+index 0000000..d2faa16
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/intermediates/symbol_list_with_package_name/debug/generateDebugRFile/package-aware-r.txt
+@@ -0,0 +1 @@
++com.rnmaps.maps
+diff --git a/node_modules/react-native-maps/android/build/outputs/logs/manifest-merger-debug-report.txt b/node_modules/react-native-maps/android/build/outputs/logs/manifest-merger-debug-report.txt
+new file mode 100644
+index 0000000..95ff189
+--- /dev/null
++++ b/node_modules/react-native-maps/android/build/outputs/logs/manifest-merger-debug-report.txt
+@@ -0,0 +1,16 @@
++-- Merging decision tree log ---
++manifest
++ADDED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml:1:1-2:12
++INJECTED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml:1:1-2:12
++	package
++		INJECTED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml
++	xmlns:android
++		ADDED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml:1:11-69
++uses-sdk
++INJECTED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml reason: use-sdk injection requested
++INJECTED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml
++INJECTED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml
++	android:targetSdkVersion
++		INJECTED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml
++	android:minSdkVersion
++		INJECTED from /Users/cpm/Me/cpmCodes/projects/Performics/node_modules/react-native-maps/android/src/main/AndroidManifest.xml
+diff --git a/node_modules/react-native-maps/android/build/tmp/compileDebugJavaWithJavac/previous-compilation-data.bin b/node_modules/react-native-maps/android/build/tmp/compileDebugJavaWithJavac/previous-compilation-data.bin
+new file mode 100644
+index 0000000..1c51e1f
+Binary files /dev/null and b/node_modules/react-native-maps/android/build/tmp/compileDebugJavaWithJavac/previous-compilation-data.bin differ
+diff --git a/node_modules/react-native-maps/lib/MapMarker.js b/node_modules/react-native-maps/lib/MapMarker.js
+index 90b689e..d22177f 100644
+--- a/node_modules/react-native-maps/lib/MapMarker.js
++++ b/node_modules/react-native-maps/lib/MapMarker.js
+@@ -29,7 +29,7 @@ const react_native_1 = require("react-native");
+ const decorateMapComponent_1 = __importStar(require("./decorateMapComponent"));
+ const MapMarkerNativeComponent_1 = require("./MapMarkerNativeComponent");
+ class MapMarker extends React.Component {
+-    getNativeComponent;
++    // getNativeComponent;
+     getMapManagerCommand;
+     getUIManagerCommand;
+     static Animated;
diff --git a/patches/react-native-snap-carousel+3.9.1.patch b/patches/react-native-snap-carousel+3.9.1.patch
new file mode 100644
index 0000000..4f328fb
--- /dev/null
+++ b/patches/react-native-snap-carousel+3.9.1.patch
@@ -0,0 +1,125 @@
+diff --git a/node_modules/react-native-snap-carousel/src/carousel/Carousel.js b/node_modules/react-native-snap-carousel/src/carousel/Carousel.js
+index dae71a3..b195d0e 100644
+--- a/node_modules/react-native-snap-carousel/src/carousel/Carousel.js
++++ b/node_modules/react-native-snap-carousel/src/carousel/Carousel.js
+@@ -43,8 +43,16 @@ export default class Carousel extends Component {
+         autoplayDelay: PropTypes.number,
+         autoplayInterval: PropTypes.number,
+         callbackOffsetMargin: PropTypes.number,
+-        containerCustomStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
+-        contentContainerCustomStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        containerCustomStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
++        contentContainerCustomStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         enableMomentum: PropTypes.bool,
+         enableSnap: PropTypes.bool,
+         firstItem: PropTypes.number,
+@@ -61,7 +69,11 @@ export default class Carousel extends Component {
+         scrollEnabled: PropTypes.bool,
+         scrollInterpolator: PropTypes.func,
+         slideInterpolatedStyle: PropTypes.func,
+-        slideStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        slideStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         shouldOptimizeUpdates: PropTypes.bool,
+         swipeThreshold: PropTypes.number,
+         useScrollView: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+diff --git a/node_modules/react-native-snap-carousel/src/pagination/Pagination.js b/node_modules/react-native-snap-carousel/src/pagination/Pagination.js
+index 5c021cf..0fff08d 100644
+--- a/node_modules/react-native-snap-carousel/src/pagination/Pagination.js
++++ b/node_modules/react-native-snap-carousel/src/pagination/Pagination.js
+@@ -14,16 +14,32 @@ export default class Pagination extends PureComponent {
+         dotsLength: PropTypes.number.isRequired,
+         activeOpacity: PropTypes.number,
+         carouselRef: PropTypes.object,
+-        containerStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        containerStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         dotColor: PropTypes.string,
+-        dotContainerStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        dotContainerStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         dotElement: PropTypes.element,
+-        dotStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        dotStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         inactiveDotColor: PropTypes.string,
+         inactiveDotElement: PropTypes.element,
+         inactiveDotOpacity: PropTypes.number,
+         inactiveDotScale: PropTypes.number,
+-        inactiveDotStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        inactiveDotStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         renderDots: PropTypes.func,
+         tappableDots: PropTypes.bool,
+         vertical: PropTypes.bool,
+diff --git a/node_modules/react-native-snap-carousel/src/pagination/PaginationDot.js b/node_modules/react-native-snap-carousel/src/pagination/PaginationDot.js
+index e59d196..c7936c1 100644
+--- a/node_modules/react-native-snap-carousel/src/pagination/PaginationDot.js
++++ b/node_modules/react-native-snap-carousel/src/pagination/PaginationDot.js
+@@ -12,11 +12,23 @@ export default class PaginationDot extends PureComponent {
+         activeOpacity: PropTypes.number,
+         carouselRef: PropTypes.object,
+         color: PropTypes.string,
+-        containerStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        containerStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         inactiveColor: PropTypes.string,
+-        inactiveStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        inactiveStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         index: PropTypes.number,
+-        style: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        style:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         tappable: PropTypes.bool
+     };
+ 
+diff --git a/node_modules/react-native-snap-carousel/src/parallaximage/ParallaxImage.js b/node_modules/react-native-snap-carousel/src/parallaximage/ParallaxImage.js
+index 8bc774a..5de735d 100644
+--- a/node_modules/react-native-snap-carousel/src/parallaximage/ParallaxImage.js
++++ b/node_modules/react-native-snap-carousel/src/parallaximage/ParallaxImage.js
+@@ -16,7 +16,11 @@ export default class ParallaxImage extends Component {
+         sliderHeight: PropTypes.number, // passed from <Carousel />
+         sliderWidth: PropTypes.number, // passed from <Carousel />
+         vertical: PropTypes.bool, // passed from <Carousel />
+-        containerStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
++        containerStyle:  PropTypes.oneOfType([
++            PropTypes.object,
++            PropTypes.array,
++            PropTypes.number
++        ]),
+         dimensions: PropTypes.shape({
+             width: PropTypes.number,
+             height: PropTypes.number
diff --git a/patches/react-native-vision-camera+4.6.3.patch b/patches/react-native-vision-camera+4.6.3.patch
new file mode 100644
index 0000000..431dcbf
--- /dev/null
+++ b/patches/react-native-vision-camera+4.6.3.patch
@@ -0,0 +1,12 @@
+diff --git a/node_modules/react-native-vision-camera/ios/Core/CameraSession.swift b/node_modules/react-native-vision-camera/ios/Core/CameraSession.swift
+index 10b0f33..5f8dc6a 100644
+--- a/node_modules/react-native-vision-camera/ios/Core/CameraSession.swift
++++ b/node_modules/react-native-vision-camera/ios/Core/CameraSession.swift
+@@ -133,6 +133,7 @@ final class CameraSession: NSObject, AVCaptureVideoDataOutputSampleBufferDelegat
+ 
+       do {
+         // If needed, configure the AVCaptureSession (inputs, outputs)
++        self.captureSession.automaticallyConfiguresCaptureDeviceForWideColor = false;
+         if difference.isSessionConfigurationDirty {
+           self.captureSession.beginConfiguration()
+ 
diff --git a/patches/react-native-worklets-core+1.6.2.patch b/patches/react-native-worklets-core+1.6.2.patch
new file mode 100644
index 0000000..3351970
--- /dev/null
+++ b/patches/react-native-worklets-core+1.6.2.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/react-native-worklets-core/android/CMakeLists.txt b/node_modules/react-native-worklets-core/android/CMakeLists.txt
+index cc4cbfe..61e1b56 100644
+--- a/node_modules/react-native-worklets-core/android/CMakeLists.txt
++++ b/node_modules/react-native-worklets-core/android/CMakeLists.txt
+@@ -81,7 +81,7 @@ if(${JS_RUNTIME} STREQUAL "hermes")
+ 
+   target_link_libraries(
+     ${PACKAGE_NAME}
+-    hermes-engine::libhermes
++    hermes-engine::hermesvm
+   )
+ 
+   if(${HERMES_ENABLE_DEBUGGER})
diff --git a/src/assets/cpm_logo.png b/src/assets/cpm_logo.png
new file mode 100644
index 0000000..e4d9ae6
Binary files /dev/null and b/src/assets/cpm_logo.png differ
diff --git a/src/assets/icons/audit/40x40.png b/src/assets/icons/audit/40x40.png
new file mode 100644
index 0000000..c00d657
Binary files /dev/null and b/src/assets/icons/audit/40x40.png differ
diff --git a/src/assets/icons/audit/50x50.png b/src/assets/icons/audit/50x50.png
new file mode 100644
index 0000000..12b584a
Binary files /dev/null and b/src/assets/icons/audit/50x50.png differ
diff --git a/src/assets/icons/audit/Approved.png b/src/assets/icons/audit/Approved.png
new file mode 100644
index 0000000..c342322
Binary files /dev/null and b/src/assets/icons/audit/Approved.png differ
diff --git a/src/assets/icons/audit/NoDataImage.png b/src/assets/icons/audit/NoDataImage.png
new file mode 100644
index 0000000..eca50f6
Binary files /dev/null and b/src/assets/icons/audit/NoDataImage.png differ
diff --git a/src/assets/icons/audit/Reject.png b/src/assets/icons/audit/Reject.png
new file mode 100644
index 0000000..241ecc7
Binary files /dev/null and b/src/assets/icons/audit/Reject.png differ
diff --git a/src/assets/icons/audit/audit.png b/src/assets/icons/audit/audit.png
new file mode 100644
index 0000000..9de41af
Binary files /dev/null and b/src/assets/icons/audit/audit.png differ
diff --git a/src/assets/icons/audit/grooming.png b/src/assets/icons/audit/grooming.png
new file mode 100644
index 0000000..276a725
Binary files /dev/null and b/src/assets/icons/audit/grooming.png differ
diff --git a/src/assets/icons/back.png b/src/assets/icons/back.png
new file mode 100644
index 0000000..766d366
Binary files /dev/null and b/src/assets/icons/back.png differ
diff --git a/src/assets/icons/crossmodal.svg b/src/assets/icons/crossmodal.svg
new file mode 100644
index 0000000..aba965b
--- /dev/null
+++ b/src/assets/icons/crossmodal.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43.499" height="43.499" viewBox="0 0 43.499 43.499">
+  <g id="Group_119455" data-name="Group 119455" transform="translate(-72.007 -333.714)">
+    <g id="Ellipse_55" data-name="Ellipse 55" transform="translate(72.007 333.714)" fill="none" stroke="#6e7f8e" stroke-width="2">
+      <circle cx="21.75" cy="21.75" r="21.75" stroke="none"/>
+      <circle cx="21.75" cy="21.75" r="20.75" fill="none"/>
+    </g>
+    <path id="Icon_akar-plus" data-name="Icon akar-plus" d="M10.668,21.337V10.668m0,0V0m0,10.668H21.337m-10.668,0H0" transform="translate(93.758 340.57) rotate(45)" fill="none" stroke="#6e7f8e" stroke-linecap="round" stroke-width="3"/>
+  </g>
+</svg>
diff --git a/src/assets/icons/downarrow.svg b/src/assets/icons/downarrow.svg
new file mode 100644
index 0000000..1032656
--- /dev/null
+++ b/src/assets/icons/downarrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8.27" height="15.162" viewBox="0 0 8.27 15.162">
+  <path id="Down_Arrow_3_" d="M27.581,48.27a.687.687,0,0,1-.487-.2L20.2,41.176a.689.689,0,1,1,.975-.975l6.4,6.4,6.4-6.4a.689.689,0,0,1,.975.975l-6.892,6.892A.687.687,0,0,1,27.581,48.27Z" transform="translate(-40 35.162) rotate(-90)"/>
+</svg>
diff --git a/src/assets/image/60x60.png b/src/assets/image/60x60.png
new file mode 100644
index 0000000..9de41af
Binary files /dev/null and b/src/assets/image/60x60.png differ
diff --git a/src/assets/image/PerformicsLogo.png b/src/assets/image/PerformicsLogo.png
new file mode 100644
index 0000000..1d072e2
Binary files /dev/null and b/src/assets/image/PerformicsLogo.png differ
diff --git a/src/assets/image/ThaiNamthip.Thai_1024x1024.png b/src/assets/image/ThaiNamthip.Thai_1024x1024.png
new file mode 100644
index 0000000..2e766ba
Binary files /dev/null and b/src/assets/image/ThaiNamthip.Thai_1024x1024.png differ
diff --git a/src/assets/image/astrickcamera.svg b/src/assets/image/astrickcamera.svg
new file mode 100644
index 0000000..76c8c8c
--- /dev/null
+++ b/src/assets/image/astrickcamera.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="89" height="82" viewBox="0 0 89 82">
+  <g id="red_camera" data-name="red camera" transform="translate(16198 2546)">
+    <g id="Group_119606" data-name="Group 119606" transform="translate(106)">
+      <rect id="Rectangle_17334" data-name="Rectangle 17334" width="82" height="82" rx="41" transform="translate(-16297 -2546)" fill="#f7f8f8"/>
+      <g id="Group_119604" data-name="Group 119604" transform="translate(0.831 0.003)">
+        <path id="Path_10046" data-name="Path 10046" d="M19.944,9.45a10.1,10.1,0,0,1,6.807,2.326c.229.194.422.416.639.632a9.979,9.979,0,0,1,2.878,6.817c.022.308-.061.7-.08,1.1a6.873,6.873,0,0,1-.155,1.036,11.908,11.908,0,0,1-.591,1.871,9.333,9.333,0,0,1-1.933,2.912,9.378,9.378,0,0,1-2.772,2.072,9.928,9.928,0,0,1-10.216-.878,10.876,10.876,0,0,1-1.884-1.769c-.166-.235-.324-.448-.492-.7a9.408,9.408,0,0,1-1.462-3.383,10.036,10.036,0,0,1,.605-6.163,10.675,10.675,0,0,1,2.559-3.476,8.323,8.323,0,0,1,.673-.519,10.02,10.02,0,0,1,5.424-1.883ZM10.017,3.891V5.48H5.093A5,5,0,0,0,1.542,6.614,4.448,4.448,0,0,0,.01,9.768v19.14A4.555,4.555,0,0,0,4.775,33.2H35.907a4.761,4.761,0,0,0,3.317-1.209,4.41,4.41,0,0,0,1.448-3.079V9.768A4.448,4.448,0,0,0,39.14,6.614,5,5,0,0,0,35.59,5.48H30.666c0-1.523.128-3.1-1.208-4.351A3.894,3.894,0,0,0,28.251.35,4.412,4.412,0,0,0,26.536,0H14.147a3.934,3.934,0,0,0-3.319,1.6,4.046,4.046,0,0,0-.811,2.286Z" transform="translate(-16276.841 -2522)" fill="#fff" stroke="#92a3fd" stroke-width="1" fill-rule="evenodd"/>
+        <path id="Path_10047" data-name="Path 10047" d="M279.231,266.073a6.434,6.434,0,0,0,.554,2.623,6.514,6.514,0,0,0,5.641,3.969,6.02,6.02,0,0,0,3.309-.662,6.171,6.171,0,0,0,1.834-1.343,6.572,6.572,0,0,0-9.452-9.134,6.7,6.7,0,0,0-1.886,4.547Z" transform="translate(-16542.322 -2768.775)" fill="#9dceff" fill-rule="evenodd"/>
+      </g>
+    </g>
+    <g id="Group_119607" data-name="Group 119607">
+      <circle id="Ellipse_67" data-name="Ellipse 67" cx="16" cy="16" r="16" transform="translate(-16198 -2546)" fill="#ed323b"/>
+      <path id="Path_61351" data-name="Path 61351" d="M-35.334-156.8l-2.142-1.606a.943.943,0,0,1-.389-.706,1.116,1.116,0,0,1,.146-.754q0-.049.292-.341l3.5-3.212-4.77-.535q-.195-.049-.268-.073a.4.4,0,0,0-.122-.024.944.944,0,0,1-.56-.511,1.208,1.208,0,0,1-.122-.852l.876-2.58a.866.866,0,0,1,.535-.584,1.136,1.136,0,0,1,.779-.1,1.836,1.836,0,0,1,.389.195L-33-166.1l-.973-4.721a1.342,1.342,0,0,1-.049-.268v-.122a1.059,1.059,0,0,1,.316-.73,1,1,0,0,1,.754-.341h2.677a1,1,0,0,1,.754.341,1.059,1.059,0,0,1,.316.73v.122a1.342,1.342,0,0,1-.049.268l-.973,4.721,4.234-2.385a1.836,1.836,0,0,1,.389-.195,1.175,1.175,0,0,1,.8.1.867.867,0,0,1,.511.584l.876,2.58a1.208,1.208,0,0,1-.122.852.94.94,0,0,1-.608.511.4.4,0,0,0-.122.024l-.219.073-4.818.535,3.553,3.212q.292.292.292.341a.971.971,0,0,1,.195.754.9.9,0,0,1-.438.706l-2.142,1.606a1.454,1.454,0,0,1-.827.146.923.923,0,0,1-.681-.389.14.14,0,0,0-.049-.1,1.127,1.127,0,0,1-.146-.243l-2.044-4.429-2.044,4.429a.417.417,0,0,1-.122.243q-.073.049-.073.1a.8.8,0,0,1-.657.389A1.512,1.512,0,0,1-35.334-156.8Z" transform="translate(-16150.207 -2365.72)" fill="#fff"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/image/camera_asterisk.png b/src/assets/image/camera_asterisk.png
new file mode 100644
index 0000000..bd5c39a
Binary files /dev/null and b/src/assets/image/camera_asterisk.png differ
diff --git a/src/assets/image/greybg.jpg b/src/assets/image/greybg.jpg
new file mode 100644
index 0000000..418a8ea
Binary files /dev/null and b/src/assets/image/greybg.jpg differ
diff --git a/src/assets/image/loader.gif b/src/assets/image/loader.gif
new file mode 100644
index 0000000..d2decc9
Binary files /dev/null and b/src/assets/image/loader.gif differ
diff --git a/src/assets/image/logo.png b/src/assets/image/logo.png
new file mode 100644
index 0000000..11a738a
Binary files /dev/null and b/src/assets/image/logo.png differ
diff --git a/src/assets/image/olay_logo.png b/src/assets/image/olay_logo.png
new file mode 100644
index 0000000..18e7128
Binary files /dev/null and b/src/assets/image/olay_logo.png differ
diff --git a/src/assets/image/parinaam_tag_line.png b/src/assets/image/parinaam_tag_line.png
new file mode 100644
index 0000000..1d072e2
Binary files /dev/null and b/src/assets/image/parinaam_tag_line.png differ
diff --git a/src/assets/performics/Covered.svg b/src/assets/performics/Covered.svg
new file mode 100644
index 0000000..6c6ef6d
--- /dev/null
+++ b/src/assets/performics/Covered.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="86.846" height="80.458" viewBox="0 0 86.846 80.458">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.303" y1="0.552" x2="1.253" y2="0.004" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#cb236d"/>
+      <stop offset="1" stop-color="#4c246d"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.276" y1="0.555" x2="1.321" y2="-0.052" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="Group_17184" data-name="Group 17184" transform="translate(-174.154 -633.542)">
+    <g id="Group_16333" data-name="Group 16333" transform="translate(0 174)">
+      <ellipse id="Ellipse_10" data-name="Ellipse 10" cx="34.5" cy="34" rx="34.5" ry="34" transform="translate(185 468)" fill="#e4d9bf"/>
+      <circle id="Ellipse_11" data-name="Ellipse 11" cx="3.5" cy="3.5" r="3.5" transform="translate(239 463)" fill="#e4d9bf"/>
+      <circle id="Ellipse_13" data-name="Ellipse 13" cx="7" cy="7" r="7" transform="translate(247 468)" fill="#e4d9bf"/>
+      <circle id="Ellipse_12" data-name="Ellipse 12" cx="7" cy="7" r="7" transform="translate(182 526)" fill="#e4d9bf"/>
+    </g>
+    <g id="Group_16330" data-name="Group 16330" transform="translate(0 174)">
+      <g id="Layer_x0020_1" transform="translate(192.39 459.432)">
+        <g id="_1403474062560" transform="translate(3.999 0.11)">
+          <path id="Path_7620" data-name="Path 7620" d="M56.014,69.844a1.984,1.984,0,0,1-1.053-.3q-1.215-.756-2.358-1.527C28.79,51.973,28.276,31.882,28,16.071c-.019-1.054-.037-2.093-.06-3.106a1.989,1.989,0,0,1,1.987-2.036c.058,0,.119,0,.179.009.469.041.968.064,1.495.064.1,0,.189,0,.285,0A35.251,35.251,0,0,0,54.746,1.048a.972.972,0,0,1,.72-.278,2.332,2.332,0,0,1,1.307.488C62.8,5.764,71.75,7.637,77.928,8.414c2.206.278,4.058.416,5.3.483a1.988,1.988,0,0,1,1.865,1.78q.268,2.585.377,5.036a64.443,64.443,0,0,1-4.129,27.013l-2.353,5.114-.3.566-4.623,7.082a50.781,50.781,0,0,1-15.042,13.05c-.885.494-1.619.862-2.155,1.116a1.983,1.983,0,0,1-.849.191ZM75.858,47.393c5.438-9.786,7.591-21.536,6.408-35.031a.645.645,0,0,0-.6-.589C67.492,10.73,59.62,6.753,56.188,4.476a.647.647,0,0,0-.789.057A37.823,37.823,0,0,1,43.265,11.68a35.075,35.075,0,0,1-11.672,2.291h0a.646.646,0,0,0-.649.658l.019,1.063c.14,7.986.3,17.034,3.545,25.922,3.635,9.951,10.586,18.1,21.253,24.921a.657.657,0,0,0,.35.1.636.636,0,0,0,.294-.071l-.057-.11.057.11A47.791,47.791,0,0,0,71.8,53.557l4.06-6.165Zm-19.746,19a.409.409,0,0,1-.218-.064c-10.62-6.788-17.54-14.9-21.154-24.8-3.232-8.849-3.39-17.876-3.531-25.842l-.019-1.065a.4.4,0,0,1,.113-.285.4.4,0,0,1,.294-.12h0a35.346,35.346,0,0,0,11.752-2.307A38.067,38.067,0,0,0,55.562,4.717a.4.4,0,0,1,.267-.1.391.391,0,0,1,.221.067A42.528,42.528,0,0,0,69.664,10.2,77.352,77.352,0,0,0,81.65,12.019a.4.4,0,0,1,.368.364c1.184,13.5-.985,25.253-6.454,35.024l-.84,1.406-.9,1.47-.814,1.2-1.123,1.551a47.6,47.6,0,0,1-15.6,13.316.407.407,0,0,1-.182.044Z" transform="translate(-27.937 -0.77)" fill-rule="evenodd" fill="url(#linear-gradient)"/>
+          <path id="Path_7621" data-name="Path 7621" d="M45.584,30.968a.4.4,0,0,0-.294.12.4.4,0,0,0-.113.285l.019,1.065c.14,7.966.3,16.994,3.531,25.842,3.616,9.9,10.535,18.009,21.154,24.8a.4.4,0,0,0,.4.019A47.607,47.607,0,0,0,86.085,69.5c7.994-10.72,11.333-24.3,9.924-40.372a.4.4,0,0,0-.368-.364A77.569,77.569,0,0,1,83.656,26.95a42.47,42.47,0,0,1-13.615-5.519.4.4,0,0,0-.488.035,38.1,38.1,0,0,1-12.214,7.195,35.346,35.346,0,0,1-11.752,2.307h0ZM70.1,83.388a.641.641,0,0,1-.35-.1c-10.667-6.82-17.618-14.97-21.253-24.921-3.246-8.888-3.405-17.938-3.545-25.922l-.019-1.063a.636.636,0,0,1,.184-.463.644.644,0,0,1,.465-.195h0a35.128,35.128,0,0,0,11.672-2.291,37.842,37.842,0,0,0,12.134-7.147.649.649,0,0,1,.791-.057c3.432,2.277,11.3,6.252,25.481,7.3a.643.643,0,0,1,.6.589c1.415,16.132-1.941,29.771-9.972,40.541a47.853,47.853,0,0,1-15.89,13.664l-.057-.11.057.11a.636.636,0,0,1-.294.071Z" transform="translate(-41.923 -17.52)" fill-rule="evenodd" fill="url(#linear-gradient-2)"/>
+        </g>
+      </g>
+      <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(174.154 472.621)">
+        <g id="_1404241728704" transform="translate(0 -0.003)">
+          <path id="Path_7597" data-name="Path 7597" d="M148.767,394.084c.032,2.491.5,5.468-2.365,6.6a4.029,4.029,0,0,1-3.588-.353,3.5,3.5,0,0,1-1.594-2.843c-.271-.361-.143-2.839-.088-3.451l-7.685-.04-.042.086c.014,1.57.256,3.657-.461,4.923a4.436,4.436,0,0,1-1.33,1.4c-.766.48-1.488.38-1.966.621l-.029,23.978a11.718,11.718,0,0,0,3.05.068c-.024-2.258-.2-18.225.065-19.019.126-.382.2-.472.61-.458.364-.27,6.312-.113,7.3-.113,3.418,0,2.836-.5,2.836,4.589v7.467c0,2.425.108,5.11-.016,7.5h26.312l.046-5.1c-2.168.052-22.057.077-22.446-.087-.675-.122-.6-.656-.595-1.367V408.81c0-1.787-.3-3.017.614-3.269.368-.189,20.151-.143,22.425-.143v-4.791a4.531,4.531,0,0,0,1.866-2.407c.243-.825-.053-3.1.087-4.217-1.308,0-2.583.054-3.891.054-.913,0-3.067.246-3.769-.16l.006.206c.043,2.491.517,5.533-2.441,6.631a3.859,3.859,0,0,1-3.627-.479,3.429,3.429,0,0,1-1.488-2.921c-.278-.435-.108-2.589-.09-3.278h-7.514l-.075-.447c-.148.219-.1.145-.122.494Z" transform="translate(-125.714 -381.728)" fill="#eaebec" fill-rule="evenodd"/>
+          <path id="Path_7598" data-name="Path 7598" d="M698.293,803.436h18.594V789.09l-18.572.032c-.911.252-.614,1.483-.614,3.269v9.678C697.694,802.781,697.618,803.314,698.293,803.436Z" transform="translate(-676.628 -765.309)" fill="#00c5c8" fill-rule="evenodd"/>
+          <path id="Path_7599" data-name="Path 7599" d="M48,1440.542l-.024-4.872-30.238.042-10.781-.046a11.724,11.724,0,0,1-3.05-.068c-1.652,0-2.879-.185-3.613.82a2.151,2.151,0,0,0-.294.895v2.494a6.078,6.078,0,0,0,.105.629c1.1.256,9.985.105,11.884.105H48Z" transform="translate(0 -1392.32)" fill="#9dceff" fill-rule="evenodd"/>
+          <path id="Path_7600" data-name="Path 7600" d="M122.055,5.12l6.637.011,6.632.012,6.642.006,6.486-.035.233.488-.037-.484h3.38c.771,0,2.774-.181,3.249.12l6.612-.1.715-.02.08-4.927c-1.8,0-38.9-.134-39.749.038-.965.2-.882.868-.879,1.96,0,.976,0,1.952,0,2.928Z" transform="translate(-118.374 -0.14)" fill="#fcc74f" fill-rule="evenodd"/>
+          <path id="Path_7601" data-name="Path 7601" d="M592.518,418.237l18.573-.032c.849-.037,5.186-.15,5.6.139.538.372.288,4.364.288,5.266v5.574c0,3.446.429,3.529-2.04,3.454l-.045,5.1H588.586l-.016.078,30.238-.042,2.027-.071-.084-23.978c-.578-.277-1.207-.107-2.038-.662a4.49,4.49,0,0,1-1.265-1.36c-.693-1.224-.524-3.409-.474-4.942l-.078-.081c-.14,1.114.156,3.393-.087,4.217a4.53,4.53,0,0,1-1.865,2.407v4.791c-2.274,0-22.057-.046-22.425.143Z" transform="translate(-570.832 -394.423)" fill="#b9bbc1" fill-rule="evenodd"/>
+          <path id="Path_7602" data-name="Path 7602" d="M235.2,795.909c0-1.48,1.628-1.545,1.628,0v.841c0,1.571-1.628,1.5-1.628,0Zm-6.9-8.54c-.267.795-.089,16.762-.065,19.02l10.781.046.016-.078c.124-2.393.016-5.078.016-7.5v-7.467c0-5.086.582-4.589-2.836-4.589-.991,0-6.938-.157-7.3.113a30.753,30.753,0,0,0,4.253.059V806.3h-4.9Z" transform="translate(-221.283 -763.042)" fill="#0fb0c0" fill-rule="evenodd"/>
+          <path id="Path_7603" data-name="Path 7603" d="M231.923,792.415l-.033,18.935h4.9V792.015a30.774,30.774,0,0,1-4.253-.058C232.122,791.943,232.049,792.032,231.923,792.415Z" transform="translate(-224.901 -768.088)" fill="#00c5c8" fill-rule="evenodd"/>
+          <path id="Path_7604" data-name="Path 7604" d="M718.87,801.728c.389.164,20.278.139,22.446.087,2.468.075,2.04-.008,2.04-3.454v-5.574c0-.9.251-4.893-.288-5.266-.419-.29-4.756-.176-5.6-.139v14.345Z" transform="translate(-697.205 -763.6)" fill="#0fb0c0" fill-rule="evenodd"/>
+          <path id="Path_7605" data-name="Path 7605" d="M1004.567,163.923l.453,6.847c-.018.688-.189,2.843.09,3.278l.019-3.232h7.537l-.006-.206-1.5-7.052c-.475-.3-2.478-.12-3.249-.12h-3.38l.037.484Z" transform="translate(-974.256 -158.46)" fill="#fc502a" fill-rule="evenodd"/>
+          <path id="Path_7606" data-name="Path 7606" d="M1446.429,172.555l.078.08,7.6-.04a31.739,31.739,0,0,0-1.753-3.653c-.62-1.24-1.19-2.455-1.823-3.645l-5.936-.017-.715.02,2.549,7.255Z" transform="translate(-1400.365 -160.299)" fill="#fc502a" fill-rule="evenodd"/>
+          <path id="Path_7607" data-name="Path 7607" d="M509.1,173.317c-.055.612-.183,3.09.088,3.451l-.005-3.4h7.551c.023-.348-.026-.275.122-.494-.2-1.3.332-5.243.417-6.853l-6.642-.006-1.53,7.306Z" transform="translate(-493.678 -161.007)" fill="#fc502a" fill-rule="evenodd"/>
+          <path id="Path_7608" data-name="Path 7608" d="M767.59,171.967l.075.447h7.515l-.453-6.847-.233-.488-6.487.035c-.085,1.61-.612,5.55-.417,6.853Z" transform="translate(-744.415 -160.105)" fill="#fffefe" fill-rule="evenodd"/>
+          <path id="Path_7609" data-name="Path 7609" d="M3.49,172.576l7.588.06.042-.087,2.583-7.278-6.637-.011c-.584,1.209-1.189,2.4-1.788,3.592a32.932,32.932,0,0,0-1.788,3.723Z" transform="translate(-3.385 -160.279)" fill="#fc502a" fill-rule="evenodd"/>
+          <path id="Path_7610" data-name="Path 7610" d="M256.65,172.888l7.685.04,1.53-7.306-6.632-.012Z" transform="translate(-248.915 -160.619)" fill="#fffefe" fill-rule="evenodd"/>
+          <path id="Path_7611" data-name="Path 7611" d="M1225.991,173.088c.7.407,2.856.16,3.769.16,1.308,0,2.583-.055,3.891-.054l-2.549-7.255-6.612.1,1.5,7.052Z" transform="translate(-1187.587 -160.939)" fill="#fffefe" fill-rule="evenodd"/>
+          <path id="Path_7612" data-name="Path 7612" d="M3.936,415c.478-.241,1.2-.141,1.966-.621a4.436,4.436,0,0,0,1.33-1.4c.717-1.266.476-3.353.461-4.923L.105,408a.841.841,0,0,0-.105.388v2.365c.048,2.414,1.463,4.2,3.936,4.252Z" transform="translate(0 -395.704)" fill="#e60d28" fill-rule="evenodd"/>
+          <path id="Path_7613" data-name="Path 7613" d="M1529.265,408.04c-.05,1.533-.22,3.717.474,4.942a4.491,4.491,0,0,0,1.265,1.36c.832.555,1.461.385,2.038.662a3.934,3.934,0,0,0,3.927-4.122v-.273l-.073-2.549a.223.223,0,0,0-.032-.06l-7.6.04Z" transform="translate(-1483.123 -395.704)" fill="#e60d28" fill-rule="evenodd"/>
+          <path id="Path_7614" data-name="Path 7614" d="M1023.041,413.222a3.429,3.429,0,0,0,1.488,2.921,3.859,3.859,0,0,0,3.627.479c2.958-1.1,2.483-4.141,2.441-6.631h-7.537l-.019,3.232Z" transform="translate(-992.187 -397.634)" fill="#e60d28" fill-rule="evenodd"/>
+          <path id="Path_7615" data-name="Path 7615" d="M514.2,413.395a3.5,3.5,0,0,0,1.594,2.843,4.028,4.028,0,0,0,3.588.353c2.869-1.132,2.4-4.109,2.365-6.6h-7.551l.005,3.4Z" transform="translate(-498.689 -397.634)" fill="#e60d28" fill-rule="evenodd"/>
+          <path id="Path_7616" data-name="Path 7616" d="M1467.58,4.978l5.936.017q0-1.315,0-2.63c0-.981.145-1.841-.549-2.186-.629-.313-4.255-.128-5.307-.128Z" transform="translate(-1423.351 0.003)" fill="#fca629" fill-rule="evenodd"/>
+          <path id="Path_7617" data-name="Path 7617" d="M1591.91,1436.112l.023,4.872,5.318,0c.338-.041.477-.162.529-.361v-1.078c-.016-3.2.123-3.5-3.844-3.5l-2.027.071Z" transform="translate(-1543.934 -1392.761)" fill="#00968e" fill-rule="evenodd"/>
+          <path id="Path_7618" data-name="Path 7618" d="M461.91,1054.058v.841c0,1.5,1.628,1.571,1.628,0v-.841C463.538,1052.513,461.91,1052.578,461.91,1054.058Z" transform="translate(-447.989 -1021.19)" fill="#fffefe" fill-rule="evenodd"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/Planned.svg b/src/assets/performics/Planned.svg
new file mode 100644
index 0000000..430c66f
--- /dev/null
+++ b/src/assets/performics/Planned.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="81.846" height="77" viewBox="0 0 81.846 77">
+  <g id="Group_17183" data-name="Group 17183" transform="translate(-54.154 -637)">
+    <g id="Group_16332" data-name="Group 16332" transform="translate(0 174)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="34.5" cy="34" rx="34.5" ry="34" transform="translate(60 468)" fill="#eec8cd"/>
+      <circle id="Ellipse_7" data-name="Ellipse 7" cx="3.5" cy="3.5" r="3.5" transform="translate(114 463)" fill="#eec8cd"/>
+      <circle id="Ellipse_8" data-name="Ellipse 8" cx="7" cy="7" r="7" transform="translate(122 468)" fill="#eec8cd"/>
+      <circle id="Ellipse_9" data-name="Ellipse 9" cx="7" cy="7" r="7" transform="translate(57 526)" fill="#eec8cd"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(54.154 646.621)">
+      <g id="_1404241728704" transform="translate(0 -0.003)">
+        <path id="Path_7597" data-name="Path 7597" d="M148.767,394.084c.032,2.491.5,5.468-2.365,6.6a4.029,4.029,0,0,1-3.588-.353,3.5,3.5,0,0,1-1.594-2.843c-.271-.361-.143-2.839-.088-3.451l-7.685-.04-.042.086c.014,1.57.256,3.657-.461,4.923a4.436,4.436,0,0,1-1.33,1.4c-.766.48-1.488.38-1.966.621l-.029,23.978a11.718,11.718,0,0,0,3.05.068c-.024-2.258-.2-18.225.065-19.019.126-.382.2-.472.61-.458.364-.27,6.312-.113,7.3-.113,3.418,0,2.836-.5,2.836,4.589v7.467c0,2.425.108,5.11-.016,7.5h26.312l.046-5.1c-2.168.052-22.057.077-22.446-.087-.675-.122-.6-.656-.595-1.367V408.81c0-1.787-.3-3.017.614-3.269.368-.189,20.151-.143,22.425-.143v-4.791a4.531,4.531,0,0,0,1.866-2.407c.243-.825-.053-3.1.087-4.217-1.308,0-2.583.054-3.891.054-.913,0-3.067.246-3.769-.16l.006.206c.043,2.491.517,5.533-2.441,6.631a3.859,3.859,0,0,1-3.627-.479,3.429,3.429,0,0,1-1.488-2.921c-.278-.435-.108-2.589-.09-3.278h-7.514l-.075-.447c-.148.219-.1.145-.122.494Z" transform="translate(-125.714 -381.728)" fill="#eaebec" fill-rule="evenodd"/>
+        <path id="Path_7598" data-name="Path 7598" d="M698.293,803.436h18.594V789.09l-18.572.032c-.911.252-.614,1.483-.614,3.269v9.678C697.694,802.781,697.618,803.314,698.293,803.436Z" transform="translate(-676.628 -765.309)" fill="#00c5c8" fill-rule="evenodd"/>
+        <path id="Path_7599" data-name="Path 7599" d="M48,1440.542l-.024-4.872-30.238.042-10.781-.046a11.724,11.724,0,0,1-3.05-.068c-1.652,0-2.879-.185-3.613.82a2.151,2.151,0,0,0-.294.895v2.494a6.078,6.078,0,0,0,.105.629c1.1.256,9.985.105,11.884.105H48Z" transform="translate(0 -1392.32)" fill="#9dceff" fill-rule="evenodd"/>
+        <path id="Path_7600" data-name="Path 7600" d="M122.055,5.12l6.637.011,6.632.012,6.642.006,6.486-.035.233.488-.037-.484h3.38c.771,0,2.774-.181,3.249.12l6.612-.1.715-.02.08-4.927c-1.8,0-38.9-.134-39.749.038-.965.2-.882.868-.879,1.96,0,.976,0,1.952,0,2.928Z" transform="translate(-118.374 -0.14)" fill="#fcc74f" fill-rule="evenodd"/>
+        <path id="Path_7601" data-name="Path 7601" d="M592.518,418.237l18.573-.032c.849-.037,5.186-.15,5.6.139.538.372.288,4.364.288,5.266v5.574c0,3.446.429,3.529-2.04,3.454l-.045,5.1H588.586l-.016.078,30.238-.042,2.027-.071-.084-23.978c-.578-.277-1.207-.107-2.038-.662a4.49,4.49,0,0,1-1.265-1.36c-.693-1.224-.524-3.409-.474-4.942l-.078-.081c-.14,1.114.156,3.393-.087,4.217a4.53,4.53,0,0,1-1.865,2.407v4.791c-2.274,0-22.057-.046-22.425.143Z" transform="translate(-570.832 -394.423)" fill="#b9bbc1" fill-rule="evenodd"/>
+        <path id="Path_7602" data-name="Path 7602" d="M235.2,795.909c0-1.48,1.628-1.545,1.628,0v.841c0,1.571-1.628,1.5-1.628,0Zm-6.9-8.54c-.267.795-.089,16.762-.065,19.02l10.781.046.016-.078c.124-2.393.016-5.078.016-7.5v-7.467c0-5.086.582-4.589-2.836-4.589-.991,0-6.938-.157-7.3.113a30.753,30.753,0,0,0,4.253.059V806.3h-4.9Z" transform="translate(-221.283 -763.042)" fill="#0fb0c0" fill-rule="evenodd"/>
+        <path id="Path_7603" data-name="Path 7603" d="M231.923,792.415l-.033,18.935h4.9V792.015a30.774,30.774,0,0,1-4.253-.058C232.122,791.943,232.049,792.032,231.923,792.415Z" transform="translate(-224.901 -768.088)" fill="#00c5c8" fill-rule="evenodd"/>
+        <path id="Path_7604" data-name="Path 7604" d="M718.87,801.728c.389.164,20.278.139,22.446.087,2.468.075,2.04-.008,2.04-3.454v-5.574c0-.9.251-4.893-.288-5.266-.419-.29-4.756-.176-5.6-.139v14.345Z" transform="translate(-697.205 -763.6)" fill="#0fb0c0" fill-rule="evenodd"/>
+        <path id="Path_7605" data-name="Path 7605" d="M1004.567,163.923l.453,6.847c-.018.688-.189,2.843.09,3.278l.019-3.232h7.537l-.006-.206-1.5-7.052c-.475-.3-2.478-.12-3.249-.12h-3.38l.037.484Z" transform="translate(-974.256 -158.46)" fill="#fc502a" fill-rule="evenodd"/>
+        <path id="Path_7606" data-name="Path 7606" d="M1446.429,172.555l.078.08,7.6-.04a31.739,31.739,0,0,0-1.753-3.653c-.62-1.24-1.19-2.455-1.823-3.645l-5.936-.017-.715.02,2.549,7.255Z" transform="translate(-1400.365 -160.299)" fill="#fc502a" fill-rule="evenodd"/>
+        <path id="Path_7607" data-name="Path 7607" d="M509.1,173.317c-.055.612-.183,3.09.088,3.451l-.005-3.4h7.551c.023-.348-.026-.275.122-.494-.2-1.3.332-5.243.417-6.853l-6.642-.006-1.53,7.306Z" transform="translate(-493.678 -161.007)" fill="#fc502a" fill-rule="evenodd"/>
+        <path id="Path_7608" data-name="Path 7608" d="M767.59,171.967l.075.447h7.515l-.453-6.847-.233-.488-6.487.035c-.085,1.61-.612,5.55-.417,6.853Z" transform="translate(-744.415 -160.105)" fill="#fffefe" fill-rule="evenodd"/>
+        <path id="Path_7609" data-name="Path 7609" d="M3.49,172.576l7.588.06.042-.087,2.583-7.278-6.637-.011c-.584,1.209-1.189,2.4-1.788,3.592a32.932,32.932,0,0,0-1.788,3.723Z" transform="translate(-3.385 -160.279)" fill="#fc502a" fill-rule="evenodd"/>
+        <path id="Path_7610" data-name="Path 7610" d="M256.65,172.888l7.685.04,1.53-7.306-6.632-.012Z" transform="translate(-248.915 -160.619)" fill="#fffefe" fill-rule="evenodd"/>
+        <path id="Path_7611" data-name="Path 7611" d="M1225.991,173.088c.7.407,2.856.16,3.769.16,1.308,0,2.583-.055,3.891-.054l-2.549-7.255-6.612.1,1.5,7.052Z" transform="translate(-1187.587 -160.939)" fill="#fffefe" fill-rule="evenodd"/>
+        <path id="Path_7612" data-name="Path 7612" d="M3.936,415c.478-.241,1.2-.141,1.966-.621a4.436,4.436,0,0,0,1.33-1.4c.717-1.266.476-3.353.461-4.923L.105,408a.841.841,0,0,0-.105.388v2.365c.048,2.414,1.463,4.2,3.936,4.252Z" transform="translate(0 -395.704)" fill="#e60d28" fill-rule="evenodd"/>
+        <path id="Path_7613" data-name="Path 7613" d="M1529.265,408.04c-.05,1.533-.22,3.717.474,4.942a4.491,4.491,0,0,0,1.265,1.36c.832.555,1.461.385,2.038.662a3.934,3.934,0,0,0,3.927-4.122v-.273l-.073-2.549a.223.223,0,0,0-.032-.06l-7.6.04Z" transform="translate(-1483.123 -395.704)" fill="#e60d28" fill-rule="evenodd"/>
+        <path id="Path_7614" data-name="Path 7614" d="M1023.041,413.222a3.429,3.429,0,0,0,1.488,2.921,3.859,3.859,0,0,0,3.627.479c2.958-1.1,2.483-4.141,2.441-6.631h-7.537l-.019,3.232Z" transform="translate(-992.187 -397.634)" fill="#e60d28" fill-rule="evenodd"/>
+        <path id="Path_7615" data-name="Path 7615" d="M514.2,413.395a3.5,3.5,0,0,0,1.594,2.843,4.028,4.028,0,0,0,3.588.353c2.869-1.132,2.4-4.109,2.365-6.6h-7.551l.005,3.4Z" transform="translate(-498.689 -397.634)" fill="#e60d28" fill-rule="evenodd"/>
+        <path id="Path_7616" data-name="Path 7616" d="M1467.58,4.978l5.936.017q0-1.315,0-2.63c0-.981.145-1.841-.549-2.186-.629-.313-4.255-.128-5.307-.128Z" transform="translate(-1423.351 0.003)" fill="#fca629" fill-rule="evenodd"/>
+        <path id="Path_7617" data-name="Path 7617" d="M1591.91,1436.112l.023,4.872,5.318,0c.338-.041.477-.162.529-.361v-1.078c-.016-3.2.123-3.5-3.844-3.5l-2.027.071Z" transform="translate(-1543.934 -1392.761)" fill="#00968e" fill-rule="evenodd"/>
+        <path id="Path_7618" data-name="Path 7618" d="M461.91,1054.058v.841c0,1.5,1.628,1.571,1.628,0v-.841C463.538,1052.513,461.91,1052.578,461.91,1054.058Z" transform="translate(-447.989 -1021.19)" fill="#fffefe" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/add_image.svg b/src/assets/performics/add_image.svg
new file mode 100644
index 0000000..4f2efbc
--- /dev/null
+++ b/src/assets/performics/add_image.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="51" viewBox="0 0 55 51">
+  <g id="Group_16368" data-name="Group 16368" transform="translate(-299 -167)">
+    <g id="Group_14271" data-name="Group 14271" transform="translate(180.865 -343)">
+      <rect id="Rectangle_17328" data-name="Rectangle 17328" width="55" height="51" rx="10" transform="translate(118.135 510)" fill="#f7f8f8"/>
+      <circle id="Ellipse_2" data-name="Ellipse 2" cx="19" cy="19" r="19" transform="translate(127.135 517)" fill="#fff"/>
+    </g>
+    <g id="Group_16367" data-name="Group 16367">
+      <path id="Path_10056" data-name="Path 10056" d="M9.889-4.987h6.659v2.23H9.889V4.129H7.642V-2.756H1.016v-2.23H7.642V-11.9H9.889Z" transform="translate(317.911 196.731)" fill="#05968F"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/apply_for_leave.svg b/src/assets/performics/apply_for_leave.svg
new file mode 100644
index 0000000..d92587d
--- /dev/null
+++ b/src/assets/performics/apply_for_leave.svg
@@ -0,0 +1,128 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16369" data-name="Group 16369" transform="translate(-43 -149)">
+    <g id="Group_14304" data-name="Group 14304" transform="translate(0 1)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#c5ecc3"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(56.923 149)">
+      <g id="_330514376">
+        <g id="Group_16240" data-name="Group 16240" transform="translate(0 85.125)">
+          <path id="Path_10900" data-name="Path 10900" d="M415,2050.727a4.4,4.4,0,0,1,3.158-1.828c2.036-.125,3.739,2.451,3.739,2.451h-.623s-1.662-1.745-2.825-1.745-2.327,1.454-2.327,1.454Z" transform="translate(-397.758 -2048.895)" fill="#ffae3e"/>
+          <g id="Group_16238" data-name="Group 16238" transform="translate(0 14.297)">
+            <path id="Path_10901" data-name="Path 10901" d="M0,2394.122c.706-1.2,8.559-.416,10.345-1.122l.956,1.662a6.346,6.346,0,0,1-3.615.457c-2.244-.25-5.65-.332-6.523.457Z" transform="translate(0 -2393)" fill="#ffae3e"/>
+            <path id="Path_10902" data-name="Path 10902" d="M0,2394.122c.706-1.2,8.559-.416,10.345-1.122l.956,1.662a6.346,6.346,0,0,1-3.615.457c-2.244-.25-5.65-.332-6.523.457Z" transform="translate(0 -2393)" fill="#ffae3e"/>
+          </g>
+          <path id="Path_10903" data-name="Path 10903" d="M187.67,2095.878c-.083.25-.125.54-.208.79-.623,2.2-1.62,3.947-2.368,4.238h-20.4a1.772,1.772,0,0,1-1.454-.706v-.042a.742.742,0,0,1-.208-.291c-1.413-2.95-2.825-8.85-.831-11.509a3.2,3.2,0,0,1,.748-.748c0-.042,0-.042.042-.083a7.518,7.518,0,0,1,1.371-.831h.042a14.854,14.854,0,0,1,4.819-1.039c.5-.042,1-.083,1.454-.083,1.246-.042,2.41,0,3.365,0,3.282.083,5.858,1.08,7.6.914a5.068,5.068,0,0,1,1.953.125c.166.083.332.125.5.208a9.908,9.908,0,0,1,2.244,1.33C188.293,2089.77,188.335,2093.011,187.67,2095.878Z" transform="translate(-154.515 -2084.032)" fill="#202d34"/>
+          <path id="Path_10904" data-name="Path 10904" d="M187.67,2095.878c-.083.25-.125.54-.208.79-.623,2.2-1.62,3.947-2.368,4.238h-20.4a1.772,1.772,0,0,1-1.454-.706v-.042a.742.742,0,0,1-.208-.291c-1.413-2.95-2.825-8.85-.831-11.509a3.2,3.2,0,0,1,.748-.748c0-.042,0-.042.042-.083a7.518,7.518,0,0,1,1.371-.831h.042a14.854,14.854,0,0,1,4.819-1.039c.5-.042,1-.083,1.454-.083,1.246-.042,2.41,0,3.365,0,3.282.083,5.858,1.08,7.6.914a5.068,5.068,0,0,1,1.953.125c.166.083.332.125.5.208a9.908,9.908,0,0,1,2.244,1.33C188.293,2089.77,188.335,2093.011,187.67,2095.878Z" transform="translate(-154.515 -2084.032)" fill="#ffe6c4"/>
+          <g id="Group_16239" data-name="Group 16239" transform="translate(6.698 1.542)">
+            <path id="Path_10905" data-name="Path 10905" d="M184.554,2117.685a28.827,28.827,0,0,1-8.725-.249,13.393,13.393,0,0,0-6.107-.042c-.042-.665-.083-1.371-.166-2.161-.374-5.193-3.365-7.4-5.152-6.523h-.042a10.945,10.945,0,0,0-1.371.831c-.042.042-.042.042-.042.083a3.2,3.2,0,0,0-.748.748c-1.994,2.659-.582,8.559.831,11.509a.746.746,0,0,0,.208.291v.042a2.018,2.018,0,0,0,1.413.623h3.656c1.5,0,1.662-1.371,1.5-4.321.249-.125.54-.333.914-.54.914-.582,4.446-.291,5.941.249a20.966,20.966,0,0,0,7.478.54,13.154,13.154,0,0,1,3.324-.083c.083-.25.125-.541.208-.79A29.962,29.962,0,0,0,184.554,2117.685Z" transform="translate(-161.213 -2107.588)" fill="#ffae3e"/>
+            <path id="Path_10906" data-name="Path 10906" d="M356.036,2088.7a20.043,20.043,0,0,0,1.745,4.736c.249.291,6.689,1.08,7.935,1.08a29.187,29.187,0,0,0,4.155-.415c.831-.208,1.122-4.363-1-6.856-.166-.083-.332-.124-.5-.207a12.919,12.919,0,0,1,1,6.107c-.166.623-2.077.54-2.991.5-.872,0-6.4-.374-6.98-.582a3.019,3.019,0,0,1-1.329-1.122c-.415-.54-.5-2.534-1.288-4.237a6.33,6.33,0,0,0-1.33-1.7c-.457,0-.956.042-1.454.083A4.113,4.113,0,0,1,356.036,2088.7Z" transform="translate(-345.99 -2086)" fill="#ffae3e"/>
+          </g>
+          <path id="Path_10907" data-name="Path 10907" d="M10.345,2223l-1.787.457s-1.246,3.615-.5,5.152c.748,1.5-5.152,3.615-8.06,2.576l1.163,1.454s6.98-.457,8.309-3.116-.582-3.033-.706-3.781S10.345,2223,10.345,2223Z" transform="translate(0 -2215.766)" fill="#202d34"/>
+          <path id="Path_10908" data-name="Path 10908" d="M10.345,2223l-1.787.457s-1.246,3.615-.5,5.152c.748,1.5-5.152,3.615-8.06,2.576l1.163,1.454s6.98-.457,8.309-3.116-.582-3.033-.706-3.781S10.345,2223,10.345,2223Z" transform="translate(0 -2215.766)" fill="#ffe6c4"/>
+        </g>
+        <g id="Group_16251" data-name="Group 16251" transform="translate(3.312)">
+          <g id="Group_16250" data-name="Group 16250">
+            <path id="Path_10909" data-name="Path 10909" d="M102.459,34.993s-6.855-3.864-8.268-4.861c-1.454-1-9.057-8.434-9.473-8.683a1.252,1.252,0,0,0-.332-1.33A21.735,21.735,0,0,0,80.9,18c-.374,0-1.288,3.448-1.163,4.321.166.872,3.656,1.08,3.656,1.08s7.229,8.434,8.351,9.6c1.163,1.2,8.891,6.232,8.891,6.232Z" transform="translate(-79.721 -17.252)" fill="#ffb27d"/>
+            <g id="Group_16242" data-name="Group 16242" transform="translate(15.342 14.541)">
+              <path id="Path_10910" data-name="Path 10910" d="M459.221,353.905s1.5,3.033-2.16,7.852L449,355.817,452.241,350Z" transform="translate(-449 -350)" fill="#067cff"/>
+              <path id="Path_10911" data-name="Path 10911" d="M457.06,361.758l-3.781-2.825-.5-.332-2.16-1.579-1.62-1.2,1.2-2.119.665-1.246L452.241,350l1.288.748,1.163.623,4.529,2.534a4.082,4.082,0,0,1,.249,1.08C459.636,356.274,459.428,358.642,457.06,361.758Z" transform="translate(-449 -350)" fill="rgba(255,255,255,0.6)"/>
+              <path id="Path_10912" data-name="Path 10912" d="M555.781,476.772,552,473.947c1.288-2.7,4.653-3.615,6.191-3.947C558.357,471.288,558.149,473.656,555.781,476.772Z" transform="translate(-547.721 -465.014)" fill="rgba(0,0,0,0.2)"/>
+              <g id="Group_16241" data-name="Group 16241" transform="translate(1.205 0.748)">
+                <path id="Path_10913" data-name="Path 10913" d="M559.163,368.623l-1.163.665V368Z" transform="translate(-554.676 -368)" fill="#fff"/>
+                <path id="Path_10914" data-name="Path 10914" d="M479.994,409.415l-1.413,1.994L478,410.246l.665-1.246Z" transform="translate(-478 -407.297)" fill="#fff"/>
+                <path id="Path_10915" data-name="Path 10915" d="M490.659,491l-.5,2.742L488,492.163Z" transform="translate(-487.584 -485.89)" fill="#fff"/>
+                <path id="Path_10916" data-name="Path 10916" d="M575,449.208l.789,2.036L577.451,449Z" transform="translate(-570.97 -445.635)" fill="#fff"/>
+              </g>
+            </g>
+            <path id="Path_10917" data-name="Path 10917" d="M1055,16.993s6.9-3.864,8.309-4.861c1.413-.956,9.016-8.434,9.431-8.642a1.281,1.281,0,0,1,.374-1.371A18.641,18.641,0,0,1,1076.6,0c.332,0,1.246,3.49,1.122,4.321-.125.872-3.615,1.08-3.615,1.08s-7.271,8.434-8.392,9.639c-1.122,1.163-8.891,6.191-8.891,6.191Z" transform="translate(-1014.48)" fill="#ffb27d"/>
+            <path id="Path_10918" data-name="Path 10918" d="M667.268,1388s-.166,2.41-.374,5.651c-.166,1.994-.332,4.321-.54,6.606-.291,2.991-.582,5.9-.873,7.686-.291,1.62-3.988,22.062-3.988,22.062H659c.789-19.029,1.994-26.424,2.036-27.546.042-.374.042-.872.042-1.454.042-2.2.083-5.609.125-8.143,0-1.787.042-3.116.042-3.116Z" transform="translate(-634.933 -1330.333)" fill="#ffb27d"/>
+            <path id="Path_10919" data-name="Path 10919" d="M941.4,1417.791c-.125,1.662-1.08,26.507-1.08,26.507h-2.742c-1.413-19.776-.872-26.673-1.122-28.044h0c-.415-2.327-.831-5.4-1.122-7.686-.208-1.828-.333-3.158-.333-3.158l5.567-2.41s.332,2.867.582,6.357c.125,1.745.249,3.614.249,5.359C941.44,1415.8,941.44,1416.877,941.4,1417.791Z" transform="translate(-899.466 -1344.709)" fill="#ffb27d"/>
+            <path id="Path_10920" data-name="Path 10920" d="M709.125,1505l5.692.789c-.166,1.995-.332,4.321-.54,6.606l-5.276.748C709.042,1510.941,709.083,1507.534,709.125,1505Z" transform="translate(-682.855 -1442.472)" fill="#e38f54"/>
+            <path id="Path_10921" data-name="Path 10921" d="M949.066,1543.149l-4.944,1.537c-.415-2.326-.831-5.4-1.122-7.686l5.817.789C948.941,1539.534,949.066,1541.4,949.066,1543.149Z" transform="translate(-907.133 -1473.142)" fill="#e38f54"/>
+            <path id="Path_10922" data-name="Path 10922" d="M639.846,2381h-3.282a.2.2,0,0,0-.208.208l-.54,2.368a.406.406,0,0,0,.291.5h.083c1.08,0,1.828-.083,3.158-.083.831,0,3.324.083,4.446.083s1.288-1.122.831-1.2a10.384,10.384,0,0,1-4.321-1.7A.872.872,0,0,0,639.846,2381Z" transform="translate(-612.705 -2282.076)" fill="#05968F"/>
+            <path id="Path_10923" data-name="Path 10923" d="M973.848,2379h-3.282c-.083,0-.166.083-.208.208l-.54,2.368a.421.421,0,0,0,.332.5h.083c1.039-.042,1.828-.083,3.158-.083.789,0,3.282.083,4.4.083,1.163,0,1.288-1.122.831-1.2a10.389,10.389,0,0,1-4.321-1.7A.625.625,0,0,0,973.848,2379Z" transform="translate(-932.83 -2280.16)" fill="#05968F"/>
+            <path id="Path_10924" data-name="Path 10924" d="M685.686,1059.551c.042-.208.042-.457.083-.706.332-3.282.665-7.229,1-11.052,1.08,2.991,1.579,7.188,2.16,11.758h6.731A208.922,208.922,0,0,0,692.874,1034H678.54c0,1.5-.166,15.746-.54,25.551Z" transform="translate(-653.143 -991.04)" fill="#202d34"/>
+            <path id="Path_10925" data-name="Path 10925" d="M685.686,1059.551c.042-.208.042-.457.083-.706.332-3.282.665-7.229,1-11.052,1.08,2.991,1.579,7.188,2.16,11.758h6.731A208.922,208.922,0,0,0,692.874,1034H678.54c0,1.5-.166,15.746-.54,25.551Z" transform="translate(-653.143 -991.04)" fill="#22325e"/>
+            <g id="Group_16243" data-name="Group 16243" transform="translate(25.757 5.04)">
+              <path id="Path_10926" data-name="Path 10926" d="M738.253,151.728a1.211,1.211,0,0,1-.083.374,3.906,3.906,0,0,1-1.33,1.787,3.091,3.091,0,0,1-.5.291,3.4,3.4,0,0,1-2.908.125,3.321,3.321,0,0,1-1.122-.748c-1.371-1.371-1.33-2.95-1.5-5.609a3.985,3.985,0,0,1,.291-1.7,3.632,3.632,0,0,1,4.778-1.953C738.5,145.371,738.835,149.318,738.253,151.728Z" transform="translate(-729.515 -143.057)" fill="#fe8a7b"/>
+              <path id="Path_10927" data-name="Path 10927" d="M797.407,369.841a3.1,3.1,0,0,1-.5.291,3.4,3.4,0,0,1-2.908.125,4.016,4.016,0,0,1,.457-.914A5.625,5.625,0,0,1,797.407,369.841Z" transform="translate(-790.081 -359.01)" fill="rgba(0,0,0,0.2)"/>
+              <path id="Path_10928" data-name="Path 10928" d="M746,304.938c1.33,1.2,4.529.748,4.529.748s2.036-.54,1.62-1.163a2.195,2.195,0,0,1-1.994-1.454,2.984,2.984,0,0,1-.125-1.371,4.583,4.583,0,0,1,.083-.748L746.125,298C746.665,299.953,747.288,303.526,746,304.938Z" transform="translate(-744.075 -290.659)" fill="#fe8a7b"/>
+              <path id="Path_10929" data-name="Path 10929" d="M707,127.522l.54.249-.249-1.2a2.163,2.163,0,0,0,0-2.368s2.285-.706,1-1.953c-.5-.457-1.122,0-2.7-.706-.872-.374-3.573-.415-3.739.706,0,0-1.953,0-2.16,3.324a6.655,6.655,0,0,0,2.077,5.276s2.368.582,3.531-.374A7.215,7.215,0,0,0,707,127.522Z" transform="translate(-699.679 -121.303)" fill="#202d34"/>
+              <path id="Path_10930" data-name="Path 10930" d="M837.93,235.5a1.961,1.961,0,0,0,.873,1.2c.582.208.914-.54.831-1.371-.083-.706-.416-1.7-1-1.579C838.055,233.921,837.764,234.793,837.93,235.5Z" transform="translate(-832.142 -229.072)" fill="#fe8a7b"/>
+            </g>
+            <path id="Path_10931" data-name="Path 10931" d="M777.393,1204.021c-.332,3.822-.665,7.769-1,11.052-.5-4.736-1.08-8.143-1.08-8.143a15.568,15.568,0,0,1-2.077-2.908c-1.537-2.451,0-7.021,0-7.021C773.156,1201.238,777.393,1204.021,777.393,1204.021Z" transform="translate(-743.77 -1147.268)" fill="rgba(0,0,0,0.2)"/>
+            <path id="Path_10932" data-name="Path 10932" d="M942.479,1635l-.332,1.122H935v-1Z" transform="translate(-899.466 -1567.071)" fill="#05968F"/>
+            <path id="Path_10933" data-name="Path 10933" d="M667.85,1639l-.249,1.039h-8.1L659,1639Z" transform="translate(-634.933 -1570.904)" fill="#05968F"/>
+            <g id="Group_16244" data-name="Group 16244" transform="translate(26.643 16.572)">
+              <path id="Path_10934" data-name="Path 10934" d="M728.271,400.823a5.113,5.113,0,0,0-4.113-1.953c-2.95-.125-3.158,1.87-3.158,1.87Z" transform="translate(-721 -398.865)" fill="#067cff"/>
+              <path id="Path_10935" data-name="Path 10935" d="M728.271,400.823a5.113,5.113,0,0,0-4.113-1.953c-2.95-.125-3.158,1.87-3.158,1.87Z" transform="translate(-721 -398.865)" fill="rgba(255,255,255,0.5)"/>
+            </g>
+            <path id="Path_10936" data-name="Path 10936" d="M634.291,419A150.2,150.2,0,0,1,634,449l17.242-1.039c-.208-17.574-2.534-28.667-2.534-28.667a41.409,41.409,0,0,1-8.06.789A26.273,26.273,0,0,1,634.291,419Z" transform="translate(-610.971 -401.592)" fill="#05968F"/>
+            <g id="Group_16246" data-name="Group 16246" transform="translate(10.315 17.408)">
+              <path id="Path_10937" data-name="Path 10937" d="M355.421,419.291a35.929,35.929,0,0,1,2.534,10.844c.249,5.443-9.348,12.921-9.348,12.921s-7.4-5.11-13.129-4.653c-5.692.457-7.478,2.493-7.478,2.493s4.446-9.514,12.173-12.8c0,0-1.62-5.484.831-9.1C341,419,346.364,420.745,355.421,419.291Z" transform="translate(-328 -419)" fill="#067cff"/>
+              <path id="Path_10938" data-name="Path 10938" d="M357.955,430.135v.457a4.622,4.622,0,0,1-.083.706,12.079,12.079,0,0,1-.5,1.62h0a17.523,17.523,0,0,1-2.659,4.155,25.329,25.329,0,0,1-1.7,1.911,46.406,46.406,0,0,1-4.4,4.072,34.292,34.292,0,0,0-6.19-3.282c-.665-.249-1.33-.5-2.036-.706h0a13.444,13.444,0,0,0-4.9-.665,19.892,19.892,0,0,0-4.653.914c-.249.083-.5.208-.706.291-.083.042-.166.042-.208.083a9.206,9.206,0,0,0-1.371.748l-.125.125c-.083.042-.166.125-.249.166l-.042.042-.083.083L328,440.9h0a1.737,1.737,0,0,0,.083-.208c.042-.042.042-.083.083-.166.083-.166.249-.415.374-.706.042-.042.083-.083.083-.125l.125-.249a.913.913,0,0,0,.125-.208c.208-.332.415-.706.665-1.08a31.115,31.115,0,0,1,4.653-5.9h0c.623-.623,1.288-1.2,1.994-1.786a19.079,19.079,0,0,1,3.989-2.368,14.856,14.856,0,0,1-.5-4.279c0-.457.042-.914.083-1.371A8.046,8.046,0,0,1,341,419a13.309,13.309,0,0,0,2.41.5,28.072,28.072,0,0,0,3.241.332,40.418,40.418,0,0,0,6.481-.249c.706-.083,1.454-.166,2.244-.291a.455.455,0,0,1,.083.166,34.213,34.213,0,0,1,1.33,3.905c.125.54.291,1.08.415,1.662.125.5.249,1.08.332,1.62h0A23.576,23.576,0,0,1,357.955,430.135Z" transform="translate(-328 -419)" fill="rgba(255,255,255,0.6)"/>
+              <g id="Group_16245" data-name="Group 16245" transform="translate(0 0.291)">
+                <path id="Path_10939" data-name="Path 10939" d="M885.736,792l-1,2.576a25.29,25.29,0,0,1-1.7,1.911L881,792.623Z" transform="translate(-858.024 -776.794)" fill="#fff"/>
+                <path id="Path_10940" data-name="Path 10940" d="M481.072,696.537l-4.072.249c.623-.623,1.288-1.2,1.994-1.786Z" transform="translate(-470.809 -683.824)" fill="#fff"/>
+                <path id="Path_10941" data-name="Path 10941" d="M612.282,485l-.415,4.238L609,487.077c0-.457.042-.914.083-1.371Z" transform="translate(-597.325 -482.549)" fill="#fff"/>
+                <path id="Path_10942" data-name="Path 10942" d="M689.371,642.82,688,638.748l4.072-.748Z" transform="translate(-673.043 -629.192)" fill="#fff"/>
+                <path id="Path_10943" data-name="Path 10943" d="M889,660v3.075l2.908-1.039Z" transform="translate(-865.692 -650.278)" fill="#fff"/>
+                <path id="Path_10944" data-name="Path 10944" d="M605.445,846.163l-1.371,1.911c-.665-.249-1.33-.5-2.036-.706h0L601,845Z" transform="translate(-589.658 -827.592)" fill="#fff"/>
+                <path id="Path_10945" data-name="Path 10945" d="M458,803l2.077.872L458,805.285Z" transform="translate(-452.599 -787.337)" fill="#fff"/>
+                <path id="Path_10946" data-name="Path 10946" d="M330.825,881.163A7.328,7.328,0,0,0,328,882.742s.54-1.122,1.537-2.742Z" transform="translate(-328 -861.138)" fill="#fff"/>
+                <path id="Path_10947" data-name="Path 10947" d="M766.786,813,765,814.87l2.7.5Z" transform="translate(-746.844 -796.921)" fill="#fff"/>
+                <path id="Path_10948" data-name="Path 10948" d="M808,521.416l2.119,2.825L811.656,521Z" transform="translate(-788.057 -517.053)" fill="#fff"/>
+                <path id="Path_10949" data-name="Path 10949" d="M976.7,527.282,974,525.5l1.953-1.5A32,32,0,0,1,976.7,527.282Z" transform="translate(-947.161 -519.928)" fill="#fff"/>
+                <path id="Path_10950" data-name="Path 10950" d="M1009.7,686.5a7.091,7.091,0,0,1-.582,2.327L1008,686Z" transform="translate(-979.748 -675.198)" fill="#fff"/>
+                <path id="Path_10951" data-name="Path 10951" d="M935.327,426.166l-1.7,1.787L933,426.291c.706-.083,1.454-.166,2.243-.291A.455.455,0,0,1,935.327,426.166Z" transform="translate(-907.864 -426)" fill="#fff"/>
+                <path id="Path_10952" data-name="Path 10952" d="M702.241,431.332l-1.288,2.659L699,431A28.074,28.074,0,0,0,702.241,431.332Z" transform="translate(-683.586 -430.792)" fill="#fff"/>
+              </g>
+              <path id="Path_10953" data-name="Path 10953" d="M1005.739,557.609v.457a4.625,4.625,0,0,1-.083.706,10.708,10.708,0,0,1-1.745-6.772l1.08.5c.125.5.249,1.08.332,1.62h0A23.593,23.593,0,0,1,1005.739,557.609Z" transform="translate(-975.784 -546.474)"/>
+            </g>
+            <g id="Group_16247" data-name="Group 16247" transform="translate(23.462 3.241)">
+              <path id="Path_10954" data-name="Path 10954" d="M652.133,79.989c3.822-1.329,4.778,3.739.956,7.188-3.781,3.407-8.1,3.822-8.6,2.077C643.99,87.551,646.316,81.984,652.133,79.989Z" transform="translate(-644.423 -79.699)" fill="#05968F"/>
+              <path id="Path_10955" data-name="Path 10955" d="M668.991,78c1.953,0,4.736,1.994,4.736,1.994a4.78,4.78,0,0,1-1.537,3.989c-1.953,1.87-3.7,2.16-4.82,1.454-1.08-.748-1.371-3.531-1.371-3.531a2.282,2.282,0,0,1,1.371-1.454S667.7,78.042,668.991,78Z" transform="translate(-665.104 -78)" fill="#05968F"/>
+              <path id="Path_10956" data-name="Path 10956" d="M672.191,86.858c-1.953,1.87-3.7,2.16-4.82,1.454a1.772,1.772,0,0,1-.457-.5A8.467,8.467,0,0,1,666,84.781c1.87,2.244,4.03-.083,4.321-1.662a2.493,2.493,0,0,0-.5-2.119,10.86,10.86,0,0,1,3.407,1.537c.291.208.5.332.5.332A4.78,4.78,0,0,1,672.191,86.858Z" transform="translate(-665.104 -80.875)" fill="rgba(0,0,0,0.2)"/>
+              <path id="Path_10957" data-name="Path 10957" d="M693.276,122.321c-1.953,1.87-3.7,2.16-4.819,1.454a1.772,1.772,0,0,1-.457-.5,5.338,5.338,0,0,0,5.526-2.119,4.425,4.425,0,0,0,.789-3.158c.291.208.5.332.5.332A4.78,4.78,0,0,1,693.276,122.321Z" transform="translate(-686.19 -116.338)" fill="rgba(255,255,255,0.6)"/>
+            </g>
+            <g id="Group_16249" data-name="Group 16249" transform="translate(37.392 13.794)">
+              <path id="Path_10958" data-name="Path 10958" d="M980.013,335.905s-1.5,3.033,2.16,7.852l8.06-5.9-3.2-5.858Z" transform="translate(-979.71 -332)" fill="#067cff"/>
+              <path id="Path_10959" data-name="Path 10959" d="M990.511,337.858l-2.077,1.537-3.116,2.285-2.867,2.077c-.166-.249-.332-.5-.5-.706a16.229,16.229,0,0,1-.914-1.5A8.937,8.937,0,0,1,980,337.692a4.576,4.576,0,0,1,.291-1.786l1.828-1,3.074-1.7,1.329-.748.789-.457Z" transform="translate(-979.988 -332)" fill="rgba(255,255,255,0.6)"/>
+              <g id="Group_16248" data-name="Group 16248" transform="translate(0.012 0.457)">
+                <path id="Path_10960" data-name="Path 10960" d="M1079.487,491.789l-3.116,2.285L1075,491Z" transform="translate(-1071.053 -484.851)" fill="#fff"/>
+                <path id="Path_10961" data-name="Path 10961" d="M1107.95,345.036l-2.867,1.122-.083-2.41,1.329-.748Z" transform="translate(-1099.807 -343)" fill="#fff"/>
+                <path id="Path_10962" data-name="Path 10962" d="M983.116,403.953l-3.116.831a4.576,4.576,0,0,1,.291-1.786l1.828-1Z" transform="translate(-980 -399.549)" fill="#fff"/>
+                <path id="Path_10963" data-name="Path 10963" d="M1006.413,543l-.5,2.285a16.183,16.183,0,0,1-.914-1.5Z" transform="translate(-1003.961 -534.691)" fill="#fff"/>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_16254" data-name="Group 16254" transform="translate(54.674 50.604)">
+          <path id="Path_10964" data-name="Path 10964" d="M1413.03,1264.275l-4.03-.333,1.579-19.942,3.989.332Z" transform="translate(-1405.134 -1242.92)" fill="none" stroke="#202d34" stroke-width="1"/>
+          <g id="Group_16252" data-name="Group 16252" transform="translate(3.525 48.732)">
+            <path id="Path_10965" data-name="Path 10965" d="M1402.176,2391.945c.125.042.54.042.623.083a1.223,1.223,0,0,1,1.2,1.371,1.265,1.265,0,0,1-1.371,1.164c-.125,0-.54-.042-.665-.042a1.292,1.292,0,0,1,.208-2.576Z" transform="translate(-1400.797 -2391.901)" fill="#202d34"/>
+            <path id="Path_10966" data-name="Path 10966" d="M1400.805,2392.153a1.292,1.292,0,1,0,2.576.208,1.363,1.363,0,0,0-1.2-1.413A1.3,1.3,0,0,0,1400.805,2392.153Z" transform="translate(-1400.797 -2390.946)" fill="rgba(255,255,255,0.1)"/>
+          </g>
+          <g id="Group_16253" data-name="Group 16253" transform="translate(0 48.477)">
+            <path id="Path_10967" data-name="Path 10967" d="M1317.361,2385.805c.083,0,.5.042.623.042a1.3,1.3,0,0,1,1.2,1.371,1.253,1.253,0,0,1-1.412,1.164c-.083,0-.5-.042-.623-.042a1.272,1.272,0,1,1,.208-2.534Z" transform="translate(-1315.946 -2385.756)" fill="#202d34"/>
+            <path id="Path_10968" data-name="Path 10968" d="M1315.948,2385.969a1.311,1.311,0,0,0,1.205,1.413,1.332,1.332,0,0,0,1.413-1.205,1.314,1.314,0,0,0-2.618-.208Z" transform="translate(-1315.946 -2384.797)" fill="rgba(255,255,255,0.2)"/>
+          </g>
+          <path id="Path_10969" data-name="Path 10969" d="M1317.708,1658.835l4.944.374a.856.856,0,0,0,.956-.789l2.327-30.163a.842.842,0,0,0-.789-.914l-4.944-.416a.823.823,0,0,0-.914.79l-2.368,30.2A.842.842,0,0,0,1317.708,1658.835Z" transform="translate(-1316.875 -1609.934)" fill="#202d34"/>
+          <path id="Path_10970" data-name="Path 10970" d="M1376.717,1663.835l2.493.166a.857.857,0,0,0,.956-.789l2.326-30.163a.842.842,0,0,0-.789-.914l-2.493-.208a.871.871,0,0,0-.914.789l-2.368,30.163A.884.884,0,0,0,1376.717,1663.835Z" transform="translate(-1373.432 -1614.727)" fill="rgba(255,255,255,0.2)"/>
+          <path id="Path_10971" data-name="Path 10971" d="M1430.623,1219.7l4.155.291a.624.624,0,0,0,.706-.582v-.374a.624.624,0,0,0-.582-.707l-4.155-.332a.684.684,0,0,0-.706.623L1430,1219A.685.685,0,0,0,1430.623,1219.7Z" transform="translate(-1425.261 -1218)" fill="#202d34"/>
+          <path id="Path_10972" data-name="Path 10972" d="M1430.623,1219.7l4.155.291a.624.624,0,0,0,.706-.582v-.374a.624.624,0,0,0-.582-.707l-4.155-.332a.684.684,0,0,0-.706.623L1430,1219A.685.685,0,0,0,1430.623,1219.7Z" transform="translate(-1425.261 -1218)" fill="rgba(255,255,255,0.2)"/>
+          <path id="Path_10973" data-name="Path 10973" d="M1430.623,1219.7h.332a.624.624,0,0,0,.706-.582v-.374a.624.624,0,0,0-.582-.706l-.332-.042a.684.684,0,0,0-.706.623L1430,1219A.685.685,0,0,0,1430.623,1219.7Z" transform="translate(-1425.261 -1218)" fill="rgba(0,0,0,0.2)"/>
+          <path id="Path_10974" data-name="Path 10974" d="M1405.2,1650.506l-2.16,27.3a1.814,1.814,0,0,1-1.953,1.662l-9.971-.789a1.294,1.294,0,0,1-1.163-1.371l2.244-28.335a1.238,1.238,0,0,1,1.371-1.163l9.93.748A1.818,1.818,0,0,1,1405.2,1650.506Z" transform="translate(-1386.871 -1629.94)" fill="#ffe6c4"/>
+          <path id="Path_10976" data-name="Path 10976" d="M1398.341,1648.179v.042l-.374-.042a1.316,1.316,0,0,0-1.371,1.163l-2.2,28.335a1.281,1.281,0,0,0,.873,1.329l-4.155-.332a1.294,1.294,0,0,1-1.163-1.371l2.244-28.335a1.238,1.238,0,0,1,1.371-1.163Z" transform="translate(-1386.871 -1629.94)" fill="#ffae3e"/>
+          <path id="Path_10977" data-name="Path 10977" d="M1525.457,1708.5h-.125a.339.339,0,0,1-.332-.374l2.16-27.8a.4.4,0,0,1,.416-.332l.125.042a.339.339,0,0,1,.332.374l-2.2,27.795A.311.311,0,0,1,1525.457,1708.5Z" transform="translate(-1516.314 -1660.805)" fill="#ffae3e"/>
+          <path id="Path_10978" data-name="Path 10978" d="M1573.457,1715.5h-.125a.339.339,0,0,1-.332-.374l2.16-27.8a.394.394,0,0,1,.374-.332l.166.042a.339.339,0,0,1,.333.374l-2.2,27.8A.311.311,0,0,1,1573.457,1715.5Z" transform="translate(-1562.32 -1667.514)" fill="#ffae3e"/>
+          <path id="Path_10979" data-name="Path 10979" d="M1621.457,1718.5h-.125a.394.394,0,0,1-.332-.374l2.161-27.795a.394.394,0,0,1,.374-.332h.166a.4.4,0,0,1,.332.415l-2.2,27.754A.34.34,0,0,1,1621.457,1718.5Z" transform="translate(-1608.326 -1670.39)" fill="#ffae3e"/>
+          <path id="Path_10980" data-name="Path 10980" d="M1669.309,1721.5h-.125c-.208-.042-.374-.208-.332-.374l2.161-27.795a.394.394,0,0,1,.374-.333h.166a.442.442,0,0,1,.332.374l-2.2,27.795A.339.339,0,0,1,1669.309,1721.5Z" transform="translate(-1654.184 -1673.265)" fill="#ffae3e"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/arrow_danger_icon.svg b/src/assets/performics/arrow_danger_icon.svg
new file mode 100644
index 0000000..47728bd
--- /dev/null
+++ b/src/assets/performics/arrow_danger_icon.svg
@@ -0,0 +1,10 @@
+<svg id="Layer_x0020_1" xmlns="http://www.w3.org/2000/svg" width="13.37" height="13.37" viewBox="0 0 13.37 13.37">
+  <g id="_1404246610096">
+    <rect id="Rectangle_17343" data-name="Rectangle 17343" width="13.37" height="13.37" fill="none"/>
+    <g id="Group_14180" data-name="Group 14180" transform="translate(2.819 1.336)">
+      <path id="Path_10031" data-name="Path 10031" d="M14.767,16.466c-.106-.349-.059-2.81-.047-3.906h-3.6c.009,1.187.031,3.268,0,3.7-.053.695-2.156-.19-2.065.589.016.134.162.252.237.324l3.24,3.237c.461.464.452.33,1.19-.411l2.7-2.7c.115-.115.5-.383.315-.648-.215-.305-1.57-.022-1.966-.19Z" transform="translate(-9.051 -9.984)" fill="#e41d2b" fill-rule="evenodd"/>
+      <rect id="Rectangle_17344" data-name="Rectangle 17344" width="3.61" height="0.779" transform="translate(2.071 1.243)" fill="#e41d2b"/>
+      <rect id="Rectangle_17345" data-name="Rectangle 17345" width="3.61" height="0.779" transform="translate(2.071)" fill="#e41d2b"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/arrow_success_icon.svg b/src/assets/performics/arrow_success_icon.svg
new file mode 100644
index 0000000..d913034
--- /dev/null
+++ b/src/assets/performics/arrow_success_icon.svg
@@ -0,0 +1,10 @@
+<svg id="Layer_x0020_1" xmlns="http://www.w3.org/2000/svg" width="13.37" height="13.37" viewBox="0 0 13.37 13.37">
+  <g id="_1404246610096">
+    <rect id="Rectangle_17343" data-name="Rectangle 17343" width="13.37" height="13.37" fill="none"/>
+    <g id="Group_14180" data-name="Group 14180" transform="translate(2.819 1.335)">
+      <path id="Path_10031" data-name="Path 10031" d="M14.767,16.776c-.106.349-.059,2.81-.047,3.906h-3.6c.009-1.187.031-3.268,0-3.7-.053-.695-2.156.19-2.065-.589.016-.134.162-.252.237-.324l3.24-3.237c.461-.464.452-.33,1.19.411l2.7,2.7c.115.115.5.383.315.648-.215.305-1.57.022-1.966.19Z" transform="translate(-9.051 -12.56)" fill="#6fb236" fill-rule="evenodd"/>
+      <rect id="Rectangle_17344" data-name="Rectangle 17344" width="3.61" height="0.779" transform="translate(2.071 8.677)" fill="#6fb236"/>
+      <rect id="Rectangle_17345" data-name="Rectangle 17345" width="3.61" height="0.779" transform="translate(2.071 9.92)" fill="#6fb236"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/arrow_warning_icon.svg b/src/assets/performics/arrow_warning_icon.svg
new file mode 100644
index 0000000..2684a5b
--- /dev/null
+++ b/src/assets/performics/arrow_warning_icon.svg
@@ -0,0 +1,10 @@
+<svg id="Layer_x0020_1" xmlns="http://www.w3.org/2000/svg" width="13.37" height="13.37" viewBox="0 0 13.37 13.37">
+  <g id="_1404246610096">
+    <rect id="Rectangle_17343" data-name="Rectangle 17343" width="13.37" height="13.37" fill="none"/>
+    <g id="Group_14180" data-name="Group 14180" transform="translate(2.819 1.336)">
+      <path id="Path_10031" data-name="Path 10031" d="M14.767,16.466c-.106-.349-.059-2.81-.047-3.906h-3.6c.009,1.187.031,3.268,0,3.7-.053.695-2.156-.19-2.065.589.016.134.162.252.237.324l3.24,3.237c.461.464.452.33,1.19-.411l2.7-2.7c.115-.115.5-.383.315-.648-.215-.305-1.57-.022-1.966-.19Z" transform="translate(-9.051 -9.984)" fill="#fcbf29" fill-rule="evenodd"/>
+      <rect id="Rectangle_17344" data-name="Rectangle 17344" width="3.61" height="0.779" transform="translate(2.071 1.243)" fill="#fcbf29"/>
+      <rect id="Rectangle_17345" data-name="Rectangle 17345" width="3.61" height="0.779" transform="translate(2.071)" fill="#fcbf29"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/calendar_icon.svg b/src/assets/performics/calendar_icon.svg
new file mode 100644
index 0000000..0664c0c
--- /dev/null
+++ b/src/assets/performics/calendar_icon.svg
@@ -0,0 +1,4 @@
+<svg id="calendar_today_black_24dp" xmlns="http://www.w3.org/2000/svg" width="47.313" height="47.313" viewBox="0 0 47.313 47.313">
+  <path id="Path_11064" data-name="Path 11064" d="M0,0H47.313V47.313H0Z" fill="none"/>
+  <path id="Path_11065" data-name="Path 11065" d="M37.485,4.943H35.514V1H31.571V4.943H11.857V1H7.914V4.943H5.943A3.954,3.954,0,0,0,2,8.886V40.428A3.954,3.954,0,0,0,5.943,44.37H37.485a3.954,3.954,0,0,0,3.943-3.943V8.886A3.954,3.954,0,0,0,37.485,4.943Zm0,35.485H5.943V18.742H37.485Zm0-25.628H5.943V8.886H37.485Z" transform="translate(1.943 0.971)" fill="#05968F"/>
+</svg>
diff --git a/src/assets/performics/call_outline.svg b/src/assets/performics/call_outline.svg
new file mode 100644
index 0000000..240697a
--- /dev/null
+++ b/src/assets/performics/call_outline.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16.119" height="16.149" viewBox="0 0 16.119 16.149">
+  <g id="Page-1" transform="translate(0.556 0.495)">
+    <g id="Dribbble-Light-Preview" transform="translate(0 0.004)">
+      <g id="icons">
+        <path id="call-_192_" data-name="call-[#192]" d="M61.862,7174.12c-.467,1.419-2.3,2.127-3.605,2.009a11.508,11.508,0,0,1-5.2-2.152,17.141,17.141,0,0,1-5.383-6.423,5.39,5.39,0,0,1,.22-5.588,2.14,2.14,0,0,1,1.705-.957c1.037-.05,1.183.543,1.539,1.467.265.691.62,1.4.817,2.113.37,1.337-.924,1.392-1.088,2.485-.1.689.734,1.614,1.111,2.1a10.194,10.194,0,0,0,2.631,2.424c.575.362,1.5,1.015,2.159.655,1.013-.555.918-2.264,2.334-1.686a22.824,22.824,0,0,1,2.144,1.108c1.083.582,1.032,1.185.62,2.439h0" transform="translate(-47 -7161.006)" fill="#fff" stroke="#05968F" stroke-width="1" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/camera_front_image.svg b/src/assets/performics/camera_front_image.svg
new file mode 100644
index 0000000..6f76278
--- /dev/null
+++ b/src/assets/performics/camera_front_image.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="74" viewBox="0 0 80 74">
+  <g id="Group_14257" data-name="Group 14257" transform="translate(-118 -510)">
+    <rect id="Rectangle_17328" data-name="Rectangle 17328" width="80" height="74" rx="15" transform="translate(118 510)" fill="#92CBC8"/>
+    <circle id="Ellipse_2" data-name="Ellipse 2" cx="27.5" cy="27.5" r="27.5" transform="translate(131 520)" fill="#fff"/>
+    <g id="Layer_x0020_1" transform="translate(143.844 535.035)">
+      <g id="_1403752601248" transform="translate(0 0)">
+        <path id="Path_10046" data-name="Path 10046" d="M14.38,6.812a7.28,7.28,0,0,1,4.907,1.677c.165.14.3.3.46.456a7.193,7.193,0,0,1,2.075,4.915c.016.222-.044.506-.058.8a4.955,4.955,0,0,1-.112.747,8.584,8.584,0,0,1-.426,1.349,6.728,6.728,0,0,1-1.394,2.1,6.761,6.761,0,0,1-2,1.494,7.157,7.157,0,0,1-7.364-.633,7.84,7.84,0,0,1-1.358-1.275c-.12-.17-.234-.323-.355-.5A6.782,6.782,0,0,1,7.7,15.493,7.235,7.235,0,0,1,8.14,11.05,7.7,7.7,0,0,1,9.985,8.544a6,6,0,0,1,.485-.374,7.223,7.223,0,0,1,3.91-1.357ZM7.224,2.805V3.95H3.674a3.605,3.605,0,0,0-2.56.818A3.207,3.207,0,0,0,.01,7.042v13.8a3.284,3.284,0,0,0,3.435,3.091H25.888a3.432,3.432,0,0,0,2.391-.872,3.179,3.179,0,0,0,1.044-2.22V7.042a3.207,3.207,0,0,0-1.1-2.274,3.6,3.6,0,0,0-2.56-.818h-3.55c0-1.1.093-2.234-.871-3.136a2.807,2.807,0,0,0-.869-.561A3.18,3.18,0,0,0,19.132,0H10.2A2.836,2.836,0,0,0,7.808,1.157a2.917,2.917,0,0,0-.585,1.648Z" transform="translate(-0.01 0)" fill="#fff" stroke="#05968F" stroke-width="1.3" fill-rule="evenodd"/>
+        <path id="Path_10047" data-name="Path 10047" d="M279.23,264.251a4.638,4.638,0,0,0,.4,1.891A4.7,4.7,0,0,0,283.7,269a4.34,4.34,0,0,0,2.386-.477,4.45,4.45,0,0,0,1.322-.968,4.738,4.738,0,0,0-6.814-6.585,4.829,4.829,0,0,0-1.359,3.278Z" transform="translate(-269.326 -250.339)" fill="#92CBC8" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/camera_icon.svg b/src/assets/performics/camera_icon.svg
new file mode 100644
index 0000000..8973625
--- /dev/null
+++ b/src/assets/performics/camera_icon.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="82" height="82" viewBox="0 0 82 82">
+  <g id="Group_16339" data-name="Group 16339" transform="translate(-147 -367)">
+    <rect id="Rectangle_17334" data-name="Rectangle 17334" width="82" height="82" rx="41" transform="translate(147 367)" fill="#f7f8f8"/>
+    <g id="Layer_x0020_1" transform="translate(167.169 391)">
+      <g id="_1403752601248" transform="translate(0 0)">
+        <path id="Path_10046" data-name="Path 10046" d="M19.944,9.45a10.1,10.1,0,0,1,6.807,2.326c.229.194.422.416.639.632a9.979,9.979,0,0,1,2.878,6.817c.022.308-.061.7-.08,1.1a6.873,6.873,0,0,1-.155,1.036,11.908,11.908,0,0,1-.591,1.871,9.333,9.333,0,0,1-1.933,2.912,9.378,9.378,0,0,1-2.772,2.072,9.928,9.928,0,0,1-10.216-.878,10.876,10.876,0,0,1-1.884-1.769c-.166-.235-.324-.448-.492-.7a9.408,9.408,0,0,1-1.462-3.383,10.036,10.036,0,0,1,.605-6.163,10.675,10.675,0,0,1,2.559-3.476,8.324,8.324,0,0,1,.673-.519,10.02,10.02,0,0,1,5.424-1.883ZM10.017,3.891V5.48H5.093A5,5,0,0,0,1.542,6.614,4.448,4.448,0,0,0,.01,9.768v19.14A4.555,4.555,0,0,0,4.775,33.2H35.907a4.761,4.761,0,0,0,3.317-1.209,4.41,4.41,0,0,0,1.448-3.079V9.768a4.448,4.448,0,0,0-1.532-3.154A5,5,0,0,0,35.59,5.48H30.666c0-1.523.128-3.1-1.208-4.351A3.894,3.894,0,0,0,28.251.35,4.412,4.412,0,0,0,26.536,0H14.147a3.934,3.934,0,0,0-3.319,1.6,4.046,4.046,0,0,0-.811,2.286Z" transform="translate(-0.01 0)" fill="#fff" stroke="#05968F" stroke-width="1" fill-rule="evenodd"/>
+        <path id="Path_10047" data-name="Path 10047" d="M279.231,266.073a6.434,6.434,0,0,0,.554,2.623,6.514,6.514,0,0,0,5.641,3.969,6.02,6.02,0,0,0,3.309-.662,6.172,6.172,0,0,0,1.834-1.343,6.572,6.572,0,0,0-9.452-9.134,6.7,6.7,0,0,0-1.886,4.547Z" transform="translate(-265.492 -246.775)" fill="#92CBC8" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/camera_tick.svg b/src/assets/performics/camera_tick.svg
new file mode 100644
index 0000000..c532e18
--- /dev/null
+++ b/src/assets/performics/camera_tick.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="94" height="82" viewBox="0 0 94 82">
+  <g id="Group_16340" data-name="Group 16340" transform="translate(-147 -367)">
+    <rect id="Rectangle_17334" data-name="Rectangle 17334" width="82" height="82" rx="41" transform="translate(147 367)" fill="#f7f8f8"/>
+    <g id="Layer_x0020_1" transform="translate(167.169 391)">
+      <g id="_1403752601248" transform="translate(0 0)">
+        <path id="Path_10046" data-name="Path 10046" d="M19.944,9.45a10.1,10.1,0,0,1,6.807,2.326c.229.194.422.416.639.632a9.979,9.979,0,0,1,2.878,6.817c.022.308-.061.7-.08,1.1a6.873,6.873,0,0,1-.155,1.036,11.908,11.908,0,0,1-.591,1.871,9.333,9.333,0,0,1-1.933,2.912,9.378,9.378,0,0,1-2.772,2.072,9.928,9.928,0,0,1-10.216-.878,10.876,10.876,0,0,1-1.884-1.769c-.166-.235-.324-.448-.492-.7a9.408,9.408,0,0,1-1.462-3.383,10.036,10.036,0,0,1,.605-6.163,10.675,10.675,0,0,1,2.559-3.476,8.324,8.324,0,0,1,.673-.519,10.02,10.02,0,0,1,5.424-1.883ZM10.017,3.891V5.48H5.093A5,5,0,0,0,1.542,6.614,4.448,4.448,0,0,0,.01,9.768v19.14A4.555,4.555,0,0,0,4.775,33.2H35.907a4.761,4.761,0,0,0,3.317-1.209,4.41,4.41,0,0,0,1.448-3.079V9.768a4.448,4.448,0,0,0-1.532-3.154A5,5,0,0,0,35.59,5.48H30.666c0-1.523.128-3.1-1.208-4.351A3.894,3.894,0,0,0,28.251.35,4.412,4.412,0,0,0,26.536,0H14.147a3.934,3.934,0,0,0-3.319,1.6,4.046,4.046,0,0,0-.811,2.286Z" transform="translate(-0.01 0)" fill="#fff" stroke="#05968F" stroke-width="1" fill-rule="evenodd"/>
+        <path id="Path_10047" data-name="Path 10047" d="M279.231,266.073a6.434,6.434,0,0,0,.554,2.623,6.514,6.514,0,0,0,5.641,3.969,6.02,6.02,0,0,0,3.309-.662,6.172,6.172,0,0,0,1.834-1.343,6.572,6.572,0,0,0-9.452-9.134,6.7,6.7,0,0,0-1.886,4.547Z" transform="translate(-265.492 -246.775)" fill="#92CBC8" fill-rule="evenodd"/>
+      </g>
+    </g>
+    <g id="Group_14115" data-name="Group 14115" transform="translate(-93.914 149.086)">
+      <circle id="Ellipse_51" data-name="Ellipse 51" cx="15" cy="15" r="15" transform="translate(304.914 219.914)" fill="#6fb236"/>
+      <path id="Path_7655" data-name="Path 7655" d="M14.913,67.108,6.931,75.09a.551.551,0,0,1-.779,0L2.715,71.654,0,74.369l5.183,5.183a1.92,1.92,0,0,0,1.358.562h0A1.92,1.92,0,0,0,7.9,79.553l9.73-9.73Z" transform="translate(311.448 161.796)" fill="#fff"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/camera_white_icon.svg b/src/assets/performics/camera_white_icon.svg
new file mode 100644
index 0000000..d03e25d
--- /dev/null
+++ b/src/assets/performics/camera_white_icon.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <g id="Group_16341" data-name="Group 16341" transform="translate(-25.214 -324.214)">
+    <rect id="Rectangle_17342" data-name="Rectangle 17342" width="30" height="30" rx="15" transform="translate(25.214 324.214)" fill="#fff"/>
+    <g id="Layer_x0020_1" transform="translate(31.737 332.277)">
+      <g id="_1403752601248" transform="translate(0 0)">
+        <path id="Path_10046" data-name="Path 10046" d="M8,3.788a4.048,4.048,0,0,1,2.729.932c.092.078.169.167.256.253a4,4,0,0,1,1.154,2.733c.009.123-.024.282-.032.442a2.755,2.755,0,0,1-.062.415,4.773,4.773,0,0,1-.237.75,3.741,3.741,0,0,1-.775,1.167,3.759,3.759,0,0,1-1.111.831,3.979,3.979,0,0,1-4.095-.352,4.359,4.359,0,0,1-.755-.709c-.067-.094-.13-.18-.2-.28a3.771,3.771,0,0,1-.586-1.356,4.023,4.023,0,0,1,.243-2.47A4.279,4.279,0,0,1,5.557,4.751a3.336,3.336,0,0,1,.27-.208A4.016,4.016,0,0,1,8,3.788ZM4.021,1.56V2.2H2.047a2,2,0,0,0-1.423.455A1.783,1.783,0,0,0,.01,3.915v7.672a1.826,1.826,0,0,0,1.91,1.719H14.4a1.908,1.908,0,0,0,1.33-.485,1.768,1.768,0,0,0,.58-1.234V3.915A1.783,1.783,0,0,0,15.7,2.651,2,2,0,0,0,14.272,2.2H12.3A2.1,2.1,0,0,0,11.814.452,1.561,1.561,0,0,0,11.33.14,1.768,1.768,0,0,0,10.643,0H5.677a1.577,1.577,0,0,0-1.33.643,1.622,1.622,0,0,0-.325.916Z" transform="translate(-0.01 0)" fill="#fff" stroke="#05968F" stroke-width="1" fill-rule="evenodd"/>
+        <path id="Path_10047" data-name="Path 10047" d="M279.23,262.162a2.579,2.579,0,0,0,.222,1.051,2.611,2.611,0,0,0,2.261,1.591,2.413,2.413,0,0,0,1.326-.265,2.475,2.475,0,0,0,.735-.538,2.634,2.634,0,0,0-3.789-3.661,2.685,2.685,0,0,0-.756,1.823Z" transform="translate(-273.723 -254.426)" fill="#92CBC8" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/circle_cream.svg b/src/assets/performics/circle_cream.svg
new file mode 100644
index 0000000..0c6f141
--- /dev/null
+++ b/src/assets/performics/circle_cream.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="79" height="77" viewBox="0 0 79 77">
+  <g id="Group_16333" data-name="Group 16333" transform="translate(-182 -463)">
+    <ellipse id="Ellipse_10" data-name="Ellipse 10" cx="34.5" cy="34" rx="34.5" ry="34" transform="translate(185 468)" fill="#e4d9bf"/>
+    <circle id="Ellipse_11" data-name="Ellipse 11" cx="3.5" cy="3.5" r="3.5" transform="translate(239 463)" fill="#e4d9bf"/>
+    <circle id="Ellipse_13" data-name="Ellipse 13" cx="7" cy="7" r="7" transform="translate(247 468)" fill="#e4d9bf"/>
+    <circle id="Ellipse_12" data-name="Ellipse 12" cx="7" cy="7" r="7" transform="translate(182 526)" fill="#e4d9bf"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/circle_green.svg b/src/assets/performics/circle_green.svg
new file mode 100644
index 0000000..d519224
--- /dev/null
+++ b/src/assets/performics/circle_green.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="79" height="77" viewBox="0 0 79 77">
+  <g id="Group_11008" data-name="Group 11008" transform="translate(-319 -434)">
+    <ellipse id="Ellipse_14" data-name="Ellipse 14" cx="34.5" cy="34" rx="34.5" ry="34" transform="translate(322 439)" fill="#8cdccc"/>
+    <circle id="Ellipse_17" data-name="Ellipse 17" cx="7" cy="7" r="7" transform="translate(319 497)" fill="#8cdccc"/>
+    <circle id="Ellipse_15" data-name="Ellipse 15" cx="3.5" cy="3.5" r="3.5" transform="translate(376 434)" fill="#8cdccc"/>
+    <circle id="Ellipse_16" data-name="Ellipse 16" cx="7" cy="7" r="7" transform="translate(384 439)" fill="#8cdccc"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/circle_grey.svg b/src/assets/performics/circle_grey.svg
new file mode 100644
index 0000000..3ec9c9c
--- /dev/null
+++ b/src/assets/performics/circle_grey.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="79"
+   height="77"
+   viewBox="0 0 79 77"
+   version="1.1"
+   id="svg7"
+   sodipodi:docname="circle_grey.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs11" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="10.779221"
+     inkscape:cx="39.5"
+     inkscape:cy="50.003614"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7" />
+  <g
+     id="g846">
+    <ellipse
+       id="Ellipse_6"
+       data-name="Ellipse 6"
+       cx="37.5"
+       cy="39"
+       rx="34.5"
+       ry="34"
+       fill="#919191"
+       style="fill:#919191;fill-opacity:1" />
+    <circle
+       id="Ellipse_7"
+       data-name="Ellipse 7"
+       cx="60.5"
+       cy="3.5"
+       r="3.5"
+       fill="#919191"
+       style="fill:#919191;fill-opacity:1" />
+    <circle
+       id="Ellipse_8"
+       data-name="Ellipse 8"
+       cx="72"
+       cy="12"
+       r="7"
+       fill="#919191"
+       style="fill:#919191;fill-opacity:1" />
+    <circle
+       id="Ellipse_9"
+       data-name="Ellipse 9"
+       cx="7"
+       cy="70"
+       r="7"
+       fill="#919191"
+       style="fill:#919191;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/src/assets/performics/circle_red.svg b/src/assets/performics/circle_red.svg
new file mode 100644
index 0000000..0e7cce8
--- /dev/null
+++ b/src/assets/performics/circle_red.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="79" height="77" viewBox="0 0 79 77">
+  <g id="Group_16332" data-name="Group 16332" transform="translate(-57 -463)">
+    <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="34.5" cy="34" rx="34.5" ry="34" transform="translate(60 468)" fill="#eec8cd"/>
+    <circle id="Ellipse_7" data-name="Ellipse 7" cx="3.5" cy="3.5" r="3.5" transform="translate(114 463)" fill="#eec8cd"/>
+    <circle id="Ellipse_8" data-name="Ellipse 8" cx="7" cy="7" r="7" transform="translate(122 468)" fill="#eec8cd"/>
+    <circle id="Ellipse_9" data-name="Ellipse 9" cx="7" cy="7" r="7" transform="translate(57 526)" fill="#eec8cd"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/client_logo.svg b/src/assets/performics/client_logo.svg
new file mode 100644
index 0000000..8e94917
--- /dev/null
+++ b/src/assets/performics/client_logo.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="179" height="57" viewBox="0 0 179 57">
+  <g id="Group_14231" data-name="Group 14231" transform="translate(-98 -161)">
+    <rect id="Rectangle_17348" data-name="Rectangle 17348" width="179" height="57" transform="translate(98 161)" fill="#f1f8ff"/>
+    <g id="Group_14198" data-name="Group 14198" transform="translate(10.474 2.252)">
+      <g id="Layer_x0020_1" transform="translate(114.526 169.748)">
+        <g id="_1403747726784" transform="translate(0 0)">
+          <path id="Path_10034" data-name="Path 10034" d="M112.486,93.067a3.13,3.13,0,0,1-3.18-3.718,3.162,3.162,0,0,1,1.3-2.089c.486-.363,1.893-.963,2.563-.441a3.035,3.035,0,0,1,2.509,3.455,3.108,3.108,0,0,1-3.19,2.792ZM102.233,107.28c.575-.223,9.821-7.754,10.633-8.382a14.223,14.223,0,0,1,2.754-2.011c1.636-.35,2.25.995,2.906,1.716l3.252,3.825c.217.277.829,1.132,1.113,1.193h.187c-.143-2.27-.006-9.662-.006-12.51,0-2.044-.258-11.353.076-12.579L103.959,78.5c-2.281-.2-1.719,4.149-1.719,5.812,0,7.393.172,15.809-.008,22.967Z" transform="translate(-100.236 -77.003)" fill="#f1f8ff" fill-rule="evenodd"/>
+          <path id="Path_10035" data-name="Path 10035" d="M214.752,95.927c.2.355-.133.258.474.3.186-.472,7.023-8.5,7.9-9.465,1.026-1.126,1.7-2.482,3.045-2.7,2.32-.383,2.6,1.116,3.392,2.492.707,1.224,1.374,2.479,2.032,3.678,1.342,2.444,2.648,4.932,4.121,7.3l-.009-24.981c-.36-1.952-1.631-1.884-3.687-1.883h-5.711c-3.683,0-7.7.153-11.345-.013l-18.824.035c-.336.075-.168.028-.323.12l19.189.032c-.335,1.226-.076,10.535-.076,12.579,0,2.848-.138,10.241.006,12.51Z" transform="translate(-192.097 -69.308)" fill="#92CBC8" fill-rule="evenodd"/>
+          <path id="Path_10036" data-name="Path 10036" d="M1198.7,194.07c-.026.03-.061.038-.07.1l-.191,2.867a11.862,11.862,0,0,1-.082,3l.12,0c3.6-.172,17.228.18,18.893-.037,2.233-.29,1.776-2.53,1.873-4.52.118-2.4.184-24.351-.058-25.092l.009,24.981c-1.473-2.367-2.779-4.855-4.121-7.3-.657-1.2-1.325-2.454-2.032-3.678-.8-1.376-1.072-2.875-3.392-2.492-1.341.221-2.019,1.577-3.045,2.7-.882.967-7.718,8.993-7.9,9.465Z" transform="translate(-1175.575 -167.151)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_10037" data-name="Path 10037" d="M105.01,1053.339c.073,2.261,1.039,2.6,3.256,2.594,1.949-.006,3.9,0,5.848,0,3.808,0,7.915-.146,11.686.014a11.861,11.861,0,0,0,.082-3l.191-2.867c.009-.058.044-.066.07-.1-.607-.041-.273.056-.474-.3-.284-.061-.9-.916-1.113-1.193l-3.252-3.825c-.656-.722-1.27-2.066-2.906-1.716a14.213,14.213,0,0,0-2.754,2.01c-.812.628-10.058,8.159-10.633,8.382Z" transform="translate(-103.014 -1023.061)" fill="#92CBC8" fill-rule="evenodd"/>
+          <path id="Path_10038" data-name="Path 10038" d="M43.832,38.085l-20.979-.071.072-1.348-.12,0c-3.77-.161-7.878-.014-11.686-.014-1.949,0-3.9-.006-5.848,0-2.217.007-3.182-.333-3.256-2.593.18-7.157.008-15.574.008-22.967,0-1.664-.562-6.011,1.719-5.812.156-.092-.013-.045.323-.12L22.889,5.12a3.017,3.017,0,0,1,.087-1.27l-18.928,0C1.879,3.852.169,3.9.109,6.322c-.205,8.323,0,16.942,0,25.3,0,6.932-.459,6.646,5.975,6.646l25.291.011c1.6,0,11.934.269,12.453-.193Z" transform="translate(-0.019 -3.777)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_10039" data-name="Path 10039" d="M1200.966,1.382c3.641.166,7.661.013,11.345.013h5.712c2.056,0,3.328-.069,3.687,1.883.242.741.176,22.688.058,25.093-.1,1.99.359,4.229-1.873,4.52-1.665.217-15.3-.135-18.894.037l-.072,1.348,20.979.071a2.01,2.01,0,0,0,1.709-1.841,35.357,35.357,0,0,0,.029-3.672l0-25.564c0-1.4-.129-2.117-1-2.73-1.091-.769-5.281-.424-6.94-.424-4.875,0-9.787.06-14.658,0a3.017,3.017,0,0,0-.087,1.27Z" transform="translate(-1178.096 -0.039)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_10040" data-name="Path 10040" d="M478.241,512.074l.011-6.143c.235-.176-.348-.332.67-.1-.67-.522-2.077.079-2.563.441a3.2,3.2,0,0,0,1.882,5.806Z" transform="translate(-465.991 -496.01)" fill="#92CBC8" fill-rule="evenodd"/>
+          <path id="Path_10041" data-name="Path 10041" d="M644.26,516.731a3.109,3.109,0,0,0,3.19-2.792,3.034,3.034,0,0,0-2.509-3.455c-1.018-.228-.435-.072-.67.1l-.011,6.143Z" transform="translate(-632.011 -500.667)" fill="#05968F" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <text id="Client_Logo" data-name="Client Logo" transform="translate(170.188 189.497)" fill="#323232" font-size="18" font-family="Allura-Regular, Allura"><tspan x="0" y="0">Client Logo</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/clock_icon.svg b/src/assets/performics/clock_icon.svg
new file mode 100644
index 0000000..de54d47
--- /dev/null
+++ b/src/assets/performics/clock_icon.svg
@@ -0,0 +1,4 @@
+<svg id="schedule_black_24dp" xmlns="http://www.w3.org/2000/svg" width="48.629" height="48.629" viewBox="0 0 48.629 48.629">
+  <path id="Path_11066" data-name="Path 11066" d="M0,0H48.629V48.629H0Z" fill="none"/>
+  <path id="Path_11067" data-name="Path 11067" d="M22.242,2A20.262,20.262,0,1,0,42.524,22.262,20.252,20.252,0,0,0,22.242,2Zm.02,36.472a16.21,16.21,0,1,1,16.21-16.21A16.205,16.205,0,0,1,22.262,38.472Zm1.013-26.341H20.236V24.288l10.638,6.383,1.52-2.492-9.118-5.41Z" transform="translate(2.052 2.052)" fill="#05968F"/>
+</svg>
diff --git a/src/assets/performics/close_shot.svg b/src/assets/performics/close_shot.svg
new file mode 100644
index 0000000..0c35a4b
--- /dev/null
+++ b/src/assets/performics/close_shot.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="153" height="120" viewBox="0 0 153 120">
+  <g id="Group_16371" data-name="Group 16371" transform="translate(-20 -255)">
+    <g id="Rectangle_" data-name="Rectangle " transform="translate(20 255)" fill="#fff" stroke="#05968F" stroke-width="1" stroke-dasharray="5 5">
+      <rect width="153" height="120" rx="10" stroke="none"/>
+      <rect x="0.5" y="0.5" width="152" height="119" rx="9.5" fill="none"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(64 275.063)">
+      <g id="_1403752601248" transform="translate(0 0)">
+        <path id="Path_10046" data-name="Path 10046" d="M32.06,15.195A16.238,16.238,0,0,1,43,18.935c.369.312.679.668,1.027,1.017,3.016,3.014,4.315,6.511,4.628,10.961.035.494-.1,1.13-.129,1.774a11.052,11.052,0,0,1-.249,1.666,19.146,19.146,0,0,1-.95,3.009,15.006,15.006,0,0,1-3.108,4.682,15.079,15.079,0,0,1-4.457,3.332,15.962,15.962,0,0,1-16.425-1.411,17.487,17.487,0,0,1-3.029-2.845c-.267-.378-.521-.721-.791-1.124a15.126,15.126,0,0,1-2.35-5.44,16.136,16.136,0,0,1,.973-9.909,17.164,17.164,0,0,1,4.115-5.589,13.382,13.382,0,0,1,1.081-.834A16.111,16.111,0,0,1,32.06,15.2ZM16.1,6.257V8.81H8.182a8.041,8.041,0,0,0-5.709,1.824A7.152,7.152,0,0,0,.01,15.706V46.48c0,3.676,3.317,6.9,7.662,6.9H57.727a7.655,7.655,0,0,0,5.334-1.944,7.091,7.091,0,0,0,2.328-4.951V15.706a7.152,7.152,0,0,0-2.463-5.071A8.04,8.04,0,0,0,57.217,8.81H49.3c0-2.449.206-4.983-1.943-7A6.261,6.261,0,0,0,45.418.562,7.094,7.094,0,0,0,42.66,0H22.74A6.325,6.325,0,0,0,17.4,2.581a6.505,6.505,0,0,0-1.3,3.676Z" transform="translate(-0.01 0)" fill="#fff" stroke="#05968F" stroke-width="1.5" fill-rule="evenodd"/>
+        <path id="Path_10047" data-name="Path 10047" d="M279.231,270.042a10.344,10.344,0,0,0,.89,4.217c1.578,3.585,5.228,6.381,9.07,6.381a9.68,9.68,0,0,0,5.321-1.064,9.926,9.926,0,0,0,2.948-2.16,10.567,10.567,0,0,0-15.2-14.687,10.77,10.77,0,0,0-3.032,7.311Z" transform="translate(-257.141 -239.013)" fill="#92CBC8" fill-rule="evenodd"/>
+      </g>
+    </g>
+    <text id="Close_Shot" data-name="Close Shot" transform="translate(67 352.938)" fill="#323232" font-size="12" font-family="OpenSans-Regular, Open Sans"><tspan x="0" y="0">Close Shot</tspan></text>
+  </g>
+</svg>
diff --git a/src/assets/performics/daily_route_plan.svg b/src/assets/performics/daily_route_plan.svg
new file mode 100644
index 0000000..b30a86c
--- /dev/null
+++ b/src/assets/performics/daily_route_plan.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55">
+  <g id="Group_16328" data-name="Group 16328" transform="translate(-123 -148)">
+    <circle id="Ellipse_3" data-name="Ellipse 3" cx="27.5" cy="27.5" r="27.5" transform="translate(123 148)" fill="#fff"/>
+    <g id="Layer_x0020_1" transform="translate(135.01 162.998)">
+      <g id="_1369025135360" transform="translate(-0.01 0.002)">
+        <g id="Group_11004" data-name="Group 11004" transform="translate(0 0)">
+          <path id="Path_7588" data-name="Path 7588" d="M13.879,2.6a2.015,2.015,0,0,0,.248.795c.157.213.377.339.534.574-1.783,0-8.818-.108-10,.1A5.577,5.577,0,0,0,0,9.636a5.648,5.648,0,0,0,3.77,5.222c1.473.5,6.813.317,8.741.317H21.5c2.4,0,4.578-.486,5.726,1.05a2.751,2.751,0,0,1-1.947,4.423H18.766c-.2,0-.646-.548-.8-.7-.688-.688-1.788-2.036-2.525-2.036a1.391,1.391,0,0,0-1.316,2.163c.157.213.377.339.534.574-1.677,0-3.519-.367-3.519,1.564A1.333,1.333,0,0,0,12.3,23.467a17.232,17.232,0,0,0,2.363.048c-.21.314-.782.607-.782,1.3a1.405,1.405,0,0,0,1.564,1.434c.986,0,2.6-2.371,3.181-2.683.635-.339,6.576.338,8.372-.425a6.387,6.387,0,0,0,1.82-1.112,5.613,5.613,0,0,0-1.962-9.407,14.08,14.08,0,0,0-4.179-.317H9.123a25.167,25.167,0,0,1-4.391-.1,2.764,2.764,0,0,1-.614-4.966c.886-.571,1.949-.4,3.246-.4h7.3a6.5,6.5,0,0,1-.5.538,1.388,1.388,0,0,0,1.286,2.2c.71,0,1.593-1.1,2.232-1.743.492-.492,1.808-1.641,1.808-2.232A1.469,1.469,0,0,0,19.2,4.515L17.708,3.006,16.7,2c-.579-.579-.678-.766-1.515-.766a1.424,1.424,0,0,0-1.3,1.368Z" transform="translate(0 -1.217)" fill="#05968F" stroke="#fff" stroke-width="1.3" fill-rule="evenodd"/>
+          <path id="Path_7589" data-name="Path 7589" d="M-.01,1622.426a4.2,4.2,0,0,0,3.91,4.235,3.962,3.962,0,0,0,3.026-1.014,4.2,4.2,0,0,0,.791-5.409c-.145-.221-.291-.375-.455-.587a4.293,4.293,0,0,0-2.71-1.33,4.092,4.092,0,0,0-3.373,1.254,4.211,4.211,0,0,0-1.189,2.852Z" transform="translate(0.01 -1601.626)" fill="#92CBC8" fill-rule="evenodd"/>
+          <path id="Path_7590" data-name="Path 7590" d="M2158.761,8.356a4.048,4.048,0,0,0,3.275-1.286,4.185,4.185,0,0,0-.033-5.8,4.237,4.237,0,0,0-4.852-.843,4.159,4.159,0,0,0-2.238,2.845,3.54,3.54,0,0,0-.013,1.777,4.224,4.224,0,0,0,1.048,2.015,4.671,4.671,0,0,0,1.16.86,3.913,3.913,0,0,0,1.653.433Z" transform="translate(-2132.566 -0.002)" fill="#92CBC8" fill-rule="evenodd"/>
+        </g>
+        <path id="Path_7591" data-name="Path 7591" d="M1828.2,1385.969v4.222c.168.185.406.438.533.438h5.548a2.342,2.342,0,0,0,1.658-3.766c-.978-1.308-2.83-.894-4.875-.894H1828.2Z" transform="translate(-1809.341 -1371.61)" fill="#C0F5F2" fill-rule="evenodd"/>
+        <path id="Path_7592" data-name="Path 7592" d="M348.888,586.239h3.091v-4.672h-4.592c-1.107,0-2.015-.144-2.771.344a2.359,2.359,0,0,0,.524,4.238,21.472,21.472,0,0,0,3.748.089Z" transform="translate(-339.962 -575.548)" fill="#C0F5F2" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/delete_icon.svg b/src/assets/performics/delete_icon.svg
new file mode 100644
index 0000000..d9aad87
--- /dev/null
+++ b/src/assets/performics/delete_icon.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12.641" height="16.973" viewBox="0 0 12.641 16.973">
+  <g id="Group_16341" data-name="Group 16341" transform="translate(-319.5 -427.5)">
+    <g id="Layer_x0020_1" transform="translate(320 429)">
+      <g id="_1403813346320" transform="translate(0 0)">
+        <path id="Path_10048" data-name="Path 10048" d="M2.72,11.057v9.915A1.675,1.675,0,0,0,4.3,22.638h6.845a1.675,1.675,0,0,0,1.579-1.666V11.057c0-.066-.021-.087-.087-.087H2.807c-.066,0-.087.021-.087.087Z" transform="translate(-1.901 -7.665)" fill="#fff" stroke="#e41d2b" stroke-width="1" fill-rule="evenodd"/>
+        <path id="Path_10049" data-name="Path 10049" d="M2.865.819H0v1.7H11.641V.819H8.776C8.625.819,8.023,0,7.869,0H3.775c-.154,0-.756.819-.907.819Z" transform="translate(0 -1)" fill="#fff" stroke="#e41d2b" stroke-width="1" fill-rule="evenodd"/>
+      </g>
+    </g>
+    <rect id="Rectangle_17370" data-name="Rectangle 17370" width="6" height="8" transform="translate(323 434)" fill="#C0F5F2"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/delete_icon_red.svg b/src/assets/performics/delete_icon_red.svg
new file mode 100644
index 0000000..89fdf16
--- /dev/null
+++ b/src/assets/performics/delete_icon_red.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29">
+  <g id="Group_15757" data-name="Group 15757" transform="translate(-202 -162)">
+    <circle id="Ellipse_51" data-name="Ellipse 51" cx="14.5" cy="14.5" r="14.5" transform="translate(202 162)" fill="#e41d2b"/>
+    <g id="Group_14209" data-name="Group 14209" transform="translate(210.587 168.396)">
+      <g id="Layer_x0020_1" transform="translate(0 0)">
+        <g id="_1403813346320">
+          <path id="Path_10048" data-name="Path 10048" d="M2.72,11.058V21.087a1.694,1.694,0,0,0,1.6,1.685H11.24a1.694,1.694,0,0,0,1.6-1.685V11.058c0-.067-.021-.088-.088-.088H2.808c-.067,0-.088.021-.088.088Z" transform="translate(-1.891 -6.616)" fill="#fff" fill-rule="evenodd"/>
+          <path id="Path_10049" data-name="Path 10049" d="M2.9.829H0V2.544H11.774V.829h-2.9C8.724.829,8.115,0,7.959,0H3.818C3.663,0,3.053.829,2.9.829Z" transform="translate(0 0)" fill="#fff" fill-rule="evenodd"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/download_data.svg b/src/assets/performics/download_data.svg
new file mode 100644
index 0000000..3ad3ab4
--- /dev/null
+++ b/src/assets/performics/download_data.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55">
+  <g id="Group_16327" data-name="Group 16327" transform="translate(-33 -148)">
+    <circle id="Ellipse_2" data-name="Ellipse 2" cx="27.5" cy="27.5" r="27.5" transform="translate(33 148)" fill="#fff"/>
+    <g id="Layer_x0020_1" transform="translate(46.993 164.001)">
+      <g id="_1403747735520" transform="translate(0.007 -0.001)">
+        <path id="Path_7584" data-name="Path 7584" d="M3.345,7.642a5.386,5.386,0,0,0-2.3,1.895,5.581,5.581,0,0,0-.138,6.283,5.523,5.523,0,0,0,2.013,1.892,5.767,5.767,0,0,0,1.915.669c0-.449-.057-.7-.057-1.091,0-.4.084-.889.115-1.263-.778-.373-.759-.1-1.681-1.018a3.334,3.334,0,0,1,.408-4.848,3.369,3.369,0,0,1,1.195-.585c1.174-.39.847-1.262.827-1.935A5.433,5.433,0,0,1,8.856,2.932a6.33,6.33,0,0,1,6.318.574,3.644,3.644,0,0,1,.79.76,2.086,2.086,0,0,1,.255.319c.421.636.531.989,1.366.989.652,0,.467-.459,2.125-.459a3.347,3.347,0,0,1,2.363,1.139,3.43,3.43,0,0,1,.772,1.812c.086.594-.093,1.2,1.126,1.516a2.973,2.973,0,0,1,1.176.6,1.878,1.878,0,0,1,.438.423,3.126,3.126,0,0,1,.785,2.488,3.326,3.326,0,0,1-1.561,2.516,6.683,6.683,0,0,1-.966.412c.031.374.115.858.115,1.263,0,.389-.057.642-.057,1.091a5.8,5.8,0,0,0,3.883-2.491,5.655,5.655,0,0,0-2.341-8.237c-.488-.185-.275-.166-.456-.75a4.715,4.715,0,0,0-.508-1.215,5.586,5.586,0,0,0-5.786-2.852c-.257.037-.469.1-.706.156A8.959,8.959,0,0,0,15.441.942,8.54,8.54,0,0,0,8.13.713,7.629,7.629,0,0,0,3.344,7.641Z" transform="translate(-0.007 0.001)" fill="#05968F" stroke="#fff" stroke-width="0.8" fill-rule="evenodd"/>
+        <path id="Path_7585" data-name="Path 7585" d="M374.075,541.572a5.359,5.359,0,0,1,.566-2.937,5.642,5.642,0,0,1,10.689,2.133,5.321,5.321,0,0,1-.555,2.891,5.822,5.822,0,0,1-1.111,1.53,5.447,5.447,0,0,1-4.249,1.608,5.52,5.52,0,0,1-3.808-1.762,5.28,5.28,0,0,1-1.533-3.463Zm-2.125-.8a7.657,7.657,0,0,0,1.427,4.89,8.543,8.543,0,0,0,1.87,1.862,7.831,7.831,0,0,0,7.67.712,6.9,6.9,0,0,0,1.2-.7,5.5,5.5,0,0,0,1.028-.867,7.363,7.363,0,0,0,2.311-5.211,7.437,7.437,0,0,0-1.093-4.3,7.826,7.826,0,0,0-1.765-2.025,8.069,8.069,0,0,0-3.205-1.561l-1.689-.207-1.689.207a7.935,7.935,0,0,0-4.579,3l-.532.846a7.306,7.306,0,0,0-.952,3.355Z" transform="translate(-365.339 -523.88)" fill="#92CBC8" stroke="#fff" stroke-width="0.8" fill-rule="evenodd"/>
+        <path id="Path_7586" data-name="Path 7586" d="M667.318,747.38v2.584h-.632a.826.826,0,0,0-.747.919,17.76,17.76,0,0,0,1.665,2.642c1.045,1.587,1.765-.133,2.281-.82a8.7,8.7,0,0,0,1.107-1.821c0-1.022-.812-.919-1.378-.919v-2.469c0-1.887-2.3-1.773-2.3-.115Z" transform="translate(-654.104 -732.846)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_7587" data-name="Path 7587" d="M574.316,134.164c-1.3,0-1.154.36-1.665.36-.654,0-.74-.276-1.07-.775a1.636,1.636,0,0,0-.2-.25,2.85,2.85,0,0,0-.619-.6,4.954,4.954,0,0,0-3.992-.786v6.5a5.251,5.251,0,0,1,.925-.5,6.16,6.16,0,0,1,1.113-.372l1.323-.162,1.323.162a6.326,6.326,0,0,1,2.512,1.223,6.133,6.133,0,0,1,1.383,1.587,5.828,5.828,0,0,1,.857,3.373,5.22,5.22,0,0,1-.037.622l1.432.007c0-.352.045-.55.045-.855s-.066-.7-.09-.99a5.249,5.249,0,0,0,.757-.323,2.606,2.606,0,0,0,1.223-1.972,2.449,2.449,0,0,0-.615-1.949,1.477,1.477,0,0,0-.343-.331,2.328,2.328,0,0,0-.921-.473c-.955-.249-.815-.722-.882-1.188a2.688,2.688,0,0,0-.605-1.42,2.624,2.624,0,0,0-1.852-.893Z" transform="translate(-554.934 -127.912)" fill="#C0F5F2" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/exit_icon.svg b/src/assets/performics/exit_icon.svg
new file mode 100644
index 0000000..5f7a7e5
--- /dev/null
+++ b/src/assets/performics/exit_icon.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2021 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.6in" height="0.6in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 600 600"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil1 {fill:#05968F;fill-rule:nonzero}
+    .fil0 {fill:white;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="Layer_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <circle id="Ellipse_2" class="fil0" cx="300" cy="300" r="286.46" data-name="Ellipse 2"/>
+  <g id="Group_16321" data-name="Group 16321">
+   <path id="Path_11083" class="fil1" d="M352.66 257.87l-14.85 14.84 16.67 16.75 -86.07 0 0 21.06 86.05 0 -16.67 16.67 14.85 14.96 42.15 -42.15 -42.13 -42.13zm-126.4 -31.61l73.73 0 0 -21.06 -73.73 0c-11.61,0.04 -21.02,9.45 -21.06,21.06l-0 147.46c0.04,11.61 9.45,21.02 21.07,21.06l73.72 0 0 -21.06 -73.73 0 0 -147.46z" data-name="Path 11083"/>
+  </g>
+ </g>
+</svg>
diff --git a/src/assets/performics/image.svg b/src/assets/performics/image.svg
new file mode 100644
index 0000000..0299513
--- /dev/null
+++ b/src/assets/performics/image.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
+  <g id="Group_16370" data-name="Group 16370" transform="translate(-289 -182)">
+    <g id="Rectangle_17425" data-name="Rectangle 17425" transform="translate(289 182)" fill="#fff" stroke="#92CBC8" stroke-width="1" stroke-dasharray="5 5">
+      <rect width="50" height="50" stroke="none"/>
+      <rect x="0.5" y="0.5" width="49" height="49" fill="none"/>
+    </g>
+    <g id="image" transform="translate(293 190.508)">
+      <path id="Path_4501" data-name="Path 4501" d="M10.135,165.514a6.072,6.072,0,0,1-5.744-4.137l-.057-.187a5.92,5.92,0,0,1-.281-1.758V148.375L.119,161.508A3.683,3.683,0,0,0,2.7,165.977l25.078,6.716a3.722,3.722,0,0,0,.934.12,3.616,3.616,0,0,0,3.5-2.652l1.461-4.646Zm0,0" transform="translate(0 -136.64)" fill="#fff"/>
+      <path id="Path_4502" data-name="Path 4502" d="M117.756,4.141V22.792a3.655,3.655,0,0,1-3.649,3.649H88.969a4.259,4.259,0,0,1-.47-.033,3.629,3.629,0,0,1-3.162-3.324,1.751,1.751,0,0,1-.016-.292V4.141A3.655,3.655,0,0,1,88.969.492h25.138a3.655,3.655,0,0,1,3.649,3.649Zm0,0" transform="translate(-78.834)" fill="#fff"/>
+      <path id="Path_4503" data-name="Path 4503" d="M155.807,67.736a3.244,3.244,0,1,1-3.243-3.244A3.244,3.244,0,0,1,155.807,67.736Zm0,0" transform="translate(-137.968 -59.134)" fill="#ffc107"/>
+      <path id="Path_4504" data-name="Path 4504" d="M156.39,120.145V124.7a3.655,3.655,0,0,1-3.649,3.649H127.6a4.26,4.26,0,0,1-.47-.033l16.7-16.7a2.858,2.858,0,0,1,4.022,0Zm0,0" transform="translate(-117.468 -101.911)" fill="#388e3c"/>
+      <path id="Path_4505" data-name="Path 4505" d="M108.322,197.342H89.169a4.26,4.26,0,0,1-.47-.033,3.629,3.629,0,0,1-3.162-3.324l7.7-7.7a2.859,2.859,0,0,1,4.022,0Zm0,0" transform="translate(-79.033 -170.901)" fill="#4caf50"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/kwaza.png b/src/assets/performics/kwaza.png
new file mode 100644
index 0000000..2288b1b
Binary files /dev/null and b/src/assets/performics/kwaza.png differ
diff --git a/src/assets/performics/leave_status.svg b/src/assets/performics/leave_status.svg
new file mode 100644
index 0000000..72fcfe3
--- /dev/null
+++ b/src/assets/performics/leave_status.svg
@@ -0,0 +1,182 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16370" data-name="Group 16370" transform="translate(-225 -149)">
+    <g id="Group_14305" data-name="Group 14305" transform="translate(182 1)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#f3e4cb"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(229 162.62)">
+      <g id="_331536648">
+        <g id="Group_16255" data-name="Group 16255" transform="translate(26.975)">
+          <path id="Path_10981" data-name="Path 10981" d="M595.991,410.193H532V346h63.991Z" transform="translate(-532 -328.456)" fill="#fff"/>
+          <path id="Path_10982" data-name="Path 10982" d="M595.991,79.6v10.09H532V79.6a3.625,3.625,0,0,1,3.651-3.6H592.34A3.625,3.625,0,0,1,595.991,79.6Z" transform="translate(-532 -72.146)" fill="#05968F"/>
+          <path id="Path_10983" data-name="Path 10983" d="M1539,142.992a2.992,2.992,0,1,0,2.992-2.992A3.008,3.008,0,0,0,1539,142.992Z" transform="translate(-1487.939 -132.901)" fill="#2a4182"/>
+          <path id="Path_10984" data-name="Path 10984" d="M1565.724,11.257a1.742,1.742,0,0,0,1.724-1.724V1.724a1.724,1.724,0,0,0-3.448,0V9.533A1.742,1.742,0,0,0,1565.724,11.257Z" transform="translate(-1511.672)" fill="#ffca2d"/>
+          <path id="Path_10985" data-name="Path 10985" d="M1120,142.992a3.017,3.017,0,1,0,2.992-2.992A3.041,3.041,0,0,0,1120,142.992Z" transform="translate(-1090.185 -132.901)" fill="#2a4182"/>
+          <path id="Path_10986" data-name="Path 10986" d="M1146.724,11.257a1.742,1.742,0,0,0,1.724-1.724V1.724A1.71,1.71,0,0,0,1146.724,0,1.742,1.742,0,0,0,1145,1.724V9.533A1.777,1.777,0,0,0,1146.724,11.257Z" transform="translate(-1113.917)" fill="#ffca2d"/>
+          <path id="Path_10987" data-name="Path 10987" d="M701,142.992A3.017,3.017,0,1,0,704.042,140,3.051,3.051,0,0,0,701,142.992Z" transform="translate(-692.431 -132.901)" fill="#2a4182"/>
+          <path id="Path_10988" data-name="Path 10988" d="M728.724,11.257a1.777,1.777,0,0,0,1.724-1.724V1.724A1.742,1.742,0,0,0,728.724,0,1.71,1.71,0,0,0,727,1.724V9.533A1.742,1.742,0,0,0,728.724,11.257Z" transform="translate(-717.112)" fill="#ffca2d"/>
+          <path id="Path_10989" data-name="Path 10989" d="M1358.065,551.169h11.1v-11.1h-11.1Zm11.612,1.065H1357V539h13.234v13.234Z" transform="translate(-1315.168 -511.67)" fill="#efdfdf"/>
+          <path id="Path_10990" data-name="Path 10990" d="M1039.065,551.169h11.054v-11.1h-11.054Zm11.612,1.065H1038V539h13.234v13.234Z" transform="translate(-1012.343 -511.67)" fill="#efdfdf"/>
+          <path id="Path_10991" data-name="Path 10991" d="M720.065,551.169h11.054v-11.1H720.065Zm11.612,1.065H719V539h13.234v13.234Z" transform="translate(-709.518 -511.67)" fill="#efdfdf"/>
+          <path id="Path_10992" data-name="Path 10992" d="M1358.065,856.119h11.1V845.065h-11.1Zm11.612,1.116H1357V844h13.234v13.234Z" transform="translate(-1315.168 -801.204)" fill="#efdfdf"/>
+          <path id="Path_10993" data-name="Path 10993" d="M1039.065,856.119h11.054V845.065h-11.054Zm11.612,1.116H1038V844h13.234v13.234Z" transform="translate(-1012.343 -801.204)" fill="#efdfdf"/>
+          <path id="Path_10994" data-name="Path 10994" d="M729,866.169h12.169V854H729Z" transform="translate(-719.011 -810.697)" fill="#ffcd2d"/>
+          <path id="Path_10995" data-name="Path 10995" d="M809.71,933l3.347,3.5-.71.659L809,933.71Z" transform="translate(-794.954 -885.691)" fill="#fff"/>
+          <path id="Path_10996" data-name="Path 10996" d="M813.056,933.71l-3.347,3.448L809,936.5l3.347-3.5Z" transform="translate(-794.954 -885.691)" fill="#fff"/>
+          <path id="Path_10997" data-name="Path 10997" d="M1358.065,1160.169h11.1v-11.1h-11.1Zm11.612,1.065H1357V1148h13.234v13.234Z" transform="translate(-1315.168 -1089.79)" fill="#efdfdf"/>
+          <path id="Path_10998" data-name="Path 10998" d="M1039.065,1160.169h11.054v-11.1h-11.054Zm11.612,1.065H1038V1148h13.234v13.234Z" transform="translate(-1012.343 -1089.79)" fill="#efdfdf"/>
+          <path id="Path_10999" data-name="Path 10999" d="M720.065,1160.169h11.054v-11.1H720.065Zm11.612,1.065H719V1148h13.234v13.234Z" transform="translate(-709.518 -1089.79)" fill="#efdfdf"/>
+        </g>
+        <g id="Group_16268" data-name="Group 16268" transform="translate(56.993 37.269)">
+          <g id="Group_16258" data-name="Group 16258" transform="translate(0.063)">
+            <g id="Group_16256" data-name="Group 16256" transform="translate(14.54)">
+              <path id="Path_11000" data-name="Path 11000" d="M1466.932,781.9H1461V778h5.932Z" transform="translate(-1458.515 -775.82)" fill="#ffa80a"/>
+              <path id="Path_11001" data-name="Path 11001" d="M1421.33,738.194h-7.758a1.6,1.6,0,0,1,0-3.195h7.758a1.6,1.6,0,0,1,0,3.195Z" transform="translate(-1412 -735)" fill="#ffca2d"/>
+            </g>
+            <g id="Group_16257" data-name="Group 16257" transform="translate(0 5.895)">
+              <path id="Path_11002" data-name="Path 11002" d="M1176.679,897.332l-3.347,3.347L1171,898.3l3.347-3.3Z" transform="translate(-1168.68 -892.782)" fill="#ffa80a"/>
+              <path id="Path_11003" data-name="Path 11003" d="M1131.93,853.316l-4.665,4.665a1.194,1.194,0,0,1-1.673,0,1.256,1.256,0,0,1,0-1.724l4.665-4.665a1.194,1.194,0,0,1,1.673,0A1.167,1.167,0,0,1,1131.93,853.316Z" transform="translate(-1125.25 -851.25)" fill="#ffca2d"/>
+            </g>
+          </g>
+          <g id="Group_16267" data-name="Group 16267" transform="translate(0 4.411)">
+            <g id="Group_16259" data-name="Group 16259">
+              <path id="Path_11004" data-name="Path 11004" d="M1164.007,841.978A20,20,0,1,1,1143.978,822,20.039,20.039,0,0,1,1164.007,841.978Z" transform="translate(-1124 -822)" fill="#eebd20"/>
+              <path id="Path_11005" data-name="Path 11005" d="M1182.826,861.913A18.913,18.913,0,1,1,1163.913,843,18.913,18.913,0,0,1,1182.826,861.913Z" transform="translate(-1143.935 -841.935)" fill="#ffcd2d"/>
+              <path id="Path_11006" data-name="Path 11006" d="M1220.567,901.784A16.784,16.784,0,1,1,1203.784,885,16.771,16.771,0,0,1,1220.567,901.784Z" transform="translate(-1183.806 -881.805)" fill="#f6f6f6"/>
+            </g>
+            <path id="Path_11007" data-name="Path 11007" d="M1225,905.366l15.871,24.592a16.812,16.812,0,0,0,12.778-7.2L1235.293,897A16.815,16.815,0,0,0,1225,905.366Z" transform="translate(-1219.879 -893.197)" fill="#fff"/>
+            <path id="Path_11008" data-name="Path 11008" d="M1500,885.051l15.82,24.491a16.163,16.163,0,0,0,1.47-4.057l-14.5-20.384c-.609-.051-1.217-.1-1.876-.1A5.509,5.509,0,0,0,1500,885.051Z" transform="translate(-1480.935 -881.805)" fill="#fff"/>
+            <g id="Group_16266" data-name="Group 16266" transform="translate(5.121 5.121)">
+              <g id="Group_16264" data-name="Group 16264">
+                <g id="Group_16260" data-name="Group 16260" transform="translate(14.553)">
+                  <path id="Path_11009" data-name="Path 11009" d="M1512.406,924.876a.414.414,0,0,1-.406-.456v-.963a.414.414,0,0,1,.406-.456.447.447,0,0,1,.406.456v.963A.447.447,0,0,1,1512.406,924.876Z" transform="translate(-1512 -923)" fill="#8054ff"/>
+                  <path id="Path_11010" data-name="Path 11010" d="M1512.406,1478.825a.4.4,0,0,1-.406-.406v-1.014a.373.373,0,0,1,.406-.406.4.4,0,0,1,.406.406v1.014A.436.436,0,0,1,1512.406,1478.825Z" transform="translate(-1512 -1448.909)" fill="#8054ff"/>
+                </g>
+                <g id="Group_16261" data-name="Group 16261" transform="translate(4.247 4.297)">
+                  <path id="Path_11011" data-name="Path 11011" d="M1309.878,1009.284a.439.439,0,0,1-.3-.152l-.71-.659a.43.43,0,1,1,.608-.609l.71.71a.4.4,0,0,1,0,.558A.439.439,0,0,1,1309.878,1009.284Z" transform="translate(-1308.75 -1007.75)" fill="#8054ff"/>
+                  <path id="Path_11012" data-name="Path 11012" d="M1701.115,1400.284a.722.722,0,0,1-.3-.1l-.659-.71a.38.38,0,0,1,0-.608.4.4,0,0,1,.558,0l.71.71a.462.462,0,0,1,0,.609A.545.545,0,0,1,1701.115,1400.284Z" transform="translate(-1680.161 -1378.924)" fill="#8054ff"/>
+                </g>
+                <g id="Group_16262" data-name="Group 16262" transform="translate(4.247 4.297)">
+                  <path id="Path_11013" data-name="Path 11013" d="M1309.168,1400.284a.724.724,0,0,1-.3-.1.462.462,0,0,1,0-.609l.71-.71a.43.43,0,1,1,.609.608l-.71.71A.545.545,0,0,1,1309.168,1400.284Z" transform="translate(-1308.75 -1378.924)" fill="#8054ff"/>
+                  <path id="Path_11014" data-name="Path 11014" d="M1700.456,1009.284a.307.307,0,0,1-.3-.152.332.332,0,0,1,0-.558l.659-.71a.43.43,0,0,1,.608.609l-.71.659A.279.279,0,0,1,1700.456,1009.284Z" transform="translate(-1680.161 -1007.75)" fill="#8054ff"/>
+                </g>
+                <g id="Group_16263" data-name="Group 16263" transform="translate(0 14.553)">
+                  <path id="Path_11015" data-name="Path 11015" d="M1226.42,1210.862h-1.014a.447.447,0,0,1-.406-.456.436.436,0,0,1,.406-.406h1.014a.4.4,0,0,1,.406.406A.414.414,0,0,1,1226.42,1210.862Z" transform="translate(-1225 -1210)" fill="#8054ff"/>
+                  <path id="Path_11016" data-name="Path 11016" d="M1779.42,1210.862h-.963a.455.455,0,0,1-.456-.456.447.447,0,0,1,.456-.406h.963a.447.447,0,0,1,.456.406A.454.454,0,0,1,1779.42,1210.862Z" transform="translate(-1749.96 -1210)" fill="#8054ff"/>
+                </g>
+              </g>
+              <g id="Group_16265" data-name="Group 16265" transform="translate(12.626 5.071)">
+                <path id="Path_11017" data-name="Path 11017" d="M1502.028,1032.735H1500v-8.721a1.014,1.014,0,0,1,2.028,0Z" transform="translate(-1498.682 -1023)" fill="#8054ff"/>
+                <path id="Path_11018" data-name="Path 11018" d="M1478.614,1171.332a2.316,2.316,0,0,1-2.282,2.333,2.332,2.332,0,1,1,0-4.665A2.316,2.316,0,0,1,1478.614,1171.332Z" transform="translate(-1474 -1161.597)" fill="#2a4182"/>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_16297" data-name="Group 16297" transform="translate(0 9.842)">
+          <g id="Group_16279" data-name="Group 16279" transform="translate(3.6 30.52)">
+            <g id="Group_16272" data-name="Group 16272" transform="translate(0 0)">
+              <g id="Group_16269" data-name="Group 16269" transform="translate(10.597)">
+                <path id="Path_11019" data-name="Path 11019" d="M288.772,796.456l3.651,16.124a4.255,4.255,0,0,1-1.521,4.006L280,825.105l.2-7.859,5.426-4.411L280,796Z" transform="translate(-280 -796)" fill="#22325e"/>
+              </g>
+              <g id="Group_16271" data-name="Group 16271" transform="translate(0 23.527)">
+                <path id="Path_11020" data-name="Path 11020" d="M127.535,1265.679l5.223-2.738L130.679,1260,125,1263.093l1.825,2.332Z" transform="translate(-122.262 -1260)" fill="#ffb27d"/>
+                <g id="Group_16270" data-name="Group 16270" transform="translate(0 1.876)">
+                  <path id="Path_11021" data-name="Path 11021" d="M92.093,1297s.913,3.245,3.448,3.042l.963,7.758-7.5-9.533Z" transform="translate(-88.087 -1297)" fill="#05968F"/>
+                  <path id="Path_11022" data-name="Path 11022" d="M78.555,1332.242,71,1322.71l.913-.71,7.5,9.533Z" transform="translate(-71 -1320.732)" fill="#fff"/>
+                  <path id="Path_11023" data-name="Path 11023" d="M193.47,1374.152A6.689,6.689,0,0,0,192,1374" transform="translate(-185.865 -1370.096)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+                  <path id="Path_11024" data-name="Path 11024" d="M197.47,1397a4.3,4.3,0,0,0-1.47-.152" transform="translate(-189.662 -1391.777)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+                  <path id="Path_11025" data-name="Path 11025" d="M201.47,1419a4.031,4.031,0,0,0-1.47-.152" transform="translate(-193.459 -1412.661)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_16278" data-name="Group 16278" transform="translate(4.969 0.051)">
+              <g id="Group_16274" data-name="Group 16274" transform="translate(0 32.604)">
+                <path id="Path_11026" data-name="Path 11026" d="M199.6,1446.034l.558-5.831-3.6-.2-.558,6.439h2.941Z" transform="translate(-194.631 -1440)" fill="#ffb27d"/>
+                <g id="Group_16273" data-name="Group 16273" transform="translate(0 3.854)">
+                  <path id="Path_11027" data-name="Path 11027" d="M169.913,1516.811s3.144,1.318,4.563-.811l6.693,4.057H169Z" transform="translate(-169 -1516)" fill="#05968F"/>
+                  <path id="Path_11028" data-name="Path 11028" d="M181.169,1597.115H169V1596h12.169Z" transform="translate(-169 -1591.944)" fill="#fff"/>
+                  <path id="Path_11029" data-name="Path 11029" d="M275.014,1527a3.853,3.853,0,0,0-1.014,1.014" transform="translate(-268.676 -1526.442)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.2"/>
+                  <path id="Path_11030" data-name="Path 11030" d="M295.065,1537a4.341,4.341,0,0,0-1.065,1.065" transform="translate(-287.662 -1535.935)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.2"/>
+                  <path id="Path_11031" data-name="Path 11031" d="M316.014,1547a4.778,4.778,0,0,0-1.014,1.065" transform="translate(-307.597 -1545.428)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.2"/>
+                </g>
+              </g>
+              <g id="Group_16277" data-name="Group 16277" transform="translate(0.71)">
+                <g id="Group_16276" data-name="Group 16276">
+                  <g id="Group_16275" data-name="Group 16275">
+                    <path id="Path_11032" data-name="Path 11032" d="M184.623,797,183,831.023h6.237L193.75,797.1Z" transform="translate(-183 -797)" fill="#22325e"/>
+                  </g>
+                </g>
+                <path id="Path_11033" data-name="Path 11033" d="M367.563,802.152l-3.752,5.932L363,802Z" transform="translate(-353.873 -801.746)" fill="#22325e"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_16293" data-name="Group 16293" transform="translate(0 13.025)">
+            <g id="Group_16286" data-name="Group 16286" transform="translate(19.477 0.643)">
+              <path id="Path_11034" data-name="Path 11034" d="M702.752,626.448l-3.752.3.71-3.752,3.854.355Z" transform="translate(-683.034 -614.92)" fill="#ffb27d"/>
+              <g id="Group_16283" data-name="Group 16283" transform="translate(18.374 5.969)">
+                <g id="Group_16282" data-name="Group 16282" transform="translate(0 0.234)">
+                  <g id="Group_16281" data-name="Group 16281">
+                    <g id="Group_16280" data-name="Group 16280">
+                      <path id="Path_11035" data-name="Path 11035" d="M754.168,601.627a2.642,2.642,0,0,1-3.7-.3,2.581,2.581,0,0,1,.3-3.651,2.532,2.532,0,0,1,3.651.254A2.637,2.637,0,0,1,754.168,601.627Z" transform="translate(-749.68 -596.454)" fill="#ffb27d"/>
+                      <path id="Path_11036" data-name="Path 11036" d="M749.41,586.546s-.456-1.065-1.572-.254-2.079,2.434-.558,4.564Z" transform="translate(-746.494 -585.988)" fill="#ffb27d"/>
+                    </g>
+                  </g>
+                </g>
+                <path id="Path_11037" data-name="Path 11037" d="M804,582.166l2.992-.761a.472.472,0,0,1,.608.3.37.37,0,0,1-.2.507l-3.042,1.369Z" transform="translate(-801.084 -581.374)" fill="#ffb27d"/>
+              </g>
+              <g id="Group_16284" data-name="Group 16284">
+                <path id="Path_11038" data-name="Path 11038" d="M389.8,465.188,394.718,473a2.734,2.734,0,0,1-4.665,2.839l-5.426-7.5a3,3,0,0,1,.406-3.8A3.033,3.033,0,0,1,389.8,465.188Z" transform="translate(-384.127 -463.649)" fill="#05968F"/>
+                <path id="Path_11039" data-name="Path 11039" d="M465,575.259l.3-4.259,1.065,6.135Z" transform="translate(-460.899 -565.557)" fill="#687bd8"/>
+              </g>
+              <g id="Group_16285" data-name="Group 16285" transform="translate(5.722 7.269)">
+                <path id="Path_11040" data-name="Path 11040" d="M499.258,608.268,510.109,607l-.051,4.969-10.09,1.318a2.537,2.537,0,1,1-.71-5.02Z" transform="translate(-496.975 -607)" fill="#05968F"/>
+              </g>
+            </g>
+            <g id="Group_16290" data-name="Group 16290" transform="translate(0 0.029)">
+              <g id="Group_16288" data-name="Group 16288" transform="translate(0 7.241)">
+                <g id="Group_16287" data-name="Group 16287" transform="translate(0 12.581)">
+                  <path id="Path_11041" data-name="Path 11041" d="M118.84,846.8s1.217.1,1.014-1.318A3.049,3.049,0,0,0,116,842.843Z" transform="translate(-110.118 -842.766)" fill="#ffb27d"/>
+                  <path id="Path_11042" data-name="Path 11042" d="M0,912.169H12.169V900H0Z" transform="translate(0 -897.084)" fill="#687bd8"/>
+                  <path id="Path_11043" data-name="Path 11043" d="M11,912.169H23.169V900H11Z" transform="translate(-10.442 -897.084)" fill="#05968F"/>
+                  <path id="Path_11044" data-name="Path 11044" d="M74.9,845.706a2.676,2.676,0,0,1,5.223-1.166,2.684,2.684,0,0,1-2.028,3.194A2.735,2.735,0,0,1,74.9,845.706Z" transform="translate(-71.051 -842.486)" fill="#ffb27d"/>
+                </g>
+                <path id="Path_11045" data-name="Path 11045" d="M84.924,596.979l-.152,10.9-4.766-.253-.1-10.6a2.5,2.5,0,0,1,2.89-2.637A2.57,2.57,0,0,1,84.924,596.979Z" transform="translate(-75.848 -594.361)" fill="#05968F"/>
+              </g>
+              <g id="Group_16289" data-name="Group 16289" transform="translate(4.094)">
+                <path id="Path_11046" data-name="Path 11046" d="M91.859,456.848l-6.592,6.44a2.748,2.748,0,0,1-3.752-4.006l6.186-6.845a3.033,3.033,0,1,1,4.158,4.411Z" transform="translate(-80.741 -451.551)" fill="#05968F"/>
+              </g>
+            </g>
+            <g id="Group_16292" data-name="Group 16292" transform="translate(10.9)">
+              <g id="Group_16291" data-name="Group 16291">
+                <path id="Path_11047" data-name="Path 11047" d="M226.638,451.637l-9.381-.659c-.862-.051-2.332,1.521-2.282,2.332v15.212l12.068.406,1.217-15.465A1.681,1.681,0,0,0,226.638,451.637Z" transform="translate(-214.975 -450.976)" fill="#05968F"/>
+              </g>
+              <path id="Path_11048" data-name="Path 11048" d="M215,588.637,217.738,586,215,593.2Z" transform="translate(-214.999 -579.153)" fill="#687bd8"/>
+            </g>
+          </g>
+          <g id="Group_16296" data-name="Group 16296" transform="translate(14.185)">
+            <path id="Path_11049" data-name="Path 11049" d="M414.758,317.106a1.226,1.226,0,1,0,2.434.254,1.262,1.262,0,0,0-1.116-1.42A1.28,1.28,0,0,0,414.758,317.106Z" transform="translate(-407.9 -309.759)" fill="#ffb27d"/>
+            <path id="Path_11050" data-name="Path 11050" d="M334.463,369.572l-.051,3.042a1.507,1.507,0,0,1-1.673,1.623c-.862-.051-1.825-.456-1.775-1.42l.3-4.817Z" transform="translate(-328.365 -359.182)" fill="#ffb27d"/>
+            <path id="Path_11051" data-name="Path 11051" d="M339.086,382.908a3.289,3.289,0,0,1-3.245-2.687c-.2-.862,3.3.355,3.3.355Z" transform="translate(-332.989 -370.49)" fill="#312624"/>
+            <path id="Path_11052" data-name="Path 11052" d="M314.578,237.317a3.264,3.264,0,0,0,3.3-2.84l.152-3.093a3.451,3.451,0,0,0-3.042-3.6,3.639,3.639,0,0,0-3.9,3.093l-.1,2.434A3.905,3.905,0,0,0,314.578,237.317Z" transform="translate(-309.393 -226.065)" fill="#ffb27d"/>
+            <g id="Group_16294" data-name="Group 16294" transform="translate(4.015 5.012)">
+              <path id="Path_11053" data-name="Path 11053" d="M404.355,334l.1.963-.456.051" transform="translate(-401.714 -331.918)" fill="none" stroke="#312624" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.2"/>
+              <path id="Path_11054" data-name="Path 11054" d="M359.688,292.941s.71-.051.71.254c0,0,0,.2-.608.254-.659,0-.811-.051-.862-.2C358.877,293.042,359.333,292.941,359.688,292.941Z" transform="translate(-358.923 -292.937)" fill="#312624"/>
+              <path id="Path_11055" data-name="Path 11055" d="M420.637,306.923s-.608-.051-.659.2c0,0-.051.2.507.254.507.051.659,0,.71-.152C421.245,307.024,420.89,306.923,420.637,306.923Z" transform="translate(-416.881 -306.209)" fill="#312624"/>
+              <path id="Path_11056" data-name="Path 11056" d="M424,324.3a.284.284,0,0,0,.254.3c.2,0,.355-.1.355-.3a.327.327,0,0,0-.3-.3A.292.292,0,0,0,424,324.3Z" transform="translate(-420.7 -322.425)" fill="#312624"/>
+              <path id="Path_11057" data-name="Path 11057" d="M372,321.3a.37.37,0,0,0,.3.355.327.327,0,0,0,.3-.3.339.339,0,0,0-.3-.355A.327.327,0,0,0,372,321.3Z" transform="translate(-371.337 -319.577)" fill="#312624"/>
+              <path id="Path_11058" data-name="Path 11058" d="M386,362a1.062,1.062,0,0,0,1.014.355" transform="translate(-384.627 -358.498)" fill="none" stroke="#312624" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.2"/>
+            </g>
+            <path id="Path_11059" data-name="Path 11059" d="M295.2,194.349c-.659-.3-2.383-.608-2.789.913-1.673-.152-4.411-.1-4.665,1.369a6.36,6.36,0,0,0,1.166,4.31l.406.2s1.116-.558.811-3.144c0,0,3.955.963,5.78-.051S297.179,195.211,295.2,194.349Z" transform="translate(-287.278 -194.101)" fill="#312624"/>
+            <g id="Group_16295" data-name="Group 16295" transform="translate(0 5.975)">
+              <path id="Path_11060" data-name="Path 11060" d="M279.758,313.1a1.191,1.191,0,0,0,1.116,1.369,1.244,1.244,0,0,0,1.318-1.166,1.222,1.222,0,1,0-2.434-.2Z" transform="translate(-279.745 -311.931)" fill="#ffb27d"/>
+              <path id="Path_11061" data-name="Path 11061" d="M296.811,327.824s.051-.913-.811-.862" transform="translate(-295.176 -326.198)" fill="none" stroke="#312624" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.2"/>
+            </g>
+            <path id="Path_11062" data-name="Path 11062" d="M308,455l5.578.355s.2,1.927-2.282,1.775C308.456,456.978,308,455,308,455Z" transform="translate(-306.567 -441.771)" fill="#ffb27d"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/like.svg b/src/assets/performics/like.svg
new file mode 100644
index 0000000..b12631b
--- /dev/null
+++ b/src/assets/performics/like.svg
@@ -0,0 +1,4 @@
+<svg id="favorite_border_black_24dp" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path id="Path_10051" data-name="Path 10051" d="M0,0H24V24H0Z" fill="none"/>
+  <path id="Path_10052" data-name="Path 10052" d="M15.84,3a5.779,5.779,0,0,0-4.3,1.944A5.779,5.779,0,0,0,7.25,3,5.133,5.133,0,0,0,2,8.115c0,3.515,3.245,6.379,8.161,10.731l1.384,1.218,1.384-1.228c4.916-4.343,8.161-7.207,8.161-10.722A5.133,5.133,0,0,0,15.84,3Zm-4.2,14.461-.1.093-.1-.093c-4.543-4.008-7.54-6.658-7.54-9.346A3.221,3.221,0,0,1,7.25,4.86a3.735,3.735,0,0,1,3.408,2.195h1.785a3.71,3.71,0,0,1,3.4-2.195,3.221,3.221,0,0,1,3.341,3.255C19.181,10.8,16.184,13.452,11.64,17.461Z" transform="translate(0.455 0.683)" fill="#e41d2b"/>
+</svg>
diff --git a/src/assets/performics/lock_outline.svg b/src/assets/performics/lock_outline.svg
new file mode 100644
index 0000000..2f99a0b
--- /dev/null
+++ b/src/assets/performics/lock_outline.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24.112" height="24.112" viewBox="0 0 24.112 24.112">
+  <g id="lock_black_24dp" transform="translate(0.4 0.4)">
+    <g id="Group_11001" data-name="Group 11001">
+      <path id="Path_7420" data-name="Path 7420" d="M0,0H23.312V23.312H0Z" fill="none" stroke="#f7f8f8" stroke-width="0.8"/>
+      <path id="Path_7421" data-name="Path 7421" d="M0,0H23.312V23.312H0Z" fill="none" stroke="#f7f8f8" stroke-width="0.8" opacity="0.87"/>
+    </g>
+    <path id="Path_7422" data-name="Path 7422" d="M17.6,7.8h-.971V5.857a4.857,4.857,0,1,0-9.713,0V7.8H5.943A1.948,1.948,0,0,0,4,9.742v9.713A1.948,1.948,0,0,0,5.943,21.4H17.6a1.948,1.948,0,0,0,1.943-1.943V9.742A1.948,1.948,0,0,0,17.6,7.8ZM8.857,5.857a2.914,2.914,0,1,1,5.828,0V7.8H8.857Zm8.742,13.6H5.943V9.742H17.6Zm-5.828-2.914A1.943,1.943,0,1,0,9.828,14.6,1.948,1.948,0,0,0,11.771,16.541Z" transform="translate(-0.115 -0.029)" fill="#05968F" stroke="#f7f8f8" stroke-width="0.8"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/login.svg b/src/assets/performics/login.svg
new file mode 100644
index 0000000..af1ccaf
--- /dev/null
+++ b/src/assets/performics/login.svg
@@ -0,0 +1,358 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="259.767" height="205.752" viewBox="0 0 259.767 205.752">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.022" y1="0.5" x2="0.982" y2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#92CBC8"/>
+      <stop offset="1" stop-color="#05968F"/>
+    </linearGradient>
+    <filter id="Rectangle_17325" x="60.767" y="108.549" width="123" height="58" filterUnits="userSpaceOnUse">
+      <feOffset dy="4" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7" result="blur"/>
+      <feFlood flood-color="#92CBC8" flood-opacity="0.659"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_14191" data-name="Group 14191" transform="translate(-57.233 -215.451)">
+    <path id="Path_2932" data-name="Path 2932" d="M282.015,267.793a42.592,42.592,0,0,1-3.707,7.129,30.675,30.675,0,0,1-2.245,3.088.158.158,0,0,1-.025.027H25l.034-.027c.226-.176,1.552-1.249,3.614-3.088,1.48-1.317,3.336-3.029,5.421-5.089,17.052-16.772,49.808-56.471,22.528-92.839-25.36-33.808,1.945-39.943,19.957-40.659a51.46,51.46,0,0,1,20.3,3.318A180.342,180.342,0,0,0,140.2,149.886c.651.072,1.306.145,1.97.21a189.767,189.767,0,0,0,31.574.574h0c.309-.018.621-.041.935-.063a187.622,187.622,0,0,0,30.883-4.777c.657-.16,1.306-.312,1.952-.463,33.8-7.82,64.958,18.832,57.167,48.952-2.88,11.141-2.148,23.015,7.454,32.622C287.854,242.621,285.95,258.065,282.015,267.793Z" transform="translate(32.233 143.165)" fill="#ebf0f4" opacity="0.47"/>
+    <g id="Layer_x0020_1" transform="translate(81 215.441)">
+      <g id="_1627761470800" transform="translate(0 0.01)">
+        <g id="Group_10392" data-name="Group 10392" transform="translate(1.399 12.551)">
+          <g id="Group_10388" data-name="Group 10388" transform="translate(11.112)">
+            <g id="Group_10379" data-name="Group 10379">
+              <g id="Group_10373" data-name="Group 10373" transform="translate(-3)">
+                <path id="Path_7255" data-name="Path 7255" d="M297.939,289.521a17.092,17.092,0,0,0-9.33,22.269l10.6,25.876,4.754-1.947-10.6-25.876a11.935,11.935,0,1,1,22.091-9.046l4.754-1.947a17.092,17.092,0,0,0-22.269-9.33Z" transform="translate(-284.336 -288.246)" fill="#92CBC8"/>
+              </g>
+              <g id="Group_10376" data-name="Group 10376" transform="translate(2.499 23.556)">
+                <g id="Group_10375" data-name="Group 10375">
+                  <g id="Group_10374" data-name="Group 10374">
+                    <path id="Path_7256" data-name="Path 7256" d="M395.117,856.763l-37.5,15.354a2.748,2.748,0,0,1-3.585-1.5l-9.1-22.233a2.748,2.748,0,0,1,1.5-3.585l37.5-15.354a2.748,2.748,0,0,1,3.585,1.5l9.1,22.233A2.748,2.748,0,0,1,395.117,856.763Z" transform="translate(-344.726 -829.237)" fill="#92CBC8"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10378" data-name="Group 10378" transform="translate(23.244 37.693)">
+                <g id="Group_10377" data-name="Group 10377">
+                  <path id="Path_7257" data-name="Path 7257" d="M828.555,1156.286a3.846,3.846,0,1,0-3.135,5.264l2.179,5.321,1.942-.8-2.179-5.322a3.834,3.834,0,0,0,1.193-4.468Z" transform="translate(-821.148 -1153.897)" fill="#fff"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10383" data-name="Group 10383" transform="translate(5.723 43.605)">
+              <g id="Group_10382" data-name="Group 10382">
+                <g id="Group_10381" data-name="Group 10381">
+                  <g id="Group_10380" data-name="Group 10380">
+                    <path id="Path_7258" data-name="Path 7258" d="M427.1,1310.036c-.1.04-2.043-4.484-4.343-10.1s-4.088-10.209-3.99-10.249,2.042,4.483,4.344,10.1,4.087,10.208,3.99,10.248Z" transform="translate(-418.762 -1289.684)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10387" data-name="Group 10387" transform="translate(21.718 37.253)">
+              <g id="Group_10386" data-name="Group 10386">
+                <g id="Group_10385" data-name="Group 10385">
+                  <g id="Group_10384" data-name="Group 10384">
+                    <path id="Path_7259" data-name="Path 7259" d="M790.567,1153.785a1.189,1.189,0,0,1-.514-.066,4.7,4.7,0,0,1-1.3-.559,5.39,5.39,0,0,1-1.292-8.21,4.7,4.7,0,0,1,1.065-.932c.285-.174.458-.24.469-.221a11.978,11.978,0,0,0-1.325,1.323,5.332,5.332,0,0,0,1.23,7.814,12.023,12.023,0,0,0,1.667.852Z" transform="translate(-786.113 -1143.793)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10389" data-name="Group 10389" transform="translate(5.576 51.238)">
+            <path id="Path_7260" data-name="Path 7260" d="M161.709,1465.651l.23-.671.441.556a2.97,2.97,0,0,0,1.363.964l.671.23-.556.441a2.969,2.969,0,0,0-.964,1.363l-.23.671-.44-.556a2.969,2.969,0,0,0-1.363-.964l-.671-.23.556-.441a2.967,2.967,0,0,0,.964-1.363Z" transform="translate(-160.19 -1464.98)" fill="#92CBC8"/>
+          </g>
+          <g id="Group_10390" data-name="Group 10390" transform="translate(28.661 25.132)">
+            <path id="Path_7261" data-name="Path 7261" d="M691.233,865.819l.134-.389.256.323a1.722,1.722,0,0,0,.792.56l.389.134-.323.256a1.721,1.721,0,0,0-.56.792l-.134.389-.256-.323a1.721,1.721,0,0,0-.792-.56l-.389-.134.323-.256a1.725,1.725,0,0,0,.56-.792Z" transform="translate(-690.35 -865.43)" fill="#92CBC8"/>
+          </g>
+          <g id="Group_10391" data-name="Group 10391" transform="translate(0 27.68)">
+            <path id="Path_7262" data-name="Path 7262" d="M34.682,925.077l.387-1.127.74.934a4.985,4.985,0,0,0,2.29,1.62l1.127.387-.934.74a4.988,4.988,0,0,0-1.62,2.29l-.387,1.127-.74-.934a4.988,4.988,0,0,0-2.29-1.62l-1.126-.387.934-.74a4.99,4.99,0,0,0,1.62-2.29Z" transform="translate(-32.13 -923.95)" fill="#92CBC8"/>
+          </g>
+        </g>
+        <g id="Group_10443" data-name="Group 10443" transform="translate(49.348 0)">
+          <g id="Group_10412" data-name="Group 10412" transform="translate(-0.348)">
+            <g id="Group_10398" data-name="Group 10398">
+              <g id="Group_10397" data-name="Group 10397">
+                <g id="Group_10394" data-name="Group 10394">
+                  <g id="Group_10393" data-name="Group 10393">
+                    <path id="Path_7263" data-name="Path 7263" d="M1218.34,205.508l-69.819-.041a15.208,15.208,0,0,1-15.2-15.212l.034-175.039A15.209,15.209,0,0,1,1148.572.01l69.82.041a15.209,15.209,0,0,1,15.2,15.212l-.034,175.039a15.209,15.209,0,0,1-15.218,15.206Z" transform="translate(-1133.32 -0.01)" fill="#92CBC8"/>
+                  </g>
+                </g>
+                <g id="Group_10396" data-name="Group 10396" transform="translate(4.626 6.191)">
+                  <g id="Group_10395" data-name="Group 10395">
+                    <path id="Path_7264" data-name="Path 7264" d="M1319.941,142.231l-13.537-.008a3.363,3.363,0,0,0-3.287,3.434v2.455a3.362,3.362,0,0,1-3.287,3.434l-26.386-.016a3.366,3.366,0,0,1-3.287-3.438v-2.455a3.366,3.366,0,0,0-3.287-3.438l-4.761,0-11.848-.007a10.652,10.652,0,0,0-10.657,10.649l-.034,170.851a10.651,10.651,0,0,0,10.645,10.654l69.68.04a10.651,10.651,0,0,0,10.657-10.649l.034-170.851a10.652,10.652,0,0,0-10.645-10.654Z" transform="translate(-1239.57 -142.19)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10402" data-name="Group 10402" transform="translate(40.988 183.878)">
+              <g id="Group_10399" data-name="Group 10399" transform="translate(0 0.124)">
+                <path id="Path_7265" data-name="Path 7265" d="M2077.324,4227.116a1.338,1.338,0,1,1-1.349-1.327A1.338,1.338,0,0,1,2077.324,4227.116Z" transform="translate(-2074.649 -4225.789)" fill="#263138"/>
+              </g>
+              <g id="Group_10400" data-name="Group 10400" transform="translate(7.495 0.062)">
+                <path id="Path_7266" data-name="Path 7266" d="M2249.454,4225.686a1.338,1.338,0,1,1-1.348-1.327,1.338,1.338,0,0,1,1.348,1.327Z" transform="translate(-2246.779 -4224.359)" fill="#263138"/>
+              </g>
+              <g id="Group_10401" data-name="Group 10401" transform="translate(14.99)">
+                <path id="Path_7267" data-name="Path 7267" d="M2421.575,4224.266a1.338,1.338,0,1,1-1.349-1.327,1.338,1.338,0,0,1,1.349,1.327Z" transform="translate(-2418.899 -4222.939)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10409" data-name="Group 10409" transform="translate(77.54 23.435)">
+              <g id="Group_10404" data-name="Group 10404">
+                <g id="Group_10403" data-name="Group 10403">
+                  <path id="Path_7268" data-name="Path 7268" d="M2921.954,538.271c0,.041-1.76.088-3.931.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2921.954,538.23,2921.954,538.271Z" transform="translate(-2914.09 -538.223)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10406" data-name="Group 10406" transform="translate(0.017 2.012)">
+                <g id="Group_10405" data-name="Group 10405">
+                  <path id="Path_7269" data-name="Path 7269" d="M2922.334,584.483c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.334,584.442,2922.334,584.483Z" transform="translate(-2914.47 -584.435)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10408" data-name="Group 10408" transform="translate(0.033 4.025)">
+                <g id="Group_10407" data-name="Group 10407">
+                  <path id="Path_7270" data-name="Path 7270" d="M2922.714,630.7c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.714,630.662,2922.714,630.7Z" transform="translate(-2914.85 -630.655)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10411" data-name="Group 10411" transform="translate(13.799 23.231)">
+              <g id="Group_10410" data-name="Group 10410">
+                <path id="Path_7271" data-name="Path 7271" d="M1450.306,540.11a1.369,1.369,0,0,1,.163-.01l.454-.014,1.681-.037-.042.042c-.006-.371-.012-.778-.019-1.217,0-.226-.019-.441,0-.7a.639.639,0,0,1,.558-.512c.269-.005.51-.017.8,0a.644.644,0,0,1,.544.641c.006.567.013,1.161.02,1.776l-.069-.068,2.118-.021-.072.073c-.007-.853-.015-1.735-.024-2.639q0-.338-.006-.672a.538.538,0,0,0-.086-.277,1.7,1.7,0,0,0-.215-.23l-.926-.913-.894-.881-.433-.428a1.013,1.013,0,0,0-.442-.329.576.576,0,0,0-.493.094c-.13.11-.266.263-.395.389l-.76.767c-.478.5-.975.95-1.338,1.381a1.505,1.505,0,0,0-.107.794q0,.395,0,.747c0,.46,0,.862-.006,1.2,0,.311-.005.565-.007.768,0,.177-.009.276-.009.276s-.008-.084-.013-.256c-.005-.2-.012-.451-.02-.758-.007-.344-.016-.748-.026-1.211,0-.239-.008-.492-.013-.76,0-.135,0-.274-.006-.416a.876.876,0,0,1,.116-.44c.39-.477.859-.9,1.341-1.414l.755-.772c.136-.133.248-.267.408-.4a.712.712,0,0,1,.607-.119,1.131,1.131,0,0,1,.5.362l.435.426.9.879.928.911a1.752,1.752,0,0,1,.235.255.689.689,0,0,1,.11.353q0,.336.006.675c.007.9.014,1.786.021,2.639v.073h-.072l-2.118.014h-.069v-.069c0-.615-.007-1.209-.01-1.776a.518.518,0,0,0-.435-.521c-.246-.013-.531,0-.77,0a.526.526,0,0,0-.463.418c-.02.216,0,.462-.009.678,0,.439,0,.846,0,1.217v.043h-.041l-1.706-.009-.446-.007a.866.866,0,0,1-.147-.007Z" transform="translate(-1450.23 -533.537)" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10415" data-name="Group 10415" transform="translate(11.499 81.014)">
+            <g id="Group_10414" data-name="Group 10414">
+              <path id="Path_7280" data-name="Path 7280" d="M1475.642,1860.7c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1475.642,1860.635,1475.642,1860.7Z" transform="translate(-1397.41 -1860.58)" fill="#dfdfdf"/>
+            </g>
+          </g>
+          <g id="Group_10417" data-name="Group 10417" transform="translate(9.666 153.033)">
+            <g id="Group_10416" data-name="Group 10416">
+              <path id="Path_7281" data-name="Path 7281" d="M1433.542,3514.683c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1433.542,3514.615,1433.542,3514.683Z" transform="translate(-1355.31 -3514.56)" fill="#dfdfdf"/>
+            </g>
+          </g>
+          <g id="Group_10419" data-name="Group 10419" transform="translate(26.745 158.441)">
+            <g id="Group_10418" data-name="Group 10418">
+              <path id="Path_7282" data-name="Path 7282" d="M1791,3638.873c0,.068-9.729.123-21.728.123s-21.73-.055-21.73-.123,9.727-.123,21.73-.123S1791,3638.805,1791,3638.873Z" transform="translate(-1747.54 -3638.75)" fill="#dfdfdf"/>
+            </g>
+          </g>
+          <g id="Group_10442" data-name="Group 10442" transform="translate(35.923 32.182)">
+            <g id="Group_10434" data-name="Group 10434">
+              <path id="Path_7298" data-name="Path 7298" d="M1986.755,753.322a14.212,14.212,0,1,1-14.212-14.212A14.212,14.212,0,0,1,1986.755,753.322Z" transform="translate(-1958.33 -739.11)" fill="#92CBC8"/>
+            </g>
+            <g id="Group_10441" data-name="Group 10441" transform="translate(9.519 7.529)">
+              <g id="Group_10435" data-name="Group 10435" transform="translate(1.955)">
+                <path id="Path_7299" data-name="Path 7299" d="M2222.076,916.109h-.236v-1.327a2.772,2.772,0,1,1,5.545,0v1.081h-.237v-1.081a2.536,2.536,0,1,0-5.072,0Z" transform="translate(-2221.84 -912.01)" fill="#fff"/>
+              </g>
+              <g id="Group_10440" data-name="Group 10440" transform="translate(0 3.982)">
+                <g id="Group_10436" data-name="Group 10436">
+                  <path id="Path_7300" data-name="Path 7300" d="M2185.157,1012.836h-7.048a1.171,1.171,0,0,1-1.169-1.169v-7.048a1.17,1.17,0,0,1,1.169-1.169h7.048a1.17,1.17,0,0,1,1.169,1.169v7.048A1.17,1.17,0,0,1,2185.157,1012.836Zm-7.048-9.15h0a.933.933,0,0,0-.933.932v7.048a.933.933,0,0,0,.933.933h7.048a.934.934,0,0,0,.933-.933v-7.048a.933.933,0,0,0-.933-.932Z" transform="translate(-2176.94 -1003.45)" fill="#fff"/>
+                </g>
+                <g id="Group_10439" data-name="Group 10439" transform="translate(3.621 2.711)">
+                  <g id="Group_10437" data-name="Group 10437">
+                    <path id="Path_7301" data-name="Path 7301" d="M2261.207,1067.933a1.106,1.106,0,1,1,1.107-1.106A1.108,1.108,0,0,1,2261.207,1067.933Zm0-1.976h0a.87.87,0,1,0,.87.87A.87.87,0,0,0,2261.207,1065.957Z" transform="translate(-2260.1 -1065.72)" fill="#fff"/>
+                  </g>
+                  <g id="Group_10438" data-name="Group 10438" transform="translate(0.954 2.044)">
+                    <path id="Path_7302" data-name="Path 7302" d="M2282.256,1114.657h-.236v-2h.236Z" transform="translate(-2282.02 -1112.66)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <text id="LOGIN" transform="translate(35.652 75)" fill="#3f5365" font-size="10" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">LOGIN</tspan></text>
+        </g>
+        <g id="Group_10934" data-name="Group 10934" transform="translate(0 205.505)">
+          <g id="Group_10933" data-name="Group 10933">
+            <path id="Path_7391" data-name="Path 7391" d="M205.3,4719.744c0,.067-45.961.123-102.643.123-56.7,0-102.653-.056-102.653-.123s45.951-.124,102.653-.124C159.334,4719.621,205.3,4719.675,205.3,4719.744Z" transform="translate(0 -4719.621)" fill="#263138"/>
+          </g>
+        </g>
+        <g id="Group_10996" data-name="Group 10996" transform="translate(13.216 113.829)">
+          <g id="Group_10969" data-name="Group 10969" transform="translate(0 0.071)">
+            <g id="Group_10955" data-name="Group 10955">
+              <g id="Group_10936" data-name="Group 10936">
+                <g id="Group_10935" data-name="Group 10935">
+                  <path id="Path_7392" data-name="Path 7392" d="M317.114,2642.423c4.5-6.885,4.328-16.95-1.048-23.177-1.669-1.932-4-3.612-6.545-3.395-2.6.223-4.7,2.457-5.5,4.948a16.2,16.2,0,0,0-.052,7.763c.652,3.6,1.743,7.288,4.242,9.963s5.687,5.651,8.9,3.9Z" transform="translate(-303.523 -2615.832)" fill="#bbe29a"/>
+                </g>
+              </g>
+              <g id="Group_10938" data-name="Group 10938" transform="translate(2.607 46.57)">
+                <g id="Group_10937" data-name="Group 10937">
+                  <path id="Path_7393" data-name="Path 7393" d="M372.378,3698.3a10.29,10.29,0,0,0-2.869-11.685,4.326,4.326,0,0,0-3.68-1.156,3.574,3.574,0,0,0-2.383,3.047,8.471,8.471,0,0,0,.677,4,10.119,10.119,0,0,0,3.089,4.749c1.53,1.152,3.671,2.235,5.167,1.04Z" transform="translate(-363.4 -3685.366)" fill="#bbe29a"/>
+                </g>
+              </g>
+              <g id="Group_10940" data-name="Group 10940" transform="translate(22.177 40.432)">
+                <g id="Group_10939" data-name="Group 10939">
+                  <path id="Path_7394" data-name="Path 7394" d="M813.1,3561.1a14.891,14.891,0,0,1,7.505-15.714c1.715-.892,3.827-1.42,5.555-.555a5.173,5.173,0,0,1,2.48,5.021,12.265,12.265,0,0,1-2.138,5.476c-1.467,2.351-3.268,4.638-5.775,5.82s-5.86,2.087-7.627-.047Z" transform="translate(-812.836 -3544.391)" fill="#bbe29a"/>
+                </g>
+              </g>
+              <g id="Group_10942" data-name="Group 10942" transform="translate(21.037 19.647)">
+                <g id="Group_10941" data-name="Group 10941">
+                  <path id="Path_7395" data-name="Path 7395" d="M787.291,3088.042c-2.155-6.955,1.5-15.389,7.59-19.379,1.891-1.239,4.284-2.1,6.4-1.3,2.163.824,3.405,3.236,3.474,5.549a14.341,14.341,0,0,1-1.845,6.62c-1.431,2.907-3.257,5.778-6.035,7.446s-7.273,3.336-9.579,1.06Z" transform="translate(-786.668 -3067.054)" fill="#bbe29a"/>
+                </g>
+              </g>
+              <g id="Group_10945" data-name="Group 10945" transform="translate(17.328 45.666)">
+                <g id="Group_10944" data-name="Group 10944">
+                  <g id="Group_10943" data-name="Group 10943">
+                    <path id="Path_7396" data-name="Path 7396" d="M701.47,3693.561a1.5,1.5,0,0,0,.071-.336c.038-.253.085-.575.145-.97q.044-.322.1-.7c.05-.256.1-.533.159-.827.113-.594.23-1.271.425-2.007q.134-.555.28-1.16l.364-1.241c.232-.863.575-1.756.9-2.707a47.433,47.433,0,0,1,6.163-11.483c.615-.794,1.17-1.573,1.761-2.243l.833-.989.811-.875c.505-.569,1.006-1.041,1.438-1.463l.6-.59.53-.469.729-.656a1.493,1.493,0,0,0,.242-.245,1.477,1.477,0,0,0-.279.2l-.766.616-.55.451-.62.574c-.445.413-.958.877-1.475,1.439l-.829.867-.851.983c-.6.668-1.168,1.446-1.793,2.24a45.39,45.39,0,0,0-6.2,11.551c-.316.959-.652,1.86-.875,2.732q-.181.648-.349,1.252l-.263,1.17c-.182.743-.286,1.426-.384,2.025-.048.3-.094.576-.136.835q-.039.383-.072.707c-.037.4-.066.723-.09.979a1.5,1.5,0,0,0-.011.343Z" transform="translate(-701.466 -3664.596)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10948" data-name="Group 10948" transform="translate(16.83 26.279)">
+                <g id="Group_10947" data-name="Group 10947">
+                  <g id="Group_10946" data-name="Group 10946">
+                    <path id="Path_7397" data-name="Path 7397" d="M690.691,3268.947a.52.52,0,0,0,0-.139c-.008-.108-.018-.241-.03-.4q-.052-.566-.143-1.545c-.033-.337-.07-.71-.11-1.115s-.042-.854-.067-1.332c-.036-.956-.127-2.042-.093-3.247,0-.6.006-1.233.009-1.889s.069-1.338.1-2.044c.047-1.415.24-2.915.41-4.5a64.408,64.408,0,0,1,5.859-19.759c.719-1.419,1.376-2.781,2.108-3.994.357-.61.677-1.216,1.029-1.77l1.022-1.588c.628-1.028,1.3-1.889,1.848-2.67.281-.387.533-.754.782-1.08l.7-.875.962-1.218.245-.322a.484.484,0,0,0,.076-.116s-.037.029-.1.1l-.267.3-1.006,1.185-.722.861c-.256.321-.515.684-.8,1.067-.565.775-1.247,1.63-1.889,2.654l-1.042,1.584c-.359.553-.685,1.158-1.048,1.768-.744,1.212-1.411,2.576-2.141,4A62.946,62.946,0,0,0,690.5,3252.7c-.164,1.589-.347,3.1-.384,4.518-.028.709-.085,1.394-.085,2.053s.007,1.291.01,1.9c-.02,1.208.086,2.3.137,3.255.033.478.052.924.091,1.333s.095.778.136,1.116q.125.975.2,1.541c.024.16.043.292.059.4a.467.467,0,0,0,.03.135Z" transform="translate(-690.03 -3219.345)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10951" data-name="Group 10951" transform="translate(5.771 8.334)">
+                <g id="Group_10950" data-name="Group 10950">
+                  <g id="Group_10949" data-name="Group 10949">
+                    <path id="Path_7398" data-name="Path 7398" d="M436.057,2807.237a.508.508,0,0,0,.057.128l.194.362.769,1.373c.165.3.364.623.555.992l.6,1.211.694,1.39c.235.5.458,1.035.706,1.593s.512,1.141.761,1.759l.748,1.939.393,1.022.362,1.071.754,2.235c.954,3.085,1.858,6.522,2.622,10.17.739,3.655,1.258,7.171,1.641,10.38.328,3.214.571,6.115.637,8.559.062,1.221.074,2.326.078,3.3s.019,1.807,0,2.491q-.014,1-.022,1.574c0,.166,0,.3,0,.41a.5.5,0,0,0,.011.14.516.516,0,0,0,.019-.139l.028-.409q.028-.576.078-1.574c.041-.684.054-1.521.054-2.494s.013-2.08-.035-3.3c-.04-2.449-.261-5.358-.576-8.582-.369-3.217-.881-6.744-1.622-10.409-.765-3.658-1.68-7.1-2.652-10.194l-.768-2.239-.37-1.072-.4-1.022-.765-1.939c-.256-.618-.533-1.2-.781-1.757s-.486-1.093-.727-1.589l-.717-1.385-.625-1.2c-.2-.366-.405-.687-.578-.982l-.819-1.348-.219-.346a.477.477,0,0,0-.083-.112Z" transform="translate(-436.056 -2807.237)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10954" data-name="Group 10954" transform="translate(7.3 50.584)">
+                <g id="Group_10953" data-name="Group 10953">
+                  <g id="Group_10952" data-name="Group 10952">
+                    <path id="Path_7399" data-name="Path 7399" d="M471.176,3777.55a6.118,6.118,0,0,0,.479.84c.329.526.781,1.3,1.311,2.277s1.116,2.158,1.705,3.5a47.535,47.535,0,0,1,1.655,4.467c.494,1.618.869,3.186,1.154,4.623.27,1.441.459,2.748.566,3.852s.177,2,.2,2.62a6.059,6.059,0,0,0,.079.964,6.016,6.016,0,0,0,.036-.967c.01-.623-.023-1.525-.109-2.636a39.052,39.052,0,0,0-.506-3.883,40.038,40.038,0,0,0-2.827-9.149,38.932,38.932,0,0,0-1.772-3.491c-.556-.966-1.037-1.729-1.4-2.238a6.063,6.063,0,0,0-.575-.778Z" transform="translate(-471.175 -3777.55)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10957" data-name="Group 10957" transform="translate(6.399 71.531)">
+              <g id="Group_10956" data-name="Group 10956">
+                <path id="Path_7400" data-name="Path 7400" d="M470.255,4258.609H450.48l2.393,20.2h14.919Z" transform="translate(-450.48 -4258.609)" fill="#323232"/>
+              </g>
+            </g>
+            <g id="Group_10959" data-name="Group 10959" transform="translate(7.064 89.548)">
+              <g id="Group_10958" data-name="Group 10958">
+                <path id="Path_7401" data-name="Path 7401" d="M484.138,4672.39l-1.68,2.18h-14.98l-1.728-2.11Z" transform="translate(-465.75 -4672.39)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10962" data-name="Group 10962" transform="translate(7.169 77.324)">
+              <g id="Group_10961" data-name="Group 10961">
+                <g id="Group_10960" data-name="Group 10960">
+                  <path id="Path_7402" data-name="Path 7402" d="M468.17,4391.8c0,.082,4.1.148,9.164.148s9.165-.066,9.165-.148-4.1-.147-9.165-.147S468.17,4391.717,468.17,4391.8Z" transform="translate(-468.17 -4391.65)" fill="#f9f9f9"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10965" data-name="Group 10965" transform="translate(7.169 78.669)">
+              <g id="Group_10964" data-name="Group 10964">
+                <g id="Group_10963" data-name="Group 10963">
+                  <path id="Path_7403" data-name="Path 7403" d="M468.17,4422.687c0,.082,4.1.147,9.164.147s9.165-.066,9.165-.147-4.1-.147-9.165-.147S468.17,4422.605,468.17,4422.687Z" transform="translate(-468.17 -4422.54)" fill="#f9f9f9"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10968" data-name="Group 10968" transform="translate(7.416 79.971)">
+              <g id="Group_10967" data-name="Group 10967">
+                <g id="Group_10966" data-name="Group 10966">
+                  <path id="Path_7404" data-name="Path 7404" d="M473.84,4452.577c0,.082,3.96.147,8.844.147s8.845-.066,8.845-.147-3.959-.147-8.845-.147S473.84,4452.5,473.84,4452.577Z" transform="translate(-473.84 -4452.429)" fill="#f9f9f9"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10971" data-name="Group 10971" transform="translate(23.148 28.074)">
+            <g id="Group_10970" data-name="Group 10970">
+              <path id="Path_7405" data-name="Path 7405" d="M835.137,3258.94a.686.686,0,0,0,0,.193c.012.148.027.329.045.548.051.506.12,1.186.2,2.012.181,1.7.444,4.042.746,6.63.012.1.023.2.034.289l.01.087h.088c2.541.039,4.827.064,6.478.072H844.7l.53-.01a.641.641,0,0,0,.185-.017.673.673,0,0,0-.184-.023l-.53-.027-1.952-.062c-1.651-.044-3.937-.091-6.477-.132l.1.088c-.011-.091-.022-.19-.034-.289-.3-2.588-.588-4.929-.8-6.623-.11-.824-.2-1.5-.266-2.005-.033-.217-.06-.4-.083-.544a.708.708,0,0,0-.042-.188Z" transform="translate(-835.133 -3258.939)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10973" data-name="Group 10973" transform="translate(27.629 22.033)">
+            <g id="Group_10972" data-name="Group 10972">
+              <path id="Path_7406" data-name="Path 7406" d="M938.06,3120.211a.726.726,0,0,0-.015.2c0,.153,0,.34,0,.567,0,.522.011,1.227.019,2.084.025,1.759.073,4.19.138,6.874,0,.108.005.217.008.317l0,.105.1-.008a61.719,61.719,0,0,1,6.649-.15c.848.026,1.532.06,2,.086l.544.026a.681.681,0,0,0,.191,0,.7.7,0,0,0-.187-.036c-.124-.016-.306-.04-.542-.063-.471-.049-1.156-.1-2.005-.149a52.531,52.531,0,0,0-6.67.09l.108.1c0-.1,0-.208-.008-.317-.066-2.684-.136-5.114-.2-6.873-.034-.856-.062-1.561-.083-2.083-.013-.227-.024-.414-.033-.566a.76.76,0,0,0-.025-.2Z" transform="translate(-938.04 -3120.21)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10975" data-name="Group 10975" transform="translate(31.213 19.976)">
+            <g id="Group_10974" data-name="Group 10974">
+              <path id="Path_7407" data-name="Path 7407" d="M1022.058,3072.97a3.5,3.5,0,0,0-.123.58c-.075.409-.174.944-.293,1.59-.256,1.342-.657,3.192-1.222,5.217l-.06.213.2-.1.237-.114a17.033,17.033,0,0,1,5.271-1.542c.7-.086,1.274-.118,1.669-.133a4.078,4.078,0,0,0,.616-.034.467.467,0,0,0-.159-.022c-.1-.006-.259-.02-.458-.021a14.189,14.189,0,0,0-1.684.069,16.027,16.027,0,0,0-5.342,1.5l-.24.116.141.116a50.731,50.731,0,0,0,1.166-5.246c.112-.676.187-1.223.232-1.6a3.3,3.3,0,0,0,.047-.591Z" transform="translate(-1020.36 -3072.97)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10977" data-name="Group 10977" transform="translate(4.986 52.646)">
+            <g id="Group_10976" data-name="Group 10976">
+              <path id="Path_7408" data-name="Path 7408" d="M418.031,3827.411c0,.031.573-.028,1.5-.065a25.183,25.183,0,0,1,3.6.118c.284.029.562.065.827.1l.094.013.017-.093c.213-1.2.393-2.25.512-3.006a8.172,8.172,0,0,0,.155-1.219,8.316,8.316,0,0,0-.284,1.2c-.154.75-.358,1.8-.579,2.994l.111-.08c-.268-.038-.548-.075-.834-.1a20.18,20.18,0,0,0-3.625-.06c-.463.036-.836.083-1.092.121a1.528,1.528,0,0,0-.395.085Z" transform="translate(-418.03 -3823.26)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10979" data-name="Group 10979" transform="translate(3.118 48.469)">
+            <g id="Group_10978" data-name="Group 10978">
+              <path id="Path_7409" data-name="Path 7409" d="M375.13,3731.956c.007.031.554-.1,1.449-.207a15.716,15.716,0,0,1,3.509-.035c.213.022.422.05.62.077l.1.014.01-.1c.125-1.229.226-2.318.289-3.1a8.415,8.415,0,0,0,.064-1.261,8.533,8.533,0,0,0-.2,1.248c-.1.779-.224,1.866-.354,3.094l.113-.088c-.2-.029-.412-.057-.628-.08a13.605,13.605,0,0,0-3.55.094c-.449.073-.808.156-1.054.221a1.457,1.457,0,0,0-.375.126Z" transform="translate(-375.129 -3727.34)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10981" data-name="Group 10981" transform="translate(1.779 12.675)">
+            <g id="Group_10980" data-name="Group 10980">
+              <path id="Path_7410" data-name="Path 7410" d="M344.378,2910.541a.936.936,0,0,0,.2.1l.578.257,2.138.91,7.084,2.935.382.157.09.037.039-.088,2.993-6.76.881-2.044.23-.558a.864.864,0,0,0,.068-.2.845.845,0,0,0-.1.184l-.263.543-.938,2.019-3.048,6.734.129-.052-.382-.156-7.106-2.88-2.163-.852-.592-.222a.883.883,0,0,0-.212-.065Z" transform="translate(-344.378 -2905.288)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10983" data-name="Group 10983" transform="translate(0.046 4.299)">
+            <g id="Group_10982" data-name="Group 10982">
+              <path id="Path_7411" data-name="Path 7411" d="M304.59,2718.005a.88.88,0,0,0,.174.128l.519.335,1.931,1.2,6.441,3.928.1.063.043-.114.117-.311,2.7-7.283.8-2.215.207-.606a.928.928,0,0,0,.059-.216.972.972,0,0,0-.1.2l-.242.593-.856,2.193-2.754,7.263-.117.311.146-.051-6.473-3.876-1.963-1.15-.538-.3a.936.936,0,0,0-.194-.095Z" transform="translate(-304.59 -2712.918)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10985" data-name="Group 10985" transform="translate(0.614)">
+            <g id="Group_10984" data-name="Group 10984">
+              <path id="Path_7412" data-name="Path 7412" d="M317.627,2619.025a2.8,2.8,0,0,0,.425.25c.278.153.68.38,1.167.682a20.842,20.842,0,0,1,3.584,2.8l.248.243-.083-.338c-.087-.354-.167-.727-.228-1.11a12.889,12.889,0,0,1,.28-5.269,15.043,15.043,0,0,1,.506-1.533,3.718,3.718,0,0,0,.212-.557,3.209,3.209,0,0,0-.283.525,11.6,11.6,0,0,0-.571,1.525,12.336,12.336,0,0,0-.341,5.339c.062.39.144.769.234,1.128l.165-.1a18.9,18.9,0,0,0-3.655-2.775c-.5-.289-.914-.5-1.2-.634a2.436,2.436,0,0,0-.457-.187Z" transform="translate(-317.627 -2614.197)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10987" data-name="Group 10987" transform="translate(23.176 49.166)">
+            <g id="Group_10986" data-name="Group 10986">
+              <path id="Path_7413" data-name="Path 7413" d="M835.787,3743.339a2.826,2.826,0,0,0,.091.511c.069.327.168.8.276,1.39a34.228,34.228,0,0,1,.531,4.684l0,.09.09.006.443.027c1.961.119,3.736.214,5.022.274l1.524.06a2.974,2.974,0,0,0,.56-.005,3.042,3.042,0,0,0-.556-.073l-1.52-.124c-1.284-.1-3.058-.214-5.019-.332l-.443-.027.094.1a28.833,28.833,0,0,0-.6-4.7c-.126-.589-.246-1.059-.338-1.381a2.6,2.6,0,0,0-.164-.494Z" transform="translate(-835.785 -3743.339)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10989" data-name="Group 10989" transform="translate(27.059 43.594)">
+            <g id="Group_10988" data-name="Group 10988">
+              <path id="Path_7414" data-name="Path 7414" d="M924.967,3615.38a2.669,2.669,0,0,0,.033.516c.042.367.1.838.16,1.405.144,1.189.356,2.842.606,4.694l.011.081.082,0,.637.042c2.009.136,3.821.344,5.13.514l1.55.208a.288.288,0,1,0,.013-.077c-.363-.072-.889-.168-1.543-.271-1.306-.207-3.121-.437-5.136-.574l-.638-.041.093.086c-.254-1.852-.49-3.5-.669-4.686-.089-.563-.163-1.032-.221-1.4a2.675,2.675,0,0,0-.106-.506Z" transform="translate(-924.962 -3615.38)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10991" data-name="Group 10991" transform="translate(31.634 41.195)">
+            <g id="Group_10990" data-name="Group 10990">
+              <path id="Path_7415" data-name="Path 7415" d="M1030.033,3560.28c-.029.007.091.543.233,1.426a25.505,25.505,0,0,1,.318,3.5l0,.111.111-.014.332-.042a30.778,30.778,0,0,1,3.735-.221l1.137.012a.211.211,0,1,0,0-.078c-.268-.028-.657-.059-1.139-.077a24.042,24.042,0,0,0-3.762.164l-.334.043.113.1a20.475,20.475,0,0,0-.382-3.52c-.089-.44-.175-.793-.242-1.034a1.475,1.475,0,0,0-.125-.368Z" transform="translate(-1030.029 -3560.279)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10993" data-name="Group 10993" transform="translate(5.582 46.766)">
+            <g id="Group_10992" data-name="Group 10992">
+              <path id="Path_7416" data-name="Path 7416" d="M431.732,3688.218a63.274,63.274,0,0,0,1.834,3.981,14.882,14.882,0,0,0-1.834-3.981Z" transform="translate(-431.728 -3688.217)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10995" data-name="Group 10995" transform="translate(3.101 49.359)">
+            <g id="Group_10994" data-name="Group 10994">
+              <path id="Path_7417" data-name="Path 7417" d="M374.729,3747.81a11.409,11.409,0,0,1,4.359,1.351,6.26,6.26,0,0,0-4.359-1.351Z" transform="translate(-374.729 -3747.769)" fill="#263138"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10998" data-name="Group 10998" transform="translate(27.788 -573.451)">
+          <g transform="matrix(1, 0, 0, 1, -51.55, 573.45)" filter="url(#Rectangle_17325)">
+            <rect id="Rectangle_17325-2" data-name="Rectangle 17325" width="81" height="16" rx="8" transform="translate(81.77 125.55)" fill="url(#linear-gradient)"/>
+          </g>
+          <text id="Login-2" data-name="Login" transform="translate(66.212 708)" fill="#fff" font-size="4" font-family="OpenSans-Semibold, Open Sans" font-weight="600"><tspan x="0" y="0">Login</tspan></text>
+        </g>
+      </g>
+    </g>
+    <g id="_278464288" transform="translate(220 233.4)">
+      <path id="Path_10377" data-name="Path 10377" d="M309.986,707.893H307.38a1.374,1.374,0,0,1-1.38-1.38v-6.286A1.352,1.352,0,0,1,307.38,699h2.607a1.319,1.319,0,0,1,1.227,1.227v6.286A1.352,1.352,0,0,1,309.986,707.893Z" transform="translate(-259.083 -591.845)" fill="#ebf3fa" fill-rule="evenodd"/>
+      <path id="Path_10378" data-name="Path 10378" d="M317.147,694.767H315V694h2.146Z" transform="translate(-266.704 -587.612)" fill="#ffa561" fill-rule="evenodd"/>
+      <path id="Path_10379" data-name="Path 10379" d="M311.213,720.3H306V718h5.213Z" transform="translate(-259.083 -607.932)" fill="#fff" fill-rule="evenodd"/>
+      <path id="Path_10386" data-name="Path 10386" d="M581.153,828.76H581l.766-2.76h.153Z" transform="translate(-491.92 -699.373)" fill="#cde0fb" fill-rule="evenodd"/>
+      <path id="Path_10387" data-name="Path 10387" d="M444.22,611s3.833,2.453,4.446,3.68a7.916,7.916,0,0,1,.46,3.373s-3.833,1.687-3.373-.306-1.38-1.227-2.453-2.147a14.133,14.133,0,0,1-2.3-3.68Z" transform="translate(-373.385 -517.338)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10388" data-name="Path 10388" d="M208,23.556s9.659-11.5,14.719-4.14c0,0,3.68,1.533,5.06,7.973,1.38,6.593-2.913,11.653-5.213,10.426-1.38-.92-2.453,1.687-2.453,1.687Z" transform="translate(-176.109 -14.374)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10389" data-name="Path 10389" d="M47.872,268.651C40.359,265.891,33,252.859,33,252.859l2.3-1.687c1.993,2.913,11.039,8.433,11.039,8.433.307-2.453.46-4.6.92-6.593,2.453-13.8,8.279-17.939,9.813-18.859a.475.475,0,0,1,.307-.153v.307a15.162,15.162,0,0,1-.153,2.3C56.612,245.192,54.312,270.951,47.872,268.651Z" transform="translate(-27.94 -198.14)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10390" data-name="Path 10390" d="M297,3.929s1.227-5.06,8.893-3.526c0,0-3.68-.46-4.6.92,0,0,2.76-1.227,4.6-.153s2.146,4.753,1.84,5.98c-.307,1.073-2.3,4.446-3.526,4.446a5.773,5.773,0,0,1-2.913-1.227Z" transform="translate(-251.463 -0.113)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10391" data-name="Path 10391" d="M200.319,215.022c-3.833-8.433-5.673-10.886-5.673-13.492,0-2.146,1.073-4.446,3.066-9.966a16.8,16.8,0,0,0,.92-3.986c1.687-10.733-4.6-22.385-8.433-23.152-1.073-.307-2.913-4.14-2.913-10.426l-.46.153-8.126,1.533s.153,2.606.153,5.06c0,1.993,0,3.833-.46,4.14h-.92s-6.9,9.506-7.359,18.245c-.613,8.739,5.366,12.572-.153,29.9C164.442,230.968,202.312,219.622,200.319,215.022Z" transform="translate(-143.437 -130.406)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10392" data-name="Path 10392" d="M230,156.533s.153,2.606.153,5.06c4.6-.153,7.053-4.293,7.973-6.593Z" transform="translate(-194.736 -131.252)" fill="#e8945b" fill-rule="evenodd"/>
+      <path id="Path_10393" data-name="Path 10393" d="M211.132,56.9a24.556,24.556,0,0,0,2.913-6.9c.307-2.3-.767-10.886-9.353-9.659a12.318,12.318,0,0,0-4.753,1.84c-1.84,1.227-4.6,3.986-1.533,11.346l.767,2.606Z" transform="translate(-166.822 -34.073)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10394" data-name="Path 10394" d="M200.518,79.948s10.733.153,10.733-6.44c0-6.746,1.533-11.193-5.366-11.652-6.9-.307-8.279,2.147-8.739,4.446C196.532,68.449,197.759,79.795,200.518,79.948Z" transform="translate(-166.788 -52.367)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10395" data-name="Path 10395" d="M223,53.594s2.913,7.819,7.513,9.046c4.446,1.227,6.44,0,6.44,0a12.98,12.98,0,0,1-4.293-7.666S225.147,49.915,223,53.594Z" transform="translate(-188.809 -44.259)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10396" data-name="Path 10396" d="M197.8,58.327s-2.3,1.84-2.76,3.526c-.613,1.687-.767,5.213-1.84,5.06,0,0-2.146-5.366.307-8.279C196.113,55.414,197.8,58.327,197.8,58.327Z" transform="translate(-162.842 -48.378)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10397" data-name="Path 10397" d="M188.227,645.808a114.423,114.423,0,0,1-6.746,19.012l-3.68-.307a92.613,92.613,0,0,0,1.687-19.318,80.029,80.029,0,0,0-4.14-25.911C164.769,588.925,166.456,567,166.456,567l19.932,2.3.92.153c.153,9.046.307,21.465.613,31.278.153,8.739.307,15.332.307,15.332C192.061,624.189,190.681,635.842,188.227,645.808Z" transform="translate(-140.851 -480.084)" fill="#131d3d" fill-rule="evenodd"/>
+      <path id="Path_10398" data-name="Path 10398" d="M325.685,280.8l-3.22.92s-10.579-17.632-11.653-22.232c-.307-1.533-1.073-4.6-1.993-7.819-1.84-7.053-4.293-15.486-4.293-15.486l-.767-3.526L301,221s5.213.46,8.279,1.84a3.019,3.019,0,0,1,1.993,1.38c2.3,4.906,4.446,17.325,6.133,26.218a83.655,83.655,0,0,0,1.84,9.506C320.165,262.244,323.232,274.663,325.685,280.8Z" transform="translate(-254.85 -187.133)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10399" data-name="Path 10399" d="M253.458,620.414a47.577,47.577,0,0,1-6.133,20.085l-1.687,1.227s-1.687-8.586-2.76-18.859c-1.073-9.659-2.606-20.085-4.293-23.151C231.993,587.143,230,540.073,230,540.073L250.238,539c1.993,3.526,2.913,9.046,3.066,15.486.613,16.1-3.22,36.951-3.833,40.017h0c0,.306.153.46.153.766C253.765,603.242,254.225,612.288,253.458,620.414Z" transform="translate(-194.736 -456.377)" fill="#22325e" fill-rule="evenodd"/>
+      <path id="Path_10400" data-name="Path 10400" d="M225,55.3s2.147,8.279,7.82,10.886c0,0-5.673-5.06-6.286-10.426C226.073,50.242,225,55.3,225,55.3Z" transform="translate(-190.503 -45.047)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10401" data-name="Path 10401" d="M15.771,298.586c0-.46.307-5.213-.46-6.133C14.391,291.38,12.7,290,12.091,290s-2.76,2.913-1.993,5.06c.613,2.147,3.373,5.213,3.373,5.213Z" transform="translate(-8.411 -245.554)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10402" data-name="Path 10402" d="M324.579,1070a47.58,47.58,0,0,1-6.133,20.085l-1.686,1.686s-1.687-9.046-2.76-19.319A17.443,17.443,0,0,0,324.579,1070Z" transform="translate(-265.857 -905.962)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10403" data-name="Path 10403" d="M251.426,1077.613a114.414,114.414,0,0,1-6.746,19.012l-3.68-.306A92.622,92.622,0,0,0,242.687,1077C243.913,1077.613,246.366,1078.226,251.426,1077.613Z" transform="translate(-204.049 -911.889)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10404" data-name="Path 10404" d="M190.068,1179.126h-2.3c-.767,0-1.227-.307-2.147-.307a3.426,3.426,0,0,0-1.84.307v.153h-9.506c-.307-.46,0-1.227.153-1.84a1.57,1.57,0,0,1,.92-.767,10.446,10.446,0,0,0,4.906-2.3,48.627,48.627,0,0,1,4.906-3.373h0c.153,0,.613.153,2.3,1.687,1.073.767,2.606-1.227,2.606-1.227a2.16,2.16,0,0,1,.46.767,3.843,3.843,0,0,1,.307,1.532,10.67,10.67,0,0,0,.613,3.527,9.1,9.1,0,0,1,.46,1.073S192.061,1178.973,190.068,1179.126Z" transform="translate(-147.444 -991.477)" fill="#1e7dbd" fill-rule="evenodd"/>
+      <path id="Path_10405" data-name="Path 10405" d="M251.366,1172.227a6.166,6.166,0,0,1-2.453,1.226c-.92.153-2.913-2.453-2.913-2.453h0c.153,0,.613.153,2.3,1.687,1.073.767,2.607-1.227,2.607-1.227A2.16,2.16,0,0,1,251.366,1172.227Z" transform="translate(-208.283 -991.477)" fill="#466aa5" fill-rule="evenodd"/>
+      <path id="Path_10406" data-name="Path 10406" d="M190.068,1213.84h-2.3c-.767,0-1.227-.306-2.147-.306a3.423,3.423,0,0,0-1.84.306v.153h-9.506c-.307-.46,0-1.226.153-1.84.307-.153.46,1.227.613,1.38s7.819.153,8.279-.307a4.559,4.559,0,0,1,3.526-.306,9,9,0,0,0,4.6-.92,9.119,9.119,0,0,1,.46,1.073S192.061,1213.687,190.068,1213.84Z" transform="translate(-147.444 -1026.191)" fill="#466aa5" fill-rule="evenodd"/>
+      <path id="Path_10407" data-name="Path 10407" d="M268.613,1179.126h-2.3c-.767,0-1.38-.307-2.147-.307a3.426,3.426,0,0,0-1.84.307v.153h-9.659a2.765,2.765,0,0,1,.307-1.84,1.57,1.57,0,0,1,.92-.767,10.763,10.763,0,0,0,4.753-2.3c1.073-.92,5.06-3.373,5.06-3.373h0c.153,0,.46.153,2.3,1.687.92.767,2.607-1.227,2.607-1.227a2.16,2.16,0,0,1,.46.767,2.379,2.379,0,0,1,.153,1.532,18.446,18.446,0,0,0,.767,3.527,3.816,3.816,0,0,0,.46,1.073S270.453,1178.973,268.613,1179.126Z" transform="translate(-213.877 -991.477)" fill="#1e7dbd" fill-rule="evenodd"/>
+      <path id="Path_10408" data-name="Path 10408" d="M330.366,1172.227a6.165,6.165,0,0,1-2.453,1.226c-.92.153-2.913-2.453-2.913-2.453h0c.153,0,.46.153,2.3,1.687.92.767,2.607-1.227,2.607-1.227A2.16,2.16,0,0,1,330.366,1172.227Z" transform="translate(-275.17 -991.477)" fill="#466aa5" fill-rule="evenodd"/>
+      <path id="Path_10409" data-name="Path 10409" d="M268.613,1213.84h-2.3c-.767,0-1.38-.306-2.147-.306a3.423,3.423,0,0,0-1.84.306v.153h-9.659a2.766,2.766,0,0,1,.307-1.84c.307-.153.307,1.227.46,1.38s7.819.153,8.279-.307a5,5,0,0,1,3.68-.306,9,9,0,0,0,4.6-.92,3.809,3.809,0,0,0,.46,1.073S270.453,1213.687,268.613,1213.84Z" transform="translate(-213.877 -1026.191)" fill="#466aa5" fill-rule="evenodd"/>
+      <path id="Path_10410" data-name="Path 10410" d="M163.457,237.566c-4.14-7.053-4.293-9.966-8.279-12.419A22.57,22.57,0,0,0,147.511,223s-1.533,6.746-2.453,7.666-15.026,2.3-15.332.767,3.68-7.513,3.986-8.126H133.1c-1.687.307-2.76.46-3.526.613a6.061,6.061,0,0,0-1.993.46c-1.073.153-5.673,1.533-10.579,15.026,0,0,3.986,4.906,7.053,5.826.153,0,.153,0,.307.153-.613,8.893-3.833,23.765-2.76,32.5,1.227,8.279,18.705,6.133,22.078,5.366,2.453-.46,4.293-3.067,5.52-7.513.46,3.066,1.533,6.746,3.68,7.053,3.526.307,5.06-.307,5.52-1.687a5.027,5.027,0,0,0,0-1.533c-.153-3.373-2.453-14.566-4.6-24.072-.92-3.986-2.146-6.9-2.606-9.966C155.484,245.538,161.31,242.165,163.457,237.566Z" transform="translate(-99.061 -188.826)" fill="#05968F" fill-rule="evenodd"/>
+      <path id="Path_10411" data-name="Path 10411" d="M11,271.062c0-.46.46-8.126.767-7.359.153.767.767,4.753.767,4.753Z" transform="translate(-9.313 -223.243)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10412" data-name="Path 10412" d="M3.833,240l.307.767,4.6,11.959L6.44,253.8.46,242.453,0,241.687Z" transform="translate(0 -203.22)" fill="#225399" fill-rule="evenodd"/>
+      <path id="Path_10413" data-name="Path 10413" d="M3.833,240l.307.767L.46,242.453,0,241.687Z" transform="translate(0 -203.22)" fill="#174884" fill-rule="evenodd"/>
+      <path id="Path_10414" data-name="Path 10414" d="M42.22,317.993l-2.453,1.073L39,317.073,41.3,316Z" transform="translate(-33.02 -267.568)" fill="#fff" fill-rule="evenodd"/>
+      <path id="Path_10415" data-name="Path 10415" d="M21,275.882s1.993-3.066,2.453-2.913c.767.153-1.84,4.293-1.84,4.293s1.993-3.066,2.3-2.76c.613.46-.46,2.3-1.533,3.833,0,0,1.993-1.84,1.993-1.533.307,1.227-2.147,3.833-2.147,3.833L21,277.722Z" transform="translate(-17.78 -231.13)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10416" data-name="Path 10416" d="M213.625,151.2s-.153.92-2.147.767c0,0-1.687-.153-1.533-1.073A5.114,5.114,0,0,1,213.625,151.2Z" transform="translate(-177.748 -127.606)" fill="#fff" fill-rule="evenodd"/>
+      <path id="Path_10427" data-name="Path 10427" d="M444,622s.613,3.066,1.38,3.986,1.84,2.453,2.3,1.993c.46-.307-.46-3.68-.46-3.68Z" transform="translate(-375.925 -526.651)" fill="#ffb27d" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/long_shot.svg b/src/assets/performics/long_shot.svg
new file mode 100644
index 0000000..033ef87
--- /dev/null
+++ b/src/assets/performics/long_shot.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="153" height="119.779" viewBox="0 0 153 119.779">
+  <g id="Group_16372" data-name="Group 16372" transform="translate(-201 -255)">
+    <g id="Rectangle_" data-name="Rectangle " transform="translate(201 255)" fill="#fff" stroke-dasharray="5 5">
+      <path d="M10,0H143c5.523,0,10,2.736,10,6.111V113.668c0,3.375-4.477,6.111-10,6.111H10c-5.523,0-10-2.736-10-6.111V6.111C0,2.736,4.477,0,10,0Z" stroke="none"/>
+      <path d="M 10 -1.52587890625e-05 L 15 -1.52587890625e-05 L 15 0.9999847412109375 L 10 0.9999847412109375 L 10 -1.52587890625e-05 C 10 -1.52587890625e-05 10 -1.52587890625e-05 10 -1.52587890625e-05 Z M 20 -1.52587890625e-05 L 25 -1.52587890625e-05 L 25 0.9999847412109375 L 20 0.9999847412109375 L 20 -1.52587890625e-05 Z M 30 -1.52587890625e-05 L 35 -1.52587890625e-05 L 35 0.9999847412109375 L 30 0.9999847412109375 L 30 -1.52587890625e-05 Z M 40 -1.52587890625e-05 L 45 -1.52587890625e-05 L 45 0.9999847412109375 L 40 0.9999847412109375 L 40 -1.52587890625e-05 Z M 50 -1.52587890625e-05 L 55 -1.52587890625e-05 L 55 0.9999847412109375 L 50 0.9999847412109375 L 50 -1.52587890625e-05 Z M 60 -1.52587890625e-05 L 65 -1.52587890625e-05 L 65 0.9999847412109375 L 60 0.9999847412109375 L 60 -1.52587890625e-05 Z M 70 -1.52587890625e-05 L 75 -1.52587890625e-05 L 75 0.9999847412109375 L 70 0.9999847412109375 L 70 -1.52587890625e-05 Z M 80 -1.52587890625e-05 L 85 -1.52587890625e-05 L 85 0.9999847412109375 L 80 0.9999847412109375 L 80 -1.52587890625e-05 Z M 90 -1.52587890625e-05 L 95 -1.52587890625e-05 L 95 0.9999847412109375 L 90 0.9999847412109375 L 90 -1.52587890625e-05 Z M 100 -1.52587890625e-05 L 105 -1.52587890625e-05 L 105 0.9999847412109375 L 100 0.9999847412109375 L 100 -1.52587890625e-05 Z M 110 -1.52587890625e-05 L 115 -1.52587890625e-05 L 115 0.9999847412109375 L 110 0.9999847412109375 L 110 -1.52587890625e-05 Z M 120 -1.52587890625e-05 L 125 -1.52587890625e-05 L 125 0.9999847412109375 L 120 0.9999847412109375 L 120 -1.52587890625e-05 Z M 130 -1.52587890625e-05 L 135 -1.52587890625e-05 L 135 0.9999847412109375 L 130 0.9999847412109375 L 130 -1.52587890625e-05 Z M 140 -1.52587890625e-05 L 143 -1.52587890625e-05 C 143 -1.52587890625e-05 143 -1.52587890625e-05 143 -1.52587890625e-05 C 143.0052947998047 -1.52587890625e-05 143.0105743408203 -7.62939453125e-06 143.015869140625 -7.62939453125e-06 C 143.015869140625 -7.62939453125e-06 143.0160522460938 0 143.0160522460938 0 C 143.0215606689453 -7.62939453125e-06 143.0266876220703 -7.62939453125e-05 143.0322113037109 2.288818359375e-05 C 143.0375823974609 3.0517578125e-05 143.0428619384766 4.57763671875e-05 143.0482330322266 6.103515625e-05 C 143.0538635253906 8.392333984375e-05 143.0587158203125 5.340576171875e-05 143.0643310546875 0.00011444091796875 C 143.0698852539062 0.00012969970703125 143.0748901367188 0.0001373291015625 143.0804290771484 0.00018310546875 C 143.0858459472656 0.000213623046875 143.0910797119141 0.00028228759765625 143.0965118408203 0.00026702880859375 C 143.1018829345703 0.00030517578125 143.1072082519531 0.00037384033203125 143.1125640869141 0.0003662109375 C 143.1178588867188 0.000396728515625 143.1233215332031 0.0005035400390625 143.1286010742188 0.00048065185546875 C 143.1338195800781 0.00052642822265625 143.1395263671875 0.00052642822265625 143.1447448730469 0.00061798095703125 C 143.1498565673828 0.00066375732421875 143.1556396484375 0.00072479248046875 143.1607513427734 0.000762939453125 C 143.1661224365234 0.0008087158203125 143.1715087890625 0.000885009765625 143.1768646240234 0.00092315673828125 C 143.1821899414062 0.0009765625 143.1875 0.00103759765625 143.1928253173828 0.0010986328125 C 143.1981048583984 0.0011749267578125 143.2036285400391 0.0012359619140625 143.2088928222656 0.0012969970703125 C 143.2143859863281 0.001373291015625 143.2194976806641 0.001434326171875 143.2249755859375 0.00150299072265625 C 143.2301788330078 0.00157928466796875 143.2356109619141 0.001678466796875 143.2407989501953 0.0017242431640625 C 143.2462921142578 0.001800537109375 143.2514495849609 0.0018768310546875 143.2569274902344 0.0019683837890625 C 143.2623748779297 0.002044677734375 143.2675170898438 0.00213623046875 143.27294921875 0.00222015380859375 C 143.2782592773438 0.0023193359375 143.2836608886719 0.00240325927734375 143.2889862060547 0.00249481201171875 C 143.2945861816406 0.002593994140625 143.2993927001953 0.00266265869140625 143.3049926757812 0.002777099609375 C 143.3105163574219 0.00287628173828125 143.3155670166016 0.002960205078125 143.3210906982422 0.003082275390625 C 143.3265686035156 0.003173828125 143.3316040039062 0.0032806396484375 143.3370819091797 0.00339508056640625 C 143.3424377441406 0.003509521484375 143.3478393554688 0.00360870361328125 143.3531951904297 0.00373077392578125 C 143.3584594726562 0.00383758544921875 143.3639526367188 0.00397491455078125 143.3692169189453 0.0040740966796875 C 143.3746948242188 0.00418853759765625 143.3798980712891 0.00429534912109375 143.3853759765625 0.0044403076171875 C 143.3907623291016 0.00457000732421875 143.3959503173828 0.00469970703125 143.4013519287109 0.00482177734375 C 143.4066619873047 0.00494384765625 143.4121246337891 0.00508880615234375 143.4174346923828 0.005218505859375 C 143.4230194091797 0.0053558349609375 143.4278411865234 0.00547027587890625 143.4334411621094 0.00562286376953125 C 143.4389038085938 0.00577545166015625 143.4439544677734 0.00589752197265625 143.4494323730469 0.00605010986328125 C 143.4548950195312 0.00618743896484375 143.4599609375 0.006317138671875 143.4654388427734 0.00649261474609375 C 143.4709930419922 0.00665283203125 143.47607421875 0.00679779052734375 143.4816284179688 0.00695037841796875 C 143.4871520996094 0.007110595703125 143.4922637939453 0.00727081298828125 143.4977874755859 0.0074310302734375 C 143.5029754638672 0.0075836181640625 143.5083770751953 0.00774383544921875 143.5135498046875 0.00791168212890625 C 143.5188293457031 0.008056640625 143.5242767333984 0.00823974609375 143.529541015625 0.0084075927734375 C 143.5347595214844 0.00858306884765625 143.5403900146484 0.00876617431640625 143.5456085205078 0.00893402099609375 C 143.5509185791016 0.00910186767578125 143.5564727783203 0.0092926025390625 143.5617828369141 0.00946807861328125 C 143.5670471191406 0.0096282958984375 143.5724945068359 0.00983428955078125 143.5777587890625 0.01001739501953125 C 143.5832366943359 0.0102691650390625 143.5884704589844 0.01039886474609375 143.5939483642578 0.010589599609375 C 143.5994567871094 0.01082611083984375 143.6044158935547 0.0109710693359375 143.6099243164062 0.01116943359375 C 143.6153106689453 0.0113677978515625 143.6207580566406 0.01157379150390625 143.6261444091797 0.01177215576171875 C 143.6315612792969 0.01210784912109375 143.6366424560547 0.01216888427734375 143.6420745849609 0.01238250732421875 C 143.6422424316406 0.01239013671875 143.642333984375 0.01239013671875 143.6424865722656 0.01239776611328125 C 143.9742736816406 0.0252532958984375 144.3013153076172 0.0479736328125 144.6235198974609 0.0801239013671875 C 144.6284790039062 0.07970428466796875 144.6332092285156 0.081085205078125 144.6380767822266 0.08158111572265625 C 144.6427764892578 0.08203887939453125 144.6476745605469 0.08255767822265625 144.6523742675781 0.0830230712890625 C 144.6575927734375 0.08356475830078125 144.6624450683594 0.08404541015625 144.6676635742188 0.08458709716796875 C 144.6723175048828 0.08504486083984375 144.6770935058594 0.0855560302734375 144.6817474365234 0.08603668212890625 C 144.6866607666016 0.0865325927734375 144.6907196044922 0.0869598388671875 144.6956481933594 0.08748626708984375 C 144.6999969482422 0.08794403076171875 144.7041168212891 0.08835601806640625 144.7084655761719 0.08882904052734375 C 144.7138061523438 0.089385986328125 144.7182922363281 0.08985137939453125 144.7236328125 0.09043121337890625 C 144.7284851074219 0.09095001220703125 144.7337646484375 0.09149169921875 144.7386169433594 0.0920257568359375 C 144.7436065673828 0.092559814453125 144.7490692138672 0.09314727783203125 144.7540435791016 0.09368896484375 C 144.7591400146484 0.09423828125 144.7636566162109 0.094757080078125 144.7687530517578 0.09528350830078125 C 144.7735900878906 0.09581756591796875 144.7789611816406 0.09641265869140625 144.7837982177734 0.09693145751953125 C 144.7888488769531 0.0974884033203125 144.7936401367188 0.0980072021484375 144.7986907958984 0.09857940673828125 C 144.8036041259766 0.09912109375 144.8088073730469 0.099609375 144.813720703125 0.1002578735351562 C 144.8185882568359 0.100799560546875 144.8234558105469 0.101348876953125 144.8283386230469 0.101898193359375 C 144.8283386230469 0.101898193359375 144.8284149169922 0.1019058227539062 144.8284149169922 0.1019058227539062 C 144.8334808349609 0.10247802734375 144.8384704589844 0.1030426025390625 144.8435363769531 0.1036224365234375 C 144.8435363769531 0.1036224365234375 144.8435974121094 0.1036300659179688 144.8435974121094 0.1036300659179688 C 144.8942260742188 0.1093978881835938 144.9447174072266 0.1153945922851562 144.9950866699219 0.1216278076171875 L 144.8722991943359 1.114051818847656 C 144.2605438232422 1.038368225097656 143.630615234375 0.9999847412109375 143 0.9999847412109375 L 140 0.9999847412109375 L 140 -1.52587890625e-05 Z M 149.7409820556641 1.597152709960938 C 149.7433166503906 1.598442077636719 149.7460784912109 1.599983215332031 149.7484130859375 1.601303100585938 C 149.7516784667969 1.603118896484375 149.755126953125 1.605064392089844 149.7583770751953 1.606887817382812 C 149.759765625 1.607658386230469 149.7610168457031 1.608360290527344 149.7623901367188 1.609130859375 C 149.7645416259766 1.610343933105469 149.7667083740234 1.611557006835938 149.7688598632812 1.612770080566406 C 149.7702484130859 1.613548278808594 149.7712097167969 1.614089965820312 149.7725982666016 1.6148681640625 C 149.7744445800781 1.61590576171875 149.7764587402344 1.617042541503906 149.7782897949219 1.618080139160156 C 149.7814331054688 1.619850158691406 149.7845001220703 1.621574401855469 149.7876434326172 1.623359680175781 C 149.7894897460938 1.624397277832031 149.7909088134766 1.625205993652344 149.7927551269531 1.626243591308594 C 149.7957611083984 1.627944946289062 149.7987365722656 1.629631042480469 149.8017425537109 1.631332397460938 C 149.8036804199219 1.632438659667969 149.8058471679688 1.6336669921875 149.8077850341797 1.634765625 C 149.8089294433594 1.635414123535156 149.8102111816406 1.636154174804688 149.8113555908203 1.636802673339844 C 149.8135070800781 1.638023376464844 149.8157043457031 1.639274597167969 149.8178405761719 1.640495300292969 C 149.8208465576172 1.642196655273438 149.82373046875 1.643836975097656 149.8267211914062 1.645561218261719 C 149.8285522460938 1.646598815917969 149.8300933837891 1.647483825683594 149.8319244384766 1.648529052734375 C 149.8334503173828 1.649398803710938 149.8349761962891 1.650276184082031 149.8364868164062 1.651145935058594 C 149.8383178710938 1.652191162109375 149.8402709960938 1.653312683105469 149.8421020507812 1.65435791015625 C 149.8448791503906 1.655960083007812 149.847900390625 1.657691955566406 149.8506927490234 1.659294128417969 C 149.8527221679688 1.66046142578125 149.8546447753906 1.661567687988281 149.8566741943359 1.662734985351562 C 149.8580474853516 1.663520812988281 149.8593444824219 1.664276123046875 149.8607177734375 1.665061950683594 C 149.8627471923828 1.666229248046875 149.8649139404297 1.667488098144531 149.866943359375 1.668655395507812 C 149.8698272705078 1.670318603515625 149.8725128173828 1.671875 149.8753967285156 1.673538208007812 C 149.8772125244141 1.674591064453125 149.8790588378906 1.6756591796875 149.880859375 1.676712036132812 C 149.8822784423828 1.677528381347656 149.8836059570312 1.678298950195312 149.8850250244141 1.679122924804688 C 149.8868408203125 1.68017578125 149.8888092041016 1.681320190429688 149.890625 1.682373046875 C 149.8934936523438 1.684043884277344 149.896240234375 1.685653686523438 149.8991088867188 1.687309265136719 C 149.9012298583984 1.688545227050781 149.9031219482422 1.689651489257812 149.9052276611328 1.690879821777344 C 149.9080963134766 1.69256591796875 149.9109344482422 1.694221496582031 149.9137878417969 1.695884704589844 C 149.9158325195312 1.697074890136719 149.9174957275391 1.698051452636719 149.9195251464844 1.699241638183594 C 149.9208374023438 1.70001220703125 149.922119140625 1.700759887695312 149.9234313964844 1.701530456542969 C 149.9256744384766 1.702850341796875 149.9274597167969 1.703887939453125 149.9297027587891 1.705215454101562 C 149.9308166503906 1.705863952636719 149.93212890625 1.706634521484375 149.9332275390625 1.707283020019531 C 149.9352569580078 1.708473205566406 149.9374542236328 1.709770202636719 149.9394836425781 1.710968017578125 C 149.9424591064453 1.712715148925781 149.94482421875 1.714111328125 149.9477996826172 1.715873718261719 C 149.94970703125 1.716995239257812 149.9516448974609 1.7181396484375 149.9535522460938 1.719268798828125 C 149.9562225341797 1.720848083496094 149.9588317871094 1.722381591796875 149.9615020751953 1.723976135253906 C 149.9637451171875 1.725303649902344 149.9658660888672 1.726570129394531 149.9681091308594 1.727897644042969 C 149.9692077636719 1.728553771972656 149.9700622558594 1.729057312011719 149.9711608886719 1.729705810546875 C 149.9736175537109 1.731170654296875 149.9758453369141 1.732490539550781 149.9783020019531 1.733963012695312 C 149.9806365966797 1.7353515625 149.9833068847656 1.736953735351562 149.9856414794922 1.738334655761719 C 149.9876403808594 1.739524841308594 149.9895172119141 1.740646362304688 149.9915161132812 1.741836547851562 C 149.994140625 1.743423461914062 149.9970550537109 1.745170593261719 149.9996795654297 1.746726989746094 C 150.0016937255859 1.747932434082031 150.0040283203125 1.74932861328125 150.0060272216797 1.750534057617188 C 150.0071258544922 1.751190185546875 150.0080718994141 1.751762390136719 150.0091705322266 1.752418518066406 C 150.0116119384766 1.753890991210938 150.0137939453125 1.755203247070312 150.0162506103516 1.756675720214844 C 150.0172424316406 1.757270812988281 150.0182647705078 1.757888793945312 150.0192565917969 1.75848388671875 C 150.021484375 1.75982666015625 150.0234832763672 1.761039733886719 150.0257110595703 1.762374877929688 C 150.0269927978516 1.763153076171875 150.0280914306641 1.763816833496094 150.0293731689453 1.76458740234375 C 150.0313720703125 1.765800476074219 150.0332336425781 1.766921997070312 150.0352325439453 1.768135070800781 C 150.0381774902344 1.769920349121094 150.0411529541016 1.771705627441406 150.0440826416016 1.773490905761719 C 150.0447692871094 1.773910522460938 150.0454711914062 1.774330139160156 150.0461578369141 1.774749755859375 C 150.0490417480469 1.776496887207031 150.0513153076172 1.777885437011719 150.05419921875 1.779640197753906 C 150.0549926757812 1.780120849609375 150.0557098388672 1.780555725097656 150.0565032958984 1.781036376953125 C 150.0591583251953 1.78265380859375 150.0615692138672 1.78411865234375 150.0642242431641 1.785736083984375 C 150.0651092529297 1.786277770996094 150.0658111572266 1.786712646484375 150.0667114257812 1.787254333496094 C 150.0689086914062 1.788604736328125 150.0706787109375 1.789688110351562 150.0728912353516 1.791038513183594 C 150.0757141113281 1.792762756347656 150.0785369873047 1.794479370117188 150.0813598632812 1.796218872070312 C 150.0824432373047 1.796875 150.0833435058594 1.797431945800781 150.0844268798828 1.798095703125 C 150.0868530273438 1.799583435058594 150.0890197753906 1.800918579101562 150.0914459228516 1.802406311035156 C 150.0924224853516 1.803009033203125 150.0932922363281 1.803543090820312 150.0942687988281 1.804145812988281 C 150.0966949462891 1.805641174316406 150.0989532470703 1.807029724121094 150.1013641357422 1.808517456054688 C 150.1023559570312 1.809120178222656 150.1031951904297 1.809646606445312 150.1041870117188 1.810249328613281 C 150.1065979003906 1.811744689941406 150.1088104248047 1.8131103515625 150.1112213134766 1.814605712890625 C 150.1122131347656 1.815208435058594 150.11328125 1.815872192382812 150.1142578125 1.816474914550781 C 150.1171112060547 1.818244934082031 150.1197204589844 1.819854736328125 150.1225738525391 1.821624755859375 C 150.1230621337891 1.821929931640625 150.1235046386719 1.82220458984375 150.1239929199219 1.822509765625 C 150.1257476806641 1.823600769042969 150.1271820068359 1.824485778808594 150.1289367675781 1.825576782226562 C 150.1296234130859 1.826004028320312 150.1304016113281 1.826484680175781 150.1310729980469 1.826904296875 C 150.1337127685547 1.828544616699219 150.1360778808594 1.83001708984375 150.1387023925781 1.831649780273438 C 150.1395874023438 1.832199096679688 150.140380859375 1.832695007324219 150.1412506103516 1.833244323730469 C 150.1438751220703 1.834877014160156 150.1461029052734 1.836265563964844 150.1487274169922 1.837905883789062 C 150.1495056152344 1.838394165039062 150.1504364013672 1.838966369628906 150.1512145996094 1.839454650878906 C 150.1536102294922 1.840957641601562 150.1561889648438 1.842567443847656 150.1585845947266 1.844070434570312 C 150.1594696044922 1.844619750976562 150.1600952148438 1.845016479492188 150.1609649658203 1.845565795898438 C 150.165771484375 1.84857177734375 150.1710205078125 1.85186767578125 150.1758117675781 1.854881286621094 C 150.1764831542969 1.855308532714844 150.1771087646484 1.855705261230469 150.1777801513672 1.856132507324219 C 150.1806182861328 1.857917785644531 150.1832275390625 1.85955810546875 150.1860504150391 1.861343383789062 C 150.1865386962891 1.861648559570312 150.1871185302734 1.862022399902344 150.1876068115234 1.862327575683594 C 150.1906433105469 1.864242553710938 150.1931762695312 1.8658447265625 150.1962127685547 1.867767333984375 C 150.1966094970703 1.868019104003906 150.1972198486328 1.868408203125 150.1976013183594 1.86865234375 C 150.2058563232422 1.873870849609375 150.2144927978516 1.879364013671875 150.2227020263672 1.884605407714844 C 150.2231903076172 1.884910583496094 150.2236938476562 1.885238647460938 150.2241821289062 1.885543823242188 C 150.2269897460938 1.887336730957031 150.2297973632812 1.889129638671875 150.2325897216797 1.89093017578125 C 150.2331695556641 1.89129638671875 150.2337188720703 1.891647338867188 150.2342987060547 1.892021179199219 C 150.2373199462891 1.893951416015625 150.2401885986328 1.895790100097656 150.2432098388672 1.897727966308594 C 150.2434997558594 1.897911071777344 150.2437744140625 1.898094177246094 150.2440643310547 1.898277282714844 C 150.2559051513672 1.9058837890625 150.2678070068359 1.913558959960938 150.2796020507812 1.92120361328125 C 150.27978515625 1.92132568359375 150.280029296875 1.921485900878906 150.2802124023438 1.921607971191406 C 150.2922058105469 1.929389953613281 150.3038635253906 1.936988830566406 150.3157958984375 1.944808959960938 C 150.3158874511719 1.944869995117188 150.3157958984375 1.944816589355469 150.3159027099609 1.944877624511719 C 151.6888427734375 2.844841003417969 152.622314453125 3.998138427734375 152.9077758789062 5.277732849121094 L 151.9317779541016 5.495506286621094 C 151.68017578125 4.368049621582031 150.7290954589844 3.293708801269531 149.2536926269531 2.470390319824219 L 149.7409820556641 1.597145080566406 Z M 152 10.27098846435547 L 153 10.27098846435547 C 153 10.27098846435547 153 15.27098846435547 153 15.27098846435547 L 152 15.27098846435547 L 152 10.27098846435547 Z M 152 20.27098846435547 L 153 20.27098846435547 C 153 20.27098846435547 153 25.27098846435547 153 25.27098846435547 L 152 25.27098846435547 L 152 20.27098846435547 Z M 152 30.27098846435547 L 153 30.27098846435547 C 153 30.27098846435547 153 35.27098846435547 153 35.27098846435547 L 152 35.27098846435547 L 152 30.27098846435547 Z M 152 40.27098846435547 L 153 40.27098846435547 C 153 40.27098846435547 153 45.27098846435547 153 45.27098846435547 L 152 45.27098846435547 L 152 40.27098846435547 Z M 152 50.27098846435547 L 153 50.27098846435547 C 153 50.27098846435547 153 55.27098846435547 153 55.27098846435547 L 152 55.27098846435547 L 152 50.27098846435547 Z M 152 60.27098846435547 L 153 60.27098846435547 C 153 60.27098846435547 153 65.27098846435547 153 65.27098846435547 L 152 65.27098846435547 L 152 60.27098846435547 Z M 152 70.27098846435547 L 153 70.27098846435547 C 153 70.27098846435547 153 75.27098846435547 153 75.27098846435547 L 152 75.27098846435547 L 152 70.27098846435547 Z M 152 80.27098846435547 L 153 80.27098846435547 C 153 80.27098846435547 153 85.27098846435547 153 85.27098846435547 L 152 85.27098846435547 L 152 80.27098846435547 Z M 152 90.27098846435547 L 153 90.27098846435547 C 153 90.27098846435547 153 95.27098846435547 153 95.27098846435547 L 152 95.27098846435547 L 152 90.27098846435547 Z M 152 100.2709884643555 L 153 100.2709884643555 C 153 100.2709884643555 153 105.2709884643555 153 105.2709884643555 L 152 105.2709884643555 L 152 100.2709884643555 Z M 152 110.2709884643555 L 153 110.2709884643555 C 153 110.2709884643555 153 113.6681060791016 153 113.6681060791016 C 153 113.6700134277344 153 113.6719512939453 153 113.6738510131836 C 153 113.6744689941406 153 113.6749877929688 152.9999847412109 113.6756057739258 C 152.9999847412109 113.6769561767578 152.9999847412109 113.6782531738281 152.9999847412109 113.6796035766602 C 152.9999847412109 113.6802215576172 152.9999847412109 113.6810607910156 152.9999694824219 113.6816787719727 C 152.9999694824219 113.6830902099609 152.9999694824219 113.6844863891602 152.9999542236328 113.6858978271484 C 152.9999542236328 113.6863098144531 152.9999542236328 113.6869659423828 152.9999542236328 113.6873779296875 C 152.9999389648438 113.6892471313477 152.9999237060547 113.6911315917969 152.9999237060547 113.693000793457 C 152.9999084472656 113.6936187744141 152.9999084472656 113.6940460205078 152.9999084472656 113.6946563720703 C 152.9998931884766 113.6960372924805 152.9998931884766 113.6974487304688 152.9998779296875 113.6988220214844 C 152.9998779296875 113.6994400024414 152.9998626708984 113.7001953125 152.9998626708984 113.700813293457 C 152.9998474121094 113.7020874023438 152.9998321533203 113.7034149169922 152.9998168945312 113.7046966552734 C 152.9998168945312 113.7053070068359 152.9998168945312 113.7060470581055 152.9998016357422 113.7066650390625 C 152.9997863769531 113.7082366943359 152.9997711181641 113.7097396850586 152.999755859375 113.7113189697266 C 152.999755859375 113.7117309570312 152.9997406005859 113.7120056152344 152.9997406005859 113.7124176025391 C 152.9997253417969 113.7142868041992 152.9996948242188 113.7161331176758 152.9996795654297 113.7180023193359 C 152.9996643066406 113.718620300293 152.9996490478516 113.7192611694336 152.9996490478516 113.7198791503906 C 152.9996337890625 113.7212219238281 152.9996032714844 113.7225799560547 152.9995880126953 113.7239227294922 C 152.9995880126953 113.7245407104492 152.9995727539062 113.7251129150391 152.9995574951172 113.7257308959961 C 152.9995422363281 113.7271041870117 152.9995269775391 113.7284851074219 152.9994964599609 113.7298583984375 C 152.9994964599609 113.7304763793945 152.9994812011719 113.7310791015625 152.9994659423828 113.7316970825195 C 152.9994354248047 113.7335662841797 152.9994049072266 113.7354431152344 152.9993743896484 113.7373123168945 C 152.9993743896484 113.7375183105469 152.9993591308594 113.7378997802734 152.9993591308594 113.7380981445312 C 152.9993286132812 113.7397079467773 152.9992980957031 113.7413101196289 152.999267578125 113.7429122924805 C 152.9992523193359 113.7437362670898 152.9992370605469 113.7441864013672 152.9992218017578 113.745002746582 C 152.9991912841797 113.7463150024414 152.9991760253906 113.7476348876953 152.9991455078125 113.7489471435547 C 152.9991302490234 113.7495651245117 152.9991149902344 113.7501983642578 152.9990997314453 113.7508163452148 C 152.9990692138672 113.7522201538086 152.9990386962891 113.7535705566406 152.9990081787109 113.7549819946289 C 152.9989929199219 113.7555999755859 152.9989929199219 113.7560272216797 152.9989776611328 113.7566452026367 C 152.9989318847656 113.7584762573242 152.9988861083984 113.7603454589844 152.9988403320312 113.7621841430664 C 152.9988250732422 113.7628021240234 152.9988098144531 113.7633514404297 152.9987945556641 113.7639617919922 C 152.9987640380859 113.7652435302734 152.9987335205078 113.7665328979492 152.9986877441406 113.7678070068359 C 152.9986724853516 113.7686309814453 152.9986572265625 113.7694091796875 152.9986267089844 113.7702255249023 C 152.9985961914062 113.7714080810547 152.9985656738281 113.7725372314453 152.99853515625 113.7737121582031 C 152.9985198974609 113.7745361328125 152.9985046386719 113.7750549316406 152.9984741210938 113.77587890625 C 152.9984283447266 113.7772827148438 152.9983978271484 113.7787170410156 152.9983520507812 113.7801208496094 C 152.9983367919922 113.7807388305664 152.9983215332031 113.7813415527344 152.9983062744141 113.7819595336914 C 152.9982452392578 113.78369140625 152.9981994628906 113.7854690551758 152.9981384277344 113.7872009277344 C 152.9981231689453 113.7878189086914 152.9981079101562 113.7883071899414 152.9980773925781 113.7889175415039 C 152.998046875 113.7901916503906 152.9980010986328 113.7915420532227 152.9979553222656 113.7928161621094 C 152.9979248046875 113.7936401367188 152.9979095458984 113.7942581176758 152.9978790283203 113.7950820922852 C 152.9978485107422 113.7963562011719 152.997802734375 113.7975769042969 152.9977569580078 113.7988510131836 C 152.9977416992188 113.7994613647461 152.9977111816406 113.8001403808594 152.9976959228516 113.8007583618164 C 152.9976196289062 113.8025894165039 152.99755859375 113.8044357299805 152.9974975585938 113.8062591552734 C 152.9974670410156 113.8068771362305 152.9974517822266 113.8073654174805 152.9974365234375 113.807975769043 C 152.9973907470703 113.8092803955078 152.9973297119141 113.8105773925781 152.9972839355469 113.8118896484375 C 152.9972534179688 113.8127059936523 152.9972229003906 113.8134536743164 152.9971923828125 113.8142700195312 C 152.9971466064453 113.8153839111328 152.9971160888672 113.8164749145508 152.9970703125 113.8175811767578 C 152.9970397949219 113.8184051513672 152.9969940185547 113.8192749023438 152.9969635009766 113.8200912475586 C 152.9969177246094 113.8213958740234 152.9968566894531 113.8226623535156 152.9968109130859 113.823974609375 C 152.9967803955078 113.8245849609375 152.9967651367188 113.8250045776367 152.9967498779297 113.8256225585938 C 152.9966735839844 113.8274154663086 152.9965972900391 113.8291778564453 152.9965209960938 113.8309707641602 C 152.9964752197266 113.8320007324219 152.9964447021484 113.8325347900391 152.9963989257812 113.8335571289062 C 152.9963531494141 113.834602355957 152.9963226318359 113.8356170654297 152.9962768554688 113.8366546630859 C 152.9962310791016 113.8374786376953 152.9961853027344 113.8385009765625 152.9961547851562 113.8393173217773 C 152.9961090087891 113.84033203125 152.9960632324219 113.8413391113281 152.9960174560547 113.8423461914062 C 152.9959716796875 113.8431701660156 152.9959259033203 113.8441619873047 152.9958953857422 113.8449859619141 C 152.9958343505859 113.8461227416992 152.9957885742188 113.8473358154297 152.9957275390625 113.8484802246094 C 152.9956665039062 113.8497085571289 152.9955902099609 113.8512496948242 152.9955291748047 113.8524780273438 C 152.9954833984375 113.8535842895508 152.9954223632812 113.8546676635742 152.9953765869141 113.8557739257812 C 152.9952850341797 113.857536315918 152.9951782226562 113.8596343994141 152.9950866699219 113.8613967895508 C 152.9949951171875 113.8631591796875 152.9948883056641 113.8652801513672 152.9947967529297 113.8670425415039 C 152.9947509765625 113.8680648803711 152.9947052001953 113.8689193725586 152.9946441650391 113.8699417114258 C 152.9945831298828 113.8711471557617 152.9945220947266 113.8723831176758 152.9944458007812 113.8735885620117 C 152.9943695068359 113.8750228881836 152.9942932128906 113.8764343261719 152.9942169189453 113.8778686523438 C 152.9941711425781 113.8787155151367 152.9941253662109 113.8796081542969 152.9940795898438 113.8804550170898 C 152.9940185546875 113.881477355957 152.9939575195312 113.882453918457 152.9939117431641 113.8834762573242 C 152.9938507080078 113.8843536376953 152.9938049316406 113.8851852416992 152.9937591552734 113.8860626220703 C 152.9936981201172 113.8870849609375 152.9936370849609 113.8881759643555 152.9935760498047 113.8891983032227 C 152.9935302734375 113.8899154663086 152.9934844970703 113.8906784057617 152.9934539794922 113.8913955688477 C 152.9933471679688 113.8932342529297 152.9932250976562 113.8951034545898 152.9931182861328 113.8969421386719 C 152.9930572509766 113.8978500366211 152.9930114746094 113.8987503051758 152.9929504394531 113.8996658325195 C 152.9928894042969 113.9006881713867 152.9928436279297 113.9014739990234 152.9927825927734 113.9024963378906 C 152.99267578125 113.9042587280273 152.9925231933594 113.9065322875977 152.9924163818359 113.9082870483398 C 152.9923706054688 113.9091339111328 152.9923095703125 113.9099426269531 152.9922637939453 113.9107894897461 C 152.9921875 113.9118118286133 152.9921264648438 113.9128570556641 152.9920654296875 113.9138717651367 C 152.9920196533203 113.9145889282227 152.9919738769531 113.9152603149414 152.9919281005859 113.9159774780273 C 152.9917907714844 113.9180221557617 152.9916534423828 113.9200744628906 152.9915161132812 113.922119140625 C 152.9914703369141 113.9228668212891 152.9914245605469 113.9236297607422 152.9913635253906 113.9243774414062 C 152.9913024902344 113.9253921508789 152.9912261962891 113.9264297485352 152.9911499023438 113.9274520874023 C 152.9911041259766 113.9282989501953 152.9910430908203 113.9290924072266 152.9909820556641 113.9299392700195 C 152.9909210205078 113.9309616088867 152.9908447265625 113.9320220947266 152.9907684326172 113.9330444335938 C 152.99072265625 113.9338226318359 152.9906616210938 113.9346237182617 152.9906005859375 113.9354019165039 C 152.9903259277344 113.9392776489258 152.9900665283203 113.9430084228516 152.9897766113281 113.9468841552734 C 152.9897308349609 113.9475631713867 152.9896697998047 113.9482879638672 152.9896240234375 113.9489669799805 C 152.9895477294922 113.9499816894531 152.9894561767578 113.9512939453125 152.9893798828125 113.9523086547852 C 152.9893188476562 113.9530258178711 152.9892730712891 113.9537124633789 152.9892120361328 113.9544296264648 C 152.9891204833984 113.9556503295898 152.9890441894531 113.9567108154297 152.9889526367188 113.9579315185547 C 152.9889221191406 113.9583892822266 152.9888763427734 113.9588775634766 152.9888458251953 113.9593276977539 C 152.9885101318359 113.9636077880859 152.9882049560547 113.9676513671875 152.9878540039062 113.971923828125 C 152.9878234863281 113.972412109375 152.9877777099609 113.9729232788086 152.9877319335938 113.9734115600586 C 152.9876403808594 113.9746322631836 152.9875335693359 113.9759750366211 152.9874267578125 113.9771957397461 C 152.9873962402344 113.9777145385742 152.9873504638672 113.9782257080078 152.9873046875 113.9787445068359 C 152.9871978759766 113.9799652099609 152.9870910644531 113.981330871582 152.9869842529297 113.982551574707 C 152.9869842529297 113.9826812744141 152.9869689941406 113.9828643798828 152.9869537353516 113.9829940795898 C 152.9867248535156 113.98583984375 152.9864654541016 113.9888229370117 152.9862213134766 113.9916687011719 C 152.9862060546875 113.9919586181641 152.9861755371094 113.9922256469727 152.9861450195312 113.9925231933594 C 152.9860229492188 113.9939422607422 152.9859161376953 113.9952774047852 152.9857940673828 113.996696472168 C 152.9857635498047 113.9970550537109 152.9857330322266 113.9973754882812 152.9857025146484 113.9977340698242 C 152.9855804443359 113.999153137207 152.9854583740234 114.0005187988281 152.9853363037109 114.0019378662109 C 152.9853057861328 114.0021667480469 152.9852905273438 114.0024032592773 152.9852752685547 114.0026245117188 C 152.98486328125 114.0073013305664 152.9844512939453 114.0117874145508 152.9840240478516 114.0164642333984 C 152.9840087890625 114.0166244506836 152.9840087890625 114.0167007446289 152.9839935302734 114.0168609619141 C 152.9838562011719 114.0182876586914 152.9837036132812 114.0198669433594 152.9835815429688 114.0212860107422 C 152.9835510253906 114.0215759277344 152.9835357666016 114.0218200683594 152.9835052490234 114.0221099853516 C 152.98291015625 114.0284042358398 152.9823150634766 114.0346298217773 152.981689453125 114.0409240722656 C 152.981689453125 114.0410232543945 152.9816741943359 114.041130065918 152.9816741943359 114.0412292480469 C 152.9415740966797 114.4481048583984 152.8363342285156 114.8441848754883 152.6722564697266 115.2257461547852 L 151.7536010742188 114.8306884765625 C 151.9170989990234 114.4505081176758 152 114.0593490600586 152 113.6681060791016 L 152 110.2709884643555 Z M 148.6390380859375 117.6226654052734 L 149.061767578125 118.5289306640625 C 147.8078155517578 119.1138305664062 146.3210601806641 119.521598815918 144.7009887695312 119.6912384033203 C 144.6983184814453 119.6915130615234 144.6959838867188 119.6917572021484 144.6933135986328 119.6920394897461 C 144.6856994628906 119.6928329467773 144.6783294677734 119.6935958862305 144.6707153320312 119.6943740844727 C 144.6680297851562 119.6946563720703 144.6654205322266 119.6949234008789 144.6627349853516 119.695198059082 C 144.6583404541016 119.6956481933594 144.6537170410156 119.6961135864258 144.6493225097656 119.6965637207031 C 144.6468353271484 119.6968154907227 144.6440124511719 119.6970977783203 144.6415252685547 119.6973495483398 C 144.6385040283203 119.6976547241211 144.6356658935547 119.6979370117188 144.6326599121094 119.6982421875 C 144.6298370361328 119.6985244750977 144.6261444091797 119.6988906860352 144.6233367919922 119.6991729736328 C 144.6193389892578 119.699577331543 144.6149139404297 119.7000122070312 144.6109161376953 119.7004089355469 C 144.6075592041016 119.7007369995117 144.6051483154297 119.7009811401367 144.601806640625 119.7013092041016 C 144.5985565185547 119.7016296386719 144.5953063964844 119.7019500732422 144.592041015625 119.702262878418 C 144.5885772705078 119.7026062011719 144.5842437744141 119.7030258178711 144.5807800292969 119.7033615112305 C 144.5772094726562 119.7037124633789 144.5743865966797 119.7039794921875 144.5708160400391 119.7043304443359 C 144.5677642822266 119.7046203613281 144.5646667480469 119.7049179077148 144.5616149902344 119.705207824707 C 144.5616149902344 119.705207824707 144.5615692138672 119.7052154541016 144.5615692138672 119.7052154541016 C 144.5577697753906 119.7055816650391 144.5536346435547 119.7059707641602 144.5498352050781 119.7063369750977 C 144.5467834472656 119.7066268920898 144.5432739257812 119.7069625854492 144.5402221679688 119.7072448730469 C 144.5231323242188 119.7088623046875 144.5057678222656 119.7104721069336 144.4886474609375 119.7120361328125 C 144.4883270263672 119.7120666503906 144.4884948730469 119.7120513916016 144.4881744384766 119.7120819091797 C 144.404541015625 119.7197036743164 144.3205261230469 119.7266998291016 144.2362365722656 119.7330474853516 L 144.1611022949219 118.7358703613281 C 145.7928619384766 118.6129302978516 147.3412933349609 118.2279891967773 148.6390380859375 117.6226654052734 Z M 134.2373199462891 118.7792892456055 L 139.2373199462891 118.7792892456055 L 139.2373199462891 119.7792892456055 C 139.2373199462891 119.7792892456055 134.2373199462891 119.7792892456055 134.2373199462891 119.7792892456055 L 134.2373199462891 118.7792892456055 Z M 124.2373199462891 118.7792892456055 L 129.2373199462891 118.7792892456055 L 129.2373199462891 119.7792892456055 C 129.2373199462891 119.7792892456055 124.2373199462891 119.7792892456055 124.2373199462891 119.7792892456055 L 124.2373199462891 118.7792892456055 Z M 114.2373199462891 118.7792892456055 L 119.2373199462891 118.7792892456055 L 119.2373199462891 119.7792892456055 C 119.2373199462891 119.7792892456055 114.2373199462891 119.7792892456055 114.2373199462891 119.7792892456055 L 114.2373199462891 118.7792892456055 Z M 104.2373199462891 118.7792892456055 L 109.2373199462891 118.7792892456055 L 109.2373199462891 119.7792892456055 C 109.2373199462891 119.7792892456055 104.2373199462891 119.7792892456055 104.2373199462891 119.7792892456055 L 104.2373199462891 118.7792892456055 Z M 94.23731994628906 118.7792892456055 L 99.23731994628906 118.7792892456055 L 99.23731994628906 119.7792892456055 C 99.23731994628906 119.7792892456055 94.23731994628906 119.7792892456055 94.23731994628906 119.7792892456055 L 94.23731994628906 118.7792892456055 Z M 84.23731994628906 118.7792892456055 L 89.23731994628906 118.7792892456055 L 89.23731994628906 119.7792892456055 C 89.23731994628906 119.7792892456055 84.23731994628906 119.7792892456055 84.23731994628906 119.7792892456055 L 84.23731994628906 118.7792892456055 Z M 74.23731994628906 118.7792892456055 L 79.23731994628906 118.7792892456055 L 79.23731994628906 119.7792892456055 C 79.23731994628906 119.7792892456055 74.23731994628906 119.7792892456055 74.23731994628906 119.7792892456055 L 74.23731994628906 118.7792892456055 Z M 64.23731994628906 118.7792892456055 L 69.23731994628906 118.7792892456055 L 69.23731994628906 119.7792892456055 C 69.23731994628906 119.7792892456055 64.23731994628906 119.7792892456055 64.23731994628906 119.7792892456055 L 64.23731994628906 118.7792892456055 Z M 54.23731994628906 118.7792892456055 L 59.23731994628906 118.7792892456055 L 59.23731994628906 119.7792892456055 C 59.23731994628906 119.7792892456055 54.23731994628906 119.7792892456055 54.23731994628906 119.7792892456055 L 54.23731994628906 118.7792892456055 Z M 44.23731994628906 118.7792892456055 L 49.23731994628906 118.7792892456055 L 49.23731994628906 119.7792892456055 C 49.23731994628906 119.7792892456055 44.23731994628906 119.7792892456055 44.23731994628906 119.7792892456055 L 44.23731994628906 118.7792892456055 Z M 34.23731994628906 118.7792892456055 L 39.23731994628906 118.7792892456055 L 39.23731994628906 119.7792892456055 C 39.23731994628906 119.7792892456055 34.23731994628906 119.7792892456055 34.23731994628906 119.7792892456055 L 34.23731994628906 118.7792892456055 Z M 24.23731994628906 118.7792892456055 L 29.23731994628906 118.7792892456055 L 29.23731994628906 119.7792892456055 C 29.23731994628906 119.7792892456055 24.23731994628906 119.7792892456055 24.23731994628906 119.7792892456055 L 24.23731994628906 118.7792892456055 Z M 14.23731994628906 118.7792892456055 L 19.23731994628906 118.7792892456055 L 19.23731994628906 119.7792892456055 C 19.23731994628906 119.7792892456055 14.23731994628906 119.7792892456055 14.23731994628906 119.7792892456055 L 14.23731994628906 118.7792892456055 Z M 4.757095336914062 117.7974090576172 C 6.092758178710938 118.3541107177734 7.658004760742188 118.6879501342773 9.283599853515625 118.7628479003906 L 9.237564086914062 119.7617874145508 C 7.641860961914062 119.6882629394531 6.150665283203125 119.3858795166016 4.851638793945312 118.9082260131836 C 4.849029541015625 118.9072570800781 4.846298217773438 118.9062652587891 4.843612670898438 118.9052734375 C 4.84307861328125 118.9050750732422 4.842864990234375 118.9049911499023 4.842330932617188 118.9047927856445 C 4.836883544921875 118.9027938842773 4.831512451171875 118.9008102416992 4.826080322265625 118.898796081543 C 4.82330322265625 118.8978118896484 4.8204345703125 118.8967056274414 4.817855834960938 118.895751953125 C 4.815414428710938 118.8948135375977 4.812210083007812 118.8936538696289 4.809616088867188 118.892692565918 C 4.80657958984375 118.8915557861328 4.803863525390625 118.8905487060547 4.80084228515625 118.8894195556641 C 4.798446655273438 118.8885269165039 4.795822143554688 118.8875427246094 4.79339599609375 118.8866424560547 C 4.790771484375 118.8856735229492 4.788223266601562 118.8847198486328 4.785675048828125 118.8837509155273 C 4.782394409179688 118.8825225830078 4.779266357421875 118.8813323974609 4.775894165039062 118.8800964355469 C 4.773406982421875 118.8791656494141 4.77093505859375 118.8782348632812 4.768447875976562 118.8772964477539 C 4.765594482421875 118.876220703125 4.763473510742188 118.8754272460938 4.760650634765625 118.8743591308594 C 4.757705688476562 118.8732528686523 4.754669189453125 118.8721084594727 4.751739501953125 118.8710021972656 C 4.74945068359375 118.8701248168945 4.747421264648438 118.8693695068359 4.7451171875 118.8684997558594 C 4.742935180664062 118.86767578125 4.740310668945312 118.8666839599609 4.738189697265625 118.8658752441406 C 4.737564086914062 118.8656463623047 4.736770629882812 118.8653411865234 4.73614501953125 118.865104675293 C 4.730270385742188 118.8628768920898 4.724380493164062 118.8606414794922 4.718521118164062 118.8584060668945 C 4.716232299804688 118.8575820922852 4.714431762695312 118.8568496704102 4.71221923828125 118.8560028076172 C 4.7120361328125 118.8559341430664 4.711715698242188 118.8558120727539 4.711532592773438 118.8557434082031 C 4.597015380859375 118.8120498657227 4.483734130859375 118.7668533325195 4.37237548828125 118.7204437255859 L 4.757095336914062 117.7974090576172 Z M 0 110.7456283569336 L 1 110.7456283569336 L 1 113.6681060791016 C 1 114.1739044189453 1.138046264648438 114.6764297485352 1.410263061523438 115.1616897583008 L 0.53814697265625 115.6509475708008 C 0.4523162841796875 115.4979782104492 0.3761444091796875 115.3422317504883 0.3100738525390625 115.1840515136719 C 0.3100738525390625 115.1840515136719 0.30999755859375 115.1838684082031 0.30999755859375 115.1838684082031 C 0.3079376220703125 115.1789245605469 0.30584716796875 115.1739196777344 0.303802490234375 115.1689682006836 C 0.303802490234375 115.1689682006836 0.3037567138671875 115.1688461303711 0.3037567138671875 115.1688461303711 C 0.302764892578125 115.1664505004883 0.301788330078125 115.1640625 0.3007965087890625 115.1616668701172 C 0.30072021484375 115.1614761352539 0.30059814453125 115.1611709594727 0.3005218505859375 115.1609802246094 C 0.298583984375 115.1562652587891 0.296661376953125 115.1515579223633 0.29473876953125 115.1468353271484 C 0.2946624755859375 115.1466445922852 0.29443359375 115.1460876464844 0.2943572998046875 115.1458969116211 C 0.293426513671875 115.1436157226562 0.292510986328125 115.1413497924805 0.2915802001953125 115.1390686035156 C 0.2914276123046875 115.1386871337891 0.2913665771484375 115.1385192871094 0.2912139892578125 115.1381378173828 C 0.2893218994140625 115.1334533691406 0.2874298095703125 115.1287689208984 0.285552978515625 115.1240844726562 C 0.285400390625 115.1236953735352 0.285369873046875 115.1236114501953 0.28521728515625 115.1232299804688 C 0.2843170166015625 115.1209869384766 0.2834320068359375 115.1187591552734 0.2825469970703125 115.1165084838867 C 0.2823944091796875 115.1161270141602 0.2821502685546875 115.1155319213867 0.2819976806640625 115.1151504516602 C 0.2811737060546875 115.1130599975586 0.280364990234375 115.1110153198242 0.2795257568359375 115.1089248657227 C 0.279449462890625 115.1087341308594 0.27935791015625 115.1084747314453 0.2792816162109375 115.108283996582 C 0.2784271240234375 115.1061172485352 0.277557373046875 115.1039199829102 0.276702880859375 115.1017532348633 C 0.2764739990234375 115.1011734008789 0.276275634765625 115.1006774902344 0.2760467529296875 115.10009765625 C 0.27520751953125 115.0979690551758 0.2744140625 115.0959243774414 0.2735748291015625 115.0937957763672 C 0.2733612060546875 115.0932159423828 0.273193359375 115.0928192138672 0.272979736328125 115.0922470092773 C 0.272247314453125 115.0903930664062 0.2715301513671875 115.0885314941406 0.2707977294921875 115.086669921875 C 0.2705841064453125 115.0860977172852 0.2705230712890625 115.0859375 0.270294189453125 115.0853652954102 C 0.269500732421875 115.0833129882812 0.2686920166015625 115.0812225341797 0.2678985595703125 115.0791625976562 C 0.2675933837890625 115.0783996582031 0.2674102783203125 115.0779037475586 0.2671051025390625 115.0771331787109 C 0.266326904296875 115.0751190185547 0.2655792236328125 115.0731811523438 0.264801025390625 115.0711669921875 C 0.2645111083984375 115.0703964233398 0.264312744140625 115.0698699951172 0.264007568359375 115.0690994262695 C 0.2634124755859375 115.0675201416016 0.2628173828125 115.0659713745117 0.26220703125 115.0643920898438 C 0.2619171142578125 115.0636215209961 0.261688232421875 115.0630340576172 0.2613983154296875 115.0622634887695 C 0.2606658935546875 115.0603713989258 0.2599334716796875 115.0584259033203 0.25921630859375 115.056526184082 C 0.2589111328125 115.0557632446289 0.2585601806640625 115.054801940918 0.2582550048828125 115.0540313720703 C 0.2575225830078125 115.0520935058594 0.25677490234375 115.0501174926758 0.25604248046875 115.0481796264648 C 0.255828857421875 115.0475997924805 0.255584716796875 115.0469665527344 0.25537109375 115.0463943481445 C 0.2547760009765625 115.044807434082 0.254180908203125 115.0432434082031 0.2535858154296875 115.0416641235352 C 0.2532958984375 115.0408935546875 0.253021240234375 115.0401229858398 0.2527313232421875 115.0393524169922 C 0.2520294189453125 115.0374908447266 0.251312255859375 115.0355834960938 0.2506103515625 115.0337219238281 C 0.2502593994140625 115.0327529907227 0.2499847412109375 115.0320205688477 0.2496185302734375 115.0310592651367 C 0.249053955078125 115.0295486450195 0.248504638671875 115.028076171875 0.247955322265625 115.0265655517578 C 0.247589111328125 115.0256042480469 0.2470550537109375 115.0241470336914 0.2466888427734375 115.0231781005859 C 0.2461700439453125 115.0217514038086 0.2456207275390625 115.0202789306641 0.245086669921875 115.0188522338867 C 0.24481201171875 115.0180816650391 0.24444580078125 115.0170974731445 0.2441558837890625 115.0163269042969 C 0.24346923828125 115.0144653320312 0.2427978515625 115.0125961303711 0.2421112060546875 115.0107345581055 C 0.2417449951171875 115.009765625 0.2414703369140625 115.0090026855469 0.241119384765625 115.0080413818359 C 0.240631103515625 115.0066909790039 0.2401123046875 115.0053024291992 0.2396240234375 115.0039520263672 C 0.23919677734375 115.0027923583984 0.2386474609375 115.0012588500977 0.23822021484375 115.0000991821289 C 0.237762451171875 114.9988327026367 0.2373046875 114.99755859375 0.2368316650390625 114.9962844848633 C 0.236480712890625 114.9953155517578 0.2360382080078125 114.9940719604492 0.235687255859375 114.9931030273438 C 0.2350616455078125 114.9914016723633 0.23443603515625 114.9896697998047 0.23382568359375 114.9879608154297 C 0.2334136962890625 114.9868011474609 0.233123779296875 114.9860076904297 0.2327117919921875 114.9848480224609 C 0.2323150634765625 114.9837341308594 0.2318878173828125 114.9825439453125 0.231475830078125 114.9814300537109 C 0.230926513671875 114.9798889160156 0.2305145263671875 114.9787292480469 0.2299652099609375 114.9771881103516 C 0.2294769287109375 114.975830078125 0.2289886474609375 114.9744491577148 0.2285003662109375 114.9730987548828 C 0.2281646728515625 114.9721298217773 0.2277984619140625 114.9711074829102 0.227447509765625 114.9701385498047 C 0.2269134521484375 114.9686279296875 0.2263946533203125 114.9671401977539 0.225860595703125 114.9656295776367 C 0.2254486083984375 114.9644622802734 0.2248687744140625 114.9628372192383 0.224456787109375 114.9616775512695 C 0.224090576171875 114.9606399536133 0.223724365234375 114.9595718383789 0.223358154296875 114.9585342407227 C 0.222869873046875 114.9571838378906 0.222320556640625 114.9555892944336 0.2218475341796875 114.954231262207 C 0.2213897705078125 114.9529571533203 0.220947265625 114.95166015625 0.220489501953125 114.9503860473633 C 0.2200927734375 114.9492263793945 0.2196807861328125 114.9480514526367 0.2192840576171875 114.946891784668 C 0.2189178466796875 114.9458541870117 0.2185516357421875 114.9448089599609 0.2181854248046875 114.9437713623047 C 0.21759033203125 114.942024230957 0.216949462890625 114.9401931762695 0.2163543701171875 114.9384536743164 C 0.2160491943359375 114.9375762939453 0.215728759765625 114.9366760253906 0.2154388427734375 114.9357986450195 C 0.214691162109375 114.9336700439453 0.21405029296875 114.9317779541016 0.21331787109375 114.9296493530273 C 0.2130584716796875 114.9288864135742 0.212799072265625 114.9281616210938 0.2125396728515625 114.9274063110352 C 0.2120819091796875 114.9260482788086 0.211700439453125 114.9249420166016 0.21124267578125 114.923583984375 C 0.210968017578125 114.9227905273438 0.2107086181640625 114.9220199584961 0.2104339599609375 114.9212265014648 C 0.2097625732421875 114.9192810058594 0.20904541015625 114.9171447753906 0.2083892822265625 114.9151992797852 C 0.2081146240234375 114.9144058227539 0.2078094482421875 114.9134979248047 0.2075347900390625 114.9126968383789 C 0.2071380615234375 114.9115295410156 0.206695556640625 114.9102401733398 0.2063140869140625 114.9090728759766 C 0.2057647705078125 114.9074783325195 0.2052154541015625 114.9058380126953 0.204681396484375 114.9042358398438 C 0.20428466796875 114.903076171875 0.2038726806640625 114.9018173217773 0.2034759521484375 114.9006500244141 C 0.203155517578125 114.8996963500977 0.2028350830078125 114.8987503051758 0.2025146484375 114.8977890014648 C 0.201873779296875 114.8958511352539 0.201263427734375 114.8940200805664 0.2006072998046875 114.8920822143555 C 0.200347900390625 114.8912811279297 0.200042724609375 114.8903732299805 0.1997833251953125 114.8895721435547 C 0.1993255615234375 114.8882141113281 0.198974609375 114.8871307373047 0.198516845703125 114.8857727050781 C 0.1979827880859375 114.8841705322266 0.1974945068359375 114.8826446533203 0.19696044921875 114.8810501098633 C 0.1965179443359375 114.8796844482422 0.196136474609375 114.878532409668 0.1956787109375 114.8771743774414 C 0.1954803466796875 114.8765335083008 0.1952667236328125 114.8758850097656 0.1950531005859375 114.875244140625 C 0.1942901611328125 114.8729095458984 0.193511962890625 114.8705444335938 0.1927490234375 114.8682098388672 C 0.1925811767578125 114.8676910400391 0.192413330078125 114.8671569824219 0.1922454833984375 114.8666381835938 C 0.191802978515625 114.8652725219727 0.1913604736328125 114.8639068603516 0.19091796875 114.8625411987305 C 0.190765380859375 114.8620986938477 0.1905975341796875 114.8615646362305 0.190460205078125 114.8611297607422 C 0.18963623046875 114.8585968017578 0.1889190673828125 114.8563766479492 0.1880950927734375 114.8538436889648 C 0.1879119873046875 114.8532409667969 0.187713623046875 114.8526306152344 0.1875152587890625 114.8520355224609 C 0.186767578125 114.8496932983398 0.185943603515625 114.8470993041992 0.1851959228515625 114.8447570800781 C 0.1850433349609375 114.8443145751953 0.184906005859375 114.8438720703125 0.1847686767578125 114.8434295654297 C 0.18426513671875 114.8418731689453 0.183868408203125 114.8406143188477 0.183380126953125 114.8390502929688 C 0.1833343505859375 114.8389282226562 0.183319091796875 114.8388671875 0.1832733154296875 114.8387451171875 C 0.182342529296875 114.835823059082 0.1815643310546875 114.8333587646484 0.1806488037109375 114.8304290771484 C 0.1804962158203125 114.829948425293 0.180328369140625 114.8293991088867 0.18017578125 114.8289184570312 C 0.1787567138671875 114.8244323730469 0.1774444580078125 114.8202209472656 0.1760406494140625 114.8157348632812 C 0.1759796142578125 114.8155288696289 0.175933837890625 114.8153839111328 0.175872802734375 114.8151779174805 C 0.1750335693359375 114.8124465942383 0.1740875244140625 114.8094329833984 0.173248291015625 114.8067016601562 C 0.17315673828125 114.8064193725586 0.1730804443359375 114.8061676025391 0.173004150390625 114.8058853149414 C 0.1716156005859375 114.8013916015625 0.170196533203125 114.796745300293 0.1688232421875 114.7922515869141 C 0.168792724609375 114.7921676635742 0.1687469482421875 114.7920074462891 0.168731689453125 114.7919235229492 C 0.1678314208984375 114.7889938354492 0.1669464111328125 114.7860717773438 0.1660614013671875 114.7831420898438 C 0.1660003662109375 114.7829360961914 0.16595458984375 114.7827835083008 0.1658935546875 114.782585144043 C 0.1644744873046875 114.7778930664062 0.1631927490234375 114.7735977172852 0.16180419921875 114.7688980102539 C 0.1617431640625 114.7686996459961 0.16168212890625 114.7685165405273 0.16162109375 114.7683181762695 C 0.1607513427734375 114.765380859375 0.15985107421875 114.7623748779297 0.15899658203125 114.7594299316406 C 0.1589813232421875 114.759391784668 0.1589508056640625 114.7592697143555 0.158935546875 114.7592315673828 C 0.1575469970703125 114.7545318603516 0.1562652587890625 114.7501373291016 0.1548919677734375 114.7454376220703 C 0.1548309326171875 114.7452392578125 0.1547698974609375 114.7450408935547 0.15472412109375 114.7448425292969 C 0.152496337890625 114.7371978759766 0.1502532958984375 114.7294311523438 0.1480865478515625 114.7217712402344 C 0.1480560302734375 114.7216949462891 0.148040771484375 114.7216110229492 0.14801025390625 114.7215270996094 C 0.145782470703125 114.7136764526367 0.14361572265625 114.7059478759766 0.14141845703125 114.6980895996094 C 0.14141845703125 114.6980895996094 0.14141845703125 114.6980895996094 0.14141845703125 114.6980895996094 C 0.1392364501953125 114.6902313232422 0.13714599609375 114.6825942993164 0.135009765625 114.6747283935547 C 0.134979248046875 114.6746063232422 0.13494873046875 114.6744613647461 0.1349029541015625 114.6743392944336 C 0.131500244140625 114.661750793457 0.1282196044921875 114.6494216918945 0.1249237060546875 114.6368103027344 C 0.1248931884765625 114.6366882324219 0.1248779296875 114.6365814208984 0.124847412109375 114.6364593505859 C 0.1227874755859375 114.6285705566406 0.120849609375 114.6210632324219 0.1188507080078125 114.6131744384766 C 0.118804931640625 114.6130065917969 0.1187896728515625 114.6129531860352 0.1187591552734375 114.6127853393555 C 0.1167449951171875 114.6048889160156 0.1148834228515625 114.5974502563477 0.1129302978515625 114.5895385742188 C 0.112884521484375 114.5893783569336 0.1128387451171875 114.5892181396484 0.1128082275390625 114.5890579223633 C 0.10888671875 114.5732421875 0.10516357421875 114.5577697753906 0.1014556884765625 114.5419158935547 C 0.1014404296875 114.5418395996094 0.1014251708984375 114.5418090820312 0.101409912109375 114.5417251586914 C 0.1002960205078125 114.5369720458984 0.099212646484375 114.5323028564453 0.098114013671875 114.5275421142578 C 0.098114013671875 114.5275421142578 0.0980987548828125 114.5274887084961 0.0980987548828125 114.5274887084961 C 0.0973663330078125 114.5243148803711 0.0966644287109375 114.5212173461914 0.0959320068359375 114.5180435180664 C 0.0959320068359375 114.5180435180664 0.0959320068359375 114.5179901123047 0.0959320068359375 114.5179901123047 C 0.0948486328125 114.5132293701172 0.09381103515625 114.508659362793 0.092742919921875 114.5038909912109 C 0.09271240234375 114.5037307739258 0.092681884765625 114.5036315917969 0.0926513671875 114.5034637451172 C 0.0908660888671875 114.4955291748047 0.0892333984375 114.4880981445312 0.0875091552734375 114.4801483154297 C 0.08746337890625 114.4799423217773 0.087432861328125 114.4797821044922 0.0873870849609375 114.4795837402344 C 0.085662841796875 114.4716262817383 0.084075927734375 114.4642562866211 0.0823974609375 114.4562911987305 C 0.082366943359375 114.4560852050781 0.08233642578125 114.4559783935547 0.0822906494140625 114.4557723999023 C 0.0806121826171875 114.4478149414062 0.0790557861328125 114.440299987793 0.0774383544921875 114.4323272705078 C 0.0774078369140625 114.4322052001953 0.0773773193359375 114.4320831298828 0.077362060546875 114.4319610595703 C 0.076385498046875 114.4271774291992 0.0754852294921875 114.4227447509766 0.07452392578125 114.4179534912109 C 0.074493408203125 114.4177551269531 0.0744476318359375 114.4175262451172 0.07440185546875 114.4173202514648 C 0.0738372802734375 114.4145278930664 0.0732574462890625 114.4115829467773 0.0727081298828125 114.4087905883789 C 0.0726470947265625 114.4085083007812 0.0725860595703125 114.4081726074219 0.0725250244140625 114.4078826904297 C 0.071624755859375 114.4032974243164 0.0707244873046875 114.3987503051758 0.0698394775390625 114.3941650390625 C 0.0697784423828125 114.3938751220703 0.0697174072265625 114.3935317993164 0.069671630859375 114.3932495117188 C 0.069122314453125 114.3904495239258 0.0685272216796875 114.387336730957 0.0679931640625 114.3845367431641 C 0.067962646484375 114.3844146728516 0.06793212890625 114.3842391967773 0.067901611328125 114.3841171264648 C 0.0670318603515625 114.379524230957 0.066192626953125 114.3751220703125 0.065338134765625 114.3705215454102 C 0.0652313232421875 114.369987487793 0.0651397705078125 114.3694610595703 0.065032958984375 114.3689270019531 C 0.0645904541015625 114.3665237426758 0.064056396484375 114.3636474609375 0.0636138916015625 114.3612518310547 C 0.06353759765625 114.36083984375 0.0634613037109375 114.3604278564453 0.063385009765625 114.3600158691406 C 0.0630950927734375 114.3584136962891 0.0628509521484375 114.3571090698242 0.06256103515625 114.3555068969727 C 0.062530517578125 114.3553466796875 0.0625 114.355224609375 0.062469482421875 114.3550567626953 C 0.0619659423828125 114.3522567749023 0.0614166259765625 114.3492584228516 0.0609130859375 114.3464584350586 C 0.0608367919921875 114.3460464477539 0.0607757568359375 114.3456878662109 0.060699462890625 114.3452758789062 C 0.0601959228515625 114.3424758911133 0.0597076416015625 114.3397979736328 0.0592193603515625 114.3369903564453 C 0.0591583251953125 114.3367080688477 0.0590972900390625 114.3363800048828 0.059051513671875 114.3360900878906 C 0.058807373046875 114.3346862792969 0.0585479736328125 114.3332595825195 0.0583038330078125 114.3318557739258 C 0.058197021484375 114.3312377929688 0.058074951171875 114.3305816650391 0.0579681396484375 114.329963684082 C 0.0575408935546875 114.3275604248047 0.057159423828125 114.3253631591797 0.0567474365234375 114.3229598999023 C 0.0566253662109375 114.3223037719727 0.0565032958984375 114.3216094970703 0.056396484375 114.3209457397461 C 0.055908203125 114.3181457519531 0.0554351806640625 114.3153915405273 0.0549468994140625 114.3125839233398 C 0.054931640625 114.3124618530273 0.054901123046875 114.3122940063477 0.05487060546875 114.3121643066406 C 0.05462646484375 114.3107681274414 0.05438232421875 114.3093032836914 0.05413818359375 114.3078994750977 C 0.0540313720703125 114.307243347168 0.0539398193359375 114.3066482543945 0.0538177490234375 114.3059921264648 C 0.05340576171875 114.3035888671875 0.053070068359375 114.3015670776367 0.05267333984375 114.2991638183594 C 0.05255126953125 114.2984161376953 0.0524139404296875 114.2976913452148 0.0522918701171875 114.2969436645508 C 0.05206298828125 114.295539855957 0.0518798828125 114.2944183349609 0.0516357421875 114.2930145263672 C 0.0513763427734375 114.2914047241211 0.0511016845703125 114.2897262573242 0.0508270263671875 114.2881164550781 C 0.05059814453125 114.2867126464844 0.0504150390625 114.2855682373047 0.0501861572265625 114.2841644287109 C 0.050048828125 114.2833404541016 0.0499267578125 114.282600402832 0.0497894287109375 114.2817687988281 C 0.049468994140625 114.2797622680664 0.0490875244140625 114.2774810791016 0.04876708984375 114.2754745483398 C 0.0486297607421875 114.2746047973633 0.048492431640625 114.2737503051758 0.0483551025390625 114.2728881835938 C 0.048126220703125 114.2714767456055 0.0479583740234375 114.270393371582 0.0477294921875 114.2689895629883 C 0.047607421875 114.2682037353516 0.0474853515625 114.2674560546875 0.04736328125 114.2666702270508 C 0.0470428466796875 114.2646636962891 0.046661376953125 114.2622528076172 0.0463409423828125 114.2602386474609 C 0.04620361328125 114.2593688964844 0.0460662841796875 114.2585067749023 0.045928955078125 114.2576370239258 C 0.045623779296875 114.2556304931641 0.0453033447265625 114.2536468505859 0.0449981689453125 114.2516403198242 C 0.04486083984375 114.2507705688477 0.0447235107421875 114.2499160766602 0.0446014404296875 114.2490539550781 C 0.04437255859375 114.2476425170898 0.044189453125 114.2463912963867 0.043975830078125 114.244987487793 C 0.0438690185546875 114.2442855834961 0.04376220703125 114.2436599731445 0.0436553955078125 114.2429580688477 C 0.0433197021484375 114.2407455444336 0.0429840087890625 114.2385559082031 0.04266357421875 114.2363433837891 C 0.0425262451171875 114.2354736328125 0.042388916015625 114.2346038818359 0.042266845703125 114.2337341308594 C 0.04193115234375 114.2315216064453 0.041656494140625 114.2296600341797 0.04132080078125 114.2274475097656 C 0.04119873046875 114.2266235351562 0.04107666015625 114.2258148193359 0.04095458984375 114.224983215332 C 0.0407867431640625 114.2237777709961 0.040557861328125 114.2223052978516 0.0403900146484375 114.2210922241211 C 0.040252685546875 114.2201843261719 0.0401153564453125 114.2192001342773 0.03997802734375 114.2182922363281 C 0.0396881103515625 114.2162780761719 0.0394134521484375 114.2144165039062 0.03912353515625 114.21240234375 C 0.0389862060546875 114.2114868164062 0.0388641357421875 114.2106246948242 0.0387420654296875 114.209716796875 C 0.0384521484375 114.2077026367188 0.0381317138671875 114.2055130004883 0.037841796875 114.2034912109375 C 0.0377349853515625 114.2027053833008 0.0376129150390625 114.2018432617188 0.037506103515625 114.201057434082 C 0.0373077392578125 114.1996459960938 0.037139892578125 114.1984558105469 0.0369415283203125 114.1970443725586 C 0.0368194580078125 114.1962585449219 0.036712646484375 114.1954956054688 0.0366058349609375 114.194709777832 C 0.0363006591796875 114.1924896240234 0.0359954833984375 114.1903228759766 0.0356903076171875 114.1881103515625 C 0.03558349609375 114.1873626708984 0.035491943359375 114.1866149902344 0.0353851318359375 114.1858673095703 C 0.0351104736328125 114.1838531494141 0.034912109375 114.1823883056641 0.034637451171875 114.1803741455078 C 0.03448486328125 114.1792144775391 0.0343017578125 114.1779632568359 0.034149169921875 114.1768035888672 C 0.0339813232421875 114.1755905151367 0.0338287353515625 114.1743927001953 0.033660888671875 114.1731796264648 C 0.033538818359375 114.1721801757812 0.0334014892578125 114.1712493896484 0.0332794189453125 114.1702499389648 C 0.0330047607421875 114.1682357788086 0.03277587890625 114.1665267944336 0.0325164794921875 114.1645050048828 C 0.032379150390625 114.1635131835938 0.032257080078125 114.1625442504883 0.0321197509765625 114.1615524291992 C 0.0319671630859375 114.1603393554688 0.0318145751953125 114.1591873168945 0.0316619873046875 114.1579742431641 C 0.03143310546875 114.1562347412109 0.031219482421875 114.1545715332031 0.0309906005859375 114.15283203125 C 0.0308380126953125 114.1516189575195 0.0306854248046875 114.1504592895508 0.0305328369140625 114.1492462158203 C 0.0303955078125 114.1481628417969 0.0302581787109375 114.1469955444336 0.030120849609375 114.1459197998047 C 0.0299072265625 114.1443023681641 0.0297088623046875 114.142707824707 0.029510498046875 114.1410903930664 C 0.02935791015625 114.1398468017578 0.0291900634765625 114.1385345458984 0.0290374755859375 114.1372833251953 C 0.028900146484375 114.1362762451172 0.0287322998046875 114.1349029541016 0.0286102294921875 114.1338958740234 C 0.0283966064453125 114.1321487426758 0.0281829833984375 114.1303405761719 0.0279693603515625 114.1285934448242 C 0.0278167724609375 114.1273803710938 0.0276947021484375 114.1264343261719 0.027557373046875 114.1252288818359 C 0.0274200439453125 114.1241455078125 0.0272979736328125 114.1230926513672 0.02716064453125 114.1220092773438 C 0.0269775390625 114.1203918457031 0.0267333984375 114.1184539794922 0.02655029296875 114.1168365478516 C 0.0264129638671875 114.1156692504883 0.026275634765625 114.1145477294922 0.0261383056640625 114.1133804321289 C 0.0260009765625 114.1121673583984 0.0258636474609375 114.1110763549805 0.025726318359375 114.10986328125 C 0.02557373046875 114.1085357666016 0.025421142578125 114.1072387695312 0.0252685546875 114.1059036254883 C 0.02508544921875 114.1042861938477 0.0249176025390625 114.1029052734375 0.0247344970703125 114.1012878417969 C 0.02459716796875 114.1000823974609 0.0244598388671875 114.0988845825195 0.024322509765625 114.0976791381836 C 0.0241851806640625 114.0964584350586 0.0240325927734375 114.0951538085938 0.023895263671875 114.0939407348633 C 0.023712158203125 114.0923156738281 0.0235443115234375 114.0907287597656 0.0233612060546875 114.0891036987305 C 0.023223876953125 114.087890625 0.0231170654296875 114.0869750976562 0.0229949951171875 114.0857620239258 C 0.0228271484375 114.084342956543 0.022674560546875 114.0829849243164 0.02252197265625 114.0815658569336 C 0.022369384765625 114.0801467895508 0.0222320556640625 114.0788345336914 0.0220794677734375 114.0774154663086 C 0.021942138671875 114.0761260986328 0.02178955078125 114.0747985839844 0.0216522216796875 114.0735092163086 C 0.02154541015625 114.0724945068359 0.0214385986328125 114.0715484619141 0.021331787109375 114.0705413818359 C 0.0211334228515625 114.0686187744141 0.02093505859375 114.066764831543 0.0207366943359375 114.0648498535156 C 0.0206298828125 114.063835144043 0.020538330078125 114.0629043579102 0.0204315185546875 114.0618896484375 C 0.0202789306640625 114.0604705810547 0.0201416015625 114.0591125488281 0.019989013671875 114.0576934814453 C 0.0198516845703125 114.0562744140625 0.019683837890625 114.0546340942383 0.01953125 114.0532150268555 C 0.0194091796875 114.0519638061523 0.019287109375 114.0507125854492 0.0191497802734375 114.0494537353516 C 0.0190582275390625 114.0484466552734 0.0189361572265625 114.0473327636719 0.0188446044921875 114.0463180541992 C 0.018646240234375 114.0444412231445 0.018463134765625 114.0425415039062 0.018280029296875 114.040657043457 C 0.0181732177734375 114.0396423339844 0.018096923828125 114.0387420654297 0.0179901123046875 114.037727355957 C 0.017852783203125 114.0362701416016 0.0177154541015625 114.0348739624023 0.017578125 114.0334091186523 C 0.0174560546875 114.0321960449219 0.0173492431640625 114.0310592651367 0.0172271728515625 114.0298385620117 C 0.0170745849609375 114.0282516479492 0.0169219970703125 114.0266494750977 0.0167694091796875 114.0250625610352 C 0.0166778564453125 114.0240478515625 0.0166168212890625 114.0233764648438 0.0165252685546875 114.0223617553711 C 0.016326904296875 114.0203552246094 0.0161590576171875 114.0183944702148 0.015960693359375 114.0163879394531 C 0.015899658203125 114.0155715942383 0.01580810546875 114.0146179199219 0.0157318115234375 114.0138092041016 C 0.015594482421875 114.0122604370117 0.0154571533203125 114.0107650756836 0.01531982421875 114.0092163085938 C 0.015228271484375 114.0082015991211 0.01513671875 114.0072631835938 0.015045166015625 114.0062484741211 C 0.014892578125 114.0044479370117 0.0147247314453125 114.0026092529297 0.0145721435546875 114.0008087158203 C 0.014495849609375 114 0.014404296875 113.9989776611328 0.01434326171875 113.9981689453125 C 0.01416015625 113.9961624145508 0.0139923095703125 113.9941482543945 0.0138092041015625 113.9921417236328 C 0.0137481689453125 113.991325378418 0.0136871337890625 113.9906616210938 0.0136260986328125 113.9898452758789 C 0.0134735107421875 113.9880905151367 0.013336181640625 113.9863891601562 0.01318359375 113.9846267700195 C 0.0131378173828125 113.984016418457 0.013092041015625 113.9834976196289 0.013031005859375 113.9828872680664 C 0.0128631591796875 113.9807891845703 0.0126800537109375 113.978645324707 0.01251220703125 113.9765472412109 C 0.012451171875 113.9757385253906 0.0123748779296875 113.9748992919922 0.0123138427734375 113.9740829467773 C 0.01214599609375 113.9719924926758 0.0119781494140625 113.9699554443359 0.0118255615234375 113.9678649902344 C 0.0117645263671875 113.9672546386719 0.01171875 113.9664993286133 0.01165771484375 113.9658889770508 C 0.01153564453125 113.9641723632812 0.0113983154296875 113.9624633789062 0.011260986328125 113.9607467651367 C 0.0112152099609375 113.9601364135742 0.011138916015625 113.9590835571289 0.0110931396484375 113.9584732055664 C 0.01092529296875 113.9563827514648 0.010772705078125 113.954345703125 0.0106201171875 113.9522552490234 C 0.0105743408203125 113.9516448974609 0.010498046875 113.9505767822266 0.0104522705078125 113.9499664306641 C 0.0102996826171875 113.947868347168 0.0101470947265625 113.9457931518555 0.0099945068359375 113.9437026977539 C 0.00994873046875 113.9430923461914 0.0099029541015625 113.9425430297852 0.009857177734375 113.9419326782227 C 0.009735107421875 113.9401321411133 0.0095977783203125 113.9383163452148 0.0094757080078125 113.9365158081055 C 0.0094146728515625 113.9356994628906 0.009368896484375 113.9351425170898 0.0093231201171875 113.934326171875 C 0.0091705322265625 113.9322280883789 0.009033203125 113.9301528930664 0.008880615234375 113.9280548095703 C 0.0088348388671875 113.92724609375 0.0087738037109375 113.9265365600586 0.00872802734375 113.9257202148438 C 0.0085906982421875 113.923828125 0.0084686279296875 113.9219131469727 0.0083465576171875 113.9200210571289 C 0.0082855224609375 113.9192047119141 0.008270263671875 113.9188613891602 0.008209228515625 113.9180450439453 C 0.008087158203125 113.9161224365234 0.0079498291015625 113.9141540527344 0.0078277587890625 113.912223815918 C 0.007781982421875 113.9114074707031 0.00775146484375 113.9109039306641 0.0076904296875 113.9100875854492 C 0.0075531005859375 113.9079055786133 0.007415771484375 113.9057388305664 0.0072784423828125 113.9035568237305 C 0.0072479248046875 113.902946472168 0.0072174072265625 113.9023895263672 0.007171630859375 113.9017715454102 C 0.0070648193359375 113.8998413085938 0.0069427490234375 113.8978881835938 0.0068206787109375 113.8959579467773 C 0.006805419921875 113.8955535888672 0.006744384765625 113.8947830200195 0.0067291259765625 113.8943786621094 C 0.0066070556640625 113.8922805786133 0.0064697265625 113.8901062011719 0.00634765625 113.8880004882812 C 0.006317138671875 113.8873901367188 0.0062713623046875 113.8864517211914 0.0062255859375 113.8858413696289 C 0.006103515625 113.8837432861328 0.0059814453125 113.8815155029297 0.005859375 113.8794174194336 C 0.005828857421875 113.8788070678711 0.0057830810546875 113.8779983520508 0.0057525634765625 113.8773880004883 C 0.005645751953125 113.8755340576172 0.00555419921875 113.8736114501953 0.0054473876953125 113.8717575073242 C 0.0054168701171875 113.8711471557617 0.005401611328125 113.8708648681641 0.00537109375 113.870246887207 C 0.0052490234375 113.8680191040039 0.0051422119140625 113.8658599853516 0.0050201416015625 113.8636322021484 C 0.004974365234375 113.8628158569336 0.0049591064453125 113.8623580932617 0.004913330078125 113.8615417480469 C 0.0048065185546875 113.8593521118164 0.00469970703125 113.8571548461914 0.0045928955078125 113.8549652099609 C 0.0045623779296875 113.8545608520508 0.0045318603515625 113.8537979125977 0.0045166015625 113.8533935546875 C 0.0044097900390625 113.8514556884766 0.0043182373046875 113.8495254516602 0.0042266845703125 113.8475875854492 C 0.00421142578125 113.8471832275391 0.0041656494140625 113.8463363647461 0.004150390625 113.8459320068359 C 0.0040435791015625 113.8437042236328 0.0039520263671875 113.8415298461914 0.00384521484375 113.8392944335938 C 0.003814697265625 113.8386840820312 0.0037841796875 113.8379135131836 0.003753662109375 113.8373031616211 C 0.003662109375 113.8350677490234 0.003570556640625 113.8328704833984 0.0034637451171875 113.8306427001953 C 0.003448486328125 113.8302307128906 0.0034332275390625 113.8296966552734 0.00341796875 113.8292846679688 C 0.003326416015625 113.8272705078125 0.00323486328125 113.8252410888672 0.0031585693359375 113.8232269287109 C 0.0031280517578125 113.8226089477539 0.00311279296875 113.8222274780273 0.0030975341796875 113.8216094970703 C 0.0030059814453125 113.8193817138672 0.0029144287109375 113.817138671875 0.0028228759765625 113.8149108886719 C 0.0028076171875 113.8142929077148 0.002777099609375 113.8136215209961 0.0027618408203125 113.8130111694336 C 0.0026702880859375 113.8107757568359 0.002593994140625 113.8085327148438 0.00250244140625 113.8062973022461 C 0.00250244140625 113.8060913085938 0.002471923828125 113.8054962158203 0.002471923828125 113.805290222168 C 0.0023956298828125 113.8032684326172 0.0023193359375 113.8011627197266 0.00225830078125 113.7991409301758 C 0.002227783203125 113.7983245849609 0.0022125244140625 113.797966003418 0.0021820068359375 113.7971496582031 C 0.002105712890625 113.7949142456055 0.002044677734375 113.7927169799805 0.0019683837890625 113.7904815673828 C 0.001953125 113.7900772094727 0.001922607421875 113.7892532348633 0.0019073486328125 113.7888488769531 C 0.0018463134765625 113.786735534668 0.0017852783203125 113.7845993041992 0.0017242431640625 113.7824859619141 C 0.001708984375 113.7822799682617 0.0016937255859375 113.7814788818359 0.001678466796875 113.7812728881836 C 0.001617431640625 113.7790832519531 0.001556396484375 113.77685546875 0.001495361328125 113.774658203125 C 0.0014801025390625 113.7740478515625 0.00146484375 113.7734832763672 0.001434326171875 113.7728729248047 C 0.001373291015625 113.7705917358398 0.001312255859375 113.7683410644531 0.0012664794921875 113.7660598754883 C 0.0012359619140625 113.7654418945312 0.0012359619140625 113.7651672363281 0.001220703125 113.7645568847656 C 0.00115966796875 113.7623596191406 0.0011138916015625 113.7601699829102 0.0010528564453125 113.7579803466797 C 0.0010528564453125 113.757568359375 0.0010528564453125 113.7576599121094 0.00103759765625 113.7572479248047 C 0.0009918212890625 113.7548370361328 0.0009307861328125 113.7524566650391 0.000885009765625 113.7500457763672 C 0.0008697509765625 113.749641418457 0.0008544921875 113.7491073608398 0.0008544921875 113.7486953735352 C 0.0008087158203125 113.7463302612305 0.0007476806640625 113.7439498901367 0.000701904296875 113.741584777832 C 0.000701904296875 113.7411727905273 0.0006866455078125 113.7407989501953 0.0006866455078125 113.7403869628906 C 0.000640869140625 113.7382736206055 0.0006103515625 113.7361145019531 0.0005645751953125 113.7340087890625 C 0.0005645751953125 113.7335968017578 0.00054931640625 113.7331161499023 0.00054931640625 113.7327041625977 C 0.0005035400390625 113.7303771972656 0.0004730224609375 113.7280197143555 0.0004425048828125 113.7256927490234 C 0.00042724609375 113.7252807617188 0.00042724609375 113.7246398925781 0.0004119873046875 113.7242279052734 C 0.0003814697265625 113.7218627929688 0.0003509521484375 113.7195129394531 0.0003204345703125 113.7171401977539 C 0.0003204345703125 113.7169342041016 0.00030517578125 113.7163238525391 0.00030517578125 113.7161178588867 C 0.000274658203125 113.7139205932617 0.000244140625 113.7117691040039 0.0002288818359375 113.7095642089844 C 0.0002288818359375 113.7091598510742 0.000213623046875 113.7087631225586 0.000213623046875 113.7083511352539 C 0.00018310546875 113.7060241699219 0.0001678466796875 113.703727722168 0.000152587890625 113.7014007568359 C 0.0001373291015625 113.7007904052734 0.0001373291015625 113.7002792358398 0.0001373291015625 113.6996612548828 C 0.0001068115234375 113.697380065918 9.1552734375e-05 113.6949844360352 7.62939453125e-05 113.6926956176758 C 7.62939453125e-05 113.6922836303711 7.62939453125e-05 113.6922912597656 7.62939453125e-05 113.6918792724609 C 6.103515625e-05 113.6896820068359 4.57763671875e-05 113.6874847412109 4.57763671875e-05 113.6852798461914 C 3.0517578125e-05 113.6846618652344 3.0517578125e-05 113.6844482421875 3.0517578125e-05 113.6838302612305 C 3.0517578125e-05 113.6814956665039 1.52587890625e-05 113.6792144775391 1.52587890625e-05 113.676887512207 C 1.52587890625e-05 113.6764755249023 1.52587890625e-05 113.6757278442383 1.52587890625e-05 113.6753158569336 C 0 113.6729049682617 0 113.670524597168 0 113.6681060791016 L 0 110.7456283569336 Z M 0 100.7456283569336 L 1 100.7456283569336 L 1 105.7456283569336 L 0 105.7456283569336 L 0 100.7456283569336 Z M 0 90.74562835693359 L 1 90.74562835693359 L 1 95.74562835693359 L 0 95.74562835693359 L 0 90.74562835693359 Z M 0 80.74562835693359 L 1 80.74562835693359 L 1 85.74562835693359 L 0 85.74562835693359 L 0 80.74562835693359 Z M 0 70.74562835693359 L 1 70.74562835693359 L 1 75.74562835693359 L 0 75.74562835693359 L 0 70.74562835693359 Z M 0 60.74562835693359 L 1 60.74562835693359 L 1 65.74562835693359 L 0 65.74562835693359 L 0 60.74562835693359 Z M 0 50.74562835693359 L 1 50.74562835693359 L 1 55.74562835693359 L 0 55.74562835693359 L 0 50.74562835693359 Z M 0 40.74562835693359 L 1 40.74562835693359 L 1 45.74562835693359 L 0 45.74562835693359 L 0 40.74562835693359 Z M 0 30.74562835693359 L 1 30.74562835693359 L 1 35.74562835693359 L 0 35.74562835693359 L 0 30.74562835693359 Z M 0 20.74562835693359 L 1 20.74562835693359 L 1 25.74562835693359 L 0 25.74562835693359 L 0 20.74562835693359 Z M 0 10.74562835693359 L 1 10.74562835693359 L 1 15.74562835693359 L 0 15.74562835693359 L 0 10.74562835693359 Z M 2.850540161132812 1.838371276855469 L 3.380416870117188 2.686431884765625 C 1.964614868164062 3.571044921875 1.12384033203125 4.691726684570312 1.012939453125 5.842086791992188 L 0.017547607421875 5.746109008789062 C 0.079803466796875 5.100372314453125 0.3060302734375 4.48175048828125 0.6713104248046875 3.9052734375 C 0.6713714599609375 3.905189514160156 0.67144775390625 3.905075073242188 0.6714935302734375 3.904991149902344 C 0.67791748046875 3.894844055175781 0.6842498779296875 3.884941101074219 0.690765380859375 3.87481689453125 C 0.690826416015625 3.874732971191406 0.69097900390625 3.874488830566406 0.6910400390625 3.874404907226562 C 0.6917266845703125 3.873321533203125 0.6927032470703125 3.871810913085938 0.6934051513671875 3.8707275390625 C 0.6936187744140625 3.870399475097656 0.6938323974609375 3.870048522949219 0.6940460205078125 3.869720458984375 C 0.6947479248046875 3.868637084960938 0.695526123046875 3.867431640625 0.69622802734375 3.866348266601562 C 0.6963958740234375 3.866104125976562 0.696502685546875 3.865921020507812 0.6966705322265625 3.865669250488281 C 0.6973724365234375 3.864585876464844 0.6982574462890625 3.863212585449219 0.6989593505859375 3.862129211425781 C 0.699127197265625 3.86187744140625 0.699310302734375 3.861579895019531 0.6994781494140625 3.861335754394531 C 0.70111083984375 3.858810424804688 0.703033447265625 3.855850219726562 0.704681396484375 3.853324890136719 C 0.7047271728515625 3.853240966796875 0.7049102783203125 3.85296630859375 0.7049713134765625 3.852890014648438 C 0.70684814453125 3.849998474121094 0.7085418701171875 3.847404479980469 0.710418701171875 3.844512939453125 C 0.710479736328125 3.844436645507812 0.710479736328125 3.844436645507812 0.710540771484375 3.844352722167969 C 0.7124176025390625 3.841468811035156 0.7141571044921875 3.83880615234375 0.7160491943359375 3.835922241210938 C 0.7163238525390625 3.835517883300781 0.716522216796875 3.835220336914062 0.716796875 3.834808349609375 C 0.717498779296875 3.833724975585938 0.7181854248046875 3.832687377929688 0.718902587890625 3.83160400390625 C 0.71905517578125 3.83135986328125 0.7193603515625 3.830902099609375 0.7195281982421875 3.830657958984375 C 0.7202301025390625 3.829574584960938 0.7208709716796875 3.82861328125 0.7215728759765625 3.827537536621094 C 0.7218475341796875 3.827125549316406 0.7221221923828125 3.826713562011719 0.7223968505859375 3.826301574707031 C 0.7230987548828125 3.825225830078125 0.7237548828125 3.824234008789062 0.7244720458984375 3.823150634765625 C 0.7246856689453125 3.822822570800781 0.7249603271484375 3.822418212890625 0.7251739501953125 3.822090148925781 C 0.72589111328125 3.821014404296875 0.726348876953125 3.8203125 0.7270660400390625 3.819236755371094 C 0.727386474609375 3.818740844726562 0.7277679443359375 3.818168640136719 0.7281036376953125 3.817672729492188 C 0.72882080078125 3.816596984863281 0.7292022705078125 3.816009521484375 0.72991943359375 3.814933776855469 C 0.730865478515625 3.81353759765625 0.7317047119140625 3.81219482421875 0.732666015625 3.810813903808594 C 0.73358154296875 3.809394836425781 0.734619140625 3.807853698730469 0.73553466796875 3.806488037109375 C 0.7362823486328125 3.80535888671875 0.73724365234375 3.803932189941406 0.7379913330078125 3.802810668945312 C 0.7390289306640625 3.80126953125 0.74017333984375 3.799545288085938 0.7412109375 3.797988891601562 C 0.741485595703125 3.797576904296875 0.7417144775390625 3.797233581542969 0.7419891357421875 3.796829223632812 C 0.742950439453125 3.795394897460938 0.743804931640625 3.794136047363281 0.7447662353515625 3.792694091796875 C 0.7456512451171875 3.7913818359375 0.7466278076171875 3.789947509765625 0.7474822998046875 3.788642883300781 C 0.7484588623046875 3.787193298339844 0.74920654296875 3.786064147949219 0.7501983642578125 3.784622192382812 C 0.751068115234375 3.7833251953125 0.75213623046875 3.781723022460938 0.7530059814453125 3.780471801757812 C 0.753936767578125 3.779098510742188 0.7549285888671875 3.777626037597656 0.755859375 3.776252746582031 C 0.7566986083984375 3.774971008300781 0.7575531005859375 3.773704528808594 0.7584381103515625 3.772453308105469 C 0.7593536376953125 3.771102905273438 0.7602386474609375 3.769821166992188 0.7611541748046875 3.768447875976562 C 0.7620391845703125 3.767112731933594 0.762969970703125 3.7657470703125 0.7638702392578125 3.764442443847656 C 0.7648773193359375 3.763008117675781 0.76580810546875 3.761634826660156 0.76678466796875 3.760177612304688 C 0.76763916015625 3.758934020996094 0.7682342529296875 3.758033752441406 0.76910400390625 3.756790161132812 C 0.7715606689453125 3.753196716308594 0.7740631103515625 3.749542236328125 0.776519775390625 3.745956420898438 C 0.776519775390625 3.745956420898438 0.77667236328125 3.745742797851562 0.77667236328125 3.745742797851562 C 0.778411865234375 3.743217468261719 0.7801055908203125 3.740760803222656 0.7818450927734375 3.738227844238281 C 0.7819671630859375 3.738052368164062 0.7819976806640625 3.738014221191406 0.7821197509765625 3.737831115722656 C 0.78302001953125 3.736526489257812 0.7837677001953125 3.735443115234375 0.78466796875 3.734138488769531 C 0.78466796875 3.734138488769531 0.7847900390625 3.733970642089844 0.7847900390625 3.733970642089844 C 0.7856292724609375 3.732749938964844 0.7863616943359375 3.731689453125 0.7872161865234375 3.73046875 C 0.7873382568359375 3.730293273925781 0.7875518798828125 3.72998046875 0.7876739501953125 3.729804992675781 C 0.78851318359375 3.728584289550781 0.7892608642578125 3.727523803710938 0.79010009765625 3.726303100585938 C 0.79022216796875 3.726119995117188 0.7901153564453125 3.726280212402344 0.7902374267578125 3.726097106933594 C 0.7910919189453125 3.724876403808594 0.7919158935546875 3.723686218261719 0.7927703857421875 3.722457885742188 C 0.7927703857421875 3.722457885742188 0.7930908203125 3.722007751464844 0.7930908203125 3.722007751464844 C 0.8002777099609375 3.711669921875 0.807403564453125 3.701499938964844 0.8146820068359375 3.691192626953125 C 0.8146820068359375 3.691192626953125 0.814788818359375 3.6910400390625 0.814788818359375 3.6910400390625 C 0.8157196044921875 3.689743041992188 0.81658935546875 3.688499450683594 0.8175201416015625 3.687202453613281 C 0.8175201416015625 3.687202453613281 0.8175201416015625 3.68719482421875 0.8175201416015625 3.68719482421875 C 0.8183746337890625 3.68597412109375 0.8192901611328125 3.684684753417969 0.820159912109375 3.6834716796875 C 0.820159912109375 3.6834716796875 0.8203887939453125 3.683135986328125 0.8203887939453125 3.683135986328125 C 1.309967041015625 2.992866516113281 2.001968383789062 2.368568420410156 2.850540161132812 1.838371276855469 Z M 10 -1.52587890625e-05 L 10 0.9999847412109375 C 9.21661376953125 0.9999847412109375 8.438720703125 1.058967590332031 7.687942504882812 1.175285339355469 L 7.534835815429688 0.1870880126953125 C 8.076828002929688 0.1031112670898438 8.636398315429688 0.0461883544921875 9.209609985351562 0.018798828125 C 9.222137451171875 0.01804351806640625 9.235931396484375 0.01755523681640625 9.249053955078125 0.01696014404296875 C 9.249053955078125 0.01696014404296875 9.249496459960938 0.01694488525390625 9.249496459960938 0.01694488525390625 C 9.252914428710938 0.01678466796875 9.255523681640625 0.01663970947265625 9.2591552734375 0.01650238037109375 C 9.262649536132812 0.01634979248046875 9.265335083007812 0.0161895751953125 9.26885986328125 0.01607513427734375 C 9.27557373046875 0.015777587890625 9.282638549804688 0.01543426513671875 9.289169311523438 0.01519012451171875 C 9.292373657226562 0.01505279541015625 9.295394897460938 0.0149383544921875 9.298675537109375 0.0147857666015625 C 9.301849365234375 0.01465606689453125 9.305099487304688 0.01444244384765625 9.308349609375 0.01438140869140625 C 9.315353393554688 0.0140838623046875 9.321426391601562 0.01385498046875 9.3284912109375 0.0135498046875 C 9.33148193359375 0.01343536376953125 9.335357666015625 0.0133209228515625 9.33831787109375 0.013153076171875 C 9.341644287109375 0.0130157470703125 9.344482421875 0.01290130615234375 9.347808837890625 0.01277923583984375 C 9.354644775390625 0.01250457763671875 9.361328125 0.0122528076171875 9.368270874023438 0.01198577880859375 C 9.37139892578125 0.011871337890625 9.374969482421875 0.0117340087890625 9.378036499023438 0.01161956787109375 C 9.381378173828125 0.0114898681640625 9.383941650390625 0.01139068603515625 9.3873291015625 0.01126861572265625 C 9.39031982421875 0.0111541748046875 9.393661499023438 0.0110626220703125 9.39654541015625 0.01093292236328125 C 9.4000244140625 0.01081085205078125 9.403244018554688 0.010711669921875 9.406723022460938 0.01056671142578125 C 9.409927368164062 0.01044464111328125 9.41375732421875 0.010345458984375 9.4169921875 0.01020050048828125 C 9.4202880859375 0.0100860595703125 9.423416137695312 0.009979248046875 9.42669677734375 0.00986480712890625 C 9.429733276367188 0.009765625 9.432815551757812 0.00963592529296875 9.435897827148438 0.009552001953125 C 9.442581176757812 0.00931549072265625 9.449142456054688 0.00908660888671875 9.455963134765625 0.008880615234375 C 9.459335327148438 0.00876617431640625 9.462600708007812 0.0086517333984375 9.466049194335938 0.00855255126953125 C 9.469146728515625 0.008453369140625 9.472137451171875 0.008392333984375 9.475250244140625 0.0082550048828125 C 9.48199462890625 0.00804901123046875 9.488815307617188 0.00778961181640625 9.495391845703125 0.00763702392578125 C 9.499114990234375 0.0075225830078125 9.502243041992188 0.00743865966796875 9.5059814453125 0.00731658935546875 C 9.509002685546875 0.00722503662109375 9.512054443359375 0.00711822509765625 9.51507568359375 0.007049560546875 C 9.5181884765625 0.0069427490234375 9.521575927734375 0.00684356689453125 9.524734497070312 0.00676727294921875 C 9.531494140625 0.0065765380859375 9.538223266601562 0.00634765625 9.545242309570312 0.006195068359375 C 9.548431396484375 0.00611114501953125 9.551528930664062 0.00601959228515625 9.554702758789062 0.00594329833984375 C 9.557846069335938 0.005859375 9.561065673828125 0.00579833984375 9.564224243164062 0.00568389892578125 C 9.571334838867188 0.00550079345703125 9.578338623046875 0.0053253173828125 9.585311889648438 0.00514984130859375 C 9.58843994140625 0.00505828857421875 9.591827392578125 0.00496673583984375 9.594894409179688 0.004913330078125 C 9.59796142578125 0.0048370361328125 9.601058959960938 0.0047607421875 9.6041259765625 0.00469207763671875 C 9.610809326171875 0.00452423095703125 9.617965698242188 0.00435638427734375 9.624588012695312 0.00421905517578125 C 9.627914428710938 0.004150390625 9.63128662109375 0.00408935546875 9.634567260742188 0.00399017333984375 C 9.637527465820312 0.003936767578125 9.6409912109375 0.003875732421875 9.64398193359375 0.00379180908203125 C 9.646957397460938 0.00371551513671875 9.650131225585938 0.00363922119140625 9.6531982421875 0.00359344482421875 C 9.657089233398438 0.00351715087890625 9.661041259765625 0.0034332275390625 9.6649169921875 0.00335693359375 C 9.66827392578125 0.00327301025390625 9.671096801757812 0.0032501220703125 9.674407958984375 0.00316619873046875 C 9.677658081054688 0.00310516357421875 9.68072509765625 0.00302886962890625 9.683975219726562 0.00298309326171875 C 9.686874389648438 0.00293731689453125 9.689834594726562 0.0028839111328125 9.692764282226562 0.00281524658203125 C 9.696487426757812 0.0027618408203125 9.699874877929688 0.00269317626953125 9.703643798828125 0.00262451171875 C 9.707122802734375 0.0025634765625 9.710220336914062 0.0025177001953125 9.713714599609375 0.00244903564453125 C 9.717117309570312 0.00238037109375 9.72015380859375 0.0023345947265625 9.723556518554688 0.00228118896484375 C 9.72662353515625 0.002227783203125 9.729446411132812 0.00218963623046875 9.732513427734375 0.00213623046875 C 9.739334106445312 0.0020294189453125 9.746322631835938 0.0018768310546875 9.753143310546875 0.0018157958984375 C 9.756668090820312 0.00176239013671875 9.760025024414062 0.0017242431640625 9.763580322265625 0.0016632080078125 C 9.766403198242188 0.00162506103515625 9.76971435546875 0.001556396484375 9.772537231445312 0.0015411376953125 C 9.775619506835938 0.001495361328125 9.77880859375 0.00145721435546875 9.781906127929688 0.00141143798828125 C 9.785873413085938 0.00136566162109375 9.789230346679688 0.0013275146484375 9.793167114257812 0.0012664794921875 C 9.796401977539062 0.0012359619140625 9.799713134765625 0.0012054443359375 9.802932739257812 0.00115203857421875 C 9.806106567382812 0.00112152099609375 9.809097290039062 0.00107574462890625 9.812271118164062 0.00104522705078125 C 9.815444946289062 0.001007080078125 9.818511962890625 0.0009765625 9.821685791015625 0.00093841552734375 C 9.825531005859375 0.0009002685546875 9.829376220703125 0.0008392333984375 9.833251953125 0.000823974609375 C 9.836715698242188 0.00078582763671875 9.840057373046875 0.000732421875 9.843536376953125 0.00072479248046875 C 9.846527099609375 0.0006866455078125 9.849594116210938 0.00064849853515625 9.852615356445312 0.000640869140625 C 9.85552978515625 0.00061798095703125 9.858734130859375 0.0005950927734375 9.861648559570312 0.0005645751953125 C 9.868606567382812 0.0005035400390625 9.876358032226562 0.000457763671875 9.883285522460938 0.000396728515625 C 9.886428833007812 0.0003662109375 9.889450073242188 0.000335693359375 9.892608642578125 0.000335693359375 C 9.895751953125 0.00030517578125 9.898483276367188 0.00029754638671875 9.901657104492188 0.000274658203125 C 9.904632568359375 0.0002593994140625 9.908050537109375 0.0002288818359375 9.911026000976562 0.0002288818359375 C 9.915496826171875 0.000213623046875 9.919326782226562 0.00018310546875 9.923797607421875 0.00016021728515625 C 9.926727294921875 0.000152587890625 9.929550170898438 0.0001373291015625 9.932540893554688 0.0001220703125 C 9.935333251953125 9.918212890625e-05 9.938995361328125 9.1552734375e-05 9.941879272460938 9.1552734375e-05 C 9.944839477539062 8.392333984375e-05 9.947769165039062 5.340576171875e-05 9.9508056640625 6.103515625e-05 C 9.95489501953125 4.57763671875e-05 9.958877563476562 1.52587890625e-05 9.962982177734375 3.0517578125e-05 C 9.966339111328125 3.0517578125e-05 9.969131469726562 2.288818359375e-05 9.972412109375 1.52587890625e-05 C 9.975677490234375 -7.62939453125e-06 9.978378295898438 -7.62939453125e-06 9.981643676757812 0 C 9.984771728515625 0 9.987701416015625 -3.0517578125e-05 9.990859985351562 -7.62939453125e-06 C 9.993927001953125 -7.62939453125e-06 9.996932983398438 -1.52587890625e-05 10 -1.52587890625e-05 C 10 -1.52587890625e-05 10 -1.52587890625e-05 10 -1.52587890625e-05 Z" stroke="none" fill="#05968F"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(245 275.063)">
+      <g id="_1403752601248" transform="translate(0 0)">
+        <path id="Path_10046" data-name="Path 10046" d="M32.06,15.195A16.238,16.238,0,0,1,43,18.935c.369.312.679.668,1.027,1.017,3.016,3.014,4.315,6.511,4.628,10.961.035.494-.1,1.13-.129,1.774a11.052,11.052,0,0,1-.249,1.666,19.146,19.146,0,0,1-.95,3.009,15.006,15.006,0,0,1-3.108,4.682,15.079,15.079,0,0,1-4.457,3.332,15.962,15.962,0,0,1-16.425-1.411,17.487,17.487,0,0,1-3.029-2.845c-.267-.378-.521-.721-.791-1.124a15.126,15.126,0,0,1-2.35-5.44,16.136,16.136,0,0,1,.973-9.909,17.164,17.164,0,0,1,4.115-5.589,13.382,13.382,0,0,1,1.081-.834A16.111,16.111,0,0,1,32.06,15.2ZM16.1,6.257V8.81H8.182a8.041,8.041,0,0,0-5.709,1.824A7.152,7.152,0,0,0,.01,15.706V46.48c0,3.676,3.317,6.9,7.662,6.9H57.727a7.655,7.655,0,0,0,5.334-1.944,7.091,7.091,0,0,0,2.328-4.951V15.706a7.152,7.152,0,0,0-2.463-5.071A8.04,8.04,0,0,0,57.217,8.81H49.3c0-2.449.206-4.983-1.943-7A6.261,6.261,0,0,0,45.418.562,7.094,7.094,0,0,0,42.66,0H22.74A6.325,6.325,0,0,0,17.4,2.581a6.505,6.505,0,0,0-1.3,3.676Z" transform="translate(-0.01 0)" fill="#fff" stroke="#05968F" stroke-width="1.5" fill-rule="evenodd"/>
+        <path id="Path_10047" data-name="Path 10047" d="M279.231,270.042a10.344,10.344,0,0,0,.89,4.217c1.578,3.585,5.228,6.381,9.07,6.381a9.68,9.68,0,0,0,5.321-1.064,9.926,9.926,0,0,0,2.948-2.16,10.567,10.567,0,0,0-15.2-14.687,10.77,10.77,0,0,0-3.032,7.311Z" transform="translate(-257.141 -239.013)" fill="#92CBC8" fill-rule="evenodd"/>
+      </g>
+    </g>
+    <text id="Long_Shot" data-name="Long Shot" transform="translate(250 352.938)" fill="#323232" font-size="12" font-family="OpenSans-Regular, Open Sans"><tspan x="0" y="0">Long Shot</tspan></text>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/POSM_tracking_icon.svg b/src/assets/performics/main_menu_icons/POSM_tracking_icon.svg
new file mode 100644
index 0000000..15577ee
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/POSM_tracking_icon.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16364" data-name="Group 16364" transform="translate(-225 -149)">
+    <g id="Group_14305" data-name="Group 14305" transform="translate(182 1)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#d1e2ef"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(245.684 149)">
+      <g id="_446172672" transform="translate(0.316)">
+        <path id="Path_10806" data-name="Path 10806" d="M955.978,734.533a4.319,4.319,0,0,1-1.643,2.421,2.449,2.449,0,0,0-1.038.735l-.605-.346-.692-.389a.757.757,0,0,1,.043-.216,4.46,4.46,0,0,0,.13-.519.621.621,0,0,0,.086-.649,1.6,1.6,0,0,1,.13-1.254c.26-.3.476-1.124.605-1.124.346.043-.173,1.211-.043,1.427a.3.3,0,0,0,.346.086h0c.951-.432,2.075-2.637,2.594-2.335A4.387,4.387,0,0,1,955.978,734.533Z" transform="translate(-910.852 -700.679)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10807" data-name="Path 10807" d="M967.415,712l1.167.822c.086.043.216.043.259-.043l3.026-4.324c.086-.086.043-.173-.043-.259l-1.167-.821c-.086-.043-.216-.043-.259.043l-3.027,4.324A.2.2,0,0,0,967.415,712Z" transform="translate(-925.532 -676.76)" fill="#2b478b" fill-rule="evenodd"/>
+        <path id="Path_10808" data-name="Path 10808" d="M992.647,729.955l.692.519a.19.19,0,0,0,.216-.043l3.07-4.367a.19.19,0,0,0-.043-.216l-.692-.476c-.086-.043-.173-.043-.216.043l-3.07,4.367C992.561,729.825,992.6,729.911,992.647,729.955Z" transform="translate(-949.684 -693.982)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_10809" data-name="Path 10809" d="M505.243,672s6.01,10.463,8.215,12.409l8-5.967a2.9,2.9,0,0,1,1.643,1.513s-4.842,9.9-9.642,10.334C508.7,690.678,502,678.442,502,678.442Z" transform="translate(-480.309 -642.945)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10810" data-name="Path 10810" d="M126.423,2165.048h-3.5a2.029,2.029,0,0,1-.908-1.6c-.173-1.124-1.427-1.73-1.729-2.637-.259-.951,1.124-2.205,1.124-2.205l.259-.3.216-.3,2.292.519s.086.562.13,1.254v1.6c-.086,1.21.346,2.551,1.427,2.767C126.509,2164.313,126.466,2164.788,126.423,2165.048Z" transform="translate(-115.065 -2064.696)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_10811" data-name="Path 10811" d="M547.454,2230.82H539.5c-.389-.476-.216-2.205-.173-2.767v-.173s2.724-2.162,3.113-.519a.26.26,0,0,0,.043.173c.432,1.556,2.551,2.248,3.762,2.421A1.4,1.4,0,0,1,547.454,2230.82Z" transform="translate(-515.948 -2130.469)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_10812" data-name="Path 10812" d="M439.5,1279.735s-.432,5.1-.908,11.285c-.649,8.388-1.427,18.678-1.513,20.667-.13,3.373-.692,8.777-.692,8.777a4.289,4.289,0,0,1-3.848.778,90.818,90.818,0,0,1-2.983-15.954v-.389c-.605-8.345-1.557-25.9-1.557-25.9Z" transform="translate(-409.508 -1223.7)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_10813" data-name="Path 10813" d="M439.5,1279.735s-.432,5.1-.908,11.285l-9.036,14.268v-.389c-.605-8.345-1.557-25.9-1.557-25.9Z" transform="translate(-409.508 -1223.7)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_10814" data-name="Path 10814" d="M168.748,1235.372s-7.393,18.592-12.279,27.326-6.4,11.2-6.4,11.2-2.81-1.124-3.07-1.9c0,0,1.859-16.862,5.145-20.97,1.859-2.335,4.021-9.3,4.107-11.76.086-2.421.649-7.264.649-7.264Z" transform="translate(-140.658 -1178.733)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_10815" data-name="Path 10815" d="M431.956,511.7c-2.9.951-7.956-1.513-7.956-1.513A7.63,7.63,0,0,0,426.551,504l2.248,1.773,1.513,1.254a16.178,16.178,0,0,1-.173,1.989c-.043.346-.086.692-.173,1.124A6.806,6.806,0,0,1,431.956,511.7Z" transform="translate(-405.681 -482.209)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10816" data-name="Path 10816" d="M486.762,545.358a16.173,16.173,0,0,1-.173,1.989c-1.686-.3-3.589-3.027-3.589-3.027a5.282,5.282,0,0,1,2.248-.216Z" transform="translate(-462.13 -520.541)" fill="#ed975d" fill-rule="evenodd"/>
+        <path id="Path_10817" data-name="Path 10817" d="M463.846,396.755s-4.8.822-5.275-2.205c-.432-2.983-1.34-4.886,1.686-5.534,3.027-.605,3.8.432,4.194,1.384C464.84,391.394,465.057,396.5,463.846,396.755Z" transform="translate(-438.307 -372.024)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10818" data-name="Path 10818" d="M377.614,649.224a.392.392,0,0,1-.3.13c-1.081,0-4.237.605-6.961.3a20.316,20.316,0,0,1-6.4-1.816c-.3-.13-.951-.519-.951-.821.043-.346.043-.865.086-1.513a75.366,75.366,0,0,0,.173-10.42c-.043-.821-.086-1.643-.086-2.464,0-5.967,1.167-11.242,3.545-13.014a7.852,7.852,0,0,1,2.594,1.038,4.787,4.787,0,0,0,3.156.389l.994.865a10.11,10.11,0,0,1,3.113,5.016,55.036,55.036,0,0,1,.951,9.3c.086,1.686.13,3.372.173,5.015v.519C377.744,645.9,377.7,649.181,377.614,649.224Z" transform="translate(-347.319 -592.801)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10819" data-name="Path 10819" d="M365,842.035a75.366,75.366,0,0,0,.173-10.42c-.043-.821-.086-1.643-.086-2.464.994-2.378,1.816-4.151,1.816-4.151h2.508S371.226,837.539,365,842.035Z" transform="translate(-349.232 -789.33)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10820" data-name="Path 10820" d="M20.713,1333.031l10.679,1.513a2.536,2.536,0,0,0,2.854-2.162l.692-4.626a2.6,2.6,0,0,0-2.162-2.9L22.1,1323.346a2.57,2.57,0,0,0-2.9,2.162l-.649,4.626A2.6,2.6,0,0,0,20.713,1333.031Z" transform="translate(-17.743 -1266.101)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_10821" data-name="Path 10821" d="M8.215,1292.483c.043-.13.13-.26.259-.26h.086l.476.043,1.773.259.951.13c.173.043.3.173.259.346l-.13,1.038-3.8-.562Zm8.345,3.5h0a2.671,2.671,0,0,0-1.773-1.557h0a.549.549,0,0,1-.259-.043l-2.119-.3.13-.995a.75.75,0,0,0-.13-.605,1.116,1.116,0,0,0-.562-.346l-.562-.086-2.248-.3-.389-.043a.81.81,0,0,0-.951.692l-.13.995-3.675-.519a2.6,2.6,0,0,0-2.9,2.162l-.649,4.713a2.506,2.506,0,0,0,2.162,2.854l10.636,1.557h.562a2.56,2.56,0,0,0,.821-.216,2.59,2.59,0,0,0,1.513-1.989l.649-4.67A2.623,2.623,0,0,0,16.559,1295.985Z" transform="translate(-0.316 -1235.843)" fill="#2b478b" fill-rule="evenodd"/>
+        <path id="Path_10822" data-name="Path 10822" d="M185.2,1213.692a4.529,4.529,0,0,0-.605,1.081c-.13,1.989.778,2.292-1.6,3.416,0,0-1.038.389-1.038-.432-.043-.778.692-.778.562-1.9-.13-1.254-.13-1.3.692-1.946l.562-.908Z" transform="translate(-174.104 -1160.554)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10823" data-name="Path 10823" d="M196.254,656.5a7.675,7.675,0,0,0,1.859.086s2.681-8.258,3.027-8.993c.346-.778,7.956-9.685,7.956-9.685L205.9,630s-8.215,13.706-9.036,15.652c-1.384,3.156-1.859,10.29-1.859,10.29A3.722,3.722,0,0,0,196.254,656.5Z" transform="translate(-186.583 -602.761)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10824" data-name="Path 10824" d="M443.83,346.8s.519-.086.432-.778c-.086-.649-.086-1.557.476-1.384s.562.605.778.346c.259-.259.259-1.34,1.9-1.427s2.292.519,3.07.173c.735-.346.778-1.513.778-1.513a1.355,1.355,0,0,1-.519.562s1.254-1.729-.216-2.94c-1.47-1.167-2.983-.389-3.848-.346-1.859.13-3.07.216-3.675,1.47C442.4,342.174,442.662,345.59,443.83,346.8Z" transform="translate(-423.566 -324.534)" fill="#323232" fill-rule="evenodd"/>
+        <path id="Path_10825" data-name="Path 10825" d="M234.967,1250a3.23,3.23,0,0,1,.605.778c.086.778.346,1.081.216,1.167-.259.173-.605-.389-.778-.865A2.262,2.262,0,0,1,234.967,1250Z" transform="translate(-224.777 -1195.954)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10826" data-name="Path 10826" d="M869.183,9.123A3.113,3.113,0,1,1,872.3,6.01,3.1,3.1,0,0,1,869.183,9.123Zm0-9.123A6.335,6.335,0,0,0,863,6.485c0,3.545,6.183,10.593,6.183,10.593s6.14-7.048,6.14-10.593A6.3,6.3,0,0,0,869.183,0Z" transform="translate(-825.701)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10827" data-name="Path 10827" d="M1055.247,510.965l-.822-.346,5.923-13.965V477.846l-7.912-.259v-11.5l-7.437-7.48.605-.605,7.7,7.739v10.982l7.912.259v19.932Z" transform="translate(-999.831 -438.198)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10828" data-name="Path 10828" d="M1219,1636.292a2.313,2.313,0,1,1,2.335,2.335A2.316,2.316,0,0,1,1219,1636.292Z" transform="translate(-1166.308 -1563.352)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10829" data-name="Path 10829" d="M1211.767,1624.865a1.883,1.883,0,0,0-1.9,1.859,1.919,1.919,0,0,0,1.9,1.9,1.882,1.882,0,0,0,1.859-1.9A1.846,1.846,0,0,0,1211.767,1624.865Zm0,4.626a2.786,2.786,0,0,1-2.767-2.767,2.75,2.75,0,0,1,2.767-2.724,2.713,2.713,0,0,1,2.724,2.724A2.75,2.75,0,0,1,1211.767,1629.491Z" transform="translate(-1156.741 -1553.784)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10830" data-name="Path 10830" d="M1357,855.335a2.313,2.313,0,1,1,2.292,2.335A2.316,2.316,0,0,1,1357,855.335Z" transform="translate(-1298.342 -816.119)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10831" data-name="Path 10831" d="M1349.724,843.865a1.9,1.9,0,0,0,0,3.8,1.9,1.9,0,0,0,0-3.8Zm0,4.67a2.767,2.767,0,1,1,2.767-2.767A2.75,2.75,0,0,1,1349.724,848.534Z" transform="translate(-1288.774 -806.552)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10832" data-name="Path 10832" d="M1029,443.951a.97.97,0,0,1,.995-.951.96.96,0,0,1,.951.951.973.973,0,1,1-1.946,0Z" transform="translate(-984.523 -423.846)" fill="#cde0fb" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/addFree_visibility_icon.svg b/src/assets/performics/main_menu_icons/addFree_visibility_icon.svg
new file mode 100644
index 0000000..db87f4e
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/addFree_visibility_icon.svg
@@ -0,0 +1,228 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="116.34" viewBox="0 0 109 116.34">
+  <g id="Group_16357" data-name="Group 16357" transform="translate(-225 -139.66)">
+    <g id="Group_14305" data-name="Group 14305" transform="translate(182 1)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#d1e2ef"/>
+    </g>
+    <g id="Group_16348" data-name="Group 16348">
+      <g id="Layer_x0020_1" transform="translate(229.992 139.66)">
+        <g id="_412070360">
+          <g id="Group_14602" data-name="Group 14602" transform="translate(80.779)">
+            <g id="Group_14600" data-name="Group 14600">
+              <g id="Group_14599" data-name="Group 14599">
+                <path id="Path_10298" data-name="Path 10298" d="M2136.237,7.119a7.108,7.108,0,0,1-7.119,7.119h-.495a7.137,7.137,0,0,1,0-14.237h.495A7.132,7.132,0,0,1,2136.237,7.119Z" transform="translate(-2122)" fill="#05968F"/>
+              </g>
+              <path id="Path_10299" data-name="Path 10299" d="M2135.286,7.119A6.659,6.659,0,1,1,2128.624,0,7.152,7.152,0,0,1,2135.286,7.119Z" transform="translate(-2122)" fill="rgba(255,255,255,0.2)"/>
+              <path id="Path_10300" data-name="Path 10300" d="M2156,52.329A5.329,5.329,0,1,0,2161.33,47,5.345,5.345,0,0,0,2156,52.329Z" transform="translate(-2154.706 -45.211)" fill="rgba(255,255,255,0.4)"/>
+            </g>
+            <g id="Group_14601" data-name="Group 14601" transform="translate(3.959 3.007)">
+              <path id="Path_10301" data-name="Path 10301" d="M2231.1,84.253c.229,1.18-.609,1.98-2.056,2.094l-.038.952h-.875l.038-.952a4.867,4.867,0,0,1-2.17-.685l.419-1.1a4.223,4.223,0,0,0,1.789.647l.038-1.523c-.875-.228-1.827-.571-2.018-1.637-.229-1.18.609-1.98,2.094-2.094l.038-.952h.875l-.038.99a3.934,3.934,0,0,1,1.713.495l-.343,1.1a3.083,3.083,0,0,0-1.37-.457l-.038,1.561C2230,82.921,2230.949,83.226,2231.1,84.253Zm-2.855-1.827h0l.038-1.294c-.495.114-.723.381-.685.723A.9.9,0,0,0,2228.246,82.426Zm1.485,2.056h0a.87.87,0,0,0-.609-.533l-.038,1.218C2229.54,85.053,2229.769,84.824,2229.731,84.482Z" transform="translate(-2226 -79)" fill="rgba(255,255,255,0.7)"/>
+            </g>
+          </g>
+          <g id="Group_14603" data-name="Group 14603" transform="translate(28.322 73.242)">
+            <path id="Path_10302" data-name="Path 10302" d="M769.1,1925v35.06H745V1925Z" transform="translate(-744.962 -1924.962)" fill="#05968F"/>
+            <path id="Path_10303" data-name="Path 10303" d="M750.814,1959.1H744V1924h6.814Z" transform="translate(-744 -1924)" fill="rgba(0,0,0,0.2)"/>
+          </g>
+          <g id="Group_14604" data-name="Group 14604" transform="translate(4.226 98.976)">
+            <path id="Path_10304" data-name="Path 10304" d="M135.1,2600v9.365H111V2600Z" transform="translate(-111 -2600)" fill="#707ec3"/>
+            <path id="Path_10305" data-name="Path 10305" d="M118.233,2600v9.365H111V2600Z" transform="translate(-111 -2600)" fill="rgba(0,0,0,0.2)"/>
+          </g>
+          <g id="Group_14646" data-name="Group 14646" transform="translate(0 3.476)">
+            <g id="Group_14645" data-name="Group 14645">
+              <g id="Group_14608" data-name="Group 14608" transform="translate(10.469 14.997)">
+                <path id="Path_10306" data-name="Path 10306" d="M321.631,488.994c-1.142,1.37-2.322,2.741-3.5,4.111l-.876.99-.8.914a2.677,2.677,0,0,0-.647,1.409l-.266,2.627c-.076.876-.152,1.751-.266,2.665-.19,1.789-.419,3.578-.647,5.329a1.133,1.133,0,0,1-1.294.99,1.174,1.174,0,0,1-.99-1.066l-.228-5.368c-.038-.914-.038-1.789-.076-2.7l-.038-2.7a6.436,6.436,0,0,1,1.142-3.578l.876-1.218.8-1.066c1.1-1.409,2.17-2.817,3.274-4.225a2.371,2.371,0,0,1,3.236-.343,2.327,2.327,0,0,1,.343,3.2A.037.037,0,0,1,321.631,488.994Z" transform="translate(-310.591 -485.274)" fill="#05968F"/>
+                <g id="Group_14605" data-name="Group 14605" transform="translate(0 21.489)">
+                  <path id="Path_10307" data-name="Path 10307" d="M276.485,1050.167,275,1052.718l3.426.343.609-2.551a.564.564,0,0,0-.457-.685A3.008,3.008,0,0,0,276.485,1050.167Z" transform="translate(-275 -1049.778)" fill="#e27a60"/>
+                  <path id="Path_10308" data-name="Path 10308" d="M275,1127l.152.876a.9.9,0,0,0,.914.761h1.1a.992.992,0,0,0,.837-.495l.419-.8Z" transform="translate(-275 -1124.06)" fill="#e27a60"/>
+                </g>
+                <g id="Group_14607" data-name="Group 14607" transform="translate(1.256 20.013)">
+                  <g id="Group_14606" data-name="Group 14606">
+                    <path id="Path_10309" data-name="Path 10309" d="M308,1011l3.274.114-.19,1.941-2.817-.19Z" transform="translate(-308 -1011)" fill="#067cff"/>
+                  </g>
+                  <path id="Path_10310" data-name="Path 10310" d="M308,1011l3.274.114-.19,1.941-2.817-.19Z" transform="translate(-308 -1011)" fill="rgba(255,255,255,0.3)"/>
+                </g>
+              </g>
+              <g id="Group_14615" data-name="Group 14615" transform="translate(0 38.51)">
+                <g id="Group_14609" data-name="Group 14609" transform="translate(6.053 0)">
+                  <path id="Path_10311" data-name="Path 10311" d="M167.984,1120.112l-.533.837-.419-.837.99-12.791c.152-2.056-.533-3.731-3.083-3.769a3.718,3.718,0,0,0-3.959,3.578l-1.028,12.753-.571.837-.381-.837,1.028-12.791c.19-2.36,1.256-4.225,4.987-4.149s4.149,2.018,3.959,4.378Z" transform="translate(-159 -1102.941)" fill="#de7625"/>
+                </g>
+                <g id="Group_14614" data-name="Group 14614" transform="translate(0 0.112)">
+                  <g id="Group_14610" data-name="Group 14610" transform="translate(0 8.455)">
+                    <path id="Path_10312" data-name="Path 10312" d="M4.568,1327.974H3.883a2.642,2.642,0,0,0-2.665,2.322L0,1339.547l4.226.114Z" transform="translate(0 -1327.973)" fill="#de7625"/>
+                    <path id="Path_10313" data-name="Path 10313" d="M4.568,1327.974H3.883a2.642,2.642,0,0,0-2.665,2.322L0,1339.547l4.226.114Z" transform="translate(0 -1327.973)" fill="#de7625"/>
+                  </g>
+                  <g id="Group_14613" data-name="Group 14613" transform="translate(2.17)">
+                    <g id="Group_14611" data-name="Group 14611" transform="translate(5.368)">
+                      <path id="Path_10314" data-name="Path 10314" d="M206.984,1123.045l-.952-.038.114-12.791c0-2.018-.8-3.693-3.35-3.731a3.371,3.371,0,0,0-3.693,3.578l-.152,12.753-.952-.038.152-12.753c.038-2.36.952-4.264,4.682-4.149,3.731.076,4.264,2.018,4.264,4.378Z" transform="translate(-198 -1105.872)" fill="#202d34"/>
+                    </g>
+                    <path id="Path_10315" data-name="Path 10315" d="M75.882,1340.192,57,1339.621l.19-9.517a2.122,2.122,0,0,1,2.208-2.132l13.7.343a2.91,2.91,0,0,1,2.817,2.931Z" transform="translate(-57 -1319.516)" fill="#ffae3e"/>
+                    <g id="Group_14612" data-name="Group 14612" transform="translate(5.368)">
+                      <path id="Path_10317" data-name="Path 10317" d="M206.984,1123.045l-.457.838-.495-.875.114-12.791c0-2.018-.8-3.693-3.35-3.731a3.371,3.371,0,0,0-3.693,3.578l-.152,12.753-.495.838-.457-.876.152-12.753c.038-2.36.952-4.264,4.682-4.149,3.731.076,4.264,2.018,4.264,4.378Z" transform="translate(-198 -1105.872)" fill="#ffe2bb"/>
+                    </g>
+                    <path id="Path_10318" data-name="Path 10318" d="M191.6,1405.647l-1.6-.076V1405l1.6.038Z" transform="translate(-184.937 -1393.613)" fill="#202d34"/>
+                    <path id="Path_10319" data-name="Path 10319" d="M190.561,1506.609l-1.561-.038V1506l1.6.038Z" transform="translate(-183.975 -1490.768)" fill="#202d34"/>
+                    <path id="Path_10320" data-name="Path 10320" d="M403.6,1411.609l-1.6-.038V1411l1.6.038Z" transform="translate(-388.867 -1399.385)" fill="#202d34"/>
+                    <path id="Path_10321" data-name="Path 10321" d="M403.561,1512.609l-1.561-.038V1512l1.561.038Z" transform="translate(-388.867 -1496.54)" fill="#202d34"/>
+                    <path id="Path_10322" data-name="Path 10322" d="M279.388,1399.37l-3.388-.076V1398l3.388.114Z" transform="translate(-267.663 -1386.879)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_14644" data-name="Group 14644" transform="translate(12.481)">
+                <g id="Group_14639" data-name="Group 14639" transform="translate(5.634)">
+                  <g id="Group_14618" data-name="Group 14618" transform="translate(1.257)">
+                    <path id="Path_10323" data-name="Path 10323" d="M742.9,207.852c.152-.038.266.114.3.3.076.19,0,.381-.152.381-.114.038-.266-.114-.3-.3S742.788,207.852,742.9,207.852Z" transform="translate(-733.838 -203.41)" fill="#202d34"/>
+                    <path id="Path_10324" data-name="Path 10324" d="M745.114,203.343a.672.672,0,0,0,.3-.343.572.572,0,0,1-.419.152A.324.324,0,0,1,745.114,203.343Z" transform="translate(-736.012 -198.749)" fill="#202d34"/>
+                    <path id="Path_10325" data-name="Path 10325" d="M744.419,216.865a1,1,0,0,0,.876-.381A6.981,6.981,0,0,1,744,215Z" transform="translate(-735.05 -210.292)" fill="#d14b37"/>
+                    <path id="Path_10326" data-name="Path 10326" d="M713.228,184.426a.958.958,0,0,1,.761-.343h.038a.114.114,0,1,0,0-.228,1.1,1.1,0,0,0-.99.419.133.133,0,0,0-.038.076.172.172,0,0,0,.114.114A.14.14,0,0,0,713.228,184.426Z" transform="translate(-705.23 -180.327)" fill="#202d34"/>
+                    <path id="Path_10327" data-name="Path 10327" d="M586.921,351.205c-3.388.038-3.921-1.789-3.921-1.789,1.028-.99,1.066-2.817.876-4.416a2.97,2.97,0,0,0,.99.952c.8.533,2.551-.3,2.551-.3a6.458,6.458,0,0,1,.038.723c.038,1.066.3,2.931,1.256,3.2C588.71,349.568,590.652,351.167,586.921,351.205Z" transform="translate(-580.179 -335.343)" fill="#e27a60"/>
+                    <path id="Path_10328" data-name="Path 10328" d="M603.845,316.094c-.038.152-.076.3-.114.495h-.038a3.1,3.1,0,0,1-2.474-.457,2.97,2.97,0,0,1-.99-.952c-.076-.419-.152-.8-.228-1.18l3.693,2.018Z" transform="translate(-596.532 -305.523)" fill="#e27a60"/>
+                    <g id="Group_14616" data-name="Group 14616" transform="translate(2.124 1.491)">
+                      <path id="Path_10329" data-name="Path 10329" d="M572.312,136.824a3.482,3.482,0,0,1-1.675,2.855H570.6a2.378,2.378,0,0,1-.837.381h-.038a3.1,3.1,0,0,1-2.474-.457,2.97,2.97,0,0,1-.99-.952,12.136,12.136,0,0,1-1.447-3.845,3.438,3.438,0,0,1-.076-1.523,3.366,3.366,0,0,1,3.921-2.741C571.246,131,572.35,134.5,572.312,136.824Z" transform="translate(-564.686 -130.485)" fill="#e27a60"/>
+                      <path id="Path_10330" data-name="Path 10330" d="M699.647,343.218a1.251,1.251,0,0,1-.609.266,6.458,6.458,0,0,0-.038-.723l.076-.761S699.457,343.218,699.647,343.218Z" transform="translate(-693.887 -333.948)" fill="rgba(0,0,0,0.2)"/>
+                    </g>
+                    <path id="Path_10331" data-name="Path 10331" d="M517.731,94.5a1.944,1.944,0,0,1-1.1.723c.152-.381.114-1.066-.343-.914a7.8,7.8,0,0,1,.343,2.627,14.618,14.618,0,0,1-.914,3.274,4.885,4.885,0,0,0-.533,1.561l-2.322.457a3.128,3.128,0,0,1-1.751-1.37,8.456,8.456,0,0,0-1.713-1.561,1.436,1.436,0,0,1-.457-.609,13.055,13.055,0,0,1,.228-2.817,3.2,3.2,0,0,1,2.246-2.7c.99-.419,1.789-1.294,2.779-1.637a3.345,3.345,0,0,1,3.007.3A2.18,2.18,0,0,1,517.731,94.5Z" transform="translate(-508.895 -91.318)" fill="#202d34"/>
+                    <path id="Path_10332" data-name="Path 10332" d="M683.854,214.109c.723.228,1.1,1.256,1.142,1.941.038.723-.457,1.18-1.1.685a2.79,2.79,0,0,1-.99-1.485C682.712,214.528,683.169,213.919,683.854,214.109Z" transform="translate(-676.237 -209.401)" fill="#e27a60"/>
+                    <g id="Group_14617" data-name="Group 14617" transform="translate(7.884 6.84)">
+                      <path id="Path_10333" data-name="Path 10333" d="M716.609,271.343a.328.328,0,0,1-.3.3.3.3,0,0,1-.3-.3.311.311,0,0,1,.3-.343A.336.336,0,0,1,716.609,271.343Z" transform="translate(-716 -271)" fill="#067cff"/>
+                      <path id="Path_10334" data-name="Path 10334" d="M716.609,271.343a.328.328,0,0,1-.3.3.3.3,0,0,1-.3-.3.311.311,0,0,1,.3-.343A.336.336,0,0,1,716.609,271.343Z" transform="translate(-716 -271)" fill="rgba(255,255,255,0.3)"/>
+                    </g>
+                  </g>
+                  <g id="Group_14625" data-name="Group 14625" transform="translate(0 6.277)">
+                    <g id="Group_14624" data-name="Group 14624">
+                      <path id="Path_10335" data-name="Path 10335" d="M558,433.34a4.836,4.836,0,0,1,1.332-2.132c.761-.533,4.264,0,4.8.228.571.228,1.1,1.485,1.1,1.485Z" transform="translate(-554.874 -424.327)" fill="#067cff"/>
+                      <path id="Path_10336" data-name="Path 10336" d="M558,433.34a4.836,4.836,0,0,1,1.332-2.132c.761-.533,4.264,0,4.8.228.571.228,1.1,1.485,1.1,1.485Z" transform="translate(-554.874 -424.327)" fill="rgba(255,255,255,0.3)"/>
+                      <g id="Group_14623" data-name="Group 14623">
+                        <g id="Group_14620" data-name="Group 14620" transform="translate(0 8.05)">
+                          <path id="Path_10337" data-name="Path 10337" d="M486.966,467.965a6.454,6.454,0,0,0-1.332-.228,45.752,45.752,0,0,0-5.6.076,11.287,11.287,0,0,0-1.979.3,2.9,2.9,0,0,0-2.17,2.931c.3,3.845,1.409,6.053,1.6,8.565a41.512,41.512,0,0,1-.609,9.707l2.551.381a26.119,26.119,0,0,0,10.164-2.17s-.685-6.053-.038-8.223c1.751-5.977.609-6.89.266-8.6A3.442,3.442,0,0,0,486.966,467.965Z" transform="translate(-475.884 -467.686)" fill="#05968F"/>
+                        </g>
+                        <g id="Group_14621" data-name="Group 14621" transform="translate(9.217)">
+                          <path id="Path_10339" data-name="Path 10339" d="M720.6,264.358c.952.114,1.865.3,2.817.457.914.19,1.865.381,2.779.571h-.343c.419,0,.761.038.99.038.114,0,.19,0,.19.038l-.152.076c-.076.038-.152.114-.266.19a1.266,1.266,0,0,0-.3.609c0,.076.038.076.038,0a1.726,1.726,0,0,0-.076-.723l.038.114c-.457-1.37-.914-2.741-1.294-4.111a39.664,39.664,0,0,1-1.066-4.187.985.985,0,0,1,.8-1.18,1,1,0,0,1,1.066.457c.761,1.218,1.447,2.512,2.094,3.769.647,1.294,1.218,2.627,1.789,3.921l.076.114a6.628,6.628,0,0,1,.381,1.447,3.539,3.539,0,0,1,0,1.1,2.725,2.725,0,0,1-.761,1.561,4.621,4.621,0,0,1-.761.533,2.654,2.654,0,0,1-.647.228,5.615,5.615,0,0,1-.914.19c-.533.038-.876.038-1.218.038l-.038.038-.3-.038c-.914-.114-1.865-.228-2.817-.343-.914-.152-1.865-.266-2.779-.419a2.274,2.274,0,0,1-1.865-2.627A2.308,2.308,0,0,1,720.6,264.358Z" transform="translate(-718.014 -256.22)" fill="#05968F"/>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14638" data-name="Group 14638" transform="translate(12.224 0.902)">
+                    <g id="Group_14636" data-name="Group 14636">
+                      <g id="Group_14634" data-name="Group 14634" transform="translate(0.609)">
+                        <g id="Group_14632" data-name="Group 14632">
+                          <path id="Path_10341" data-name="Path 10341" d="M1225.152,133.226l12.22-.381-.19-3.845-12.182.8Z" transform="translate(-1209.316 -128.467)" fill="#ffae3e"/>
+                          <path id="Path_10342" data-name="Path 10342" d="M983.114,156.426l9.9-.3L992.859,153l-9.859.609Z" transform="translate(-976.529 -151.553)" fill="#ffae3e"/>
+                          <path id="Path_10343" data-name="Path 10343" d="M1208.152,154.274l.647.076-.19-3.35-.609.114Z" transform="translate(-1192.963 -149.63)" fill="#202d34"/>
+                          <path id="Path_10344" data-name="Path 10344" d="M1208.152,154.274l.647.076-.19-3.35-.609.114Z" transform="translate(-1192.963 -149.63)" fill="rgba(0,0,0,0.2)"/>
+                          <path id="Path_10345" data-name="Path 10345" d="M1224.19,152.464l.647-.038-.152-3.426-.685.038Z" transform="translate(-1208.354 -147.706)" fill="#202d34"/>
+                          <path id="Path_10346" data-name="Path 10346" d="M944.076,173.284l.99.457L944.914,171l-.914.533Z" transform="translate(-939.013 -168.868)" fill="#202d34"/>
+                          <g id="Group_14626" data-name="Group 14626" transform="translate(0 2.969)">
+                            <path id="Path_10347" data-name="Path 10347" d="M813.038,194.409l2.931-.152L815.893,193l-2.893.152Z" transform="translate(-813 -193)" fill="#202d34"/>
+                            <path id="Path_10348" data-name="Path 10348" d="M813.038,194.409l2.931-.152L815.893,193l-2.893.152Z" transform="translate(-813 -193)" fill="rgba(0,0,0,0.2)"/>
+                          </g>
+                          <path id="Path_10349" data-name="Path 10349" d="M878.076,184.9l3.236-.114L881.236,183l-3.236.19Z" transform="translate(-875.526 -180.411)" fill="#202d34"/>
+                          <path id="Path_10350" data-name="Path 10350" d="M944.076,173.284l.99.457L944.914,171l-.914.533Z" transform="translate(-939.013 -168.868)" fill="rgba(0,0,0,0.2)"/>
+                          <path id="Path_10351" data-name="Path 10351" d="M969.114,171.855l.533-.038L969.533,169l-.533.038Z" transform="translate(-963.061 -166.944)" fill="#202d34"/>
+                          <path id="Path_10352" data-name="Path 10352" d="M1534.19,130.921l1.9-.076L1535.9,127l-1.9.114Z" transform="translate(-1506.553 -126.543)" fill="#202d34"/>
+                          <g id="Group_14627" data-name="Group 14627" transform="translate(28.246)">
+                            <path id="Path_10353" data-name="Path 10353" d="M1555.229,119.644l2.436-.076.076-.152a5.425,5.425,0,0,0-.3-4.416h0l-2.436.152.076.152A6.3,6.3,0,0,1,1555.229,119.644Z" transform="translate(-1555 -115)" fill="#ffae3e"/>
+                          </g>
+                          <g id="Group_14631" data-name="Group 14631" transform="translate(6.662 0.152)">
+                            <g id="Group_14628" data-name="Group 14628" transform="translate(10.012 0.761)">
+                              <path id="Path_10354" data-name="Path 10354" d="M1492.279,139.038l.99-.038v.419l-.99.038A.778.778,0,0,1,1492.279,139.038Z" transform="translate(-1483.066 -139)" fill="rgba(255,255,255,0.4)"/>
+                              <path id="Path_10355" data-name="Path 10355" d="M1259.6,142v.419l-8.565.457-.038-.381Z" transform="translate(-1251 -141.886)" fill="rgba(255,255,255,0.4)"/>
+                            </g>
+                            <g id="Group_14629" data-name="Group 14629" transform="translate(0 1.637)">
+                              <path id="Path_10356" data-name="Path 10356" d="M988,162.495l.038.343,8.032-.457V162Z" transform="translate(-988 -162)" fill="rgba(255,255,255,0.4)"/>
+                            </g>
+                            <g id="Group_14630" data-name="Group 14630" transform="translate(21.813)">
+                              <path id="Path_10357" data-name="Path 10357" d="M1561,119.152l.038.419,1.9-.114L1562.9,119Z" transform="translate(-1561 -119)" fill="rgba(255,255,255,0.4)"/>
+                            </g>
+                          </g>
+                        </g>
+                        <g id="Group_14633" data-name="Group 14633" transform="translate(6.852 3.769)">
+                          <path id="Path_10358" data-name="Path 10358" d="M1568.018,221a.781.781,0,0,0,0,.419l-1.979.076-.038-.419Z" transform="translate(-1544.187 -220.734)" fill="rgba(0,0,0,0.3)"/>
+                          <path id="Path_10359" data-name="Path 10359" d="M1260.507,214a.776.776,0,0,0,0,.419L1250,214.8v-.381Z" transform="translate(-1240.217 -214)" fill="rgba(0,0,0,0.3)"/>
+                          <path id="Path_10360" data-name="Path 10360" d="M1000.8,224v.381l-7.8.266V224.3Z" transform="translate(-993 -223.619)" fill="rgba(0,0,0,0.3)"/>
+                        </g>
+                      </g>
+                      <g id="Group_14635" data-name="Group 14635" transform="translate(0 2.741)">
+                        <path id="Path_10361" data-name="Path 10361" d="M797,187.419l.038,1.256a.417.417,0,0,0,.419.381l.99-.038L798.409,187l-.99.038A.417.417,0,0,0,797,187.419Z" transform="translate(-797 -187)" fill="#ffae3e"/>
+                      </g>
+                    </g>
+                    <path id="Path_10362" data-name="Path 10362" d="M862.057,181.594l.381-2.284v-.3l-.114-1.218a.361.361,0,0,0-.3-.343l-1.827-.038a.453.453,0,0,0-.571.266l-.343,1.485a.528.528,0,0,0,0,.343l.533,2.094a.637.637,0,0,0,.419.343h1.218A.561.561,0,0,0,862.057,181.594Z" transform="translate(-856.88 -175.008)" fill="#e67a60"/>
+                    <g id="Group_14637" data-name="Group 14637" transform="translate(2.627 5.939)">
+                      <path id="Path_10363" data-name="Path 10363" d="M869.616,272.6l-3.122,1.1L866,271.8l2.665-.8Z" transform="translate(-866 -271)" fill="#067cff"/>
+                      <path id="Path_10364" data-name="Path 10364" d="M869.616,272.6l-3.122,1.1L866,271.8l2.665-.8Z" transform="translate(-866 -271)" fill="rgba(255,255,255,0.3)"/>
+                    </g>
+                  </g>
+                  <path id="Path_10365" data-name="Path 10365" d="M794.4,578.492,792,574l2.4.761A8.494,8.494,0,0,1,794.4,578.492Z" transform="translate(-779.966 -555.625)" fill="rgba(0,0,0,0.2)"/>
+                </g>
+                <g id="Group_14643" data-name="Group 14643" transform="translate(0 34.173)">
+                  <path id="Path_10366" data-name="Path 10366" d="M1165.495,1671.152l-.495,6.091,2.779.076.761-6.319Z" transform="translate(-1133.133 -1645.038)" fill="#e67a60"/>
+                  <g id="Group_14640" data-name="Group 14640" transform="translate(31.1 31.434)">
+                    <path id="Path_10367" data-name="Path 10367" d="M1148.85,1814.76l-3.2.038a.246.246,0,0,0-.228.228l-.571,2.779a.514.514,0,0,0,.343.571h.076c1.142-.038,2.17-.152,3.578-.152,1.713-.038,1.256.19,3.236.152,1.218,0,1.409-1.447.914-1.523a4.318,4.318,0,0,1-3.464-1.865A.8.8,0,0,0,1148.85,1814.76Z" transform="translate(-1144.847 -1814.75)" fill="#1e7dbd"/>
+                  </g>
+                  <g id="Group_14642" data-name="Group 14642">
+                    <path id="Path_10368" data-name="Path 10368" d="M350.142,2363,349,2368.634l3.007.914,1.447-5.748Z" transform="translate(-348.196 -2310.695)" fill="#e67a60"/>
+                    <path id="Path_10369" data-name="Path 10369" d="M377.708,995s-4.264,24.9-6.586,32.205c-1.637,5.215-6.091,22.27-6.091,22.27l-4-.876s-.457-11.611,1.789-17.625a54.907,54.907,0,0,0,2.018-5.139c1.142-5.406-1.218-15.227-.152-22.574a29,29,0,0,1,1.751-6.814Z" transform="translate(-359.736 -994.772)" fill="#131d3d"/>
+                    <path id="Path_10370" data-name="Path 10370" d="M371.123,1063.759c-1.637,5.215-6.091,22.27-6.091,22.27l-4-.876s-.457-11.611,1.789-17.625a54.907,54.907,0,0,0,2.018-5.139c1.142-5.406-1.218-15.227-.152-22.574A29,29,0,0,1,366.44,1033Z" transform="translate(-359.736 -1031.325)" fill="#131d3d"/>
+                    <path id="Path_10371" data-name="Path 10371" d="M662,1197l2.17,8.451,1.561-8.07Z" transform="translate(-649.281 -1189.082)" fill="rgba(0,0,0,0.2)"/>
+                    <path id="Path_10372" data-name="Path 10372" d="M580.99,1018.046l-3.921.114s.3-5.139.3-12.6a15.15,15.15,0,0,1,.419-3.312,19.427,19.427,0,0,1,1.485-4s-.419.038-1.142.076c-2.246.114-15.95.8-16.217.8a7.49,7.49,0,0,1-3.693-.952c-4.187-2.018-4.226-7.728-4.226-7.728L564.735,989s.152.038,2.741.076c7.8.114,17.435.419,19.11,3.122C588.946,995.966,580.99,1018.046,580.99,1018.046Z" transform="translate(-545.392 -989)" fill="#22325e"/>
+                    <g id="Group_14641" data-name="Group 14641" transform="translate(0 57.399)">
+                      <path id="Path_10373" data-name="Path 10373" d="M331.836,2496.813l-3.274.038a.252.252,0,0,0-.266.229l-.419,2.817a.5.5,0,0,0,.381.533h.076c1.218-.038,2.246-.114,3.731-.114,1.751-.038,1.294.19,3.35.19,1.256,0,1.37-1.485.837-1.523-2.4-.3-2.7-1.066-3.693-1.941A1.029,1.029,0,0,0,331.836,2496.813Z" transform="translate(-327.872 -2496.806)" fill="#1e7dbd"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <path id="Path_10374" data-name="Path 10374" d="M1179,1231.188a19.431,19.431,0,0,1,1.485-4s-.419.038-1.142.076a.14.14,0,0,0-.114-.038l2.855-.229Z" transform="translate(-1134.118 -1183.767)" fill="rgba(0,0,0,0.2)"/>
+          </g>
+        </g>
+      </g>
+      <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(286.731 189.792)">
+        <g id="_118514128" transform="translate(0 0)">
+          <g id="Group_14130" data-name="Group 14130" transform="translate(0 0)">
+            <g id="Group_14129" data-name="Group 14129">
+              <g id="Group_14123" data-name="Group 14123" transform="translate(0 22.706)">
+                <path id="Path_9943" data-name="Path 9943" d="M94.277,328v2.6H56l6.163-1.946,1.3-.649Z" transform="translate(-56 -328)" fill="#de7625"/>
+                <g id="Group_14121" data-name="Group 14121" transform="translate(0 2.595)">
+                  <path id="Path_9944" data-name="Path 9944" d="M89.411,368.113H56V336H89.411Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                  <g id="Group_14120" data-name="Group 14120" transform="translate(1.298 24.653)">
+                    <g id="Group_14119" data-name="Group 14119">
+                      <path id="Path_9945" data-name="Path 9945" d="M74.273,420.946H60V419H74.273Z" transform="translate(-60 -416.729)" fill="#de7625"/>
+                      <path id="Path_9946" data-name="Path 9946" d="M69.407,413.622H60V412h9.407Z" transform="translate(-60 -412)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9947" data-name="Path 9947" d="M140.19,345.6a2.618,2.618,0,0,1-5.19,0,2.6,2.6,0,0,1,5.19,0Z" transform="translate(-109.374 -340.729)" fill="#de7625"/>
+                  <path id="Path_9948" data-name="Path 9948" d="M56,368.113h1.3V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14122" data-name="Group 14122" transform="translate(33.411)">
+                  <path id="Path_9949" data-name="Path 9949" d="M163.866,328v31.789L159,362.708V330.6l1.3-.649Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                  <path id="Path_9950" data-name="Path 9950" d="M163.866,357.68v6.163L159,366.762V334.649l1.3-.649a109.925,109.925,0,0,0,.649,14.6,26.011,26.011,0,0,0,1.622,6.812A8.13,8.13,0,0,0,163.866,357.68Z" transform="translate(-159 -332.054)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9951" data-name="Path 9951" d="M107.114,328v.649a145.525,145.525,0,0,1-32.114,0L76.3,328Z" transform="translate(-68.837 -328)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+              <g id="Group_14128" data-name="Group 14128" transform="translate(4.866)">
+                <path id="Path_9952" data-name="Path 9952" d="M99.545,258v1.946H71l4.541-1.622,1.3-.324Z" transform="translate(-71 -258)" fill="#de7625"/>
+                <g id="Group_14126" data-name="Group 14126" transform="translate(0 1.946)">
+                  <path id="Path_9953" data-name="Path 9953" d="M95.653,287.355H71V264H95.653Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                  <g id="Group_14125" data-name="Group 14125" transform="translate(1.298 18.165)">
+                    <g id="Group_14124" data-name="Group 14124">
+                      <path id="Path_9954" data-name="Path 9954" d="M85.38,326.622H75V325H85.38Z" transform="translate(-75 -323.378)" fill="#de7625"/>
+                      <path id="Path_9955" data-name="Path 9955" d="M81.812,320.973H75V320h6.812Z" transform="translate(-75 -320)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9956" data-name="Path 9956" d="M133.568,270.622c0,1.3-.649,1.946-1.622,1.946A1.72,1.72,0,0,1,130,270.622c0-.973.649-1.622,1.946-1.622A1.532,1.532,0,0,1,133.568,270.622Z" transform="translate(-110.862 -267.378)" fill="#de7625"/>
+                  <path id="Path_9957" data-name="Path 9957" d="M71,287.355h1.3V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14127" data-name="Group 14127" transform="translate(24.653)">
+                  <path id="Path_9958" data-name="Path 9958" d="M150.893,258v23.355L147,283.3V259.946l.973-.649Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                  <path id="Path_9959" data-name="Path 9959" d="M150.893,279.516v4.541L147,286V262.649l.973-.649a59.32,59.32,0,0,0,.649,10.7,13.447,13.447,0,0,0,.973,5.19A3.238,3.238,0,0,0,150.893,279.516Z" transform="translate(-147 -260.703)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9960" data-name="Path 9960" d="M109,258v.324a95.026,95.026,0,0,1-24,0L86.3,258Z" transform="translate(-80.459 -258)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/backroom_stock_icon.svg b/src/assets/performics/main_menu_icons/backroom_stock_icon.svg
new file mode 100644
index 0000000..d1e068b
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/backroom_stock_icon.svg
@@ -0,0 +1,148 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16351" data-name="Group 16351" transform="translate(-225 -149)">
+    <g id="Group_14305" data-name="Group 14305" transform="translate(182 1)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#d1e2ef"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#d1e2ef"/>
+    </g>
+    <g id="Group_16343" data-name="Group 16343">
+      <g id="Layer_x0020_1" transform="translate(279.5 188.408)">
+        <g id="_118514128" transform="translate(0 0)">
+          <g id="Group_14130" data-name="Group 14130" transform="translate(0 0)">
+            <g id="Group_14129" data-name="Group 14129">
+              <g id="Group_14123" data-name="Group 14123" transform="translate(0 21.892)">
+                <path id="Path_9943" data-name="Path 9943" d="M92.9,328v2.5H56l5.942-1.876L63.193,328Z" transform="translate(-56 -328)" fill="#de7625"/>
+                <g id="Group_14121" data-name="Group 14121" transform="translate(0 2.502)">
+                  <path id="Path_9944" data-name="Path 9944" d="M88.213,366.962H56V336H88.213Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                  <g id="Group_14120" data-name="Group 14120" transform="translate(1.251 23.769)">
+                    <g id="Group_14119" data-name="Group 14119">
+                      <path id="Path_9945" data-name="Path 9945" d="M73.761,420.876H60V419H73.761Z" transform="translate(-60 -416.811)" fill="#de7625"/>
+                      <path id="Path_9946" data-name="Path 9946" d="M69.07,413.564H60V412h9.07Z" transform="translate(-60 -412)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9947" data-name="Path 9947" d="M140,345.5a2.524,2.524,0,0,1-5,0,2.5,2.5,0,0,1,5,0Z" transform="translate(-110.293 -340.811)" fill="#de7625"/>
+                  <path id="Path_9948" data-name="Path 9948" d="M56,366.962h1.251V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14122" data-name="Group 14122" transform="translate(32.213)">
+                  <path id="Path_9949" data-name="Path 9949" d="M163.691,328v30.649L159,361.464V330.5l1.251-.626Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                  <path id="Path_9950" data-name="Path 9950" d="M163.691,356.83v5.942L159,365.587V334.625l1.251-.625a105.983,105.983,0,0,0,.625,14.073,25.078,25.078,0,0,0,1.564,6.568A7.838,7.838,0,0,0,163.691,356.83Z" transform="translate(-159 -332.124)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9951" data-name="Path 9951" d="M105.962,328v.625a140.306,140.306,0,0,1-30.962,0L76.251,328Z" transform="translate(-69.058 -328)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+              <g id="Group_14128" data-name="Group 14128" transform="translate(4.691)">
+                <path id="Path_9952" data-name="Path 9952" d="M98.522,258v1.876H71l4.378-1.564L76.629,258Z" transform="translate(-71 -258)" fill="#de7625"/>
+                <g id="Group_14126" data-name="Group 14126" transform="translate(0 1.876)">
+                  <path id="Path_9953" data-name="Path 9953" d="M94.769,286.518H71V264H94.769Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                  <g id="Group_14125" data-name="Group 14125" transform="translate(1.251 17.514)">
+                    <g id="Group_14124" data-name="Group 14124">
+                      <path id="Path_9954" data-name="Path 9954" d="M85.008,326.564H75V325H85.008Z" transform="translate(-75 -323.436)" fill="#de7625"/>
+                      <path id="Path_9955" data-name="Path 9955" d="M81.568,320.938H75V320h6.568Z" transform="translate(-75 -320)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9956" data-name="Path 9956" d="M133.44,270.564c0,1.251-.625,1.876-1.564,1.876A1.659,1.659,0,0,1,130,270.564c0-.938.625-1.564,1.876-1.564A1.477,1.477,0,0,1,133.44,270.564Z" transform="translate(-111.548 -267.436)" fill="#de7625"/>
+                  <path id="Path_9957" data-name="Path 9957" d="M71,286.518h1.251V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14127" data-name="Group 14127" transform="translate(23.769)">
+                  <path id="Path_9958" data-name="Path 9958" d="M150.753,258v22.517L147,282.394V259.876l.938-.626Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                  <path id="Path_9959" data-name="Path 9959" d="M150.753,278.888v4.378L147,285.143V262.625l.938-.625a57.193,57.193,0,0,0,.625,10.321,12.965,12.965,0,0,0,.938,5A3.122,3.122,0,0,0,150.753,278.888Z" transform="translate(-147 -260.749)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9960" data-name="Path 9960" d="M108.143,258v.313a91.618,91.618,0,0,1-23.143,0L86.251,258Z" transform="translate(-80.622 -258)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Group_14123-2" data-name="Group 14123" transform="translate(256.563 222.815)">
+        <path id="Path_9943-2" data-name="Path 9943" d="M80.2,328v1.641H56l3.9-1.231.82-.41Z" transform="translate(-56 -328)" fill="#de7625"/>
+        <g id="Group_14121-2" data-name="Group 14121" transform="translate(0 1.641)">
+          <path id="Path_9944-2" data-name="Path 9944" d="M77.127,356.307H56V336H77.127Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+          <g id="Group_14120-2" data-name="Group 14120" transform="translate(0.82 15.589)">
+            <g id="Group_14119-2" data-name="Group 14119">
+              <path id="Path_9945-2" data-name="Path 9945" d="M69.025,420.231H60V419h9.025Z" transform="translate(-60 -417.564)" fill="#de7625"/>
+              <path id="Path_9946-2" data-name="Path 9946" d="M65.949,413.026H60V412h5.949Z" transform="translate(-60 -412)" fill="#de7625"/>
+            </g>
+          </g>
+          <path id="Path_9947-2" data-name="Path 9947" d="M138.282,344.641a1.656,1.656,0,0,1-3.282,0,1.641,1.641,0,0,1,3.282,0Z" transform="translate(-118.795 -341.564)" fill="#de7625"/>
+          <path id="Path_9948-2" data-name="Path 9948" d="M56,356.307h.82V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+        </g>
+        <g id="Group_14122-2" data-name="Group 14122" transform="translate(21.127)">
+          <path id="Path_9949-2" data-name="Path 9949" d="M162.077,328v20.1L159,349.948V329.641l.82-.41Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+          <path id="Path_9950-2" data-name="Path 9950" d="M162.077,348.974v3.9L159,354.717V334.41l.82-.41a69.512,69.512,0,0,0,.41,9.23,16.448,16.448,0,0,0,1.026,4.308A5.141,5.141,0,0,0,162.077,348.974Z" transform="translate(-159 -332.769)" fill="rgba(252,141,47,0.5)"/>
+        </g>
+        <path id="Path_9951-2" data-name="Path 9951" d="M95.307,328v.41a92.02,92.02,0,0,1-20.307,0l.82-.41Z" transform="translate(-71.103 -328)" fill="rgba(222,118,37,0.5)"/>
+      </g>
+      <g id="Group_14128-2" data-name="Group 14128" transform="translate(262.173 207.819)">
+        <path id="Path_9952-2" data-name="Path 9952" d="M89.594,258v1.268H71l2.958-1.056L74.8,258Z" transform="translate(-71 -258)" fill="#de7625"/>
+        <g id="Group_14126-2" data-name="Group 14126" transform="translate(0 1.268)">
+          <path id="Path_9953-2" data-name="Path 9953" d="M87.059,279.213H71V264H87.059Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+          <g id="Group_14125-2" data-name="Group 14125" transform="translate(0.845 11.833)">
+            <g id="Group_14124-2" data-name="Group 14124">
+              <path id="Path_9954-2" data-name="Path 9954" d="M81.761,326.056H75V325h6.761Z" transform="translate(-75 -323.944)" fill="#de7625"/>
+              <path id="Path_9955-2" data-name="Path 9955" d="M79.437,320.634H75V320h4.437Z" transform="translate(-75 -320)" fill="#de7625"/>
+            </g>
+          </g>
+          <path id="Path_9956-2" data-name="Path 9956" d="M132.324,270.056c0,.845-.423,1.268-1.056,1.268A1.121,1.121,0,0,1,130,270.056c0-.634.423-1.056,1.268-1.056A1,1,0,0,1,132.324,270.056Z" transform="translate(-117.534 -267.944)" fill="#de7625"/>
+          <path id="Path_9957-2" data-name="Path 9957" d="M71,279.213h.845V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+        </g>
+        <g id="Group_14127-2" data-name="Group 14127" transform="translate(16.059)">
+          <path id="Path_9958-2" data-name="Path 9958" d="M149.536,258v15.213L147,274.481V259.268l.634-.423Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+          <path id="Path_9959-2" data-name="Path 9959" d="M149.536,273.41v2.958L147,277.636V262.423l.634-.423a38.641,38.641,0,0,0,.423,6.973,8.759,8.759,0,0,0,.634,3.381A2.109,2.109,0,0,0,149.536,273.41Z" transform="translate(-147 -261.155)" fill="rgba(252,141,47,0.5)"/>
+        </g>
+        <path id="Path_9960-2" data-name="Path 9960" d="M100.636,258v.211a61.9,61.9,0,0,1-15.636,0l.845-.211Z" transform="translate(-82.042 -258)" fill="rgba(222,118,37,0.5)"/>
+      </g>
+      <g id="Group_11944" data-name="Group 11944" transform="translate(247.102 162.375)">
+        <path id="Path_8702" data-name="Path 8702" d="M513.694,3508.8h-.331v-.486a.327.327,0,0,0-.33-.314h-1.461a.316.316,0,0,0-.313.331v.47h-.331a.969.969,0,0,0-.956.975l.017,7.566a.968.968,0,0,0,.956.974h2.766a.979.979,0,0,0,.957-.974l-.018-7.566A.969.969,0,0,0,513.694,3508.8Z" transform="translate(-501.099 -3466.303)" fill="#bed1f4" fill-rule="evenodd"/>
+        <path id="Path_8703" data-name="Path 8703" d="M892.722,3510.8h-.33v-.487a.312.312,0,0,0-.313-.313h-1.461a.327.327,0,0,0-.33.313v.487h-.313a.972.972,0,0,0-.974.974l.017,7.567a.973.973,0,0,0,.974.974l2.748-.018a.973.973,0,0,0,.974-.974l-.018-7.567A.969.969,0,0,0,892.722,3510.8Z" transform="translate(-873.535 -3468.269)" fill="#bed1f4" fill-rule="evenodd"/>
+        <path id="Path_8704" data-name="Path 8704" d="M1706,2208.61a5.2,5.2,0,0,1,.782-1.374,3.742,3.742,0,0,1,2.644-.887c.853.243.574,1.043,0,1.668a15.8,15.8,0,0,1-2.261,1.671Z" transform="translate(-1676.324 -2187.247)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8705" data-name="Path 8705" d="M358.423,1128.272c-.3-.556,6.4-2.609,6.505,2.974,0,0,12.524-.3,6.54-7.288-2.07-2.417-1.861-4.418-1.791-6.279s-1.287-7.271-5.931-6.715a3.432,3.432,0,0,0-2.731.279C357.571,1113.034,349.848,1130.324,358.423,1128.272Z" transform="translate(-348.35 -1110.804)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8706" data-name="Path 8706" d="M1.074,5281.608s-1.409,1.271-1.131,2.193c.278.9,1.548,1.515,1.7,2.628.174,1.113.87,1.722,1.478,1.722h2.94s.452-.784-.644-1.026-1.513-1.548-1.444-2.751a21.026,21.026,0,0,0-.1-2.832L1.561,5281Z" transform="translate(0.093 -5208.465)" fill="#1e7dbd" fill-rule="evenodd"/>
+        <path id="Path_8707" data-name="Path 8707" d="M739.152,5347s-.5,5.5.122,5.793h7.949a1.4,1.4,0,0,0-1.339-1.183c-1.27-.21-3.5-.957-3.861-2.609C741.639,5347.35,739.152,5347,739.152,5347Z" transform="translate(-726.104 -5273.317)" fill="#1e7dbd" fill-rule="evenodd"/>
+        <path id="Path_8708" data-name="Path 8708" d="M965,1621.627a1.175,1.175,0,0,0,.957.382.824.824,0,0,0,.713-.469A3.08,3.08,0,0,0,965,1621.627Z" transform="translate(-948.213 -1612.579)" fill="#ebf3fa" fill-rule="evenodd"/>
+        <path id="Path_8709" data-name="Path 8709" d="M382.922,1882.694l-4.592,1.374-1.461-.348-1.374-.348-2.766-.678s-.522-.174-1.009-1.27a15.656,15.656,0,0,1-.418-1.583c-.191-.835-.383-1.809-.487-2.487-.156-1.009-.487-2.262-.765-3.618h0a25.269,25.269,0,0,1-.47-3.078,2.608,2.608,0,0,1,2.313-2.8l1.531-.156a31.662,31.662,0,0,1,8.593.609,18.532,18.532,0,0,1,2.157,5.27C385.027,1876.867,382.922,1882.694,382.922,1882.694Z" transform="translate(-363.144 -1854.443)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8710" data-name="Path 8710" d="M473.192,2385.812l-2.766-.678s-.522-.174-1.009-1.27a15.72,15.72,0,0,1-.417-1.583s.852-3.409,1.252-3.34c.383.07.435,2.3,1.217,3.6C472.27,2383.846,473.957,2385.359,473.192,2385.812Z" transform="translate(-460.841 -2356.882)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8711" data-name="Path 8711" d="M690.067,2786s2.279,7.08,2.435,9.5c.139,2.4-4.348,34.231-4.54,35.344-.174,1.044-1.461,1.705-1.461,1.705a1.959,1.959,0,0,1-1.461.121,3.58,3.58,0,0,1-1.548-.748s-1.774-22.681-.678-30.8A128.927,128.927,0,0,0,683.927,2786Z" transform="translate(-670.584 -2756.862)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_8712" data-name="Path 8712" d="M103.21,2774s-3.479,4.66-3.809,7.792c-.313,3.149-.5,14.213-1.183,17.273-.7,3.062-3.218,8.976-3.218,18.542a1.92,1.92,0,0,0,1.061.835,8.3,8.3,0,0,0,.957.261,1.473,1.473,0,0,0,1.652-.783c1.722-3.444,7.166-14.558,7.445-16.871.209-1.636,1.931-12.438,5.67-18.769.9-1.53-.539-7.583-.539-7.583Z" transform="translate(-93.346 -2745.071)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_8713" data-name="Path 8713" d="M548.489,2723a4.662,4.662,0,0,1-2.714.766c-2.174.034-7.549-.558-7.549-.558a4.822,4.822,0,0,0-.226,1.375s6.557,1.651,10.367.242A2.39,2.39,0,0,0,548.489,2723Z" transform="translate(-528.641 -2694.958)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_8714" data-name="Path 8714" d="M958.313,2747.114a.74.74,0,0,0,.661.783.728.728,0,0,0,.661-.783.745.745,0,0,0-.661-.8A.758.758,0,0,0,958.313,2747.114Zm-.313,0a.99.99,0,1,1,1.965,0,.99.99,0,1,1-1.965,0Z" transform="translate(-941.335 -2717.557)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8715" data-name="Path 8715" d="M932.889,1876.559s-2.418,4.07-4.992,4.07a2.195,2.195,0,0,1-.574-.087c-1.531-.348-3.322-1.931-4.488-3.113-.765-.783-1.27-1.392-1.27-1.392L918,1866s3.253.261,4.94,1.757,5.114,8.627,5.409,8.28a23.972,23.972,0,0,1,3.548-2.4A3.032,3.032,0,0,1,932.889,1876.559Z" transform="translate(-902.031 -1852.865)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8716" data-name="Path 8716" d="M202.306,2987.694l-9.288-1.513a1.659,1.659,0,0,1-1.374-1.914l.8-4.991a1.68,1.68,0,0,1,1.931-1.393l9.271,1.514a1.671,1.671,0,0,1,1.391,1.913l-.8,4.993A1.712,1.712,0,0,1,202.306,2987.694Z" transform="translate(-188.285 -2945.388)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8717" data-name="Path 8717" d="M235.053,3112.679h0L229,3110.088l.035-.087,6.036,2.574,6.54-.54v.106Z" transform="translate(-225.015 -3075.227)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8718" data-name="Path 8718" d="M549.609,3225.636l-.609-.087.244-1.548.626.1Z" transform="translate(-539.449 -3187.243)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8719" data-name="Path 8719" d="M317.246,2942.438a.465.465,0,0,0-.261.088.5.5,0,0,0-.191.313.466.466,0,0,0,.383.521.457.457,0,0,0,.539-.382.5.5,0,0,0-.087-.348.471.471,0,0,0-.3-.174C317.3,2942.455,317.281,2942.438,317.246,2942.438Zm0,1.131a.224.224,0,0,1-.1-.017.653.653,0,0,1-.539-.748.706.706,0,0,1,.261-.435.6.6,0,0,1,.487-.1.638.638,0,0,1,.435.262.685.685,0,0,1,.122.486A.656.656,0,0,1,317.246,2943.568Z" transform="translate(-311.087 -2910.394)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8720" data-name="Path 8720" d="M826.585,3025.177a.5.5,0,0,0,.087.348.424.424,0,0,0,.3.191.483.483,0,0,0,.539-.383.484.484,0,0,0-.383-.539.474.474,0,0,0-.539.383Zm.452.73h-.1a.669.669,0,0,1-.539-.766h0a.663.663,0,0,1,.748-.539.68.68,0,0,1,.557.766.63.63,0,0,1-.278.417A.593.593,0,0,1,827.037,3025.907Z" transform="translate(-812.007 -2991.306)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8721" data-name="Path 8721" d="M712.7,1661.679a1.107,1.107,0,0,1-.522-1.34,10.047,10.047,0,0,0,.5-3.339l.209.035,3.5.7s-.087,1.1-.087,2.14v.017c0,.9.156,1.774-.244,2.052A3.06,3.06,0,0,1,712.7,1661.679Z" transform="translate(-699.719 -1647.5)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8722" data-name="Path 8722" d="M760.5,1659.7s-.087,1.1-.087,2.14c-1.965-.07-2.992-1.844-3.409-2.835Z" transform="translate(-743.831 -1649.465)" fill="#e8945b" fill-rule="evenodd"/>
+        <path id="Path_8723" data-name="Path 8723" d="M730.7,1313.77s-4.627.087-4.627-2.8-.609-4.818,2.348-4.992,3.531.939,3.774,1.9C732.423,1308.831,731.9,1313.683,730.7,1313.77Z" transform="translate(-713.393 -1302.565)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8724" data-name="Path 8724" d="M646,1270.14s-1.27,3.392-3.2,3.879A3.855,3.855,0,0,1,640,1274a5.507,5.507,0,0,0,1.809-3.253S645.044,1268.541,646,1270.14Z" transform="translate(-628.866 -1266.798)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8725" data-name="Path 8725" d="M967,1287.655a2.85,2.85,0,0,1,1.322,1.026,4.585,4.585,0,0,1,.626,2.661s.957-2.313-.1-3.6C967.7,1286.351,967,1287.655,967,1287.655Z" transform="translate(-950.179 -1284.034)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8726" data-name="Path 8726" d="M943,1644.417s.087.33.922.278c0,0,.713-.035.7-.418A2.306,2.306,0,0,0,943,1644.417Z" transform="translate(-926.596 -1634.916)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8727" data-name="Path 8727" d="M722,3095.746a9.575,9.575,0,0,0,2.209-.243c.957-.278,2.157.436,2.226,1.08.087.712-1.391.208-2.557.972-.522.366-1.548-.4-1.548-.4Z" transform="translate(-709.44 -3060.92)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8728" data-name="Path 8728" d="M792,3073.05s.939-.729,1.1-.625c.244.173-.365.625-.365.625Z" transform="translate(-778.223 -3038.294)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8729" data-name="Path 8729" d="M580.177,1878.286c-.035-.139-2.366-14.28-4.783-20.142a.234.234,0,0,1,.122-.278h0a.447.447,0,0,1,.591.243,80.183,80.183,0,0,1,3.218,12.036c.9,4.331,1.5,8,1.5,8.036Z" transform="translate(-565.373 -1844.834)" fill="#0c2442" fill-rule="evenodd"/>
+        <path id="Path_8730" data-name="Path 8730" d="M151.785,1952s-5.288,8.019-4.07,15.463c.487,2.975,9.775,6.889,9.775,6.889s.4-.053.47-1.044a1.418,1.418,0,0,0-.3-1.112s-5.566-4.923-5.549-6.384c0-.469,3.566-9.862,3.566-9.862Z" transform="translate(-144.965 -1937.369)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8731" data-name="Path 8731" d="M1810.7,2024.461l-2.452-.295a.866.866,0,0,1-.748-.975l.835-6.731a.869.869,0,0,1,.974-.766l2.452.313a.868.868,0,0,1,.748.974l-.835,6.731A.855.855,0,0,1,1810.7,2024.461Z" transform="translate(-1776.049 -1999.95)" fill="#6385db" fill-rule="evenodd"/>
+        <path id="Path_8732" data-name="Path 8732" d="M1929.879,1979.829l-1.878-.244.052-.418a.318.318,0,0,1,.33-.261l1.287.174a.278.278,0,0,1,.26.313Z" transform="translate(-1894.463 -1963.805)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8733" data-name="Path 8733" d="M1880.21,2132.279,1878,2132l.488-4,2.208.261Z" transform="translate(-1845.333 -2110.308)" fill="#dde7fe" fill-rule="evenodd"/>
+        <path id="Path_8734" data-name="Path 8734" d="M1935.018,2172.079H1935a13.121,13.121,0,0,1,1.026-3.061l.017-.018h.017v.018l-.017.018a12.884,12.884,0,0,0-1.026,3.043Z" transform="translate(-1901.341 -2150.594)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8735" data-name="Path 8735" d="M1992.958,2156.068c-.035.052-.208.157-.226.14a.841.841,0,0,1,.035-.261.128.128,0,0,1,.157-.017A.093.093,0,0,1,1992.958,2156.068Z" transform="translate(-1958.065 -2137.731)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8736" data-name="Path 8736" d="M1974.855,2170.3a.609.609,0,0,1-.035.261.646.646,0,0,1-.174-.191c-.017-.07,0-.122.07-.139C1974.768,2170.194,1974.82,2170.229,1974.855,2170.3Z" transform="translate(-1940.291 -2151.789)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8737" data-name="Path 8737" d="M1985.261,2181.227a.648.648,0,0,1-.261-.087.825.825,0,0,1,.226-.139c.07,0,.122.035.122.1C1985.366,2181.157,1985.313,2181.209,1985.261,2181.227Z" transform="translate(-1950.472 -2162.386)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8738" data-name="Path 8738" d="M1939.578,2227.334a.248.248,0,1,1-.33.157.2.2,0,0,1,.087-.244A.187.187,0,0,1,1939.578,2227.334Z" transform="translate(-1905.502 -2207.814)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8739" data-name="Path 8739" d="M1960.388,2242.836a1.152,1.152,0,0,1-.434-.086c-.018-.035.243-.244.348-.261a.18.18,0,0,1,.226.139A.19.19,0,0,1,1960.388,2242.836Z" transform="translate(-1925.86 -2222.796)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8740" data-name="Path 8740" d="M1922.2,2250.694a1.155,1.155,0,0,1,.14.522,1.28,1.28,0,0,1-.487-.244.228.228,0,0,1,.035-.331A.223.223,0,0,1,1922.2,2250.694Z" transform="translate(-1888.37 -2230.774)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8741" data-name="Path 8741" d="M1951.521,2269.327a1.51,1.51,0,0,1-.521-.174,1.274,1.274,0,0,1,.469-.278.207.207,0,0,1,.244.191A.232.232,0,0,1,1951.521,2269.327Z" transform="translate(-1917.063 -2248.73)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8742" data-name="Path 8742" d="M1914.2,2279.61a.992.992,0,0,1,.122.539,1.187,1.187,0,0,1-.47-.261.21.21,0,0,1,.035-.313A.238.238,0,0,1,1914.2,2279.61Z" transform="translate(-1880.509 -2259.204)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8743" data-name="Path 8743" d="M1943.521,2298.311a1.225,1.225,0,0,1-.521-.157,1.086,1.086,0,0,1,.469-.278.217.217,0,0,1,.244.191A.208.208,0,0,1,1943.521,2298.311Z" transform="translate(-1909.203 -2277.225)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8744" data-name="Path 8744" d="M1898.959,2319a1.075,1.075,0,0,1,.313.435,1.041,1.041,0,0,1-.539-.051.226.226,0,0,1-.088-.3A.219.219,0,0,1,1898.959,2319Z" transform="translate(-1865.596 -2297.946)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8745" data-name="Path 8745" d="M1935.539,2326.3a.3.3,0,1,1-.1-.452.233.233,0,0,1,.1.452Z" transform="translate(-1901.341 -2304.713)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8746" data-name="Path 8746" d="M1965.953,2188.715a.607.607,0,0,1-.017.261.658.658,0,0,1-.191-.19.118.118,0,0,1,.069-.14A.1.1,0,0,1,1965.953,2188.715Z" transform="translate(-1931.547 -2169.893)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8747" data-name="Path 8747" d="M1976.261,2200.227a.625.625,0,0,1-.26-.088.535.535,0,0,1,.244-.138.129.129,0,0,1,.122.1A.151.151,0,0,1,1976.261,2200.227Z" transform="translate(-1941.628 -2181.055)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8748" data-name="Path 8748" d="M1951.507,2204.334a.571.571,0,0,1,0,.383.924.924,0,0,1-.279-.261.166.166,0,0,1,.07-.208A.154.154,0,0,1,1951.507,2204.334Z" transform="translate(-1917.274 -2185.216)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8749" data-name="Path 8749" d="M1968.365,2220.162a.654.654,0,0,1-.365-.122,1.082,1.082,0,0,1,.331-.191.155.155,0,0,1,.174.138A.17.17,0,0,1,1968.365,2220.162Z" transform="translate(-1933.767 -2200.556)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8750" data-name="Path 8750" d="M1200.488,2301.829c-1.531-.348-3.322-1.932-4.488-3.114a30.447,30.447,0,0,0,.435-3.914C1196.348,2294.07,1198.157,2300.628,1200.488,2301.829Z" transform="translate(-1175.195 -2274.151)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8751" data-name="Path 8751" d="M1751,2178.219a16.647,16.647,0,0,0,1.635-1.374c.209-.279.192.3,0,.678a4.175,4.175,0,0,0-.573,1.565c-.035.713-.835.5-.835.5Z" transform="translate(-1720.542 -2158.23)" fill="#ffb27d" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/brand_sampling_icon.svg b/src/assets/performics/main_menu_icons/brand_sampling_icon.svg
new file mode 100644
index 0000000..fc1854e
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/brand_sampling_icon.svg
@@ -0,0 +1,970 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16365" data-name="Group 16365" transform="translate(-42 -353)">
+    <g id="Group_14306" data-name="Group 14306" transform="translate(-1 205)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#cdd9f3"/>
+    </g>
+    <g id="Group_15763" data-name="Group 15763" transform="translate(-171.825)">
+      <g id="Group_14699" data-name="Group 14699" transform="translate(249.75 354.56)">
+        <g id="Group_14660" data-name="Group 14660">
+          <g id="Group_14659" data-name="Group 14659">
+            <g id="Group_14658" data-name="Group 14658">
+              <g id="Group_14657" data-name="Group 14657">
+                <g id="Group_14656" data-name="Group 14656">
+                  <g id="Group_14655" data-name="Group 14655">
+                    <g id="Group_14654" data-name="Group 14654">
+                      <g id="Group_14653" data-name="Group 14653">
+                        <g id="Group_14652" data-name="Group 14652">
+                          <g id="Group_14649" data-name="Group 14649" transform="translate(0.053 0.053)">
+                            <path id="Path_10429" data-name="Path 10429" d="M420.6,98.208H360.941A2.948,2.948,0,0,1,358,95.215V4.046A2.993,2.993,0,0,1,360.941,1H420.6a2.95,2.95,0,0,1,2.888,3.046V95.215A2.9,2.9,0,0,1,420.6,98.208Z" transform="translate(-358 -1)" fill="#ffae3e"/>
+                          </g>
+                          <g id="Group_14651" data-name="Group 14651">
+                            <g id="Group_14650" data-name="Group 14650">
+                              <path id="Path_10430" data-name="Path 10430" d="M419.652,97.261h.21a.571.571,0,0,0,.263-.053.666.666,0,0,0,.315-.053,3.168,3.168,0,0,0,1.786-1.523,2.25,2.25,0,0,0,.263-.84,4.8,4.8,0,0,0,.053-.893V28.306c-.053-4.254-.053-8.665-.053-13.182V4.674c0-.578.053-1.155,0-1.786a2.38,2.38,0,0,0-.158-.84,5.742,5.742,0,0,0-.42-.788,2.718,2.718,0,0,0-1.418-1,2.379,2.379,0,0,0-.84-.158H359.993a2.719,2.719,0,0,0-1.838.735,2.719,2.719,0,0,0-.945,1.733,3.109,3.109,0,0,0-.052,1v57.19c0,9.558,0,18.7-.052,27.2v6.249a3.092,3.092,0,0,0,1.365,2.573c.21.105.473.21.683.315a3.546,3.546,0,0,0,.735.105h12.867c14.495.053,26.206.053,34.293.053h11.764c-.525,0-1.365,0-2.416.053H359.888a4.054,4.054,0,0,1-.788-.105,4.337,4.337,0,0,1-.683-.368,2.54,2.54,0,0,1-1-1.1,3.108,3.108,0,0,1-.368-1.523V87.965C357,79.457,357,70.32,357,60.762V3.571a7.392,7.392,0,0,1,.053-1.05,3.373,3.373,0,0,1,1-1.786A3.09,3.09,0,0,1,359.993,0h59.659a2.913,2.913,0,0,1,.893.158,3.3,3.3,0,0,1,1.47,1.05,5.729,5.729,0,0,1,.42.788,2.666,2.666,0,0,1,.158.893c.053.63,0,1.208.053,1.786V15.125c0,4.516-.053,8.928-.053,13.182V93.9a5.711,5.711,0,0,1-.052.945,4.623,4.623,0,0,1-.263.788,3.031,3.031,0,0,1-.893,1.05,2.622,2.622,0,0,1-.945.473c-.105.053-.21.053-.315.105h-.473Z" transform="translate(-357)" fill="#ffae3e"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14674" data-name="Group 14674" transform="translate(2.048 6.932)">
+          <g id="Group_14673" data-name="Group 14673">
+            <g id="Group_14672" data-name="Group 14672">
+              <g id="Group_14671" data-name="Group 14671">
+                <g id="Group_14670" data-name="Group 14670">
+                  <g id="Group_14669" data-name="Group 14669">
+                    <g id="Group_14668" data-name="Group 14668">
+                      <g id="Group_14667" data-name="Group 14667">
+                        <g id="Group_14666" data-name="Group 14666">
+                          <g id="Group_14665" data-name="Group 14665">
+                            <g id="Group_14664" data-name="Group 14664">
+                              <g id="Group_14661" data-name="Group 14661" transform="translate(0.053 0.053)">
+                                <path id="Path_10431" data-name="Path 10431" d="M458.339,214.19H397V133h61.339Z" transform="translate(-397 -133)" fill="#ffeccc"/>
+                              </g>
+                              <g id="Group_14663" data-name="Group 14663">
+                                <g id="Group_14662" data-name="Group 14662">
+                                  <path id="Path_10432" data-name="Path 10432" d="M457.392,213.243c0-.473,0-33.085-.053-81.19l.053.053H396.053l.052-.053v81.19l-.052-.053c37.129.053,60.919.053,61.339.053-.42,0-24.21.053-61.339.053H396V132h61.444v.053C457.444,180.158,457.392,212.77,457.392,213.243Z" transform="translate(-396 -132)" fill="#ffeccc"/>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14675" data-name="Group 14675" transform="translate(8.088 43.221)">
+          <path id="Path_10433" data-name="Path 10433" d="M519.508,990.891h-7.72A.808.808,0,0,1,511,990.1v-.315a.808.808,0,0,1,.788-.788h7.72a.808.808,0,0,1,.788.788v.315A.808.808,0,0,1,519.508,990.891Z" transform="translate(-511 -989)" fill="#e0e0e0"/>
+        </g>
+        <g id="Group_14676" data-name="Group 14676" transform="translate(24.21 43.063)">
+          <path id="Path_10434" data-name="Path 10434" d="M821.676,987.785h-2.888a.819.819,0,0,1-.788-.84v-.1a.82.82,0,0,1,.788-.84h2.888a.829.829,0,0,1,.84.84v.1A.829.829,0,0,1,821.676,987.785Z" transform="translate(-818 -986)" fill="#ff735b"/>
+        </g>
+        <g id="Group_14677" data-name="Group 14677" transform="translate(8.088 74.521)">
+          <path id="Path_10435" data-name="Path 10435" d="M519.508,1586.891h-7.72a.808.808,0,0,1-.788-.788v-.315a.808.808,0,0,1,.788-.788h7.72a.808.808,0,0,1,.788.788v.315A.808.808,0,0,1,519.508,1586.891Z" transform="translate(-511 -1585)" fill="#e0e0e0"/>
+        </g>
+        <g id="Group_14678" data-name="Group 14678" transform="translate(23.055 74.521)">
+          <path id="Path_10436" data-name="Path 10436" d="M800.044,1586.891h-3.2a.82.82,0,0,1-.84-.788v-.315a.819.819,0,0,1,.84-.788h3.2a.819.819,0,0,1,.84.788v.315A.82.82,0,0,1,800.044,1586.891Z" transform="translate(-796 -1585)" fill="#ff735b"/>
+        </g>
+        <g id="Group_14679" data-name="Group 14679" transform="translate(38.705 43.483)">
+          <path id="Path_10437" data-name="Path 10437" d="M1102.507,995.891h-7.667a.82.82,0,0,1-.84-.788v-.263a.829.829,0,0,1,.84-.84h7.667a.83.83,0,0,1,.84.84v.263A.82.82,0,0,1,1102.507,995.891Z" transform="translate(-1094 -994)" fill="#e0e0e0"/>
+        </g>
+        <g id="Group_14680" data-name="Group 14680" transform="translate(53.724 43.483)">
+          <path id="Path_10438" data-name="Path 10438" d="M1384.044,995.891h-3.2a.82.82,0,0,1-.84-.788v-.263a.829.829,0,0,1,.84-.84h3.2a.83.83,0,0,1,.84.84v.263A.82.82,0,0,1,1384.044,995.891Z" transform="translate(-1380 -994)" fill="#ff735b"/>
+        </g>
+        <g id="Group_14681" data-name="Group 14681" transform="translate(38.81 74.783)">
+          <path id="Path_10439" data-name="Path 10439" d="M1104.508,1591.891h-7.667a.819.819,0,0,1-.84-.788v-.263a.829.829,0,0,1,.84-.84h7.667a.829.829,0,0,1,.84.84v.263A.819.819,0,0,1,1104.508,1591.891Z" transform="translate(-1096 -1590)" fill="#e0e0e0"/>
+        </g>
+        <g id="Group_14682" data-name="Group 14682" transform="translate(53.829 74.783)">
+          <path id="Path_10440" data-name="Path 10440" d="M1386.1,1591.891h-3.256a.82.82,0,0,1-.84-.788v-.263a.83.83,0,0,1,.84-.84h3.256a.82.82,0,0,1,.788.84v.263A.808.808,0,0,1,1386.1,1591.891Z" transform="translate(-1382 -1590)" fill="#ff735b"/>
+        </g>
+        <g id="Group_14686" data-name="Group 14686" transform="translate(6.384 18.486)">
+          <g id="Group_14683" data-name="Group 14683" transform="translate(0.076 0.053)">
+            <path id="Path_10441" data-name="Path 10441" d="M499.063,540.9h-16.28A2.8,2.8,0,0,1,480,538.116v-16.28A2.813,2.813,0,0,1,482.783,519h16.28a2.824,2.824,0,0,1,2.836,2.836v16.28A2.813,2.813,0,0,1,499.063,540.9Z" transform="translate(-480 -519)" fill="#fafafa"/>
+          </g>
+          <g id="Group_14685" data-name="Group 14685">
+            <g id="Group_14684" data-name="Group 14684">
+              <path id="Path_10442" data-name="Path 10442" d="M497.695,539.952h.21a3.883,3.883,0,0,0,.63-.105,4.975,4.975,0,0,0,.893-.473,3.07,3.07,0,0,0,.84-1.1,4.378,4.378,0,0,0,.21-.788v-15.86a5.9,5.9,0,0,0-.158-1.681,3.046,3.046,0,0,0-1.1-1.365,3,3,0,0,0-1.681-.473c-4.937,0-10.4,0-16.123.053a2.85,2.85,0,0,0-1.891.735,2.988,2.988,0,0,0-.84,1.838v16.333a2.177,2.177,0,0,0,.105.84,2.795,2.795,0,0,0,1.576,1.786,3.009,3.009,0,0,0,.735.21h4.516c3.729.053,6.775.053,8.823.053h3.046a3.584,3.584,0,0,0-.63.052H481.1a4.378,4.378,0,0,1-.788-.21,3.352,3.352,0,0,1-.735-.42,3.115,3.115,0,0,1-.893-1.418,2.6,2.6,0,0,1-.105-.893V524.827c0-1.365-.053-2.731,0-4.149a2.787,2.787,0,0,1,.893-1.891,2.83,2.83,0,0,1,1.943-.788h16.123a3.493,3.493,0,0,1,1.786.473,2.815,2.815,0,0,1,1.05,1.418,2.76,2.76,0,0,1,.21.893v8.665c-.053,1.838-.053,3.571-.053,5.042v2.993a2.842,2.842,0,0,1-.21.788,2.141,2.141,0,0,1-.893,1.1,2.119,2.119,0,0,1-.893.473,1.561,1.561,0,0,1-.63.105Z" transform="translate(-478.556 -518)" fill="#ff735b"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14690" data-name="Group 14690" transform="translate(6.384 49.515)">
+          <g id="Group_14687" data-name="Group 14687" transform="translate(0.076 0.061)">
+            <path id="Path_10443" data-name="Path 10443" d="M499.063,1131.9h-16.28a2.8,2.8,0,0,1-2.783-2.783v-16.333a2.8,2.8,0,0,1,2.783-2.783h16.28a2.813,2.813,0,0,1,2.836,2.783v16.333A2.813,2.813,0,0,1,499.063,1131.9Z" transform="translate(-480 -1110)" fill="#fafafa"/>
+          </g>
+          <g id="Group_14689" data-name="Group 14689">
+            <g id="Group_14688" data-name="Group 14688">
+              <path id="Path_10444" data-name="Path 10444" d="M497.695,1130.807h.21a5.466,5.466,0,0,0,.63-.158,2.117,2.117,0,0,0,.893-.473,2.482,2.482,0,0,0,.84-1.05,4.375,4.375,0,0,0,.21-.788v-15.86a5.9,5.9,0,0,0-.158-1.681,2.582,2.582,0,0,0-1.1-1.365,2.634,2.634,0,0,0-1.681-.473H481.415a2.665,2.665,0,0,0-1.891.788,2.852,2.852,0,0,0-.84,1.786v16.385a2.314,2.314,0,0,0,.105.84,2.8,2.8,0,0,0,1.576,1.786,3.012,3.012,0,0,0,.735.21h13.339c1.05.053,1.891.053,2.416.053h-2.416c-2.048,0-5.094.052-8.823.052h-3.729a3.977,3.977,0,0,1-.788-.052,2.2,2.2,0,0,1-.788-.21,2.06,2.06,0,0,1-.735-.42,2.862,2.862,0,0,1-.893-1.418,2.313,2.313,0,0,1-.105-.84v-12.289c0-1.313-.053-2.678,0-4.1a2.686,2.686,0,0,1,.893-1.891,2.613,2.613,0,0,1,1.943-.788h16.123a3.046,3.046,0,0,1,1.786.473,2.815,2.815,0,0,1,1.05,1.418,2.471,2.471,0,0,1,.21.84v8.665c-.053,1.891-.053,3.571-.053,5.094v2.993a4.37,4.37,0,0,1-.21.788,2.681,2.681,0,0,1-.893,1.1,2.963,2.963,0,0,1-.893.473,3.884,3.884,0,0,1-.63.105Z" transform="translate(-478.556 -1108.847)" fill="#e0e0e0"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14694" data-name="Group 14694" transform="translate(37.287 18.843)">
+          <g id="Group_14691" data-name="Group 14691" transform="translate(0.053 0.062)">
+            <path id="Path_10445" data-name="Path 10445" d="M1087.116,547.9h-16.333a2.813,2.813,0,0,1-2.783-2.836v-16.28a2.8,2.8,0,0,1,2.783-2.783h16.333a2.8,2.8,0,0,1,2.783,2.783v16.28A2.813,2.813,0,0,1,1087.116,547.9Z" transform="translate(-1068 -526)" fill="#fafafa"/>
+          </g>
+          <g id="Group_14693" data-name="Group 14693">
+            <g id="Group_14692" data-name="Group 14692">
+              <path id="Path_10446" data-name="Path 10446" d="M1086.168,546.774a.827.827,0,0,0,.21-.053,1.47,1.47,0,0,0,.578-.1,2.119,2.119,0,0,0,.893-.473,3.07,3.07,0,0,0,.84-1.1,1.741,1.741,0,0,0,.21-.788,5.061,5.061,0,0,0,0-.893V528.446a4.863,4.863,0,0,0-.158-1.733,2.865,2.865,0,0,0-1.05-1.313,2.565,2.565,0,0,0-1.733-.473h-16.123a2.624,2.624,0,0,0-1.838.735,2.79,2.79,0,0,0-.893,1.838v16.385a4.609,4.609,0,0,0,.1.84,2.8,2.8,0,0,0,1.576,1.786,3.682,3.682,0,0,0,.735.158,3.98,3.98,0,0,0,.788.052h12.6c1.05,0,1.838,0,2.416.053h-2.416c-2.1,0-5.147,0-8.875.052h-3.729a3.975,3.975,0,0,1-.788-.052,2.2,2.2,0,0,1-.788-.21,2.979,2.979,0,0,1-.683-.42,2.627,2.627,0,0,1-.945-1.418,4.6,4.6,0,0,1-.1-.84V527.5a2.878,2.878,0,0,1,2.836-2.678h16.123a2.708,2.708,0,0,1,1.786.473,2.919,2.919,0,0,1,1.1,1.418,2.379,2.379,0,0,1,.157.84v15.807a4.807,4.807,0,0,1-.052.893,2.2,2.2,0,0,1-.21.84,3.07,3.07,0,0,1-.84,1.1,4.979,4.979,0,0,1-.893.473,3.888,3.888,0,0,1-.63.1Z" transform="translate(-1067 -524.812)" fill="#e0e0e0"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14698" data-name="Group 14698" transform="translate(37.234 49.365)">
+          <g id="Group_14695" data-name="Group 14695" transform="translate(0.105 0.053)">
+            <path id="Path_10447" data-name="Path 10447" d="M1087.063,1128.9h-16.28a2.768,2.768,0,0,1-2.783-2.783v-16.333a2.768,2.768,0,0,1,2.783-2.783h16.28a2.813,2.813,0,0,1,2.836,2.783v16.333A2.813,2.813,0,0,1,1087.063,1128.9Z" transform="translate(-1068 -1107)" fill="#fafafa"/>
+          </g>
+          <g id="Group_14697" data-name="Group 14697">
+            <g id="Group_14696" data-name="Group 14696">
+              <path id="Path_10448" data-name="Path 10448" d="M1085.168,1127.952h.21a3.882,3.882,0,0,0,.63-.1,3.274,3.274,0,0,0,.893-.525,2.484,2.484,0,0,0,.84-1.05,4.377,4.377,0,0,0,.21-.788v-15.86a5.9,5.9,0,0,0-.21-1.681,2.49,2.49,0,0,0-1.05-1.365,3.124,3.124,0,0,0-1.681-.473h-16.122a2.907,2.907,0,0,0-1.891.788,2.607,2.607,0,0,0-.84,1.786v16.385a2.312,2.312,0,0,0,.105.84,2.857,2.857,0,0,0,.84,1.365,4.8,4.8,0,0,0,.683.42,4.37,4.37,0,0,0,.788.21h4.464c3.781,0,6.775.052,8.875.052h2.416c-.525,0-1.365,0-2.416.052h-13.339a2.845,2.845,0,0,1-.788-.21,2.206,2.206,0,0,1-.735-.473,2.713,2.713,0,0,1-.893-1.365,2.6,2.6,0,0,1-.1-.893V1120.6c0-2.521-.052-5.094-.052-7.772.052-1.365,0-2.731.052-4.149a2.631,2.631,0,0,1,.84-1.891,3.066,3.066,0,0,1,2-.788h16.122a3.177,3.177,0,0,1,1.733.473,2.644,2.644,0,0,1,1.1,1.418,2.454,2.454,0,0,1,.157.893,4.521,4.521,0,0,1,.052.84v1.681c-.052,2.206-.052,4.254-.052,6.144v8.035c-.052.263-.157.578-.21.788a3.894,3.894,0,0,1-.893,1.1,2.969,2.969,0,0,1-.893.473,3.882,3.882,0,0,1-.63.1Z" transform="translate(-1066 -1106)" fill="#e0e0e0"/>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Group_15068" data-name="Group 15068" transform="translate(-17.934 -17.857)">
+        <path id="Path_8559" data-name="Path 8559" d="M3568.093,2315.187l-3.092.021v-.72a.47.47,0,0,1,.466-.466l2.139-.021a.476.476,0,0,1,.487.466Z" transform="translate(-3282.172 -1918.95)" fill="#163560" fill-rule="evenodd"/>
+        <g id="Group_15067" data-name="Group 15067" transform="translate(280.922 396.235)">
+          <path id="Path_8558" data-name="Path 8558" d="M3480.507,2384h-4.044a1.423,1.423,0,0,1-1.44-1.418L3475,2371.44a1.42,1.42,0,0,1,1.419-1.419l4.066-.021a1.42,1.42,0,0,1,1.419,1.42l.021,11.138A1.436,1.436,0,0,1,3480.507,2384Z" transform="translate(-3475 -2370)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8560" data-name="Path 8560" d="M3557.665,2526.628H3554V2520h3.643Z" transform="translate(-3552.327 -2516.823)" fill="#f9ddbf" fill-rule="evenodd"/>
+          <path id="Path_8561" data-name="Path 8561" d="M3629.022,2565.252h0l-.022-.021a22.549,22.549,0,0,1,1.038-5.189.021.021,0,0,0,.022-.021.02.02,0,0,1,.02-.021.021.021,0,0,1,.022.021c0,.021-.022.021-.022.044a22.008,22.008,0,0,0-1.038,5.166A.021.021,0,0,1,3629.022,2565.252Z" transform="translate(-3625.738 -2555.976)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8562" data-name="Path 8562" d="M3676.85,2542.253c-.042.085-.3.277-.318.256-.042,0-.042-.34,0-.424a.171.171,0,0,1,.234-.064A.161.161,0,0,1,3676.85,2542.253Z" transform="translate(-3672.234 -2538.357)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8563" data-name="Path 8563" d="M3653.372,2564.649a1.125,1.125,0,0,1,.021.446,1.205,1.205,0,0,1-.339-.276.161.161,0,0,1,.084-.232A.155.155,0,0,1,3653.372,2564.649Z" transform="translate(-3649.263 -2560.436)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8564" data-name="Path 8564" d="M3670.366,2576.173a.975.975,0,0,1-.423-.085c-.021-.022.232-.233.338-.275a.183.183,0,0,1,.212.147A.189.189,0,0,1,3670.366,2576.173Z" transform="translate(-3665.812 -2571.452)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8565" data-name="Path 8565" d="M3616.789,2646.112a1.877,1.877,0,0,1,.106.7,1.241,1.241,0,0,1-.614-.383.285.285,0,0,1,.083-.422A.313.313,0,0,1,3616.789,2646.112Z" transform="translate(-3613.231 -2640.118)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8566" data-name="Path 8566" d="M3647.682,2661.069a1.484,1.484,0,0,1-.721-.064,1.532,1.532,0,0,1,.529-.508.33.33,0,0,1,.382.189A.288.288,0,0,1,3647.682,2661.069Z" transform="translate(-3643.318 -2654.334)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8567" data-name="Path 8567" d="M3598.371,2679.862a1.847,1.847,0,0,1,.317.825,2.055,2.055,0,0,1-.826-.295.369.369,0,0,1,0-.53A.346.346,0,0,1,3598.371,2679.862Z" transform="translate(-3595.151 -2673.191)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8568" data-name="Path 8568" d="M3641.841,2697.3a1.878,1.878,0,0,1-.87-.169,1.667,1.667,0,0,1,.7-.552.378.378,0,0,1,.445.276A.384.384,0,0,1,3641.841,2697.3Z" transform="translate(-3637.455 -2689.65)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8569" data-name="Path 8569" d="M3592.369,2719.71a1.935,1.935,0,0,1,.319.846,1.825,1.825,0,0,1-.825-.317.343.343,0,0,1,0-.508A.366.366,0,0,1,3592.369,2719.71Z" transform="translate(-3589.278 -2712.215)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8570" data-name="Path 8570" d="M3635.837,2736.96a2.145,2.145,0,0,1-.866-.168,1.621,1.621,0,0,1,.7-.55.358.358,0,0,1,.444.275A.391.391,0,0,1,3635.837,2736.96Z" transform="translate(-3631.582 -2728.471)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8571" data-name="Path 8571" d="M3578.522,2775.036a1.931,1.931,0,0,1,.616.656,2.318,2.318,0,0,1-.89.043.375.375,0,1,1,.274-.7Z" transform="translate(-3575.832 -2766.439)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8572" data-name="Path 8572" d="M3629.857,2776.734a1.905,1.905,0,0,1-.89-.063,1.991,1.991,0,0,1,.636-.635.358.358,0,0,1,.465.212A.372.372,0,0,1,3629.857,2776.734Z" transform="translate(-3625.706 -2767.418)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8573" data-name="Path 8573" d="M3644.9,2590.317a1.1,1.1,0,0,1,.02.446c-.041.02-.295-.192-.337-.276a.177.177,0,0,1,.063-.254A.2.2,0,0,1,3644.9,2590.317Z" transform="translate(-3640.965 -2585.552)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8574" data-name="Path 8574" d="M3661.424,2603.17a1.062,1.062,0,0,1-.424-.084.923.923,0,0,1,.34-.276.2.2,0,0,1,.234.129A.2.2,0,0,1,3661.424,2603.17Z" transform="translate(-3657.061 -2597.876)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8575" data-name="Path 8575" d="M3628.408,2614.047a1.316,1.316,0,0,1,.064.615,1.35,1.35,0,0,1-.509-.36.231.231,0,0,1,.085-.339A.252.252,0,0,1,3628.408,2614.047Z" transform="translate(-3624.68 -2608.753)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8576" data-name="Path 8576" d="M3654.575,2630.069a1.4,1.4,0,0,1-.614-.127c-.021-.043.36-.339.486-.381a.265.265,0,0,1,.318.189A.287.287,0,0,1,3654.575,2630.069Z" transform="translate(-3650.171 -2624.056)" fill="#ffa561" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <g id="Group_15071" data-name="Group 15071" transform="translate(-17.934 12.773)">
+        <path id="Path_8559-2" data-name="Path 8559" d="M3568.093,2315.187l-3.092.021v-.72a.47.47,0,0,1,.466-.466l2.139-.021a.476.476,0,0,1,.487.466Z" transform="translate(-3282.172 -1918.95)" fill="#163560" fill-rule="evenodd"/>
+        <g id="Group_15067-2" data-name="Group 15067" transform="translate(280.922 396.235)">
+          <path id="Path_8558-2" data-name="Path 8558" d="M3480.507,2384h-4.044a1.423,1.423,0,0,1-1.44-1.418L3475,2371.44a1.42,1.42,0,0,1,1.419-1.419l4.066-.021a1.42,1.42,0,0,1,1.419,1.42l.021,11.138A1.436,1.436,0,0,1,3480.507,2384Z" transform="translate(-3475 -2370)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8560-2" data-name="Path 8560" d="M3557.665,2526.628H3554V2520h3.643Z" transform="translate(-3552.327 -2516.823)" fill="#7786e8" fill-rule="evenodd"/>
+          <path id="Path_8561-2" data-name="Path 8561" d="M3629.022,2565.252h0l-.022-.021a22.549,22.549,0,0,1,1.038-5.189.021.021,0,0,0,.022-.021.02.02,0,0,1,.02-.021.021.021,0,0,1,.022.021c0,.021-.022.021-.022.044a22.008,22.008,0,0,0-1.038,5.166A.021.021,0,0,1,3629.022,2565.252Z" transform="translate(-3625.738 -2555.976)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8562-2" data-name="Path 8562" d="M3676.85,2542.253c-.042.085-.3.277-.318.256-.042,0-.042-.34,0-.424a.171.171,0,0,1,.234-.064A.161.161,0,0,1,3676.85,2542.253Z" transform="translate(-3672.234 -2538.357)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8563-2" data-name="Path 8563" d="M3653.372,2564.649a1.125,1.125,0,0,1,.021.446,1.205,1.205,0,0,1-.339-.276.161.161,0,0,1,.084-.232A.155.155,0,0,1,3653.372,2564.649Z" transform="translate(-3649.263 -2560.436)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8564-2" data-name="Path 8564" d="M3670.366,2576.173a.975.975,0,0,1-.423-.085c-.021-.022.232-.233.338-.275a.183.183,0,0,1,.212.147A.189.189,0,0,1,3670.366,2576.173Z" transform="translate(-3665.812 -2571.452)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8565-2" data-name="Path 8565" d="M3616.789,2646.112a1.877,1.877,0,0,1,.106.7,1.241,1.241,0,0,1-.614-.383.285.285,0,0,1,.083-.422A.313.313,0,0,1,3616.789,2646.112Z" transform="translate(-3613.231 -2640.118)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8566-2" data-name="Path 8566" d="M3647.682,2661.069a1.484,1.484,0,0,1-.721-.064,1.532,1.532,0,0,1,.529-.508.33.33,0,0,1,.382.189A.288.288,0,0,1,3647.682,2661.069Z" transform="translate(-3643.318 -2654.334)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8567-2" data-name="Path 8567" d="M3598.371,2679.862a1.847,1.847,0,0,1,.317.825,2.055,2.055,0,0,1-.826-.295.369.369,0,0,1,0-.53A.346.346,0,0,1,3598.371,2679.862Z" transform="translate(-3595.151 -2673.191)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8568-2" data-name="Path 8568" d="M3641.841,2697.3a1.878,1.878,0,0,1-.87-.169,1.667,1.667,0,0,1,.7-.552.378.378,0,0,1,.445.276A.384.384,0,0,1,3641.841,2697.3Z" transform="translate(-3637.455 -2689.65)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8569-2" data-name="Path 8569" d="M3592.369,2719.71a1.935,1.935,0,0,1,.319.846,1.825,1.825,0,0,1-.825-.317.343.343,0,0,1,0-.508A.366.366,0,0,1,3592.369,2719.71Z" transform="translate(-3589.278 -2712.215)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8570-2" data-name="Path 8570" d="M3635.837,2736.96a2.145,2.145,0,0,1-.866-.168,1.621,1.621,0,0,1,.7-.55.358.358,0,0,1,.444.275A.391.391,0,0,1,3635.837,2736.96Z" transform="translate(-3631.582 -2728.471)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8571-2" data-name="Path 8571" d="M3578.522,2775.036a1.931,1.931,0,0,1,.616.656,2.318,2.318,0,0,1-.89.043.375.375,0,1,1,.274-.7Z" transform="translate(-3575.832 -2766.439)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8572-2" data-name="Path 8572" d="M3629.857,2776.734a1.905,1.905,0,0,1-.89-.063,1.991,1.991,0,0,1,.636-.635.358.358,0,0,1,.465.212A.372.372,0,0,1,3629.857,2776.734Z" transform="translate(-3625.706 -2767.418)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8573-2" data-name="Path 8573" d="M3644.9,2590.317a1.1,1.1,0,0,1,.02.446c-.041.02-.295-.192-.337-.276a.177.177,0,0,1,.063-.254A.2.2,0,0,1,3644.9,2590.317Z" transform="translate(-3640.965 -2585.552)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8574-2" data-name="Path 8574" d="M3661.424,2603.17a1.062,1.062,0,0,1-.424-.084.923.923,0,0,1,.34-.276.2.2,0,0,1,.234.129A.2.2,0,0,1,3661.424,2603.17Z" transform="translate(-3657.061 -2597.876)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8575-2" data-name="Path 8575" d="M3628.408,2614.047a1.316,1.316,0,0,1,.064.615,1.35,1.35,0,0,1-.509-.36.231.231,0,0,1,.085-.339A.252.252,0,0,1,3628.408,2614.047Z" transform="translate(-3624.68 -2608.753)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8576-2" data-name="Path 8576" d="M3654.575,2630.069a1.4,1.4,0,0,1-.614-.127c-.021-.043.36-.339.486-.381a.265.265,0,0,1,.318.189A.287.287,0,0,1,3654.575,2630.069Z" transform="translate(-3650.171 -2624.056)" fill="#05968F" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <g id="Group_15066" data-name="Group 15066" transform="translate(221.825 359.502)">
+        <g id="Group_14907" data-name="Group 14907" transform="translate(6.154)">
+          <g id="Group_14902" data-name="Group 14902">
+            <g id="Group_14717" data-name="Group 14717" transform="translate(2.615 1.666)">
+              <g id="Group_14716" data-name="Group 14716">
+                <g id="Group_14715" data-name="Group 14715">
+                  <g id="Group_14714" data-name="Group 14714">
+                    <g id="Group_14713" data-name="Group 14713">
+                      <g id="Group_14712" data-name="Group 14712">
+                        <g id="Group_14711" data-name="Group 14711">
+                          <g id="Group_14710" data-name="Group 14710">
+                            <g id="Group_14709" data-name="Group 14709">
+                              <g id="Group_14708" data-name="Group 14708">
+                                <g id="Group_14707" data-name="Group 14707">
+                                  <g id="Group_14706" data-name="Group 14706">
+                                    <g id="Group_14705" data-name="Group 14705">
+                                      <g id="Group_14704" data-name="Group 14704">
+                                        <g id="Group_14703" data-name="Group 14703">
+                                          <g id="Group_14702" data-name="Group 14702">
+                                            <g id="Group_14701" data-name="Group 14701">
+                                              <g id="Group_14700" data-name="Group 14700">
+                                                <path id="Path_10449" data-name="Path 10449" d="M131.973,515.448v11.1c0,1.86,2.259,5.249,5.249,5.116h.2c2.591-.266,1.13-3.388,1.13-5.116v-1.661a3.3,3.3,0,0,0,3.056-3.056c.133-1.329.066-4.119,0-6.644a5.111,5.111,0,0,0-4.85-5.116l-.266-.066C133.568,510,131.907,512.525,131.973,515.448Z" transform="translate(-131.971 -510)" fill="#ffc19c"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14735" data-name="Group 14735" transform="translate(5.607 15.287)">
+              <g id="Group_14734" data-name="Group 14734">
+                <g id="Group_14733" data-name="Group 14733">
+                  <g id="Group_14732" data-name="Group 14732">
+                    <g id="Group_14731" data-name="Group 14731">
+                      <g id="Group_14730" data-name="Group 14730">
+                        <g id="Group_14729" data-name="Group 14729">
+                          <g id="Group_14728" data-name="Group 14728">
+                            <g id="Group_14727" data-name="Group 14727">
+                              <g id="Group_14726" data-name="Group 14726">
+                                <g id="Group_14725" data-name="Group 14725">
+                                  <g id="Group_14724" data-name="Group 14724">
+                                    <g id="Group_14723" data-name="Group 14723">
+                                      <g id="Group_14722" data-name="Group 14722">
+                                        <g id="Group_14721" data-name="Group 14721">
+                                          <g id="Group_14720" data-name="Group 14720">
+                                            <g id="Group_14719" data-name="Group 14719">
+                                              <g id="Group_14718" data-name="Group 14718">
+                                                <path id="Path_10450" data-name="Path 10450" d="M180.588,716.262A7.019,7.019,0,0,1,177,715a3.585,3.585,0,0,0,3.588,1.993Z" transform="translate(-177 -715)" fill="#ff9b69"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14757" data-name="Group 14757" transform="translate(5.806 7.513)">
+              <g id="Group_14756" data-name="Group 14756">
+                <g id="Group_14755" data-name="Group 14755">
+                  <g id="Group_14754" data-name="Group 14754">
+                    <g id="Group_14753" data-name="Group 14753">
+                      <g id="Group_14752" data-name="Group 14752">
+                        <g id="Group_14751" data-name="Group 14751">
+                          <g id="Group_14750" data-name="Group 14750">
+                            <g id="Group_14749" data-name="Group 14749">
+                              <g id="Group_14748" data-name="Group 14748">
+                                <g id="Group_14747" data-name="Group 14747">
+                                  <g id="Group_14746" data-name="Group 14746">
+                                    <g id="Group_14745" data-name="Group 14745">
+                                      <g id="Group_14744" data-name="Group 14744">
+                                        <g id="Group_14743" data-name="Group 14743">
+                                          <g id="Group_14742" data-name="Group 14742">
+                                            <g id="Group_14741" data-name="Group 14741">
+                                              <g id="Group_14740" data-name="Group 14740">
+                                                <g id="Group_14739" data-name="Group 14739">
+                                                  <g id="Group_14738" data-name="Group 14738">
+                                                    <g id="Group_14737" data-name="Group 14737">
+                                                      <g id="Group_14736" data-name="Group 14736">
+                                                        <path id="Path_10451" data-name="Path 10451" d="M181.727,598.531c-.066.066-.4-.2-.864-.2-.465-.067-.8.2-.864.133,0,0,0-.133.2-.2a1.015,1.015,0,0,1,.664-.266,1.25,1.25,0,0,1,.664.266C181.661,598.4,181.727,598.465,181.727,598.531Z" transform="translate(-180 -598)" fill="#202d34"/>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14778" data-name="Group 14778" transform="translate(6.803 8.975)">
+              <g id="Group_14777" data-name="Group 14777">
+                <g id="Group_14776" data-name="Group 14776">
+                  <g id="Group_14775" data-name="Group 14775">
+                    <g id="Group_14774" data-name="Group 14774">
+                      <g id="Group_14773" data-name="Group 14773">
+                        <g id="Group_14772" data-name="Group 14772">
+                          <g id="Group_14771" data-name="Group 14771">
+                            <g id="Group_14770" data-name="Group 14770">
+                              <g id="Group_14769" data-name="Group 14769">
+                                <g id="Group_14768" data-name="Group 14768">
+                                  <g id="Group_14767" data-name="Group 14767">
+                                    <g id="Group_14766" data-name="Group 14766">
+                                      <g id="Group_14765" data-name="Group 14765">
+                                        <g id="Group_14764" data-name="Group 14764">
+                                          <g id="Group_14763" data-name="Group 14763">
+                                            <g id="Group_14762" data-name="Group 14762">
+                                              <g id="Group_14761" data-name="Group 14761">
+                                                <g id="Group_14760" data-name="Group 14760">
+                                                  <g id="Group_14759" data-name="Group 14759">
+                                                    <g id="Group_14758" data-name="Group 14758">
+                                                      <path id="Path_10452" data-name="Path 10452" d="M195.8,620.332a.4.4,0,0,1-.8,0,.405.405,0,0,1,.8,0Z" transform="translate(-195 -620)" fill="#202d34"/>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14799" data-name="Group 14799" transform="translate(8.73 7.646)">
+              <g id="Group_14798" data-name="Group 14798">
+                <g id="Group_14797" data-name="Group 14797">
+                  <g id="Group_14796" data-name="Group 14796">
+                    <g id="Group_14795" data-name="Group 14795">
+                      <g id="Group_14794" data-name="Group 14794">
+                        <g id="Group_14793" data-name="Group 14793">
+                          <g id="Group_14792" data-name="Group 14792">
+                            <g id="Group_14791" data-name="Group 14791">
+                              <g id="Group_14790" data-name="Group 14790">
+                                <g id="Group_14789" data-name="Group 14789">
+                                  <g id="Group_14788" data-name="Group 14788">
+                                    <g id="Group_14787" data-name="Group 14787">
+                                      <g id="Group_14786" data-name="Group 14786">
+                                        <g id="Group_14785" data-name="Group 14785">
+                                          <g id="Group_14784" data-name="Group 14784">
+                                            <g id="Group_14783" data-name="Group 14783">
+                                              <g id="Group_14782" data-name="Group 14782">
+                                                <g id="Group_14781" data-name="Group 14781">
+                                                  <g id="Group_14780" data-name="Group 14780">
+                                                    <g id="Group_14779" data-name="Group 14779">
+                                                      <path id="Path_10453" data-name="Path 10453" d="M224,603.654c0-.066.266-.066.731-.133.066,0,.2,0,.2-.066.066-.066,0-.2-.066-.332a6.173,6.173,0,0,0-.266-.864c-.332-1.2-.6-2.193-.6-2.259a15.856,15.856,0,0,1,.8,2.193c.066.332.2.6.266.864a1.085,1.085,0,0,1,0,.465c0,.067-.066.133-.2.133H224Z" transform="translate(-224 -600)" fill="#202d34"/>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14816" data-name="Group 14816" transform="translate(5.541 6.184)">
+              <g id="Group_14815" data-name="Group 14815">
+                <g id="Group_14814" data-name="Group 14814">
+                  <g id="Group_14813" data-name="Group 14813">
+                    <g id="Group_14812" data-name="Group 14812">
+                      <g id="Group_14811" data-name="Group 14811">
+                        <g id="Group_14810" data-name="Group 14810">
+                          <g id="Group_14809" data-name="Group 14809">
+                            <g id="Group_14808" data-name="Group 14808">
+                              <g id="Group_14807" data-name="Group 14807">
+                                <g id="Group_14806" data-name="Group 14806">
+                                  <g id="Group_14805" data-name="Group 14805">
+                                    <g id="Group_14804" data-name="Group 14804">
+                                      <g id="Group_14803" data-name="Group 14803">
+                                        <g id="Group_14802" data-name="Group 14802">
+                                          <g id="Group_14801" data-name="Group 14801">
+                                            <g id="Group_14800" data-name="Group 14800">
+                                              <path id="Path_10454" data-name="Path 10454" d="M177.727,578.332c0,.066-.4,0-.864.066-.4,0-.8.133-.864,0a.5.5,0,0,1,.2-.2,1.417,1.417,0,0,1,1.329-.066Q177.827,578.232,177.727,578.332Z" transform="translate(-176 -578)" fill="#202d34"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14833" data-name="Group 14833" transform="translate(10.034 6.517)">
+              <g id="Group_14832" data-name="Group 14832">
+                <g id="Group_14831" data-name="Group 14831">
+                  <g id="Group_14830" data-name="Group 14830">
+                    <g id="Group_14829" data-name="Group 14829">
+                      <g id="Group_14828" data-name="Group 14828">
+                        <g id="Group_14827" data-name="Group 14827">
+                          <g id="Group_14826" data-name="Group 14826">
+                            <g id="Group_14825" data-name="Group 14825">
+                              <g id="Group_14824" data-name="Group 14824">
+                                <g id="Group_14823" data-name="Group 14823">
+                                  <g id="Group_14822" data-name="Group 14822">
+                                    <g id="Group_14821" data-name="Group 14821">
+                                      <g id="Group_14820" data-name="Group 14820">
+                                        <g id="Group_14819" data-name="Group 14819">
+                                          <g id="Group_14818" data-name="Group 14818">
+                                            <g id="Group_14817" data-name="Group 14817">
+                                              <path id="Path_10455" data-name="Path 10455" d="M245.377,583.4a2.157,2.157,0,0,1-.864-.066c-.465,0-.864.066-.864,0q-.1-.1.2-.2a1.669,1.669,0,0,1,.664-.133.813.813,0,0,1,.6.2C245.311,583.266,245.377,583.332,245.377,583.4Z" transform="translate(-243.625 -583)" fill="#202d34"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14846" data-name="Group 14846" transform="translate(0.755 9.063)">
+              <g id="Group_14845" data-name="Group 14845">
+                <g id="Group_14844" data-name="Group 14844">
+                  <g id="Group_14843" data-name="Group 14843">
+                    <g id="Group_14842" data-name="Group 14842">
+                      <g id="Group_14841" data-name="Group 14841">
+                        <g id="Group_14840" data-name="Group 14840">
+                          <g id="Group_14839" data-name="Group 14839">
+                            <g id="Group_14838" data-name="Group 14838">
+                              <g id="Group_14837" data-name="Group 14837">
+                                <g id="Group_14836" data-name="Group 14836">
+                                  <g id="Group_14835" data-name="Group 14835">
+                                    <g id="Group_14834" data-name="Group 14834">
+                                      <path id="Path_10456" data-name="Path 10456" d="M105.9,621.445s-1.86-.664-1.927,1.262c-.066,1.86,1.86,1.528,1.927,1.528Z" transform="translate(-103.975 -621.334)" fill="#ffc19c"/>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14860" data-name="Group 14860" transform="translate(1.222 9.639)">
+              <g id="Group_14859" data-name="Group 14859">
+                <g id="Group_14858" data-name="Group 14858">
+                  <g id="Group_14857" data-name="Group 14857">
+                    <g id="Group_14856" data-name="Group 14856">
+                      <g id="Group_14855" data-name="Group 14855">
+                        <g id="Group_14854" data-name="Group 14854">
+                          <g id="Group_14853" data-name="Group 14853">
+                            <g id="Group_14852" data-name="Group 14852">
+                              <g id="Group_14851" data-name="Group 14851">
+                                <g id="Group_14850" data-name="Group 14850">
+                                  <g id="Group_14849" data-name="Group 14849">
+                                    <g id="Group_14848" data-name="Group 14848">
+                                      <g id="Group_14847" data-name="Group 14847">
+                                        <path id="Path_10457" data-name="Path 10457" d="M111.864,631.528a.065.065,0,0,1-.066.066c-.066,0-.2.066-.266,0a.811.811,0,0,1-.4-.731.96.96,0,0,1,.133-.465c.066-.2.133-.266.266-.266.133-.066.2,0,.2.066v.133a.232.232,0,0,0,.066-.133c0-.066-.066-.066-.066-.133-.066,0-.133-.066-.2-.066-.133,0-.266.133-.4.332a1.251,1.251,0,0,0-.133.532.845.845,0,0,0,.465.8c.133.066.266,0,.332,0A.206.206,0,0,0,111.864,631.528Z" transform="translate(-111 -630)" fill="#ff9b69"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14866" data-name="Group 14866">
+              <g id="Group_14865" data-name="Group 14865">
+                <g id="Group_14864" data-name="Group 14864">
+                  <g id="Group_14863" data-name="Group 14863">
+                    <g id="Group_14862" data-name="Group 14862">
+                      <g id="Group_14861" data-name="Group 14861">
+                        <path id="Path_10458" data-name="Path 10458" d="M92.767,491.037a12.666,12.666,0,0,0,.664-2.259,2.491,2.491,0,0,1,1.329-1.794h.066a1.951,1.951,0,0,1,1.993.133,2.637,2.637,0,0,1,1.993-2.06,6.165,6.165,0,0,1,3.455.266,6.808,6.808,0,0,1,2.259,1.727,5.293,5.293,0,0,1,1,1.13l.864,2.658-.664,1.329c-.066.133-.133.2-.133.332v-.067l-.664,2.923c-.066-.8,0-3.521-.066-4.319a4.278,4.278,0,0,1-3.123-1.4c-.465-.465-.8-1.063-1.4-1.329a3.044,3.044,0,0,0-2.392.2l.066-.066a3.473,3.473,0,0,0-1.129.8,11,11,0,0,1-.4,4.651c-.066.2-.266.664-.465.731-.465.2-.532-.266-.8-.465a1.114,1.114,0,0,0-.8-.2,10.636,10.636,0,0,1-.532-1.993,1.3,1.3,0,0,1-.864.067,2.364,2.364,0,0,0,.266-.6c-.133.066-.2.133-.332.2a.508.508,0,0,1-.332-.133A.411.411,0,0,1,92.767,491.037Z" transform="translate(-92.608 -484.919)" fill="#202d34"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14872" data-name="Group 14872" transform="translate(1.023 2.53)">
+              <g id="Group_14871" data-name="Group 14871">
+                <g id="Group_14870" data-name="Group 14870">
+                  <g id="Group_14869" data-name="Group 14869">
+                    <g id="Group_14868" data-name="Group 14868">
+                      <g id="Group_14867" data-name="Group 14867">
+                        <path id="Path_10459" data-name="Path 10459" d="M112.053,523l-.266.266a2.039,2.039,0,0,0-.4.93,2.491,2.491,0,0,0-.066.731,3.512,3.512,0,0,0,.066.8v.93a1.13,1.13,0,0,1-.066.465.717.717,0,0,1-.2.465.3.3,0,0,1-.4.133c-.133,0-.2-.066-.332-.2a1.4,1.4,0,0,1-.266-.664h.066c-.133.2-.2.4-.332.6a.82.82,0,0,1-.532.266.6.6,0,0,1-.332-.066c-.066,0-.133-.066-.2-.133,0-.133-.066-.2-.066-.266s.066-.2.133-.2h0a1.228,1.228,0,0,1-.6.465c-.066,0-.133.066-.2.066h0c.066,0,.133-.066.2-.066.133-.133.4-.266.6-.465h0a.424.424,0,0,0,0,.4c.066.066.066.133.2.2.066,0,.133.066.266,0a.844.844,0,0,0,.465-.266,1.285,1.285,0,0,0,.332-.6l.066-.066v.066a1.393,1.393,0,0,0,.266.731.508.508,0,0,0,.332.133c.066.066.2,0,.332-.066a1.231,1.231,0,0,0,.133-.465,1.13,1.13,0,0,0,.066-.465v-.93a3.236,3.236,0,0,1-.066-.8c0-.266.066-.532.066-.731a1.711,1.711,0,0,1,.465-.93A.8.8,0,0,1,112.053,523Z" transform="translate(-108 -523)" fill="#365864"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14878" data-name="Group 14878" transform="translate(5.208 0.936)">
+              <g id="Group_14877" data-name="Group 14877">
+                <g id="Group_14876" data-name="Group 14876">
+                  <g id="Group_14875" data-name="Group 14875">
+                    <g id="Group_14874" data-name="Group 14874">
+                      <g id="Group_14873" data-name="Group 14873">
+                        <path id="Path_10460" data-name="Path 10460" d="M179.571,503.186v.066H179.5l-.133.133c-.066,0-.133.066-.2.066a1.936,1.936,0,0,1-1.2.2,2.993,2.993,0,0,1-1.661-.6,4.484,4.484,0,0,1-1.462-1.661l-.6-1a3.575,3.575,0,0,0-.6-.8,2.78,2.78,0,0,0-.8-.532H172.4a.842.842,0,0,0-.4.066,1.446,1.446,0,0,0-.531.332,1.017,1.017,0,0,0-.332.465.791.791,0,0,0-.133.4V500.2a1.122,1.122,0,0,1,.133-.332,1.389,1.389,0,0,1,.266-.4,2.319,2.319,0,0,1,.6-.4c.133,0,.266-.066.4-.066a1.131,1.131,0,0,1,.465.066,1.418,1.418,0,0,1,.8.465,4.266,4.266,0,0,1,.664.864l.6,1a5.8,5.8,0,0,0,1.4,1.661,3.9,3.9,0,0,0,1.661.6,4.4,4.4,0,0,0,1.2-.2A1.644,1.644,0,0,0,179.571,503.186Z" transform="translate(-171 -499)" fill="#365864"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14887" data-name="Group 14887" transform="translate(10.059 7.646)">
+              <g id="Group_14886" data-name="Group 14886">
+                <g id="Group_14885" data-name="Group 14885">
+                  <g id="Group_14884" data-name="Group 14884">
+                    <g id="Group_14883" data-name="Group 14883">
+                      <g id="Group_14882" data-name="Group 14882">
+                        <g id="Group_14881" data-name="Group 14881">
+                          <g id="Group_14880" data-name="Group 14880">
+                            <g id="Group_14879" data-name="Group 14879">
+                              <path id="Path_10461" data-name="Path 10461" d="M245.727,600.531c-.066.066-.4-.2-.864-.2-.465-.067-.8.2-.864.133a1.148,1.148,0,0,1,.2-.266,1.573,1.573,0,0,1,.664-.2,1.209,1.209,0,0,1,.731.266C245.727,600.4,245.727,600.465,245.727,600.531Z" transform="translate(-244 -600)" fill="#202d34"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14895" data-name="Group 14895" transform="translate(10.59 8.975)">
+              <g id="Group_14894" data-name="Group 14894">
+                <g id="Group_14893" data-name="Group 14893">
+                  <g id="Group_14892" data-name="Group 14892">
+                    <g id="Group_14891" data-name="Group 14891">
+                      <g id="Group_14890" data-name="Group 14890">
+                        <g id="Group_14889" data-name="Group 14889">
+                          <g id="Group_14888" data-name="Group 14888">
+                            <path id="Path_10462" data-name="Path 10462" d="M252.8,620.332a.4.4,0,0,1-.8,0,.405.405,0,0,1,.8,0Z" transform="translate(-252 -620)" fill="#202d34"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14901" data-name="Group 14901" transform="translate(12.317 2.995)">
+              <g id="Group_14900" data-name="Group 14900" transform="translate(0)">
+                <g id="Group_14899" data-name="Group 14899">
+                  <g id="Group_14898" data-name="Group 14898">
+                    <g id="Group_14897" data-name="Group 14897">
+                      <g id="Group_14896" data-name="Group 14896">
+                        <path id="Path_10463" data-name="Path 10463" d="M278.4,530a1.171,1.171,0,0,0,1,.531,2.769,2.769,0,0,0,.4-.133c.133.067.066.6,0,.664a1.814,1.814,0,0,1-.266.332,1.363,1.363,0,0,0,1.329-.066,2.379,2.379,0,0,1-1.4,1.927.7.7,0,0,1-.8,0c-.2-.066-.266-.332-.332-.6a10.515,10.515,0,0,1-.332-2.525Z" transform="translate(-278 -530)" fill="#202d34"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14906" data-name="Group 14906" transform="translate(7.334 11.632)">
+            <g id="Group_14905" data-name="Group 14905">
+              <g id="Group_14904" data-name="Group 14904">
+                <g id="Group_14903" data-name="Group 14903">
+                  <path id="Path_10464" data-name="Path 10464" d="M204.4,660.864a.388.388,0,0,1-.266.066.905.905,0,0,1-.664-.133,1.534,1.534,0,0,1-.465-.465V660c.066,0,.133.4.6.664C204,660.864,204.4,660.8,204.4,660.864Z" transform="translate(-203 -660)" fill="#202d34"/>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15056" data-name="Group 15056" transform="translate(0 17.479)">
+          <g id="Group_14998" data-name="Group 14998" transform="translate(17.01 74.413)">
+            <g id="Group_14992" data-name="Group 14992">
+              <g id="Group_14991" data-name="Group 14991">
+                <g id="Group_14990" data-name="Group 14990">
+                  <g id="Group_14918" data-name="Group 14918">
+                    <g id="Group_14917" data-name="Group 14917">
+                      <g id="Group_14916" data-name="Group 14916">
+                        <g id="Group_14915" data-name="Group 14915">
+                          <g id="Group_14914" data-name="Group 14914">
+                            <g id="Group_14913" data-name="Group 14913">
+                              <g id="Group_14912" data-name="Group 14912">
+                                <g id="Group_14911" data-name="Group 14911">
+                                  <g id="Group_14910" data-name="Group 14910">
+                                    <g id="Group_14909" data-name="Group 14909">
+                                      <g id="Group_14908" data-name="Group 14908">
+                                        <path id="Path_10465" data-name="Path 10465" d="M256,1868v6.046l12.358-.066c-.066-1.262-6.91-3.654-6.91-3.654l.133-2.325Z" transform="translate(-256 -1868)" fill="#1e7dbd"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14930" data-name="Group 14930" transform="translate(1.644 1.727)">
+                    <g id="Group_14929" data-name="Group 14929">
+                      <g id="Group_14928" data-name="Group 14928">
+                        <g id="Group_14927" data-name="Group 14927">
+                          <g id="Group_14926" data-name="Group 14926">
+                            <g id="Group_14925" data-name="Group 14925">
+                              <g id="Group_14924" data-name="Group 14924">
+                                <g id="Group_14923" data-name="Group 14923">
+                                  <g id="Group_14922" data-name="Group 14922">
+                                    <g id="Group_14921" data-name="Group 14921">
+                                      <g id="Group_14920" data-name="Group 14920">
+                                        <g id="Group_14919" data-name="Group 14919">
+                                          <path id="Path_10466" data-name="Path 10466" d="M281.094,1894a.505.505,0,0,0-.332.6c.066.266.332.465.532.4a.589.589,0,0,0,.4-.665c-.133-.2-.465-.4-.664-.266Z" transform="translate(-280.745 -1894)" fill="rgba(255,255,255,0.6)"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14941" data-name="Group 14941" transform="translate(0 5.049)">
+                    <g id="Group_14940" data-name="Group 14940">
+                      <g id="Group_14939" data-name="Group 14939">
+                        <g id="Group_14938" data-name="Group 14938">
+                          <g id="Group_14937" data-name="Group 14937">
+                            <g id="Group_14936" data-name="Group 14936">
+                              <g id="Group_14935" data-name="Group 14935">
+                                <g id="Group_14934" data-name="Group 14934">
+                                  <g id="Group_14933" data-name="Group 14933">
+                                    <g id="Group_14932" data-name="Group 14932">
+                                      <g id="Group_14931" data-name="Group 14931">
+                                        <path id="Path_10467" data-name="Path 10467" d="M256,1945v-1l11.826.133s.6.4.531.8Z" transform="translate(-256 -1944)" fill="#22325e"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14953" data-name="Group 14953" transform="translate(4.363 2.359)">
+                    <g id="Group_14952" data-name="Group 14952">
+                      <g id="Group_14951" data-name="Group 14951">
+                        <g id="Group_14950" data-name="Group 14950">
+                          <g id="Group_14949" data-name="Group 14949">
+                            <g id="Group_14948" data-name="Group 14948">
+                              <g id="Group_14947" data-name="Group 14947">
+                                <g id="Group_14946" data-name="Group 14946">
+                                  <g id="Group_14945" data-name="Group 14945">
+                                    <g id="Group_14944" data-name="Group 14944">
+                                      <g id="Group_14943" data-name="Group 14943">
+                                        <g id="Group_14942" data-name="Group 14942">
+                                          <path id="Path_10468" data-name="Path 10468" d="M322.748,1903.533c0,.066-.266.133-.6.332-.266.2-.4.465-.465.465-.066-.067,0-.4.4-.665A.691.691,0,0,1,322.748,1903.533Z" transform="translate(-321.662 -1903.5)" fill="#202d34"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14965" data-name="Group 14965" transform="translate(6.304 2.955)">
+                    <g id="Group_14964" data-name="Group 14964">
+                      <g id="Group_14963" data-name="Group 14963">
+                        <g id="Group_14962" data-name="Group 14962">
+                          <g id="Group_14961" data-name="Group 14961">
+                            <g id="Group_14960" data-name="Group 14960">
+                              <g id="Group_14959" data-name="Group 14959">
+                                <g id="Group_14958" data-name="Group 14958">
+                                  <g id="Group_14957" data-name="Group 14957">
+                                    <g id="Group_14956" data-name="Group 14956">
+                                      <g id="Group_14955" data-name="Group 14955">
+                                        <g id="Group_14954" data-name="Group 14954">
+                                          <path id="Path_10469" data-name="Path 10469" d="M351.694,1912.512c0,.067-.266.133-.465.4s-.266.6-.332.6a1,1,0,0,1,.2-.731C351.295,1912.446,351.694,1912.446,351.694,1912.512Z" transform="translate(-350.889 -1912.477)" fill="#202d34"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14977" data-name="Group 14977" transform="translate(7.763 3.438)">
+                    <g id="Group_14976" data-name="Group 14976">
+                      <g id="Group_14975" data-name="Group 14975">
+                        <g id="Group_14974" data-name="Group 14974">
+                          <g id="Group_14973" data-name="Group 14973">
+                            <g id="Group_14972" data-name="Group 14972">
+                              <g id="Group_14971" data-name="Group 14971">
+                                <g id="Group_14970" data-name="Group 14970">
+                                  <g id="Group_14969" data-name="Group 14969">
+                                    <g id="Group_14968" data-name="Group 14968">
+                                      <g id="Group_14967" data-name="Group 14967">
+                                        <g id="Group_14966" data-name="Group 14966">
+                                          <path id="Path_10470" data-name="Path 10470" d="M372.922,1920.83c-.066,0-.133-.332,0-.665s.4-.465.465-.4a3.163,3.163,0,0,0-.266.531C372.988,1920.564,372.988,1920.83,372.922,1920.83Z" transform="translate(-372.845 -1919.75)" fill="#202d34"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14989" data-name="Group 14989" transform="translate(4.053 0.465)">
+                    <g id="Group_14988" data-name="Group 14988">
+                      <g id="Group_14987" data-name="Group 14987">
+                        <g id="Group_14986" data-name="Group 14986">
+                          <g id="Group_14985" data-name="Group 14985">
+                            <g id="Group_14984" data-name="Group 14984">
+                              <g id="Group_14983" data-name="Group 14983">
+                                <g id="Group_14982" data-name="Group 14982">
+                                  <g id="Group_14981" data-name="Group 14981">
+                                    <g id="Group_14980" data-name="Group 14980">
+                                      <g id="Group_14979" data-name="Group 14979">
+                                        <g id="Group_14978" data-name="Group 14978">
+                                          <path id="Path_10471" data-name="Path 10471" d="M318.329,1875.266a2.031,2.031,0,0,0-.664,0c-.332,0-.6.133-.664.066a.941.941,0,0,1,.664-.332A.758.758,0,0,1,318.329,1875.266Z" transform="translate(-317 -1875)" fill="#202d34"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14997" data-name="Group 14997" transform="translate(3.986 0.77)">
+              <g id="Group_14996" data-name="Group 14996">
+                <g id="Group_14995" data-name="Group 14995">
+                  <g id="Group_14994" data-name="Group 14994">
+                    <g id="Group_14993" data-name="Group 14993">
+                      <path id="Path_10472" data-name="Path 10472" d="M317.462,1881.474v-.332a1.45,1.45,0,0,0-.332-.93,1.789,1.789,0,0,0-.465-.532.439.439,0,0,0-.4-.066.413.413,0,0,0-.266.4,1.564,1.564,0,0,0,1.063,1.4,1.609,1.609,0,0,0,1.661-.465,1.394,1.394,0,0,0,.266-.4v-.2q-.1-.2-.2-.2a.44.44,0,0,0-.4.067.5.5,0,0,0-.266.133,2.417,2.417,0,0,0-.731.664.672.672,0,0,0-.133.332,3.766,3.766,0,0,1,.93-.864c.2-.133.4-.266.532-.2s.133.133.133.266c-.066.067-.133.2-.2.266a1.421,1.421,0,0,1-2.525-.8.345.345,0,0,1,.133-.266.6.6,0,0,1,.332.066,3.085,3.085,0,0,1,.465.465,3.685,3.685,0,0,1,.332.864C317.462,1881.341,317.4,1881.474,317.462,1881.474Z" transform="translate(-316 -1879.586)" fill="#202d34"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15033" data-name="Group 15033" transform="translate(6.313 74.479)">
+            <g id="Group_15006" data-name="Group 15006">
+              <g id="Group_15005" data-name="Group 15005">
+                <g id="Group_15004" data-name="Group 15004">
+                  <g id="Group_15003" data-name="Group 15003">
+                    <g id="Group_15002" data-name="Group 15002">
+                      <g id="Group_15001" data-name="Group 15001">
+                        <g id="Group_15000" data-name="Group 15000">
+                          <g id="Group_14999" data-name="Group 14999">
+                            <path id="Path_10473" data-name="Path 10473" d="M99.917,1869.266v1.927l-.133,3.455-4.651.133L95,1871.192l.133-2.192Z" transform="translate(-95 -1869)" fill="#1e7dbd"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15015" data-name="Group 15015" transform="translate(2.458 0.598)">
+              <g id="Group_15014" data-name="Group 15014">
+                <g id="Group_15013" data-name="Group 15013">
+                  <g id="Group_15012" data-name="Group 15012">
+                    <g id="Group_15011" data-name="Group 15011">
+                      <g id="Group_15010" data-name="Group 15010">
+                        <g id="Group_15009" data-name="Group 15009">
+                          <g id="Group_15008" data-name="Group 15008">
+                            <g id="Group_15007" data-name="Group 15007">
+                              <path id="Path_10474" data-name="Path 10474" d="M132,1882.784s.066-1.063.2-2.392c.066-1.262.2-2.325.2-2.392a12.512,12.512,0,0,1-.133,2.392A19.849,19.849,0,0,1,132,1882.784Z" transform="translate(-132 -1878)" fill="#202d34"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15023" data-name="Group 15023" transform="translate(0.133 5.116)">
+              <g id="Group_15022" data-name="Group 15022">
+                <g id="Group_15021" data-name="Group 15021">
+                  <g id="Group_15020" data-name="Group 15020">
+                    <g id="Group_15019" data-name="Group 15019">
+                      <g id="Group_15018" data-name="Group 15018">
+                        <g id="Group_15017" data-name="Group 15017">
+                          <g id="Group_15016" data-name="Group 15016">
+                            <path id="Path_10475" data-name="Path 10475" d="M101.651,1946H97v.665h4.651Z" transform="translate(-97 -1946)" fill="#22325e"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15032" data-name="Group 15032" transform="translate(0.133 1.727)">
+              <g id="Group_15031" data-name="Group 15031">
+                <g id="Group_15030" data-name="Group 15030">
+                  <g id="Group_15029" data-name="Group 15029">
+                    <g id="Group_15028" data-name="Group 15028">
+                      <g id="Group_15027" data-name="Group 15027">
+                        <g id="Group_15026" data-name="Group 15026">
+                          <g id="Group_15025" data-name="Group 15025">
+                            <g id="Group_15024" data-name="Group 15024">
+                              <path id="Path_10476" data-name="Path 10476" d="M97,1896.329s0-.066.133-.133a2.114,2.114,0,0,1,.4-.465,3.486,3.486,0,0,1,.731-.465,1.95,1.95,0,0,1,1.063-.266,2.564,2.564,0,0,1,1.86.8,2.014,2.014,0,0,1,.332.465.515.515,0,0,1,.066.2c-.066,0-.133-.266-.465-.6a2.489,2.489,0,0,0-1.794-.731,2.957,2.957,0,0,0-1.727.665C97.2,1896.129,97,1896.4,97,1896.329Z" transform="translate(-97 -1895)" fill="#202d34"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15037" data-name="Group 15037" transform="translate(3.257 28.436)">
+            <g id="Group_15034" data-name="Group 15034">
+              <path id="Path_10477" data-name="Path 10477" d="M67.4,1176.864l-.532-.864-17.341.8a29.95,29.95,0,0,0-.532,5.714,27.15,27.15,0,0,0,.8,4.651l.8,16.743c.133,1.528.266,19.8.266,19.8h6.91l1.4-25.446c.133-2.857,0-7.176.2-10.3l2.325,9.634,1.528,6.511s-.332,2.724-.6,6.445c-.465,5.249-.532,12.889-.532,12.889l7.109.133s.93-9.036,1.727-14.285l.664-6.245a36.092,36.092,0,0,0-.532-4.053Z" transform="translate(-49 -1176)" fill="#22325e"/>
+            </g>
+            <g id="Group_15036" data-name="Group 15036" transform="translate(6.777 6.245)">
+              <g id="Group_15035" data-name="Group 15035">
+                <path id="Path_10478" data-name="Path 10478" d="M156.116,1276.312a2.794,2.794,0,0,0-.332-.133,1.123,1.123,0,0,1-.332-.133,1.665,1.665,0,0,1-.465-.266,1.45,1.45,0,0,1-.532-.332,3.132,3.132,0,0,1-.6-.4,10.155,10.155,0,0,1-1.2-1.2,8.5,8.5,0,0,1-.93-1.4,6.9,6.9,0,0,1-.266-.665,1.071,1.071,0,0,1-.2-.6,1.231,1.231,0,0,1-.133-.465c-.066-.133-.066-.266-.133-.4V1270a6.649,6.649,0,0,0,.332,1.2l.2.6a2.686,2.686,0,0,0,.332.6,5.669,5.669,0,0,0,.93,1.4,6.5,6.5,0,0,0,1.129,1.2,3.685,3.685,0,0,1,.532.4,6.075,6.075,0,0,0,.532.332A10.422,10.422,0,0,0,156.116,1276.312Z" transform="translate(-151 -1270)" fill="#365864"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15048" data-name="Group 15048" transform="translate(33.155 0.384)">
+            <g id="Group_15038" data-name="Group 15038" transform="translate(3.123)">
+              <path id="Path_10479" data-name="Path 10479" d="M546,758.842a14.4,14.4,0,0,1,.731-1.528c.2-.266,1.063-1.2,1.063-1.2a9.732,9.732,0,0,1,1.993-.731,1.655,1.655,0,0,1,.465.2l2.392-1.661s.532-.332.8,0c.2.332-.133.6-.266.731-.133.2-1.86,1.661-1.86,1.661l-.066.133s.664.2.664.531a1.988,1.988,0,0,1-.2.731.631.631,0,0,1,.2.664l-.133.465a.744.744,0,0,1,.332.664c-.066.4-1.13,1.2-1.13,1.2s-1.86.8-2.192.864a8.3,8.3,0,0,0-1.262.2Z" transform="translate(-546 -753.778)" fill="#ffc19c"/>
+            </g>
+            <g id="Group_15040" data-name="Group 15040" transform="translate(4.651 1.41)">
+              <g id="Group_15039" data-name="Group 15039">
+                <path id="Path_10480" data-name="Path 10480" d="M572.255,775c0,.067-.2.2-.465.332a5.543,5.543,0,0,1-1.13.731,9.635,9.635,0,0,0-1.262.4,4.07,4.07,0,0,0-.4.332.876.876,0,0,1,.4-.4,4.082,4.082,0,0,1,1.2-.465,5.628,5.628,0,0,0,1.13-.664A3.164,3.164,0,0,0,572.255,775Z" transform="translate(-569 -775)" fill="#ff9b69"/>
+              </g>
+            </g>
+            <g id="Group_15042" data-name="Group 15042" transform="translate(7.641 2.606)">
+              <g id="Group_15041" data-name="Group 15041">
+                <path id="Path_10481" data-name="Path 10481" d="M614.8,793a.206.206,0,0,1-.066.133c-.066.066-.133.066-.266.133-.266.133-.4.2-.465.133a1.966,1.966,0,0,1,.4-.2c.133-.066.2-.133.266-.133A.206.206,0,0,1,614.8,793Z" transform="translate(-614 -793)" fill="#ff9b69"/>
+              </g>
+            </g>
+            <g id="Group_15044" data-name="Group 15044" transform="translate(8.354 3.868)">
+              <g id="Group_15043" data-name="Group 15043">
+                <path id="Path_10482" data-name="Path 10482" d="M625.217,812c0,.067-.066.133-.2.266s-.266.2-.266.133c-.066,0,.066-.133.2-.2C625.084,812.066,625.15,812,625.217,812Z" transform="translate(-624.734 -812)" fill="#ff9b69"/>
+              </g>
+            </g>
+            <g id="Group_15046" data-name="Group 15046" transform="translate(8.371 4.931)">
+              <g id="Group_15045" data-name="Group 15045">
+                <path id="Path_10483" data-name="Path 10483" d="M625.6,828a.362.362,0,0,1-.2.332c-.2.2-.332.2-.4.133a.97.97,0,0,0,.332-.2C625.465,828.133,625.531,828,625.6,828Z" transform="translate(-625 -828)" fill="#ff9b69"/>
+              </g>
+            </g>
+            <g id="Group_15047" data-name="Group 15047" transform="translate(0 4.798)">
+              <path id="Path_10484" data-name="Path 10484" d="M502.189,826,499,828.06l1.262,4.119,4.119-3.388-.266-1.86Z" transform="translate(-499 -826)" fill="#ffc19c"/>
+            </g>
+          </g>
+          <g id="Group_15055" data-name="Group 15055">
+            <g id="Group_15054" data-name="Group 15054">
+              <g id="Group_15053" data-name="Group 15053">
+                <g id="Group_15050" data-name="Group 15050" transform="translate(0 6.046)">
+                  <g id="Group_15049" data-name="Group 15049">
+                    <path id="Path_10485" data-name="Path 10485" d="M1.971,839s-2.06,11.76-1.993,12.889c.133,1.063.465,2.658,1.927,3.123a4.208,4.208,0,0,0,2.392,0l.532-6.976-2.06-7.441Z" transform="translate(0.024 -839)" fill="#ffc19c"/>
+                  </g>
+                </g>
+                <g id="Group_15051" data-name="Group 15051" transform="translate(1.97)">
+                  <path id="Path_10486" data-name="Path 10486" d="M45.736,748.731l1.661.864,1,9.169.332,3.123.465,8.637c.133.8.864,8.77.864,8.77l-19.4.465c.266-.066.532-3.521.731-4.252l.6-5.049-.6-7.242s-1.993-8.837-1.727-9.567a11.916,11.916,0,0,1,4.053-4.053c1-.731,2.458-1.595,2.458-1.595h6.644Z" transform="translate(-29.633 -748)" fill="#05968F"/>
+                </g>
+                <g id="Group_15052" data-name="Group 15052" transform="translate(15.852 1.462)">
+                  <path id="Path_10487" data-name="Path 10487" d="M251.413,778.3s-4.385-3.854-6.046-5.514c-1.794-1.794-3.056-2.724-3.654-2.79-.133,0-1.86.93-1.86.93a9.839,9.839,0,0,0-1.2,3.123c-.8,2.658,3.654,4.319,3.654,4.319l2.126,2.126a23.1,23.1,0,0,0,5.581,3.92,3.567,3.567,0,0,0,3.521-.6l6.644-6.511a23.748,23.748,0,0,1-1.129-3.588Z" transform="translate(-238.561 -770)" fill="#ffc19c"/>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15057" data-name="Group 15057" transform="translate(0.002 23.127)">
+          <path id="Path_10488" data-name="Path 10488" d="M1.993,833,0,843.032l4.85.93-1.2-10.83Z" transform="translate(0 -833)" fill="#05968F"/>
+        </g>
+        <g id="Group_15059" data-name="Group 15059" transform="translate(2.726 23.459)">
+          <g id="Group_15058" data-name="Group 15058">
+            <path id="Path_10489" data-name="Path 10489" d="M41,838c.066,0,.4,3.588.8,8.039.4,4.385.731,7.973.664,7.973s-.4-3.588-.8-7.973C41.266,841.588,41,838,41,838Z" transform="translate(-41 -838)" fill="#202d34"/>
+          </g>
+        </g>
+        <g id="Group_15060" data-name="Group 15060" transform="translate(15.017 18.465)">
+          <path id="Path_10490" data-name="Path 10490" d="M226.394,769.16l6.976,5.847,4.385-5.98a81.8,81.8,0,0,0-6.511-5.315c-1.595-.864-2.724-1.462-3.986.066A5.178,5.178,0,0,0,226.394,769.16Z" transform="translate(-225.995 -762.838)" fill="#05968F"/>
+        </g>
+        <g id="Group_15062" data-name="Group 15062" transform="translate(14.876 18.675)">
+          <g id="Group_15061" data-name="Group 15061">
+            <path id="Path_10491" data-name="Path 10491" d="M231.391,777.959c0,.066,0,0-.133-.066-.066-.066-.2-.133-.332-.266-.4-.266-.864-.664-1.4-1.063-1.2-1-2.79-2.259-4.518-3.654h0l-.133-.133a4.293,4.293,0,0,1-1-2.99,4.13,4.13,0,0,1,.93-2.525,3.112,3.112,0,0,1,1.4-1.063,2.417,2.417,0,0,1,.465-.2h.133a5.231,5.231,0,0,0-.6.266,4.17,4.17,0,0,0-1.329,1.063,4.055,4.055,0,0,0-.864,2.458,4.235,4.235,0,0,0,1,2.923.065.065,0,0,1,.066.066h0c1.794,1.462,3.322,2.724,4.518,3.654.532.465,1,.864,1.329,1.129a1.758,1.758,0,0,0,.4.332Z" transform="translate(-223.875 -766)" fill="#202d34"/>
+          </g>
+        </g>
+        <g id="Group_15063" data-name="Group 15063" transform="translate(16.014 25.518)">
+          <path id="Path_10492" data-name="Path 10492" d="M241,869a23.131,23.131,0,0,0,5.049,5.847l-.266-1.993Z" transform="translate(-241 -869)" fill="rgba(0,0,0,0.3)"/>
+        </g>
+        <g id="Group_15065" data-name="Group 15065" transform="translate(5.981 38.541)">
+          <g id="Group_15064" data-name="Group 15064">
+            <path id="Path_10493" data-name="Path 10493" d="M98.77,1065a3.43,3.43,0,0,0-.332.2,9.047,9.047,0,0,1-.93.531c-.8.465-1.86,1-3.056,1.661-1.2.6-2.325,1.129-3.123,1.462a5.128,5.128,0,0,1-1,.4.67.67,0,0,1-.332.133,1.473,1.473,0,0,1,.332-.2,5.962,5.962,0,0,0,.93-.465c.8-.332,1.927-.864,3.123-1.461,1.2-.665,2.259-1.2,3.056-1.595.4-.2.731-.4.93-.465C98.637,1065.066,98.7,1065,98.77,1065Z" transform="translate(-90 -1065)" fill="#202d34"/>
+          </g>
+        </g>
+      </g>
+      <g id="Group_15069" data-name="Group 15069" transform="translate(-4.948 -3.282)">
+        <path id="Path_8696" data-name="Path 8696" d="M4347.582,1551.774a6.812,6.812,0,0,1-2.068,4.891,7.094,7.094,0,0,1-1.307,1h-6.833a8.161,8.161,0,0,1-1.4-1.063,6.907,6.907,0,0,1-1.971-4.831,6.791,6.791,0,0,1,13.581,0Z" transform="translate(-4038.311 -1162.524)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8697" data-name="Path 8697" d="M4408.541,1927v1.064H4399V1927Z" transform="translate(-4101.338 -1532.92)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8698" data-name="Path 8698" d="M4466.8,1498.126H4461v-1.063a1.057,1.057,0,0,1,1.064-1.063h3.735a.973.973,0,0,1,1,1Z" transform="translate(-4161.454 -1115.013)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8699" data-name="Path 8699" d="M4452.713,1703.548H4446V1702h6.713Z" transform="translate(-4146.909 -1314.755)" fill="#f9ddbf" fill-rule="evenodd"/>
+      </g>
+      <g id="Group_15070" data-name="Group 15070" transform="translate(18.374 -3.04)">
+        <path id="Path_8668" data-name="Path 8668" d="M3055.854,3472.366H3044V3465h11.854Z" transform="translate(-2770.351 -3050.087)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8669" data-name="Path 8669" d="M3035.8,3454.11H3023V3453h12.8Z" transform="translate(-2749.848 -3038.37)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8670" data-name="Path 8670" d="M3127.006,3575.03H3119V3573h8.006Z" transform="translate(-2843.581 -3155.538)" fill="#f9ddbf" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/competition_promotion_icon.svg b/src/assets/performics/main_menu_icons/competition_promotion_icon.svg
new file mode 100644
index 0000000..53fb4ad
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/competition_promotion_icon.svg
@@ -0,0 +1,183 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16356" data-name="Group 16356" transform="translate(-42 -149)">
+    <g id="Group_14304" data-name="Group 14304" transform="translate(-1 1)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#aad8ec"/>
+    </g>
+    <g id="Group_16347" data-name="Group 16347">
+      <g id="Group_14598" data-name="Group 14598" transform="translate(0 -6)">
+        <g id="Group_14594" data-name="Group 14594" transform="translate(-13.486 -18.114)">
+          <g id="Group_14592" data-name="Group 14592" transform="translate(87.225 181.615)">
+            <path id="Path_10187" data-name="Path 10187" d="M1549.449,2745.255H1510V2719h39.449Z" transform="translate(-1504.358 -2659.755)" fill="#90c6de" fill-rule="evenodd"/>
+            <path id="Path_10188" data-name="Path 10188" d="M1420.494,2745.255H1383V2719h37.494Z" transform="translate(-1383 -2659.755)" fill="#c7ebfb" fill-rule="evenodd"/>
+            <path id="Path_10189" data-name="Path 10189" d="M2163.332,1399.725c4,3.82,8.174,8.751,9.818,13.816l.622-.4a13.152,13.152,0,0,0-.178-2.31c.222.533.667,1.333.889,1.866l3.865-2.443-.533-.977a5.314,5.314,0,0,1,.844.8l1.955-1.288,3.376-2.888-.533-.977a4.859,4.859,0,0,1,.8.755l1.067-.889.577-.489.089-.044c-1.111-1.732-3.6-4.753-3.643-4.8.755.267,3.11,2.8,4.309,4.22l.666-.578c-4.265-7.152-9.729-9.684-14.038-10.484a8.43,8.43,0,0,1-1.6-.533c-1.511-.711-4.131-2.177-5.242-4-1.91-3.243-6.886-3.021-7.2-2.088a3.832,3.832,0,0,0-.711,2.443A14.289,14.289,0,0,0,2163.332,1399.725Z" transform="translate(-2124.06 -1385.393)" fill="#323232" fill-rule="evenodd"/>
+            <path id="Path_10190" data-name="Path 10190" d="M2211.222,1537.978a4.121,4.121,0,0,1-.222,4.265s1.244,1.777,1.91,1.777c1.11.045,3.288-3.021,3.288-3.021a42.7,42.7,0,0,0-1.955-4Z" transform="translate(-2174.217 -1530.265)" fill="#ffb27d" fill-rule="evenodd"/>
+            <path id="Path_10191" data-name="Path 10191" d="M2180.174,1430.742s4.176.711,4.575-1.866c.444-2.621,1.244-4.265-1.377-4.842-2.666-.578-3.332.311-3.687,1.155S2179.108,1430.475,2180.174,1430.742Z" transform="translate(-2144.012 -1422.141)" fill="#ffb27d" fill-rule="evenodd"/>
+            <path id="Path_10192" data-name="Path 10192" d="M2181,1399.272s5.464,4.22,5.02,7.063c-.444,2.665,2.222,2.132,2.888,2.043,2.444-.267,3.376-.267,4.665.489.533.311-2.177-2.621-3.11-3.82-2.532-3.243-3.465-5.908-3.953-6.219C2183.088,1396.7,2181,1399.272,2181,1399.272Z" transform="translate(-2145.549 -1397.424)" fill="#323232" fill-rule="evenodd"/>
+            <path id="Path_10195" data-name="Path 10195" d="M2227,2021.221l10.04-2.221s1.6,2.4,6.486,21.5l7.686,12.838-4.22,2.488-9.685-12.883Z" transform="translate(-2189.506 -1990.853)" fill="#131d3d" fill-rule="evenodd"/>
+            <path id="Path_10196" data-name="Path 10196" d="M1789.829,1685.355l-.444-.667a2,2,0,0,0-1.821-1.688s-.711,0-.489.489c.178.444.178.267.445.933a1.853,1.853,0,0,0,1.333,1.2l.711.71Z" transform="translate(-1769.083 -1669.779)" fill="#e5b0b4" fill-rule="evenodd"/>
+            <path id="Path_10197" data-name="Path 10197" d="M2590.222,1946.377h0v-.044A11.581,11.581,0,0,0,2590,1945l1.777.133c.044,0,.266.533.355.667a.163.163,0,0,0,.044.133l.044.978a.2.2,0,0,1-.178.266l-.266.089h-.089a.294.294,0,0,1-.267-.044l-.888-.4A.462.462,0,0,1,2590.222,1946.377Z" transform="translate(-2536.379 -1920.14)" fill="#e5b0b4" fill-rule="evenodd"/>
+            <path id="Path_10198" data-name="Path 10198" d="M1825,1616.629a27.744,27.744,0,0,0,1.955,3.154c1.155,1.688,2.71,3.421,4.132,3.376,2.621,0,7.6-5.242,7.6-5.242,0,.044.044.044.044.089,0,.4-.667,1.866.888,6.042.577,1.6,2.665,4.4,3.243,6.93l7.952-1.733,2.088-.489c-.089-.133-.266-.533-.622-1.333a9.843,9.843,0,0,1-1.2-4.087,34.233,34.233,0,0,1,.4-5.864h0a25.489,25.489,0,0,0,4.576,2s1.91,3.82,3.021,6.486c.133.311,1.822-.134,1.822-.134s-.978-8.085-2.133-9.018c-2.043-1.688-5.331-5.642-9.062-6.131,0,0,.089-.222-3.243.178-.533.044.133,2.132-2.266,2.4-2.177.222-1.466-1.777-1.421-1.822-.044,0-2.354.489-3.243.755a4.42,4.42,0,0,0-2,.8,58.115,58.115,0,0,0-6.442,6.353,39.449,39.449,0,0,0-5.02-3.51Z" transform="translate(-1805.364 -1600.61)" fill="#05968F" fill-rule="evenodd"/>
+            <path id="Path_10199" data-name="Path 10199" d="M2354.477,1762.9a10.29,10.29,0,0,0,2.266,3.243l2.087-.489c-.088-.133-.266-.533-.621-1.333a9.839,9.839,0,0,1-1.2-4.087,34.188,34.188,0,0,1,.4-5.864c-.267-.311-.489-.533-.667-.489C2356.209,1753.923,2354.21,1761.786,2354.477,1762.9Z" transform="translate(-2311.296 -1737.504)" fill="#05968F" fill-rule="evenodd"/>
+            <path id="Path_10200" data-name="Path 10200" d="M1869,1736.272c1.155,1.688,2.709,3.421,4.131,3.376,2.621,0,7.641-5.2,7.641-5.154a3.09,3.09,0,0,0,.133-1.91c-.178-.8-5.953,5.953-7.419,6C1872.021,1738.582,1869.666,1736.094,1869,1736.272Z" transform="translate(-1847.41 -1717.099)" fill="#05968F" fill-rule="evenodd"/>
+            <path id="Path_10201" data-name="Path 10201" d="M1867.664,2583.6l-3.154,3.554-1.51-1.066,1.51-4.087Z" transform="translate(-1841.676 -2528.842)" fill="#e5b0b4" fill-rule="evenodd"/>
+            <path id="Path_10202" data-name="Path 10202" d="M1795.086,2672.306l-.711,1.777-5.375-.533S1790.6,2671.284,1795.086,2672.306Z" transform="translate(-1770.964 -2614.882)" fill="#1e7dbd" fill-rule="evenodd"/>
+            <path id="Path_10203" data-name="Path 10203" d="M1893.365,2025.6a11.468,11.468,0,0,0-1.777-5.731h0l-1.466-1.866-9.019,2.088s1.733,1.51.844,2.266l-10.928,5.908L1864,2045.055l5.509,2.221,8.041-14.083S1893.631,2030.972,1893.365,2025.6Z" transform="translate(-1842.632 -1989.897)" fill="#22325e" fill-rule="evenodd"/>
+          </g>
+          <g id="Group_14593" data-name="Group 14593" transform="translate(145.155 244.192)">
+            <path id="Path_10193" data-name="Path 10193" d="M2674.709,2782l1.555,4.176-1.555.755L2672,2783.91Z" transform="translate(-2672 -2782)" fill="#e5b0b4" fill-rule="evenodd"/>
+            <path id="Path_10194" data-name="Path 10194" d="M2720.451,2846l1.2,1.466-3.021,4.486S2717.386,2849.421,2720.451,2846Z" transform="translate(-2716.32 -2843.157)" fill="#1e7dbd" fill-rule="evenodd"/>
+          </g>
+        </g>
+        <g id="Group_14597" data-name="Group 14597">
+          <g id="Group_14506" data-name="Group 14506" transform="matrix(0.799, -0.602, 0.602, 0.799, 91.135, 177.917)">
+            <g id="Group_14505" data-name="Group 14505">
+              <path id="Path_10263" data-name="Path 10263" d="M78.763,123.469c-.156-.078-.469.156-.781.625h0c-.234.234-.469-.547-.469-.859,0-.156-.234-.234-.469-.234l-.937.469h-.312a.285.285,0,0,0-.156.391l.469,1.562v.391l1.953.312.078-1.094a1.161,1.161,0,0,1,.078-.469,1.707,1.707,0,0,0,.234-.391c.078-.078.234-.312.312-.391h.078l.078-.078C79,123.625,78.919,123.469,78.763,123.469Z" transform="translate(-75.608 -123)" fill="#e5b0b4"/>
+            </g>
+          </g>
+          <g id="Group_14595" data-name="Group 14595" transform="translate(-6.5 -5.985)">
+            <g id="Group_14508" data-name="Group 14508" transform="matrix(0.799, -0.602, 0.602, 0.799, 80.62, 177.091)">
+              <g id="Group_14507" data-name="Group 14507" transform="translate(0 0)">
+                <path id="Path_10264" data-name="Path 10264" d="M14.551,8.414A10.874,10.874,0,0,1,10.04,5.658C7.409,3.277,6.03.019,5.78.019,5.4.019,4.026-.607,1.52,5.282-.861,11.046.141,12.3.643,12.3c.626,0,4.135-1.128,6.265-.877a20.438,20.438,0,0,1,5.137,1.253Z" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_14510" data-name="Group 14510" transform="matrix(0.799, -0.602, 0.602, 0.799, 94.4, 175.988)">
+              <g id="Group_14509" data-name="Group 14509" transform="translate(0 0)">
+                <path id="Path_10265" data-name="Path 10265" d="M6.891,4.01,6.265,5.263l-.251.5a1.509,1.509,0,0,1-2,.752L0,5.263,2.13,0,6.14,2A1.509,1.509,0,0,1,6.891,4.01Z" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14512" data-name="Group 14512" transform="matrix(0.799, -0.602, 0.602, 0.799, 95.666, 181.623)">
+              <g id="Group_14511" data-name="Group 14511" transform="translate(0 0)">
+                <path id="Path_10266" data-name="Path 10266" d="M7.017.752,5.764,3.258l-.627-.251L1.253,6.516,0,4.26s2.381-1,2.757-1.879c.5-.877,0-1.128,0-1.128L3.759,0Z" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14514" data-name="Group 14514" transform="matrix(0.799, -0.602, 0.602, 0.799, 80.994, 176.967)">
+              <g id="Group_14513" data-name="Group 14513" transform="translate(0 0)">
+                <path id="Path_10267" data-name="Path 10267" d="M1.4,5.156C.144,8.289-.357,11.171.27,11.421c.752.251,2.381-2,3.634-5.137S5.658.395,5.031.019C4.279-.232,2.776,2.024,1.4,5.156Z" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14516" data-name="Group 14516" transform="matrix(0.799, -0.602, 0.602, 0.799, 101.792, 175.595)">
+              <g id="Group_14515" data-name="Group 14515" transform="translate(0 0)">
+                <path id="Path_10268" data-name="Path 10268" d="M1.128,1.629,0,1.253.626,0,1.5.5Z" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14518" data-name="Group 14518" transform="matrix(0.799, -0.602, 0.602, 0.799, 98.594, 179.887)">
+              <g id="Group_14517" data-name="Group 14517" transform="translate(0 0)">
+                <path id="Path_10269" data-name="Path 10269" d="M0,0,3.007,1.754,3.258,1Z" fill="rgba(0,0,0,0.3)"/>
+              </g>
+            </g>
+            <g id="Group_14520" data-name="Group 14520" transform="matrix(0.799, -0.602, 0.602, 0.799, 99.498, 176.539)">
+              <g id="Group_14519" data-name="Group 14519" transform="translate(0 0)">
+                <path id="Path_10270" data-name="Path 10270" d="M2.275,1S1.773.752,1.147.5C.4.251-.106,0,.019,0A9.753,9.753,0,0,1,1.147.376C1.773.626,2.275.877,2.275,1Z" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14522" data-name="Group 14522" transform="matrix(0.799, -0.602, 0.602, 0.799, 99.841, 177.379)">
+              <g id="Group_14521" data-name="Group 14521" transform="translate(0 0)">
+                <path id="Path_10271" data-name="Path 10271" d="M2.13.877H1.754c0-.125-.125-.125-.251-.125C1.378.626,1.128.626,1,.5L0,0A9.751,9.751,0,0,1,1.128.376C1.253.5,1.378.5,1.5.626a.46.46,0,0,1,.376.125A.437.437,0,0,1,2.13.877Z" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14524" data-name="Group 14524" transform="matrix(0.799, -0.602, 0.602, 0.799, 84.795, 179.393)">
+              <g id="Group_14523" data-name="Group 14523" transform="translate(0 0)">
+                <path id="Path_10272" data-name="Path 10272" d="M2.7.179S1.075-.7.2,1.432c-.752,2.255.877,2.506.877,2.506A12.665,12.665,0,0,0,2.7.179Z" fill="#f9f9f9"/>
+              </g>
+            </g>
+            <g id="Group_14526" data-name="Group 14526" transform="matrix(0.799, -0.602, 0.602, 0.799, 83.277, 177.467)">
+              <g id="Group_14525" data-name="Group 14525">
+                <path id="Path_10273" data-name="Path 10273" d="M4.385,0A1.249,1.249,0,0,1,4.26.5c0,.251-.125.626-.125,1.128-.125.125-.125.5-.251.752a.46.46,0,0,1-.125.376v.251a.437.437,0,0,0-.125.251c-.125.251-.251.626-.376.877v.251c0,.125-.125.125-.125.251-.125.125-.125.376-.251.5a.95.95,0,0,1-.251.5c0,.125,0,.125-.125.251a.388.388,0,0,1-.125.251A6.109,6.109,0,0,0,2,7.017a.123.123,0,0,0-.125.125c-.125.125-.125.125-.125.251-.125.125-.251.251-.251.376a2.2,2.2,0,0,0-.5.626c-.251.376-.5.626-.626.877C.125,9.523,0,9.648,0,9.523l.251-.251c.251-.251.376-.626.752-1a2.739,2.739,0,0,0,.376-.626c.125-.125.125-.251.251-.376a.123.123,0,0,1,.125-.125c0-.125,0-.125.125-.251a7.187,7.187,0,0,1,.5-.877.388.388,0,0,1,.125-.251V5.513c.125-.125.251-.251.251-.376.125-.251.125-.376.251-.5a.437.437,0,0,1,.125-.251V4.135c.125-.376.251-.626.376-1l.125-.125V2.757c.125-.125.125-.251.125-.5.125-.251.125-.5.251-.752.125-.376.125-.752.251-1A1.3,1.3,0,0,1,4.385,0Z" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14528" data-name="Group 14528" transform="matrix(0.799, -0.602, 0.602, 0.799, 91.784, 177.093)">
+            <g id="Group_14527" data-name="Group 14527">
+              <path id="Path_10274" data-name="Path 10274" d="M88.7,119.618a.15.15,0,0,0-.078.234c.078.234.156.547.234.781.078.078.078.156.156.156,0,.078.078.078.156.078a.168.168,0,0,0,.156-.156c0-.078-.078-.156-.078-.234-.078-.234-.156-.547-.234-.781C88.931,119.618,88.774,119.54,88.7,119.618Z" transform="translate(-88.586 -119.586)" fill="#e5b0b4"/>
+            </g>
+          </g>
+          <g id="Group_14530" data-name="Group 14530" transform="matrix(0.799, -0.602, 0.602, 0.799, 91.77, 177.593)">
+            <g id="Group_14529" data-name="Group 14529">
+              <path id="Path_10275" data-name="Path 10275" d="M84.7,124.618a.15.15,0,0,0-.078.234c.078.234.156.547.234.781.078.078.078.156.156.156a.242.242,0,0,0,.156.078.168.168,0,0,0,.156-.156.287.287,0,0,0-.078-.234c-.078-.234-.156-.547-.234-.781C84.931,124.618,84.853,124.54,84.7,124.618Z" transform="translate(-84.586 -124.586)" fill="#e5b0b4"/>
+            </g>
+          </g>
+          <g id="Group_14532" data-name="Group 14532" transform="matrix(0.799, -0.602, 0.602, 0.799, 91.687, 177.949)">
+            <g id="Group_14531" data-name="Group 14531">
+              <path id="Path_10276" data-name="Path 10276" d="M81.156,127.618c-.156,0-.156.156-.156.234a2.339,2.339,0,0,0,.312.625c0,.078,0,.156.078.156,0,.078.078.078.156.078s.078-.078.078-.156v-.234a5.383,5.383,0,0,1-.234-.625C81.312,127.618,81.234,127.54,81.156,127.618Z" transform="translate(-81 -127.586)" fill="#e5b0b4"/>
+            </g>
+          </g>
+          <g id="Group_14534" data-name="Group 14534" transform="matrix(0.799, -0.602, 0.602, 0.799, 91.422, 178.246)">
+            <g id="Group_14533" data-name="Group 14533">
+              <path id="Path_10277" data-name="Path 10277" d="M76.156,128.618c-.156,0-.156.156-.156.234a6.2,6.2,0,0,1,.312.7.242.242,0,0,0,.078.156h.156a.168.168,0,0,0,.156-.156.273.273,0,0,0-.078-.156l-.234-.7C76.312,128.618,76.234,128.54,76.156,128.618Z" transform="translate(-76 -128.586)" fill="#e5b0b4"/>
+            </g>
+          </g>
+          <g id="Group_14537" data-name="Group 14537" transform="matrix(0.799, -0.602, 0.602, 0.799, 92.065, 177.412)">
+            <g id="Group_14536" data-name="Group 14536">
+              <g id="Group_14535" data-name="Group 14535">
+                <path id="Path_10278" data-name="Path 10278" d="M89.312,125.781l-.156-.312L89,125c.078,0,.156.156.234.391S89.391,125.781,89.312,125.781Z" transform="translate(-89 -125)" fill="#c88489"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14540" data-name="Group 14540" transform="matrix(0.799, -0.602, 0.602, 0.799, 91.932, 177.805)">
+            <g id="Group_14539" data-name="Group 14539">
+              <g id="Group_14538" data-name="Group 14538">
+                <path id="Path_10279" data-name="Path 10279" d="M84.951,128.937l-.156-.469c-.156-.234-.234-.469-.156-.469a2.518,2.518,0,0,1,.156.469C84.951,128.7,85.029,128.859,84.951,128.937Z" transform="translate(-84.608 -128)" fill="#c88489"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14543" data-name="Group 14543" transform="matrix(0.799, -0.602, 0.602, 0.799, 91.775, 178.119)">
+            <g id="Group_14542" data-name="Group 14542">
+              <g id="Group_14541" data-name="Group 14541">
+                <path id="Path_10280" data-name="Path 10280" d="M80.931,130.781a1.1,1.1,0,0,1-.234-.391c-.078-.234-.156-.391-.078-.391a3.285,3.285,0,0,1,.156.391A3.285,3.285,0,0,0,80.931,130.781Z" transform="translate(-80.586 -130)" fill="#c88489"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Layer_x0020_1" transform="translate(47.288 183.792)">
+        <g id="_118514128" transform="translate(0 0)">
+          <g id="Group_14130" data-name="Group 14130" transform="translate(0 0)">
+            <g id="Group_14129" data-name="Group 14129">
+              <g id="Group_14123" data-name="Group 14123" transform="translate(0 22.706)">
+                <path id="Path_9943" data-name="Path 9943" d="M94.277,328v2.6H56l6.163-1.946,1.3-.649Z" transform="translate(-56 -328)" fill="#de7625"/>
+                <g id="Group_14121" data-name="Group 14121" transform="translate(0 2.595)">
+                  <path id="Path_9944" data-name="Path 9944" d="M89.411,368.113H56V336H89.411Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                  <g id="Group_14120" data-name="Group 14120" transform="translate(1.298 24.653)">
+                    <g id="Group_14119" data-name="Group 14119">
+                      <path id="Path_9945" data-name="Path 9945" d="M74.273,420.946H60V419H74.273Z" transform="translate(-60 -416.729)" fill="#de7625"/>
+                      <path id="Path_9946" data-name="Path 9946" d="M69.407,413.622H60V412h9.407Z" transform="translate(-60 -412)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9947" data-name="Path 9947" d="M140.19,345.6a2.618,2.618,0,0,1-5.19,0,2.6,2.6,0,0,1,5.19,0Z" transform="translate(-109.374 -340.729)" fill="#de7625"/>
+                  <path id="Path_9948" data-name="Path 9948" d="M56,368.113h1.3V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14122" data-name="Group 14122" transform="translate(33.411)">
+                  <path id="Path_9949" data-name="Path 9949" d="M163.866,328v31.789L159,362.708V330.6l1.3-.649Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                  <path id="Path_9950" data-name="Path 9950" d="M163.866,357.68v6.163L159,366.762V334.649l1.3-.649a109.925,109.925,0,0,0,.649,14.6,26.011,26.011,0,0,0,1.622,6.812A8.13,8.13,0,0,0,163.866,357.68Z" transform="translate(-159 -332.054)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9951" data-name="Path 9951" d="M107.114,328v.649a145.525,145.525,0,0,1-32.114,0L76.3,328Z" transform="translate(-68.837 -328)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+              <g id="Group_14128" data-name="Group 14128" transform="translate(4.866)">
+                <path id="Path_9952" data-name="Path 9952" d="M99.545,258v1.946H71l4.541-1.622,1.3-.324Z" transform="translate(-71 -258)" fill="#de7625"/>
+                <g id="Group_14126" data-name="Group 14126" transform="translate(0 1.946)">
+                  <path id="Path_9953" data-name="Path 9953" d="M95.653,287.355H71V264H95.653Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                  <g id="Group_14125" data-name="Group 14125" transform="translate(1.298 18.165)">
+                    <g id="Group_14124" data-name="Group 14124">
+                      <path id="Path_9954" data-name="Path 9954" d="M85.38,326.622H75V325H85.38Z" transform="translate(-75 -323.378)" fill="#de7625"/>
+                      <path id="Path_9955" data-name="Path 9955" d="M81.812,320.973H75V320h6.812Z" transform="translate(-75 -320)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9956" data-name="Path 9956" d="M133.568,270.622c0,1.3-.649,1.946-1.622,1.946A1.72,1.72,0,0,1,130,270.622c0-.973.649-1.622,1.946-1.622A1.532,1.532,0,0,1,133.568,270.622Z" transform="translate(-110.862 -267.378)" fill="#de7625"/>
+                  <path id="Path_9957" data-name="Path 9957" d="M71,287.355h1.3V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14127" data-name="Group 14127" transform="translate(24.653)">
+                  <path id="Path_9958" data-name="Path 9958" d="M150.893,258v23.355L147,283.3V259.946l.973-.649Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                  <path id="Path_9959" data-name="Path 9959" d="M150.893,279.516v4.541L147,286V262.649l.973-.649a59.32,59.32,0,0,0,.649,10.7,13.447,13.447,0,0,0,.973,5.19A3.238,3.238,0,0,0,150.893,279.516Z" transform="translate(-147 -260.703)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9960" data-name="Path 9960" d="M109,258v.324a95.026,95.026,0,0,1-24,0L86.3,258Z" transform="translate(-80.459 -258)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/competition_sampling_icon.svg b/src/assets/performics/main_menu_icons/competition_sampling_icon.svg
new file mode 100644
index 0000000..98df840
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/competition_sampling_icon.svg
@@ -0,0 +1,970 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="110.175" height="107" viewBox="0 0 110.175 107">
+  <g id="Group_16360" data-name="Group 16360" transform="translate(-221.825 -353)">
+    <g id="Group_14307" data-name="Group 14307" transform="translate(180 205)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#e8e4d0"/>
+    </g>
+    <g id="Group_15763" data-name="Group 15763">
+      <g id="Group_14699" data-name="Group 14699" transform="translate(249.75 354.56)">
+        <g id="Group_14660" data-name="Group 14660">
+          <g id="Group_14659" data-name="Group 14659">
+            <g id="Group_14658" data-name="Group 14658">
+              <g id="Group_14657" data-name="Group 14657">
+                <g id="Group_14656" data-name="Group 14656">
+                  <g id="Group_14655" data-name="Group 14655">
+                    <g id="Group_14654" data-name="Group 14654">
+                      <g id="Group_14653" data-name="Group 14653">
+                        <g id="Group_14652" data-name="Group 14652">
+                          <g id="Group_14649" data-name="Group 14649" transform="translate(0.053 0.053)">
+                            <path id="Path_10429" data-name="Path 10429" d="M420.6,98.208H360.941A2.948,2.948,0,0,1,358,95.215V4.046A2.993,2.993,0,0,1,360.941,1H420.6a2.95,2.95,0,0,1,2.888,3.046V95.215A2.9,2.9,0,0,1,420.6,98.208Z" transform="translate(-358 -1)" fill="#ffae3e"/>
+                          </g>
+                          <g id="Group_14651" data-name="Group 14651">
+                            <g id="Group_14650" data-name="Group 14650">
+                              <path id="Path_10430" data-name="Path 10430" d="M419.652,97.261h.21a.571.571,0,0,0,.263-.053.666.666,0,0,0,.315-.053,3.168,3.168,0,0,0,1.786-1.523,2.25,2.25,0,0,0,.263-.84,4.8,4.8,0,0,0,.053-.893V28.306c-.053-4.254-.053-8.665-.053-13.182V4.674c0-.578.053-1.155,0-1.786a2.38,2.38,0,0,0-.158-.84,5.742,5.742,0,0,0-.42-.788,2.718,2.718,0,0,0-1.418-1,2.379,2.379,0,0,0-.84-.158H359.993a2.719,2.719,0,0,0-1.838.735,2.719,2.719,0,0,0-.945,1.733,3.109,3.109,0,0,0-.052,1v57.19c0,9.558,0,18.7-.052,27.2v6.249a3.092,3.092,0,0,0,1.365,2.573c.21.105.473.21.683.315a3.546,3.546,0,0,0,.735.105h12.867c14.495.053,26.206.053,34.293.053h11.764c-.525,0-1.365,0-2.416.053H359.888a4.054,4.054,0,0,1-.788-.105,4.337,4.337,0,0,1-.683-.368,2.54,2.54,0,0,1-1-1.1,3.108,3.108,0,0,1-.368-1.523V87.965C357,79.457,357,70.32,357,60.762V3.571a7.392,7.392,0,0,1,.053-1.05,3.373,3.373,0,0,1,1-1.786A3.09,3.09,0,0,1,359.993,0h59.659a2.913,2.913,0,0,1,.893.158,3.3,3.3,0,0,1,1.47,1.05,5.729,5.729,0,0,1,.42.788,2.666,2.666,0,0,1,.158.893c.053.63,0,1.208.053,1.786V15.125c0,4.516-.053,8.928-.053,13.182V93.9a5.711,5.711,0,0,1-.052.945,4.623,4.623,0,0,1-.263.788,3.031,3.031,0,0,1-.893,1.05,2.622,2.622,0,0,1-.945.473c-.105.053-.21.053-.315.105h-.473Z" transform="translate(-357)" fill="#ffae3e"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14674" data-name="Group 14674" transform="translate(2.048 6.932)">
+          <g id="Group_14673" data-name="Group 14673">
+            <g id="Group_14672" data-name="Group 14672">
+              <g id="Group_14671" data-name="Group 14671">
+                <g id="Group_14670" data-name="Group 14670">
+                  <g id="Group_14669" data-name="Group 14669">
+                    <g id="Group_14668" data-name="Group 14668">
+                      <g id="Group_14667" data-name="Group 14667">
+                        <g id="Group_14666" data-name="Group 14666">
+                          <g id="Group_14665" data-name="Group 14665">
+                            <g id="Group_14664" data-name="Group 14664">
+                              <g id="Group_14661" data-name="Group 14661" transform="translate(0.053 0.053)">
+                                <path id="Path_10431" data-name="Path 10431" d="M458.339,214.19H397V133h61.339Z" transform="translate(-397 -133)" fill="#ffeccc"/>
+                              </g>
+                              <g id="Group_14663" data-name="Group 14663">
+                                <g id="Group_14662" data-name="Group 14662">
+                                  <path id="Path_10432" data-name="Path 10432" d="M457.392,213.243c0-.473,0-33.085-.053-81.19l.053.053H396.053l.052-.053v81.19l-.052-.053c37.129.053,60.919.053,61.339.053-.42,0-24.21.053-61.339.053H396V132h61.444v.053C457.444,180.158,457.392,212.77,457.392,213.243Z" transform="translate(-396 -132)" fill="#ffeccc"/>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14675" data-name="Group 14675" transform="translate(8.088 43.221)">
+          <path id="Path_10433" data-name="Path 10433" d="M519.508,990.891h-7.72A.808.808,0,0,1,511,990.1v-.315a.808.808,0,0,1,.788-.788h7.72a.808.808,0,0,1,.788.788v.315A.808.808,0,0,1,519.508,990.891Z" transform="translate(-511 -989)" fill="#e0e0e0"/>
+        </g>
+        <g id="Group_14676" data-name="Group 14676" transform="translate(24.21 43.063)">
+          <path id="Path_10434" data-name="Path 10434" d="M821.676,987.785h-2.888a.819.819,0,0,1-.788-.84v-.1a.82.82,0,0,1,.788-.84h2.888a.829.829,0,0,1,.84.84v.1A.829.829,0,0,1,821.676,987.785Z" transform="translate(-818 -986)" fill="#ff735b"/>
+        </g>
+        <g id="Group_14677" data-name="Group 14677" transform="translate(8.088 74.521)">
+          <path id="Path_10435" data-name="Path 10435" d="M519.508,1586.891h-7.72a.808.808,0,0,1-.788-.788v-.315a.808.808,0,0,1,.788-.788h7.72a.808.808,0,0,1,.788.788v.315A.808.808,0,0,1,519.508,1586.891Z" transform="translate(-511 -1585)" fill="#e0e0e0"/>
+        </g>
+        <g id="Group_14678" data-name="Group 14678" transform="translate(23.055 74.521)">
+          <path id="Path_10436" data-name="Path 10436" d="M800.044,1586.891h-3.2a.82.82,0,0,1-.84-.788v-.315a.819.819,0,0,1,.84-.788h3.2a.819.819,0,0,1,.84.788v.315A.82.82,0,0,1,800.044,1586.891Z" transform="translate(-796 -1585)" fill="#ff735b"/>
+        </g>
+        <g id="Group_14679" data-name="Group 14679" transform="translate(38.705 43.483)">
+          <path id="Path_10437" data-name="Path 10437" d="M1102.507,995.891h-7.667a.82.82,0,0,1-.84-.788v-.263a.829.829,0,0,1,.84-.84h7.667a.83.83,0,0,1,.84.84v.263A.82.82,0,0,1,1102.507,995.891Z" transform="translate(-1094 -994)" fill="#e0e0e0"/>
+        </g>
+        <g id="Group_14680" data-name="Group 14680" transform="translate(53.724 43.483)">
+          <path id="Path_10438" data-name="Path 10438" d="M1384.044,995.891h-3.2a.82.82,0,0,1-.84-.788v-.263a.829.829,0,0,1,.84-.84h3.2a.83.83,0,0,1,.84.84v.263A.82.82,0,0,1,1384.044,995.891Z" transform="translate(-1380 -994)" fill="#ff735b"/>
+        </g>
+        <g id="Group_14681" data-name="Group 14681" transform="translate(38.81 74.783)">
+          <path id="Path_10439" data-name="Path 10439" d="M1104.508,1591.891h-7.667a.819.819,0,0,1-.84-.788v-.263a.829.829,0,0,1,.84-.84h7.667a.829.829,0,0,1,.84.84v.263A.819.819,0,0,1,1104.508,1591.891Z" transform="translate(-1096 -1590)" fill="#e0e0e0"/>
+        </g>
+        <g id="Group_14682" data-name="Group 14682" transform="translate(53.829 74.783)">
+          <path id="Path_10440" data-name="Path 10440" d="M1386.1,1591.891h-3.256a.82.82,0,0,1-.84-.788v-.263a.83.83,0,0,1,.84-.84h3.256a.82.82,0,0,1,.788.84v.263A.808.808,0,0,1,1386.1,1591.891Z" transform="translate(-1382 -1590)" fill="#ff735b"/>
+        </g>
+        <g id="Group_14686" data-name="Group 14686" transform="translate(6.384 18.486)">
+          <g id="Group_14683" data-name="Group 14683" transform="translate(0.076 0.053)">
+            <path id="Path_10441" data-name="Path 10441" d="M499.063,540.9h-16.28A2.8,2.8,0,0,1,480,538.116v-16.28A2.813,2.813,0,0,1,482.783,519h16.28a2.824,2.824,0,0,1,2.836,2.836v16.28A2.813,2.813,0,0,1,499.063,540.9Z" transform="translate(-480 -519)" fill="#fafafa"/>
+          </g>
+          <g id="Group_14685" data-name="Group 14685">
+            <g id="Group_14684" data-name="Group 14684">
+              <path id="Path_10442" data-name="Path 10442" d="M497.695,539.952h.21a3.883,3.883,0,0,0,.63-.105,4.975,4.975,0,0,0,.893-.473,3.07,3.07,0,0,0,.84-1.1,4.378,4.378,0,0,0,.21-.788v-15.86a5.9,5.9,0,0,0-.158-1.681,3.046,3.046,0,0,0-1.1-1.365,3,3,0,0,0-1.681-.473c-4.937,0-10.4,0-16.123.053a2.85,2.85,0,0,0-1.891.735,2.988,2.988,0,0,0-.84,1.838v16.333a2.177,2.177,0,0,0,.105.84,2.795,2.795,0,0,0,1.576,1.786,3.009,3.009,0,0,0,.735.21h4.516c3.729.053,6.775.053,8.823.053h3.046a3.584,3.584,0,0,0-.63.052H481.1a4.378,4.378,0,0,1-.788-.21,3.352,3.352,0,0,1-.735-.42,3.115,3.115,0,0,1-.893-1.418,2.6,2.6,0,0,1-.105-.893V524.827c0-1.365-.053-2.731,0-4.149a2.787,2.787,0,0,1,.893-1.891,2.83,2.83,0,0,1,1.943-.788h16.123a3.493,3.493,0,0,1,1.786.473,2.815,2.815,0,0,1,1.05,1.418,2.76,2.76,0,0,1,.21.893v8.665c-.053,1.838-.053,3.571-.053,5.042v2.993a2.842,2.842,0,0,1-.21.788,2.141,2.141,0,0,1-.893,1.1,2.119,2.119,0,0,1-.893.473,1.561,1.561,0,0,1-.63.105Z" transform="translate(-478.556 -518)" fill="#ff735b"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14690" data-name="Group 14690" transform="translate(6.384 49.515)">
+          <g id="Group_14687" data-name="Group 14687" transform="translate(0.076 0.061)">
+            <path id="Path_10443" data-name="Path 10443" d="M499.063,1131.9h-16.28a2.8,2.8,0,0,1-2.783-2.783v-16.333a2.8,2.8,0,0,1,2.783-2.783h16.28a2.813,2.813,0,0,1,2.836,2.783v16.333A2.813,2.813,0,0,1,499.063,1131.9Z" transform="translate(-480 -1110)" fill="#fafafa"/>
+          </g>
+          <g id="Group_14689" data-name="Group 14689">
+            <g id="Group_14688" data-name="Group 14688">
+              <path id="Path_10444" data-name="Path 10444" d="M497.695,1130.807h.21a5.466,5.466,0,0,0,.63-.158,2.117,2.117,0,0,0,.893-.473,2.482,2.482,0,0,0,.84-1.05,4.375,4.375,0,0,0,.21-.788v-15.86a5.9,5.9,0,0,0-.158-1.681,2.582,2.582,0,0,0-1.1-1.365,2.634,2.634,0,0,0-1.681-.473H481.415a2.665,2.665,0,0,0-1.891.788,2.852,2.852,0,0,0-.84,1.786v16.385a2.314,2.314,0,0,0,.105.84,2.8,2.8,0,0,0,1.576,1.786,3.012,3.012,0,0,0,.735.21h13.339c1.05.053,1.891.053,2.416.053h-2.416c-2.048,0-5.094.052-8.823.052h-3.729a3.977,3.977,0,0,1-.788-.052,2.2,2.2,0,0,1-.788-.21,2.06,2.06,0,0,1-.735-.42,2.862,2.862,0,0,1-.893-1.418,2.313,2.313,0,0,1-.105-.84v-12.289c0-1.313-.053-2.678,0-4.1a2.686,2.686,0,0,1,.893-1.891,2.613,2.613,0,0,1,1.943-.788h16.123a3.046,3.046,0,0,1,1.786.473,2.815,2.815,0,0,1,1.05,1.418,2.471,2.471,0,0,1,.21.84v8.665c-.053,1.891-.053,3.571-.053,5.094v2.993a4.37,4.37,0,0,1-.21.788,2.681,2.681,0,0,1-.893,1.1,2.963,2.963,0,0,1-.893.473,3.884,3.884,0,0,1-.63.105Z" transform="translate(-478.556 -1108.847)" fill="#e0e0e0"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14694" data-name="Group 14694" transform="translate(37.287 18.843)">
+          <g id="Group_14691" data-name="Group 14691" transform="translate(0.053 0.062)">
+            <path id="Path_10445" data-name="Path 10445" d="M1087.116,547.9h-16.333a2.813,2.813,0,0,1-2.783-2.836v-16.28a2.8,2.8,0,0,1,2.783-2.783h16.333a2.8,2.8,0,0,1,2.783,2.783v16.28A2.813,2.813,0,0,1,1087.116,547.9Z" transform="translate(-1068 -526)" fill="#fafafa"/>
+          </g>
+          <g id="Group_14693" data-name="Group 14693">
+            <g id="Group_14692" data-name="Group 14692">
+              <path id="Path_10446" data-name="Path 10446" d="M1086.168,546.774a.827.827,0,0,0,.21-.053,1.47,1.47,0,0,0,.578-.1,2.119,2.119,0,0,0,.893-.473,3.07,3.07,0,0,0,.84-1.1,1.741,1.741,0,0,0,.21-.788,5.061,5.061,0,0,0,0-.893V528.446a4.863,4.863,0,0,0-.158-1.733,2.865,2.865,0,0,0-1.05-1.313,2.565,2.565,0,0,0-1.733-.473h-16.123a2.624,2.624,0,0,0-1.838.735,2.79,2.79,0,0,0-.893,1.838v16.385a4.609,4.609,0,0,0,.1.84,2.8,2.8,0,0,0,1.576,1.786,3.682,3.682,0,0,0,.735.158,3.98,3.98,0,0,0,.788.052h12.6c1.05,0,1.838,0,2.416.053h-2.416c-2.1,0-5.147,0-8.875.052h-3.729a3.975,3.975,0,0,1-.788-.052,2.2,2.2,0,0,1-.788-.21,2.979,2.979,0,0,1-.683-.42,2.627,2.627,0,0,1-.945-1.418,4.6,4.6,0,0,1-.1-.84V527.5a2.878,2.878,0,0,1,2.836-2.678h16.123a2.708,2.708,0,0,1,1.786.473,2.919,2.919,0,0,1,1.1,1.418,2.379,2.379,0,0,1,.157.84v15.807a4.807,4.807,0,0,1-.052.893,2.2,2.2,0,0,1-.21.84,3.07,3.07,0,0,1-.84,1.1,4.979,4.979,0,0,1-.893.473,3.888,3.888,0,0,1-.63.1Z" transform="translate(-1067 -524.812)" fill="#e0e0e0"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14698" data-name="Group 14698" transform="translate(37.234 49.365)">
+          <g id="Group_14695" data-name="Group 14695" transform="translate(0.105 0.053)">
+            <path id="Path_10447" data-name="Path 10447" d="M1087.063,1128.9h-16.28a2.768,2.768,0,0,1-2.783-2.783v-16.333a2.768,2.768,0,0,1,2.783-2.783h16.28a2.813,2.813,0,0,1,2.836,2.783v16.333A2.813,2.813,0,0,1,1087.063,1128.9Z" transform="translate(-1068 -1107)" fill="#fafafa"/>
+          </g>
+          <g id="Group_14697" data-name="Group 14697">
+            <g id="Group_14696" data-name="Group 14696">
+              <path id="Path_10448" data-name="Path 10448" d="M1085.168,1127.952h.21a3.882,3.882,0,0,0,.63-.1,3.274,3.274,0,0,0,.893-.525,2.484,2.484,0,0,0,.84-1.05,4.377,4.377,0,0,0,.21-.788v-15.86a5.9,5.9,0,0,0-.21-1.681,2.49,2.49,0,0,0-1.05-1.365,3.124,3.124,0,0,0-1.681-.473h-16.122a2.907,2.907,0,0,0-1.891.788,2.607,2.607,0,0,0-.84,1.786v16.385a2.312,2.312,0,0,0,.105.84,2.857,2.857,0,0,0,.84,1.365,4.8,4.8,0,0,0,.683.42,4.37,4.37,0,0,0,.788.21h4.464c3.781,0,6.775.052,8.875.052h2.416c-.525,0-1.365,0-2.416.052h-13.339a2.845,2.845,0,0,1-.788-.21,2.206,2.206,0,0,1-.735-.473,2.713,2.713,0,0,1-.893-1.365,2.6,2.6,0,0,1-.1-.893V1120.6c0-2.521-.052-5.094-.052-7.772.052-1.365,0-2.731.052-4.149a2.631,2.631,0,0,1,.84-1.891,3.066,3.066,0,0,1,2-.788h16.122a3.177,3.177,0,0,1,1.733.473,2.644,2.644,0,0,1,1.1,1.418,2.454,2.454,0,0,1,.157.893,4.521,4.521,0,0,1,.052.84v1.681c-.052,2.206-.052,4.254-.052,6.144v8.035c-.052.263-.157.578-.21.788a3.894,3.894,0,0,1-.893,1.1,2.969,2.969,0,0,1-.893.473,3.882,3.882,0,0,1-.63.1Z" transform="translate(-1066 -1106)" fill="#e0e0e0"/>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Group_15068" data-name="Group 15068" transform="translate(-17.934 -17.857)">
+        <path id="Path_8559" data-name="Path 8559" d="M3568.093,2315.187l-3.092.021v-.72a.47.47,0,0,1,.466-.466l2.139-.021a.476.476,0,0,1,.487.466Z" transform="translate(-3282.172 -1918.95)" fill="#163560" fill-rule="evenodd"/>
+        <g id="Group_15067" data-name="Group 15067" transform="translate(280.922 396.235)">
+          <path id="Path_8558" data-name="Path 8558" d="M3480.507,2384h-4.044a1.423,1.423,0,0,1-1.44-1.418L3475,2371.44a1.42,1.42,0,0,1,1.419-1.419l4.066-.021a1.42,1.42,0,0,1,1.419,1.42l.021,11.138A1.436,1.436,0,0,1,3480.507,2384Z" transform="translate(-3475 -2370)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8560" data-name="Path 8560" d="M3557.665,2526.628H3554V2520h3.643Z" transform="translate(-3552.327 -2516.823)" fill="#f9ddbf" fill-rule="evenodd"/>
+          <path id="Path_8561" data-name="Path 8561" d="M3629.022,2565.252h0l-.022-.021a22.549,22.549,0,0,1,1.038-5.189.021.021,0,0,0,.022-.021.02.02,0,0,1,.02-.021.021.021,0,0,1,.022.021c0,.021-.022.021-.022.044a22.008,22.008,0,0,0-1.038,5.166A.021.021,0,0,1,3629.022,2565.252Z" transform="translate(-3625.738 -2555.976)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8562" data-name="Path 8562" d="M3676.85,2542.253c-.042.085-.3.277-.318.256-.042,0-.042-.34,0-.424a.171.171,0,0,1,.234-.064A.161.161,0,0,1,3676.85,2542.253Z" transform="translate(-3672.234 -2538.357)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8563" data-name="Path 8563" d="M3653.372,2564.649a1.125,1.125,0,0,1,.021.446,1.205,1.205,0,0,1-.339-.276.161.161,0,0,1,.084-.232A.155.155,0,0,1,3653.372,2564.649Z" transform="translate(-3649.263 -2560.436)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8564" data-name="Path 8564" d="M3670.366,2576.173a.975.975,0,0,1-.423-.085c-.021-.022.232-.233.338-.275a.183.183,0,0,1,.212.147A.189.189,0,0,1,3670.366,2576.173Z" transform="translate(-3665.812 -2571.452)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8565" data-name="Path 8565" d="M3616.789,2646.112a1.877,1.877,0,0,1,.106.7,1.241,1.241,0,0,1-.614-.383.285.285,0,0,1,.083-.422A.313.313,0,0,1,3616.789,2646.112Z" transform="translate(-3613.231 -2640.118)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8566" data-name="Path 8566" d="M3647.682,2661.069a1.484,1.484,0,0,1-.721-.064,1.532,1.532,0,0,1,.529-.508.33.33,0,0,1,.382.189A.288.288,0,0,1,3647.682,2661.069Z" transform="translate(-3643.318 -2654.334)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8567" data-name="Path 8567" d="M3598.371,2679.862a1.847,1.847,0,0,1,.317.825,2.055,2.055,0,0,1-.826-.295.369.369,0,0,1,0-.53A.346.346,0,0,1,3598.371,2679.862Z" transform="translate(-3595.151 -2673.191)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8568" data-name="Path 8568" d="M3641.841,2697.3a1.878,1.878,0,0,1-.87-.169,1.667,1.667,0,0,1,.7-.552.378.378,0,0,1,.445.276A.384.384,0,0,1,3641.841,2697.3Z" transform="translate(-3637.455 -2689.65)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8569" data-name="Path 8569" d="M3592.369,2719.71a1.935,1.935,0,0,1,.319.846,1.825,1.825,0,0,1-.825-.317.343.343,0,0,1,0-.508A.366.366,0,0,1,3592.369,2719.71Z" transform="translate(-3589.278 -2712.215)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8570" data-name="Path 8570" d="M3635.837,2736.96a2.145,2.145,0,0,1-.866-.168,1.621,1.621,0,0,1,.7-.55.358.358,0,0,1,.444.275A.391.391,0,0,1,3635.837,2736.96Z" transform="translate(-3631.582 -2728.471)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8571" data-name="Path 8571" d="M3578.522,2775.036a1.931,1.931,0,0,1,.616.656,2.318,2.318,0,0,1-.89.043.375.375,0,1,1,.274-.7Z" transform="translate(-3575.832 -2766.439)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8572" data-name="Path 8572" d="M3629.857,2776.734a1.905,1.905,0,0,1-.89-.063,1.991,1.991,0,0,1,.636-.635.358.358,0,0,1,.465.212A.372.372,0,0,1,3629.857,2776.734Z" transform="translate(-3625.706 -2767.418)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8573" data-name="Path 8573" d="M3644.9,2590.317a1.1,1.1,0,0,1,.02.446c-.041.02-.295-.192-.337-.276a.177.177,0,0,1,.063-.254A.2.2,0,0,1,3644.9,2590.317Z" transform="translate(-3640.965 -2585.552)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8574" data-name="Path 8574" d="M3661.424,2603.17a1.062,1.062,0,0,1-.424-.084.923.923,0,0,1,.34-.276.2.2,0,0,1,.234.129A.2.2,0,0,1,3661.424,2603.17Z" transform="translate(-3657.061 -2597.876)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8575" data-name="Path 8575" d="M3628.408,2614.047a1.316,1.316,0,0,1,.064.615,1.35,1.35,0,0,1-.509-.36.231.231,0,0,1,.085-.339A.252.252,0,0,1,3628.408,2614.047Z" transform="translate(-3624.68 -2608.753)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8576" data-name="Path 8576" d="M3654.575,2630.069a1.4,1.4,0,0,1-.614-.127c-.021-.043.36-.339.486-.381a.265.265,0,0,1,.318.189A.287.287,0,0,1,3654.575,2630.069Z" transform="translate(-3650.171 -2624.056)" fill="#ffa561" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <g id="Group_15071" data-name="Group 15071" transform="translate(-17.934 12.773)">
+        <path id="Path_8559-2" data-name="Path 8559" d="M3568.093,2315.187l-3.092.021v-.72a.47.47,0,0,1,.466-.466l2.139-.021a.476.476,0,0,1,.487.466Z" transform="translate(-3282.172 -1918.95)" fill="#163560" fill-rule="evenodd"/>
+        <g id="Group_15067-2" data-name="Group 15067" transform="translate(280.922 396.235)">
+          <path id="Path_8558-2" data-name="Path 8558" d="M3480.507,2384h-4.044a1.423,1.423,0,0,1-1.44-1.418L3475,2371.44a1.42,1.42,0,0,1,1.419-1.419l4.066-.021a1.42,1.42,0,0,1,1.419,1.42l.021,11.138A1.436,1.436,0,0,1,3480.507,2384Z" transform="translate(-3475 -2370)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8560-2" data-name="Path 8560" d="M3557.665,2526.628H3554V2520h3.643Z" transform="translate(-3552.327 -2516.823)" fill="#7786e8" fill-rule="evenodd"/>
+          <path id="Path_8561-2" data-name="Path 8561" d="M3629.022,2565.252h0l-.022-.021a22.549,22.549,0,0,1,1.038-5.189.021.021,0,0,0,.022-.021.02.02,0,0,1,.02-.021.021.021,0,0,1,.022.021c0,.021-.022.021-.022.044a22.008,22.008,0,0,0-1.038,5.166A.021.021,0,0,1,3629.022,2565.252Z" transform="translate(-3625.738 -2555.976)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8562-2" data-name="Path 8562" d="M3676.85,2542.253c-.042.085-.3.277-.318.256-.042,0-.042-.34,0-.424a.171.171,0,0,1,.234-.064A.161.161,0,0,1,3676.85,2542.253Z" transform="translate(-3672.234 -2538.357)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8563-2" data-name="Path 8563" d="M3653.372,2564.649a1.125,1.125,0,0,1,.021.446,1.205,1.205,0,0,1-.339-.276.161.161,0,0,1,.084-.232A.155.155,0,0,1,3653.372,2564.649Z" transform="translate(-3649.263 -2560.436)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8564-2" data-name="Path 8564" d="M3670.366,2576.173a.975.975,0,0,1-.423-.085c-.021-.022.232-.233.338-.275a.183.183,0,0,1,.212.147A.189.189,0,0,1,3670.366,2576.173Z" transform="translate(-3665.812 -2571.452)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8565-2" data-name="Path 8565" d="M3616.789,2646.112a1.877,1.877,0,0,1,.106.7,1.241,1.241,0,0,1-.614-.383.285.285,0,0,1,.083-.422A.313.313,0,0,1,3616.789,2646.112Z" transform="translate(-3613.231 -2640.118)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8566-2" data-name="Path 8566" d="M3647.682,2661.069a1.484,1.484,0,0,1-.721-.064,1.532,1.532,0,0,1,.529-.508.33.33,0,0,1,.382.189A.288.288,0,0,1,3647.682,2661.069Z" transform="translate(-3643.318 -2654.334)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8567-2" data-name="Path 8567" d="M3598.371,2679.862a1.847,1.847,0,0,1,.317.825,2.055,2.055,0,0,1-.826-.295.369.369,0,0,1,0-.53A.346.346,0,0,1,3598.371,2679.862Z" transform="translate(-3595.151 -2673.191)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8568-2" data-name="Path 8568" d="M3641.841,2697.3a1.878,1.878,0,0,1-.87-.169,1.667,1.667,0,0,1,.7-.552.378.378,0,0,1,.445.276A.384.384,0,0,1,3641.841,2697.3Z" transform="translate(-3637.455 -2689.65)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8569-2" data-name="Path 8569" d="M3592.369,2719.71a1.935,1.935,0,0,1,.319.846,1.825,1.825,0,0,1-.825-.317.343.343,0,0,1,0-.508A.366.366,0,0,1,3592.369,2719.71Z" transform="translate(-3589.278 -2712.215)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8570-2" data-name="Path 8570" d="M3635.837,2736.96a2.145,2.145,0,0,1-.866-.168,1.621,1.621,0,0,1,.7-.55.358.358,0,0,1,.444.275A.391.391,0,0,1,3635.837,2736.96Z" transform="translate(-3631.582 -2728.471)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8571-2" data-name="Path 8571" d="M3578.522,2775.036a1.931,1.931,0,0,1,.616.656,2.318,2.318,0,0,1-.89.043.375.375,0,1,1,.274-.7Z" transform="translate(-3575.832 -2766.439)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8572-2" data-name="Path 8572" d="M3629.857,2776.734a1.905,1.905,0,0,1-.89-.063,1.991,1.991,0,0,1,.636-.635.358.358,0,0,1,.465.212A.372.372,0,0,1,3629.857,2776.734Z" transform="translate(-3625.706 -2767.418)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8573-2" data-name="Path 8573" d="M3644.9,2590.317a1.1,1.1,0,0,1,.02.446c-.041.02-.295-.192-.337-.276a.177.177,0,0,1,.063-.254A.2.2,0,0,1,3644.9,2590.317Z" transform="translate(-3640.965 -2585.552)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8574-2" data-name="Path 8574" d="M3661.424,2603.17a1.062,1.062,0,0,1-.424-.084.923.923,0,0,1,.34-.276.2.2,0,0,1,.234.129A.2.2,0,0,1,3661.424,2603.17Z" transform="translate(-3657.061 -2597.876)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8575-2" data-name="Path 8575" d="M3628.408,2614.047a1.316,1.316,0,0,1,.064.615,1.35,1.35,0,0,1-.509-.36.231.231,0,0,1,.085-.339A.252.252,0,0,1,3628.408,2614.047Z" transform="translate(-3624.68 -2608.753)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8576-2" data-name="Path 8576" d="M3654.575,2630.069a1.4,1.4,0,0,1-.614-.127c-.021-.043.36-.339.486-.381a.265.265,0,0,1,.318.189A.287.287,0,0,1,3654.575,2630.069Z" transform="translate(-3650.171 -2624.056)" fill="#05968F" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <g id="Group_15066" data-name="Group 15066" transform="translate(221.825 359.502)">
+        <g id="Group_14907" data-name="Group 14907" transform="translate(6.154)">
+          <g id="Group_14902" data-name="Group 14902">
+            <g id="Group_14717" data-name="Group 14717" transform="translate(2.615 1.666)">
+              <g id="Group_14716" data-name="Group 14716">
+                <g id="Group_14715" data-name="Group 14715">
+                  <g id="Group_14714" data-name="Group 14714">
+                    <g id="Group_14713" data-name="Group 14713">
+                      <g id="Group_14712" data-name="Group 14712">
+                        <g id="Group_14711" data-name="Group 14711">
+                          <g id="Group_14710" data-name="Group 14710">
+                            <g id="Group_14709" data-name="Group 14709">
+                              <g id="Group_14708" data-name="Group 14708">
+                                <g id="Group_14707" data-name="Group 14707">
+                                  <g id="Group_14706" data-name="Group 14706">
+                                    <g id="Group_14705" data-name="Group 14705">
+                                      <g id="Group_14704" data-name="Group 14704">
+                                        <g id="Group_14703" data-name="Group 14703">
+                                          <g id="Group_14702" data-name="Group 14702">
+                                            <g id="Group_14701" data-name="Group 14701">
+                                              <g id="Group_14700" data-name="Group 14700">
+                                                <path id="Path_10449" data-name="Path 10449" d="M131.973,515.448v11.1c0,1.86,2.259,5.249,5.249,5.116h.2c2.591-.266,1.13-3.388,1.13-5.116v-1.661a3.3,3.3,0,0,0,3.056-3.056c.133-1.329.066-4.119,0-6.644a5.111,5.111,0,0,0-4.85-5.116l-.266-.066C133.568,510,131.907,512.525,131.973,515.448Z" transform="translate(-131.971 -510)" fill="#ffc19c"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14735" data-name="Group 14735" transform="translate(5.607 15.287)">
+              <g id="Group_14734" data-name="Group 14734">
+                <g id="Group_14733" data-name="Group 14733">
+                  <g id="Group_14732" data-name="Group 14732">
+                    <g id="Group_14731" data-name="Group 14731">
+                      <g id="Group_14730" data-name="Group 14730">
+                        <g id="Group_14729" data-name="Group 14729">
+                          <g id="Group_14728" data-name="Group 14728">
+                            <g id="Group_14727" data-name="Group 14727">
+                              <g id="Group_14726" data-name="Group 14726">
+                                <g id="Group_14725" data-name="Group 14725">
+                                  <g id="Group_14724" data-name="Group 14724">
+                                    <g id="Group_14723" data-name="Group 14723">
+                                      <g id="Group_14722" data-name="Group 14722">
+                                        <g id="Group_14721" data-name="Group 14721">
+                                          <g id="Group_14720" data-name="Group 14720">
+                                            <g id="Group_14719" data-name="Group 14719">
+                                              <g id="Group_14718" data-name="Group 14718">
+                                                <path id="Path_10450" data-name="Path 10450" d="M180.588,716.262A7.019,7.019,0,0,1,177,715a3.585,3.585,0,0,0,3.588,1.993Z" transform="translate(-177 -715)" fill="#ff9b69"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14757" data-name="Group 14757" transform="translate(5.806 7.513)">
+              <g id="Group_14756" data-name="Group 14756">
+                <g id="Group_14755" data-name="Group 14755">
+                  <g id="Group_14754" data-name="Group 14754">
+                    <g id="Group_14753" data-name="Group 14753">
+                      <g id="Group_14752" data-name="Group 14752">
+                        <g id="Group_14751" data-name="Group 14751">
+                          <g id="Group_14750" data-name="Group 14750">
+                            <g id="Group_14749" data-name="Group 14749">
+                              <g id="Group_14748" data-name="Group 14748">
+                                <g id="Group_14747" data-name="Group 14747">
+                                  <g id="Group_14746" data-name="Group 14746">
+                                    <g id="Group_14745" data-name="Group 14745">
+                                      <g id="Group_14744" data-name="Group 14744">
+                                        <g id="Group_14743" data-name="Group 14743">
+                                          <g id="Group_14742" data-name="Group 14742">
+                                            <g id="Group_14741" data-name="Group 14741">
+                                              <g id="Group_14740" data-name="Group 14740">
+                                                <g id="Group_14739" data-name="Group 14739">
+                                                  <g id="Group_14738" data-name="Group 14738">
+                                                    <g id="Group_14737" data-name="Group 14737">
+                                                      <g id="Group_14736" data-name="Group 14736">
+                                                        <path id="Path_10451" data-name="Path 10451" d="M181.727,598.531c-.066.066-.4-.2-.864-.2-.465-.067-.8.2-.864.133,0,0,0-.133.2-.2a1.015,1.015,0,0,1,.664-.266,1.25,1.25,0,0,1,.664.266C181.661,598.4,181.727,598.465,181.727,598.531Z" transform="translate(-180 -598)" fill="#202d34"/>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14778" data-name="Group 14778" transform="translate(6.803 8.975)">
+              <g id="Group_14777" data-name="Group 14777">
+                <g id="Group_14776" data-name="Group 14776">
+                  <g id="Group_14775" data-name="Group 14775">
+                    <g id="Group_14774" data-name="Group 14774">
+                      <g id="Group_14773" data-name="Group 14773">
+                        <g id="Group_14772" data-name="Group 14772">
+                          <g id="Group_14771" data-name="Group 14771">
+                            <g id="Group_14770" data-name="Group 14770">
+                              <g id="Group_14769" data-name="Group 14769">
+                                <g id="Group_14768" data-name="Group 14768">
+                                  <g id="Group_14767" data-name="Group 14767">
+                                    <g id="Group_14766" data-name="Group 14766">
+                                      <g id="Group_14765" data-name="Group 14765">
+                                        <g id="Group_14764" data-name="Group 14764">
+                                          <g id="Group_14763" data-name="Group 14763">
+                                            <g id="Group_14762" data-name="Group 14762">
+                                              <g id="Group_14761" data-name="Group 14761">
+                                                <g id="Group_14760" data-name="Group 14760">
+                                                  <g id="Group_14759" data-name="Group 14759">
+                                                    <g id="Group_14758" data-name="Group 14758">
+                                                      <path id="Path_10452" data-name="Path 10452" d="M195.8,620.332a.4.4,0,0,1-.8,0,.405.405,0,0,1,.8,0Z" transform="translate(-195 -620)" fill="#202d34"/>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14799" data-name="Group 14799" transform="translate(8.73 7.646)">
+              <g id="Group_14798" data-name="Group 14798">
+                <g id="Group_14797" data-name="Group 14797">
+                  <g id="Group_14796" data-name="Group 14796">
+                    <g id="Group_14795" data-name="Group 14795">
+                      <g id="Group_14794" data-name="Group 14794">
+                        <g id="Group_14793" data-name="Group 14793">
+                          <g id="Group_14792" data-name="Group 14792">
+                            <g id="Group_14791" data-name="Group 14791">
+                              <g id="Group_14790" data-name="Group 14790">
+                                <g id="Group_14789" data-name="Group 14789">
+                                  <g id="Group_14788" data-name="Group 14788">
+                                    <g id="Group_14787" data-name="Group 14787">
+                                      <g id="Group_14786" data-name="Group 14786">
+                                        <g id="Group_14785" data-name="Group 14785">
+                                          <g id="Group_14784" data-name="Group 14784">
+                                            <g id="Group_14783" data-name="Group 14783">
+                                              <g id="Group_14782" data-name="Group 14782">
+                                                <g id="Group_14781" data-name="Group 14781">
+                                                  <g id="Group_14780" data-name="Group 14780">
+                                                    <g id="Group_14779" data-name="Group 14779">
+                                                      <path id="Path_10453" data-name="Path 10453" d="M224,603.654c0-.066.266-.066.731-.133.066,0,.2,0,.2-.066.066-.066,0-.2-.066-.332a6.173,6.173,0,0,0-.266-.864c-.332-1.2-.6-2.193-.6-2.259a15.856,15.856,0,0,1,.8,2.193c.066.332.2.6.266.864a1.085,1.085,0,0,1,0,.465c0,.067-.066.133-.2.133H224Z" transform="translate(-224 -600)" fill="#202d34"/>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14816" data-name="Group 14816" transform="translate(5.541 6.184)">
+              <g id="Group_14815" data-name="Group 14815">
+                <g id="Group_14814" data-name="Group 14814">
+                  <g id="Group_14813" data-name="Group 14813">
+                    <g id="Group_14812" data-name="Group 14812">
+                      <g id="Group_14811" data-name="Group 14811">
+                        <g id="Group_14810" data-name="Group 14810">
+                          <g id="Group_14809" data-name="Group 14809">
+                            <g id="Group_14808" data-name="Group 14808">
+                              <g id="Group_14807" data-name="Group 14807">
+                                <g id="Group_14806" data-name="Group 14806">
+                                  <g id="Group_14805" data-name="Group 14805">
+                                    <g id="Group_14804" data-name="Group 14804">
+                                      <g id="Group_14803" data-name="Group 14803">
+                                        <g id="Group_14802" data-name="Group 14802">
+                                          <g id="Group_14801" data-name="Group 14801">
+                                            <g id="Group_14800" data-name="Group 14800">
+                                              <path id="Path_10454" data-name="Path 10454" d="M177.727,578.332c0,.066-.4,0-.864.066-.4,0-.8.133-.864,0a.5.5,0,0,1,.2-.2,1.417,1.417,0,0,1,1.329-.066Q177.827,578.232,177.727,578.332Z" transform="translate(-176 -578)" fill="#202d34"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14833" data-name="Group 14833" transform="translate(10.034 6.517)">
+              <g id="Group_14832" data-name="Group 14832">
+                <g id="Group_14831" data-name="Group 14831">
+                  <g id="Group_14830" data-name="Group 14830">
+                    <g id="Group_14829" data-name="Group 14829">
+                      <g id="Group_14828" data-name="Group 14828">
+                        <g id="Group_14827" data-name="Group 14827">
+                          <g id="Group_14826" data-name="Group 14826">
+                            <g id="Group_14825" data-name="Group 14825">
+                              <g id="Group_14824" data-name="Group 14824">
+                                <g id="Group_14823" data-name="Group 14823">
+                                  <g id="Group_14822" data-name="Group 14822">
+                                    <g id="Group_14821" data-name="Group 14821">
+                                      <g id="Group_14820" data-name="Group 14820">
+                                        <g id="Group_14819" data-name="Group 14819">
+                                          <g id="Group_14818" data-name="Group 14818">
+                                            <g id="Group_14817" data-name="Group 14817">
+                                              <path id="Path_10455" data-name="Path 10455" d="M245.377,583.4a2.157,2.157,0,0,1-.864-.066c-.465,0-.864.066-.864,0q-.1-.1.2-.2a1.669,1.669,0,0,1,.664-.133.813.813,0,0,1,.6.2C245.311,583.266,245.377,583.332,245.377,583.4Z" transform="translate(-243.625 -583)" fill="#202d34"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14846" data-name="Group 14846" transform="translate(0.755 9.063)">
+              <g id="Group_14845" data-name="Group 14845">
+                <g id="Group_14844" data-name="Group 14844">
+                  <g id="Group_14843" data-name="Group 14843">
+                    <g id="Group_14842" data-name="Group 14842">
+                      <g id="Group_14841" data-name="Group 14841">
+                        <g id="Group_14840" data-name="Group 14840">
+                          <g id="Group_14839" data-name="Group 14839">
+                            <g id="Group_14838" data-name="Group 14838">
+                              <g id="Group_14837" data-name="Group 14837">
+                                <g id="Group_14836" data-name="Group 14836">
+                                  <g id="Group_14835" data-name="Group 14835">
+                                    <g id="Group_14834" data-name="Group 14834">
+                                      <path id="Path_10456" data-name="Path 10456" d="M105.9,621.445s-1.86-.664-1.927,1.262c-.066,1.86,1.86,1.528,1.927,1.528Z" transform="translate(-103.975 -621.334)" fill="#ffc19c"/>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14860" data-name="Group 14860" transform="translate(1.222 9.639)">
+              <g id="Group_14859" data-name="Group 14859">
+                <g id="Group_14858" data-name="Group 14858">
+                  <g id="Group_14857" data-name="Group 14857">
+                    <g id="Group_14856" data-name="Group 14856">
+                      <g id="Group_14855" data-name="Group 14855">
+                        <g id="Group_14854" data-name="Group 14854">
+                          <g id="Group_14853" data-name="Group 14853">
+                            <g id="Group_14852" data-name="Group 14852">
+                              <g id="Group_14851" data-name="Group 14851">
+                                <g id="Group_14850" data-name="Group 14850">
+                                  <g id="Group_14849" data-name="Group 14849">
+                                    <g id="Group_14848" data-name="Group 14848">
+                                      <g id="Group_14847" data-name="Group 14847">
+                                        <path id="Path_10457" data-name="Path 10457" d="M111.864,631.528a.065.065,0,0,1-.066.066c-.066,0-.2.066-.266,0a.811.811,0,0,1-.4-.731.96.96,0,0,1,.133-.465c.066-.2.133-.266.266-.266.133-.066.2,0,.2.066v.133a.232.232,0,0,0,.066-.133c0-.066-.066-.066-.066-.133-.066,0-.133-.066-.2-.066-.133,0-.266.133-.4.332a1.251,1.251,0,0,0-.133.532.845.845,0,0,0,.465.8c.133.066.266,0,.332,0A.206.206,0,0,0,111.864,631.528Z" transform="translate(-111 -630)" fill="#ff9b69"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14866" data-name="Group 14866">
+              <g id="Group_14865" data-name="Group 14865">
+                <g id="Group_14864" data-name="Group 14864">
+                  <g id="Group_14863" data-name="Group 14863">
+                    <g id="Group_14862" data-name="Group 14862">
+                      <g id="Group_14861" data-name="Group 14861">
+                        <path id="Path_10458" data-name="Path 10458" d="M92.767,491.037a12.666,12.666,0,0,0,.664-2.259,2.491,2.491,0,0,1,1.329-1.794h.066a1.951,1.951,0,0,1,1.993.133,2.637,2.637,0,0,1,1.993-2.06,6.165,6.165,0,0,1,3.455.266,6.808,6.808,0,0,1,2.259,1.727,5.293,5.293,0,0,1,1,1.13l.864,2.658-.664,1.329c-.066.133-.133.2-.133.332v-.067l-.664,2.923c-.066-.8,0-3.521-.066-4.319a4.278,4.278,0,0,1-3.123-1.4c-.465-.465-.8-1.063-1.4-1.329a3.044,3.044,0,0,0-2.392.2l.066-.066a3.473,3.473,0,0,0-1.129.8,11,11,0,0,1-.4,4.651c-.066.2-.266.664-.465.731-.465.2-.532-.266-.8-.465a1.114,1.114,0,0,0-.8-.2,10.636,10.636,0,0,1-.532-1.993,1.3,1.3,0,0,1-.864.067,2.364,2.364,0,0,0,.266-.6c-.133.066-.2.133-.332.2a.508.508,0,0,1-.332-.133A.411.411,0,0,1,92.767,491.037Z" transform="translate(-92.608 -484.919)" fill="#202d34"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14872" data-name="Group 14872" transform="translate(1.023 2.53)">
+              <g id="Group_14871" data-name="Group 14871">
+                <g id="Group_14870" data-name="Group 14870">
+                  <g id="Group_14869" data-name="Group 14869">
+                    <g id="Group_14868" data-name="Group 14868">
+                      <g id="Group_14867" data-name="Group 14867">
+                        <path id="Path_10459" data-name="Path 10459" d="M112.053,523l-.266.266a2.039,2.039,0,0,0-.4.93,2.491,2.491,0,0,0-.066.731,3.512,3.512,0,0,0,.066.8v.93a1.13,1.13,0,0,1-.066.465.717.717,0,0,1-.2.465.3.3,0,0,1-.4.133c-.133,0-.2-.066-.332-.2a1.4,1.4,0,0,1-.266-.664h.066c-.133.2-.2.4-.332.6a.82.82,0,0,1-.532.266.6.6,0,0,1-.332-.066c-.066,0-.133-.066-.2-.133,0-.133-.066-.2-.066-.266s.066-.2.133-.2h0a1.228,1.228,0,0,1-.6.465c-.066,0-.133.066-.2.066h0c.066,0,.133-.066.2-.066.133-.133.4-.266.6-.465h0a.424.424,0,0,0,0,.4c.066.066.066.133.2.2.066,0,.133.066.266,0a.844.844,0,0,0,.465-.266,1.285,1.285,0,0,0,.332-.6l.066-.066v.066a1.393,1.393,0,0,0,.266.731.508.508,0,0,0,.332.133c.066.066.2,0,.332-.066a1.231,1.231,0,0,0,.133-.465,1.13,1.13,0,0,0,.066-.465v-.93a3.236,3.236,0,0,1-.066-.8c0-.266.066-.532.066-.731a1.711,1.711,0,0,1,.465-.93A.8.8,0,0,1,112.053,523Z" transform="translate(-108 -523)" fill="#365864"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14878" data-name="Group 14878" transform="translate(5.208 0.936)">
+              <g id="Group_14877" data-name="Group 14877">
+                <g id="Group_14876" data-name="Group 14876">
+                  <g id="Group_14875" data-name="Group 14875">
+                    <g id="Group_14874" data-name="Group 14874">
+                      <g id="Group_14873" data-name="Group 14873">
+                        <path id="Path_10460" data-name="Path 10460" d="M179.571,503.186v.066H179.5l-.133.133c-.066,0-.133.066-.2.066a1.936,1.936,0,0,1-1.2.2,2.993,2.993,0,0,1-1.661-.6,4.484,4.484,0,0,1-1.462-1.661l-.6-1a3.575,3.575,0,0,0-.6-.8,2.78,2.78,0,0,0-.8-.532H172.4a.842.842,0,0,0-.4.066,1.446,1.446,0,0,0-.531.332,1.017,1.017,0,0,0-.332.465.791.791,0,0,0-.133.4V500.2a1.122,1.122,0,0,1,.133-.332,1.389,1.389,0,0,1,.266-.4,2.319,2.319,0,0,1,.6-.4c.133,0,.266-.066.4-.066a1.131,1.131,0,0,1,.465.066,1.418,1.418,0,0,1,.8.465,4.266,4.266,0,0,1,.664.864l.6,1a5.8,5.8,0,0,0,1.4,1.661,3.9,3.9,0,0,0,1.661.6,4.4,4.4,0,0,0,1.2-.2A1.644,1.644,0,0,0,179.571,503.186Z" transform="translate(-171 -499)" fill="#365864"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14887" data-name="Group 14887" transform="translate(10.059 7.646)">
+              <g id="Group_14886" data-name="Group 14886">
+                <g id="Group_14885" data-name="Group 14885">
+                  <g id="Group_14884" data-name="Group 14884">
+                    <g id="Group_14883" data-name="Group 14883">
+                      <g id="Group_14882" data-name="Group 14882">
+                        <g id="Group_14881" data-name="Group 14881">
+                          <g id="Group_14880" data-name="Group 14880">
+                            <g id="Group_14879" data-name="Group 14879">
+                              <path id="Path_10461" data-name="Path 10461" d="M245.727,600.531c-.066.066-.4-.2-.864-.2-.465-.067-.8.2-.864.133a1.148,1.148,0,0,1,.2-.266,1.573,1.573,0,0,1,.664-.2,1.209,1.209,0,0,1,.731.266C245.727,600.4,245.727,600.465,245.727,600.531Z" transform="translate(-244 -600)" fill="#202d34"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14895" data-name="Group 14895" transform="translate(10.59 8.975)">
+              <g id="Group_14894" data-name="Group 14894">
+                <g id="Group_14893" data-name="Group 14893">
+                  <g id="Group_14892" data-name="Group 14892">
+                    <g id="Group_14891" data-name="Group 14891">
+                      <g id="Group_14890" data-name="Group 14890">
+                        <g id="Group_14889" data-name="Group 14889">
+                          <g id="Group_14888" data-name="Group 14888">
+                            <path id="Path_10462" data-name="Path 10462" d="M252.8,620.332a.4.4,0,0,1-.8,0,.405.405,0,0,1,.8,0Z" transform="translate(-252 -620)" fill="#202d34"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14901" data-name="Group 14901" transform="translate(12.317 2.995)">
+              <g id="Group_14900" data-name="Group 14900" transform="translate(0)">
+                <g id="Group_14899" data-name="Group 14899">
+                  <g id="Group_14898" data-name="Group 14898">
+                    <g id="Group_14897" data-name="Group 14897">
+                      <g id="Group_14896" data-name="Group 14896">
+                        <path id="Path_10463" data-name="Path 10463" d="M278.4,530a1.171,1.171,0,0,0,1,.531,2.769,2.769,0,0,0,.4-.133c.133.067.066.6,0,.664a1.814,1.814,0,0,1-.266.332,1.363,1.363,0,0,0,1.329-.066,2.379,2.379,0,0,1-1.4,1.927.7.7,0,0,1-.8,0c-.2-.066-.266-.332-.332-.6a10.515,10.515,0,0,1-.332-2.525Z" transform="translate(-278 -530)" fill="#202d34"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14906" data-name="Group 14906" transform="translate(7.334 11.632)">
+            <g id="Group_14905" data-name="Group 14905">
+              <g id="Group_14904" data-name="Group 14904">
+                <g id="Group_14903" data-name="Group 14903">
+                  <path id="Path_10464" data-name="Path 10464" d="M204.4,660.864a.388.388,0,0,1-.266.066.905.905,0,0,1-.664-.133,1.534,1.534,0,0,1-.465-.465V660c.066,0,.133.4.6.664C204,660.864,204.4,660.8,204.4,660.864Z" transform="translate(-203 -660)" fill="#202d34"/>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15056" data-name="Group 15056" transform="translate(0 17.479)">
+          <g id="Group_14998" data-name="Group 14998" transform="translate(17.01 74.413)">
+            <g id="Group_14992" data-name="Group 14992">
+              <g id="Group_14991" data-name="Group 14991">
+                <g id="Group_14990" data-name="Group 14990">
+                  <g id="Group_14918" data-name="Group 14918">
+                    <g id="Group_14917" data-name="Group 14917">
+                      <g id="Group_14916" data-name="Group 14916">
+                        <g id="Group_14915" data-name="Group 14915">
+                          <g id="Group_14914" data-name="Group 14914">
+                            <g id="Group_14913" data-name="Group 14913">
+                              <g id="Group_14912" data-name="Group 14912">
+                                <g id="Group_14911" data-name="Group 14911">
+                                  <g id="Group_14910" data-name="Group 14910">
+                                    <g id="Group_14909" data-name="Group 14909">
+                                      <g id="Group_14908" data-name="Group 14908">
+                                        <path id="Path_10465" data-name="Path 10465" d="M256,1868v6.046l12.358-.066c-.066-1.262-6.91-3.654-6.91-3.654l.133-2.325Z" transform="translate(-256 -1868)" fill="#1e7dbd"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14930" data-name="Group 14930" transform="translate(1.644 1.727)">
+                    <g id="Group_14929" data-name="Group 14929">
+                      <g id="Group_14928" data-name="Group 14928">
+                        <g id="Group_14927" data-name="Group 14927">
+                          <g id="Group_14926" data-name="Group 14926">
+                            <g id="Group_14925" data-name="Group 14925">
+                              <g id="Group_14924" data-name="Group 14924">
+                                <g id="Group_14923" data-name="Group 14923">
+                                  <g id="Group_14922" data-name="Group 14922">
+                                    <g id="Group_14921" data-name="Group 14921">
+                                      <g id="Group_14920" data-name="Group 14920">
+                                        <g id="Group_14919" data-name="Group 14919">
+                                          <path id="Path_10466" data-name="Path 10466" d="M281.094,1894a.505.505,0,0,0-.332.6c.066.266.332.465.532.4a.589.589,0,0,0,.4-.665c-.133-.2-.465-.4-.664-.266Z" transform="translate(-280.745 -1894)" fill="rgba(255,255,255,0.6)"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14941" data-name="Group 14941" transform="translate(0 5.049)">
+                    <g id="Group_14940" data-name="Group 14940">
+                      <g id="Group_14939" data-name="Group 14939">
+                        <g id="Group_14938" data-name="Group 14938">
+                          <g id="Group_14937" data-name="Group 14937">
+                            <g id="Group_14936" data-name="Group 14936">
+                              <g id="Group_14935" data-name="Group 14935">
+                                <g id="Group_14934" data-name="Group 14934">
+                                  <g id="Group_14933" data-name="Group 14933">
+                                    <g id="Group_14932" data-name="Group 14932">
+                                      <g id="Group_14931" data-name="Group 14931">
+                                        <path id="Path_10467" data-name="Path 10467" d="M256,1945v-1l11.826.133s.6.4.531.8Z" transform="translate(-256 -1944)" fill="#22325e"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14953" data-name="Group 14953" transform="translate(4.363 2.359)">
+                    <g id="Group_14952" data-name="Group 14952">
+                      <g id="Group_14951" data-name="Group 14951">
+                        <g id="Group_14950" data-name="Group 14950">
+                          <g id="Group_14949" data-name="Group 14949">
+                            <g id="Group_14948" data-name="Group 14948">
+                              <g id="Group_14947" data-name="Group 14947">
+                                <g id="Group_14946" data-name="Group 14946">
+                                  <g id="Group_14945" data-name="Group 14945">
+                                    <g id="Group_14944" data-name="Group 14944">
+                                      <g id="Group_14943" data-name="Group 14943">
+                                        <g id="Group_14942" data-name="Group 14942">
+                                          <path id="Path_10468" data-name="Path 10468" d="M322.748,1903.533c0,.066-.266.133-.6.332-.266.2-.4.465-.465.465-.066-.067,0-.4.4-.665A.691.691,0,0,1,322.748,1903.533Z" transform="translate(-321.662 -1903.5)" fill="#202d34"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14965" data-name="Group 14965" transform="translate(6.304 2.955)">
+                    <g id="Group_14964" data-name="Group 14964">
+                      <g id="Group_14963" data-name="Group 14963">
+                        <g id="Group_14962" data-name="Group 14962">
+                          <g id="Group_14961" data-name="Group 14961">
+                            <g id="Group_14960" data-name="Group 14960">
+                              <g id="Group_14959" data-name="Group 14959">
+                                <g id="Group_14958" data-name="Group 14958">
+                                  <g id="Group_14957" data-name="Group 14957">
+                                    <g id="Group_14956" data-name="Group 14956">
+                                      <g id="Group_14955" data-name="Group 14955">
+                                        <g id="Group_14954" data-name="Group 14954">
+                                          <path id="Path_10469" data-name="Path 10469" d="M351.694,1912.512c0,.067-.266.133-.465.4s-.266.6-.332.6a1,1,0,0,1,.2-.731C351.295,1912.446,351.694,1912.446,351.694,1912.512Z" transform="translate(-350.889 -1912.477)" fill="#202d34"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14977" data-name="Group 14977" transform="translate(7.763 3.438)">
+                    <g id="Group_14976" data-name="Group 14976">
+                      <g id="Group_14975" data-name="Group 14975">
+                        <g id="Group_14974" data-name="Group 14974">
+                          <g id="Group_14973" data-name="Group 14973">
+                            <g id="Group_14972" data-name="Group 14972">
+                              <g id="Group_14971" data-name="Group 14971">
+                                <g id="Group_14970" data-name="Group 14970">
+                                  <g id="Group_14969" data-name="Group 14969">
+                                    <g id="Group_14968" data-name="Group 14968">
+                                      <g id="Group_14967" data-name="Group 14967">
+                                        <g id="Group_14966" data-name="Group 14966">
+                                          <path id="Path_10470" data-name="Path 10470" d="M372.922,1920.83c-.066,0-.133-.332,0-.665s.4-.465.465-.4a3.163,3.163,0,0,0-.266.531C372.988,1920.564,372.988,1920.83,372.922,1920.83Z" transform="translate(-372.845 -1919.75)" fill="#202d34"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_14989" data-name="Group 14989" transform="translate(4.053 0.465)">
+                    <g id="Group_14988" data-name="Group 14988">
+                      <g id="Group_14987" data-name="Group 14987">
+                        <g id="Group_14986" data-name="Group 14986">
+                          <g id="Group_14985" data-name="Group 14985">
+                            <g id="Group_14984" data-name="Group 14984">
+                              <g id="Group_14983" data-name="Group 14983">
+                                <g id="Group_14982" data-name="Group 14982">
+                                  <g id="Group_14981" data-name="Group 14981">
+                                    <g id="Group_14980" data-name="Group 14980">
+                                      <g id="Group_14979" data-name="Group 14979">
+                                        <g id="Group_14978" data-name="Group 14978">
+                                          <path id="Path_10471" data-name="Path 10471" d="M318.329,1875.266a2.031,2.031,0,0,0-.664,0c-.332,0-.6.133-.664.066a.941.941,0,0,1,.664-.332A.758.758,0,0,1,318.329,1875.266Z" transform="translate(-317 -1875)" fill="#202d34"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14997" data-name="Group 14997" transform="translate(3.986 0.77)">
+              <g id="Group_14996" data-name="Group 14996">
+                <g id="Group_14995" data-name="Group 14995">
+                  <g id="Group_14994" data-name="Group 14994">
+                    <g id="Group_14993" data-name="Group 14993">
+                      <path id="Path_10472" data-name="Path 10472" d="M317.462,1881.474v-.332a1.45,1.45,0,0,0-.332-.93,1.789,1.789,0,0,0-.465-.532.439.439,0,0,0-.4-.066.413.413,0,0,0-.266.4,1.564,1.564,0,0,0,1.063,1.4,1.609,1.609,0,0,0,1.661-.465,1.394,1.394,0,0,0,.266-.4v-.2q-.1-.2-.2-.2a.44.44,0,0,0-.4.067.5.5,0,0,0-.266.133,2.417,2.417,0,0,0-.731.664.672.672,0,0,0-.133.332,3.766,3.766,0,0,1,.93-.864c.2-.133.4-.266.532-.2s.133.133.133.266c-.066.067-.133.2-.2.266a1.421,1.421,0,0,1-2.525-.8.345.345,0,0,1,.133-.266.6.6,0,0,1,.332.066,3.085,3.085,0,0,1,.465.465,3.685,3.685,0,0,1,.332.864C317.462,1881.341,317.4,1881.474,317.462,1881.474Z" transform="translate(-316 -1879.586)" fill="#202d34"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15033" data-name="Group 15033" transform="translate(6.313 74.479)">
+            <g id="Group_15006" data-name="Group 15006">
+              <g id="Group_15005" data-name="Group 15005">
+                <g id="Group_15004" data-name="Group 15004">
+                  <g id="Group_15003" data-name="Group 15003">
+                    <g id="Group_15002" data-name="Group 15002">
+                      <g id="Group_15001" data-name="Group 15001">
+                        <g id="Group_15000" data-name="Group 15000">
+                          <g id="Group_14999" data-name="Group 14999">
+                            <path id="Path_10473" data-name="Path 10473" d="M99.917,1869.266v1.927l-.133,3.455-4.651.133L95,1871.192l.133-2.192Z" transform="translate(-95 -1869)" fill="#1e7dbd"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15015" data-name="Group 15015" transform="translate(2.458 0.598)">
+              <g id="Group_15014" data-name="Group 15014">
+                <g id="Group_15013" data-name="Group 15013">
+                  <g id="Group_15012" data-name="Group 15012">
+                    <g id="Group_15011" data-name="Group 15011">
+                      <g id="Group_15010" data-name="Group 15010">
+                        <g id="Group_15009" data-name="Group 15009">
+                          <g id="Group_15008" data-name="Group 15008">
+                            <g id="Group_15007" data-name="Group 15007">
+                              <path id="Path_10474" data-name="Path 10474" d="M132,1882.784s.066-1.063.2-2.392c.066-1.262.2-2.325.2-2.392a12.512,12.512,0,0,1-.133,2.392A19.849,19.849,0,0,1,132,1882.784Z" transform="translate(-132 -1878)" fill="#202d34"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15023" data-name="Group 15023" transform="translate(0.133 5.116)">
+              <g id="Group_15022" data-name="Group 15022">
+                <g id="Group_15021" data-name="Group 15021">
+                  <g id="Group_15020" data-name="Group 15020">
+                    <g id="Group_15019" data-name="Group 15019">
+                      <g id="Group_15018" data-name="Group 15018">
+                        <g id="Group_15017" data-name="Group 15017">
+                          <g id="Group_15016" data-name="Group 15016">
+                            <path id="Path_10475" data-name="Path 10475" d="M101.651,1946H97v.665h4.651Z" transform="translate(-97 -1946)" fill="#22325e"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15032" data-name="Group 15032" transform="translate(0.133 1.727)">
+              <g id="Group_15031" data-name="Group 15031">
+                <g id="Group_15030" data-name="Group 15030">
+                  <g id="Group_15029" data-name="Group 15029">
+                    <g id="Group_15028" data-name="Group 15028">
+                      <g id="Group_15027" data-name="Group 15027">
+                        <g id="Group_15026" data-name="Group 15026">
+                          <g id="Group_15025" data-name="Group 15025">
+                            <g id="Group_15024" data-name="Group 15024">
+                              <path id="Path_10476" data-name="Path 10476" d="M97,1896.329s0-.066.133-.133a2.114,2.114,0,0,1,.4-.465,3.486,3.486,0,0,1,.731-.465,1.95,1.95,0,0,1,1.063-.266,2.564,2.564,0,0,1,1.86.8,2.014,2.014,0,0,1,.332.465.515.515,0,0,1,.066.2c-.066,0-.133-.266-.465-.6a2.489,2.489,0,0,0-1.794-.731,2.957,2.957,0,0,0-1.727.665C97.2,1896.129,97,1896.4,97,1896.329Z" transform="translate(-97 -1895)" fill="#202d34"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15037" data-name="Group 15037" transform="translate(3.257 28.436)">
+            <g id="Group_15034" data-name="Group 15034">
+              <path id="Path_10477" data-name="Path 10477" d="M67.4,1176.864l-.532-.864-17.341.8a29.95,29.95,0,0,0-.532,5.714,27.15,27.15,0,0,0,.8,4.651l.8,16.743c.133,1.528.266,19.8.266,19.8h6.91l1.4-25.446c.133-2.857,0-7.176.2-10.3l2.325,9.634,1.528,6.511s-.332,2.724-.6,6.445c-.465,5.249-.532,12.889-.532,12.889l7.109.133s.93-9.036,1.727-14.285l.664-6.245a36.092,36.092,0,0,0-.532-4.053Z" transform="translate(-49 -1176)" fill="#22325e"/>
+            </g>
+            <g id="Group_15036" data-name="Group 15036" transform="translate(6.777 6.245)">
+              <g id="Group_15035" data-name="Group 15035">
+                <path id="Path_10478" data-name="Path 10478" d="M156.116,1276.312a2.794,2.794,0,0,0-.332-.133,1.123,1.123,0,0,1-.332-.133,1.665,1.665,0,0,1-.465-.266,1.45,1.45,0,0,1-.532-.332,3.132,3.132,0,0,1-.6-.4,10.155,10.155,0,0,1-1.2-1.2,8.5,8.5,0,0,1-.93-1.4,6.9,6.9,0,0,1-.266-.665,1.071,1.071,0,0,1-.2-.6,1.231,1.231,0,0,1-.133-.465c-.066-.133-.066-.266-.133-.4V1270a6.649,6.649,0,0,0,.332,1.2l.2.6a2.686,2.686,0,0,0,.332.6,5.669,5.669,0,0,0,.93,1.4,6.5,6.5,0,0,0,1.129,1.2,3.685,3.685,0,0,1,.532.4,6.075,6.075,0,0,0,.532.332A10.422,10.422,0,0,0,156.116,1276.312Z" transform="translate(-151 -1270)" fill="#365864"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15048" data-name="Group 15048" transform="translate(33.155 0.384)">
+            <g id="Group_15038" data-name="Group 15038" transform="translate(3.123)">
+              <path id="Path_10479" data-name="Path 10479" d="M546,758.842a14.4,14.4,0,0,1,.731-1.528c.2-.266,1.063-1.2,1.063-1.2a9.732,9.732,0,0,1,1.993-.731,1.655,1.655,0,0,1,.465.2l2.392-1.661s.532-.332.8,0c.2.332-.133.6-.266.731-.133.2-1.86,1.661-1.86,1.661l-.066.133s.664.2.664.531a1.988,1.988,0,0,1-.2.731.631.631,0,0,1,.2.664l-.133.465a.744.744,0,0,1,.332.664c-.066.4-1.13,1.2-1.13,1.2s-1.86.8-2.192.864a8.3,8.3,0,0,0-1.262.2Z" transform="translate(-546 -753.778)" fill="#ffc19c"/>
+            </g>
+            <g id="Group_15040" data-name="Group 15040" transform="translate(4.651 1.41)">
+              <g id="Group_15039" data-name="Group 15039">
+                <path id="Path_10480" data-name="Path 10480" d="M572.255,775c0,.067-.2.2-.465.332a5.543,5.543,0,0,1-1.13.731,9.635,9.635,0,0,0-1.262.4,4.07,4.07,0,0,0-.4.332.876.876,0,0,1,.4-.4,4.082,4.082,0,0,1,1.2-.465,5.628,5.628,0,0,0,1.13-.664A3.164,3.164,0,0,0,572.255,775Z" transform="translate(-569 -775)" fill="#ff9b69"/>
+              </g>
+            </g>
+            <g id="Group_15042" data-name="Group 15042" transform="translate(7.641 2.606)">
+              <g id="Group_15041" data-name="Group 15041">
+                <path id="Path_10481" data-name="Path 10481" d="M614.8,793a.206.206,0,0,1-.066.133c-.066.066-.133.066-.266.133-.266.133-.4.2-.465.133a1.966,1.966,0,0,1,.4-.2c.133-.066.2-.133.266-.133A.206.206,0,0,1,614.8,793Z" transform="translate(-614 -793)" fill="#ff9b69"/>
+              </g>
+            </g>
+            <g id="Group_15044" data-name="Group 15044" transform="translate(8.354 3.868)">
+              <g id="Group_15043" data-name="Group 15043">
+                <path id="Path_10482" data-name="Path 10482" d="M625.217,812c0,.067-.066.133-.2.266s-.266.2-.266.133c-.066,0,.066-.133.2-.2C625.084,812.066,625.15,812,625.217,812Z" transform="translate(-624.734 -812)" fill="#ff9b69"/>
+              </g>
+            </g>
+            <g id="Group_15046" data-name="Group 15046" transform="translate(8.371 4.931)">
+              <g id="Group_15045" data-name="Group 15045">
+                <path id="Path_10483" data-name="Path 10483" d="M625.6,828a.362.362,0,0,1-.2.332c-.2.2-.332.2-.4.133a.97.97,0,0,0,.332-.2C625.465,828.133,625.531,828,625.6,828Z" transform="translate(-625 -828)" fill="#ff9b69"/>
+              </g>
+            </g>
+            <g id="Group_15047" data-name="Group 15047" transform="translate(0 4.798)">
+              <path id="Path_10484" data-name="Path 10484" d="M502.189,826,499,828.06l1.262,4.119,4.119-3.388-.266-1.86Z" transform="translate(-499 -826)" fill="#ffc19c"/>
+            </g>
+          </g>
+          <g id="Group_15055" data-name="Group 15055">
+            <g id="Group_15054" data-name="Group 15054">
+              <g id="Group_15053" data-name="Group 15053">
+                <g id="Group_15050" data-name="Group 15050" transform="translate(0 6.046)">
+                  <g id="Group_15049" data-name="Group 15049">
+                    <path id="Path_10485" data-name="Path 10485" d="M1.971,839s-2.06,11.76-1.993,12.889c.133,1.063.465,2.658,1.927,3.123a4.208,4.208,0,0,0,2.392,0l.532-6.976-2.06-7.441Z" transform="translate(0.024 -839)" fill="#ffc19c"/>
+                  </g>
+                </g>
+                <g id="Group_15051" data-name="Group 15051" transform="translate(1.97)">
+                  <path id="Path_10486" data-name="Path 10486" d="M45.736,748.731l1.661.864,1,9.169.332,3.123.465,8.637c.133.8.864,8.77.864,8.77l-19.4.465c.266-.066.532-3.521.731-4.252l.6-5.049-.6-7.242s-1.993-8.837-1.727-9.567a11.916,11.916,0,0,1,4.053-4.053c1-.731,2.458-1.595,2.458-1.595h6.644Z" transform="translate(-29.633 -748)" fill="#05968F"/>
+                </g>
+                <g id="Group_15052" data-name="Group 15052" transform="translate(15.852 1.462)">
+                  <path id="Path_10487" data-name="Path 10487" d="M251.413,778.3s-4.385-3.854-6.046-5.514c-1.794-1.794-3.056-2.724-3.654-2.79-.133,0-1.86.93-1.86.93a9.839,9.839,0,0,0-1.2,3.123c-.8,2.658,3.654,4.319,3.654,4.319l2.126,2.126a23.1,23.1,0,0,0,5.581,3.92,3.567,3.567,0,0,0,3.521-.6l6.644-6.511a23.748,23.748,0,0,1-1.129-3.588Z" transform="translate(-238.561 -770)" fill="#ffc19c"/>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15057" data-name="Group 15057" transform="translate(0.002 23.127)">
+          <path id="Path_10488" data-name="Path 10488" d="M1.993,833,0,843.032l4.85.93-1.2-10.83Z" transform="translate(0 -833)" fill="#05968F"/>
+        </g>
+        <g id="Group_15059" data-name="Group 15059" transform="translate(2.726 23.459)">
+          <g id="Group_15058" data-name="Group 15058">
+            <path id="Path_10489" data-name="Path 10489" d="M41,838c.066,0,.4,3.588.8,8.039.4,4.385.731,7.973.664,7.973s-.4-3.588-.8-7.973C41.266,841.588,41,838,41,838Z" transform="translate(-41 -838)" fill="#202d34"/>
+          </g>
+        </g>
+        <g id="Group_15060" data-name="Group 15060" transform="translate(15.017 18.465)">
+          <path id="Path_10490" data-name="Path 10490" d="M226.394,769.16l6.976,5.847,4.385-5.98a81.8,81.8,0,0,0-6.511-5.315c-1.595-.864-2.724-1.462-3.986.066A5.178,5.178,0,0,0,226.394,769.16Z" transform="translate(-225.995 -762.838)" fill="#05968F"/>
+        </g>
+        <g id="Group_15062" data-name="Group 15062" transform="translate(14.876 18.675)">
+          <g id="Group_15061" data-name="Group 15061">
+            <path id="Path_10491" data-name="Path 10491" d="M231.391,777.959c0,.066,0,0-.133-.066-.066-.066-.2-.133-.332-.266-.4-.266-.864-.664-1.4-1.063-1.2-1-2.79-2.259-4.518-3.654h0l-.133-.133a4.293,4.293,0,0,1-1-2.99,4.13,4.13,0,0,1,.93-2.525,3.112,3.112,0,0,1,1.4-1.063,2.417,2.417,0,0,1,.465-.2h.133a5.231,5.231,0,0,0-.6.266,4.17,4.17,0,0,0-1.329,1.063,4.055,4.055,0,0,0-.864,2.458,4.235,4.235,0,0,0,1,2.923.065.065,0,0,1,.066.066h0c1.794,1.462,3.322,2.724,4.518,3.654.532.465,1,.864,1.329,1.129a1.758,1.758,0,0,0,.4.332Z" transform="translate(-223.875 -766)" fill="#202d34"/>
+          </g>
+        </g>
+        <g id="Group_15063" data-name="Group 15063" transform="translate(16.014 25.518)">
+          <path id="Path_10492" data-name="Path 10492" d="M241,869a23.131,23.131,0,0,0,5.049,5.847l-.266-1.993Z" transform="translate(-241 -869)" fill="rgba(0,0,0,0.3)"/>
+        </g>
+        <g id="Group_15065" data-name="Group 15065" transform="translate(5.981 38.541)">
+          <g id="Group_15064" data-name="Group 15064">
+            <path id="Path_10493" data-name="Path 10493" d="M98.77,1065a3.43,3.43,0,0,0-.332.2,9.047,9.047,0,0,1-.93.531c-.8.465-1.86,1-3.056,1.661-1.2.6-2.325,1.129-3.123,1.462a5.128,5.128,0,0,1-1,.4.67.67,0,0,1-.332.133,1.473,1.473,0,0,1,.332-.2,5.962,5.962,0,0,0,.93-.465c.8-.332,1.927-.864,3.123-1.461,1.2-.665,2.259-1.2,3.056-1.595.4-.2.731-.4.93-.465C98.637,1065.066,98.7,1065,98.77,1065Z" transform="translate(-90 -1065)" fill="#202d34"/>
+          </g>
+        </g>
+      </g>
+      <g id="Group_15069" data-name="Group 15069" transform="translate(-4.948 -3.282)">
+        <path id="Path_8696" data-name="Path 8696" d="M4347.582,1551.774a6.812,6.812,0,0,1-2.068,4.891,7.094,7.094,0,0,1-1.307,1h-6.833a8.161,8.161,0,0,1-1.4-1.063,6.907,6.907,0,0,1-1.971-4.831,6.791,6.791,0,0,1,13.581,0Z" transform="translate(-4038.311 -1162.524)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8697" data-name="Path 8697" d="M4408.541,1927v1.064H4399V1927Z" transform="translate(-4101.338 -1532.92)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8698" data-name="Path 8698" d="M4466.8,1498.126H4461v-1.063a1.057,1.057,0,0,1,1.064-1.063h3.735a.973.973,0,0,1,1,1Z" transform="translate(-4161.454 -1115.013)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8699" data-name="Path 8699" d="M4452.713,1703.548H4446V1702h6.713Z" transform="translate(-4146.909 -1314.755)" fill="#f9ddbf" fill-rule="evenodd"/>
+      </g>
+      <g id="Group_15070" data-name="Group 15070" transform="translate(18.374 -3.04)">
+        <path id="Path_8668" data-name="Path 8668" d="M3055.854,3472.366H3044V3465h11.854Z" transform="translate(-2770.351 -3050.087)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8669" data-name="Path 8669" d="M3035.8,3454.11H3023V3453h12.8Z" transform="translate(-2749.848 -3038.37)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8670" data-name="Path 8670" d="M3127.006,3575.03H3119V3573h8.006Z" transform="translate(-2843.581 -3155.538)" fill="#f9ddbf" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/competition_visibility_icon.svg b/src/assets/performics/main_menu_icons/competition_visibility_icon.svg
new file mode 100644
index 0000000..17c4f50
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/competition_visibility_icon.svg
@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107.375" viewBox="0 0 109 107.375">
+  <g id="Group_16354" data-name="Group 16354" transform="translate(-42 -551.625)">
+    <g id="Group_14308" data-name="Group 14308" transform="translate(-1 404)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#c5ecc3"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(51.682 551.625)">
+      <g id="_410204800">
+        <path id="Path_10185" data-name="Path 10185" d="M202.759,2292.51H172V2261h30.759Z" transform="translate(-166.833 -2193.083)" fill="#fb8c2e" fill-rule="evenodd"/>
+        <path id="Path_10186" data-name="Path 10186" d="M90.9,2292.51H62V2261H90.9Z" transform="translate(-60.138 -2193.083)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10187" data-name="Path 10187" d="M1536.674,2736.752H1510V2719h26.674Z" transform="translate(-1464.642 -2637.326)" fill="#fc8d2f" fill-rule="evenodd"/>
+        <path id="Path_10188" data-name="Path 10188" d="M1408.352,2736.752H1383V2719h25.352Z" transform="translate(-1341.457 -2637.326)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10189" data-name="Path 10189" d="M2161.771,1395.083c2.7,2.583,5.527,5.917,6.639,9.342l.42-.27a8.9,8.9,0,0,0-.12-1.562c.15.361.45.9.6,1.262l2.614-1.652-.361-.661a3.6,3.6,0,0,1,.571.541l1.322-.871,2.283-1.953-.36-.661a3.3,3.3,0,0,1,.541.511l.721-.6.39-.33.06-.03c-.751-1.171-2.433-3.214-2.463-3.244a15.7,15.7,0,0,1,2.914,2.854l.45-.391c-2.884-4.836-6.578-6.548-9.492-7.089a5.705,5.705,0,0,1-1.081-.36,8.834,8.834,0,0,1-3.545-2.7c-1.292-2.193-4.656-2.042-4.866-1.412a2.592,2.592,0,0,0-.48,1.652A9.662,9.662,0,0,0,2161.771,1395.083Z" transform="translate(-2093.674 -1343.778)" fill="#323232" fill-rule="evenodd"/>
+        <path id="Path_10190" data-name="Path 10190" d="M2211.15,1537.661a2.786,2.786,0,0,1-.15,2.884s.841,1.2,1.292,1.2c.751.03,2.223-2.042,2.223-2.042a28.817,28.817,0,0,0-1.322-2.7Z" transform="translate(-2144.585 -1490.831)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10191" data-name="Path 10191" d="M2179.92,1428.51s2.823.481,3.094-1.262c.3-1.772.841-2.884-.931-3.274-1.8-.391-2.253.21-2.493.781S2179.2,1428.329,2179.92,1428.51Z" transform="translate(-2113.926 -1381.079)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10192" data-name="Path 10192" d="M2181,1398.854s3.695,2.854,3.394,4.776c-.3,1.8,1.5,1.442,1.953,1.382,1.652-.18,2.283-.18,3.154.33a26.784,26.784,0,0,0-2.1-2.583c-1.712-2.193-2.343-4-2.673-4.205A2.744,2.744,0,0,0,2181,1398.854Z" transform="translate(-2115.486 -1355.99)" fill="#323232" fill-rule="evenodd"/>
+        <path id="Path_10193" data-name="Path 10193" d="M2673.832,2782l1.051,2.824-1.051.51-1.832-2.043Z" transform="translate(-2591.737 -2698.433)" fill="#e5b0b4" fill-rule="evenodd"/>
+        <path id="Path_10194" data-name="Path 10194" d="M2719.781,2846l.811.991-2.043,3.033S2717.708,2848.313,2719.781,2846Z" transform="translate(-2636.725 -2760.511)" fill="#d25c2a" fill-rule="evenodd"/>
+        <path id="Path_10195" data-name="Path 10195" d="M2227,2020.5l6.789-1.5s1.081,1.622,4.385,14.539l5.2,8.681-2.854,1.682-6.548-8.711Z" transform="translate(-2160.104 -1958.353)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_10196" data-name="Path 10196" d="M1788.923,1684.592l-.3-.451a1.35,1.35,0,0,0-1.232-1.141s-.481,0-.331.33c.12.3.12.18.3.631a1.252,1.252,0,0,0,.9.811l.481.48Z" transform="translate(-1733.352 -1632.445)" fill="#e5b0b4" fill-rule="evenodd"/>
+        <path id="Path_10197" data-name="Path 10197" d="M2590.15,1945.931h0v-.03a7.834,7.834,0,0,0-.15-.9l1.2.09c.03,0,.18.361.24.451a.111.111,0,0,0,.03.09l.03.661a.132.132,0,0,1-.12.18l-.18.06h-.06a.2.2,0,0,1-.18-.03l-.6-.27A.313.313,0,0,1,2590.15,1945.931Z" transform="translate(-2512.2 -1886.575)" fill="#e5b0b4" fill-rule="evenodd"/>
+        <path id="Path_10198" data-name="Path 10198" d="M1825,1614.682a18.761,18.761,0,0,0,1.322,2.133c.781,1.142,1.832,2.313,2.794,2.283,1.772,0,5.136-3.545,5.136-3.545,0,.03.03.03.03.06,0,.27-.451,1.262.6,4.085.39,1.081,1.8,2.974,2.193,4.686l5.377-1.172,1.412-.33c-.06-.09-.18-.36-.421-.9a6.656,6.656,0,0,1-.811-2.764,23.148,23.148,0,0,1,.27-3.965h0A17.239,17.239,0,0,0,1846,1616.6s1.292,2.583,2.043,4.386c.09.21,1.232-.09,1.232-.09s-.661-5.467-1.442-6.1c-1.382-1.141-3.6-3.815-6.128-4.145,0,0,.06-.15-2.193.12-.361.03.09,1.442-1.532,1.622-1.472.15-.991-1.2-.961-1.232-.03,0-1.592.33-2.193.511a2.987,2.987,0,0,0-1.352.541,39.29,39.29,0,0,0-4.356,4.3,26.666,26.666,0,0,0-3.394-2.373Z" transform="translate(-1770.18 -1562.235)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10199" data-name="Path 10199" d="M2354.469,1759.974a6.963,6.963,0,0,0,1.532,2.193l1.412-.33c-.06-.09-.18-.36-.42-.9a6.652,6.652,0,0,1-.811-2.764,23.137,23.137,0,0,1,.271-3.965c-.18-.21-.331-.36-.451-.33C2355.64,1753.906,2354.288,1759.223,2354.469,1759.974Z" transform="translate(-2283.728 -1701.189)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10200" data-name="Path 10200" d="M1869,1735.057c.781,1.141,1.832,2.313,2.793,2.283,1.772,0,5.167-3.515,5.167-3.485a2.09,2.09,0,0,0,.09-1.292c-.12-.541-4.025,4.025-5.016,4.055C1871.042,1736.619,1869.45,1734.936,1869,1735.057Z" transform="translate(-1812.858 -1680.477)" fill="#ced4ea" fill-rule="evenodd"/>
+        <path id="Path_10201" data-name="Path 10201" d="M1866.154,2583.081l-2.133,2.4-1.021-.721,1.021-2.763Z" transform="translate(-1807.038 -2504.441)" fill="#e5b0b4" fill-rule="evenodd"/>
+        <path id="Path_10202" data-name="Path 10202" d="M1793.115,2672.22l-.481,1.2-3.635-.36S1790.081,2671.529,1793.115,2672.22Z" transform="translate(-1735.261 -2591.777)" fill="#d25c2a" fill-rule="evenodd"/>
+        <path id="Path_10203" data-name="Path 10203" d="M1883.855,2023.137a7.755,7.755,0,0,0-1.2-3.875h0l-.991-1.262-6.1,1.412s1.172,1.021.571,1.532l-7.389,3.995L1864,2036.293l3.725,1.5,5.437-9.522S1884.036,2026.771,1883.855,2023.137Z" transform="translate(-1808.008 -1957.383)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_10204" data-name="Path 10204" d="M501.268,33.381a13.476,13.476,0,0,1-7.93,2.193c-4.145,0-9.732-1.5-16.461-6.939a15.317,15.317,0,0,0-4.716-2.523,2.791,2.791,0,0,0-.391-.12l-.631-.18c-.33-.09-.631-.15-.961-.21a.181.181,0,0,0-.12-.03c-.12-.03-.21-.03-.33-.06a26.5,26.5,0,0,0-12.015,1.051c-.481.15-.9.27-1.2.39-.33.12-.511.18-.511.18l.15-.21L466.574,11.6s.21-.12.6-.3h0a4.133,4.133,0,0,1,.511-.24c.27-.12.571-.24.931-.36a21.671,21.671,0,0,1,20.126,2.613,27.188,27.188,0,0,1,3.9,3.3s4.9,4.386,13.547,1.141C506.194,17.761,499.466,23.168,501.268,33.381Z" transform="translate(-442.302 -9.05)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10205" data-name="Path 10205" d="M482.634,903.809s14.989-.571,16.912-3.214c0,0-7-3.364-5.407-10.453L483.355,889S481.613,901.376,482.634,903.809Z" transform="translate(-467.826 -862.296)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10206" data-name="Path 10206" d="M1277,1747.36l1.322-.36,2.1,3.334S1278.382,1750.425,1277,1747.36Z" transform="translate(-1238.641 -1694.523)" fill="#221e50" fill-rule="evenodd"/>
+        <path id="Path_10207" data-name="Path 10207" d="M627.249,2096l.6,1.231-2.884,2.673S624.486,2097.922,627.249,2096Z" transform="translate(-606.162 -2033.039)" fill="#221e50" fill-rule="evenodd"/>
+        <path id="Path_10208" data-name="Path 10208" d="M923.75,392.131l-.06-1.081a2.013,2.013,0,0,1-.27-2.523s.421-.571.661-.12c.27.451.12.3.511.931a2.3,2.3,0,0,1,.06,1.832l.12.841Z" transform="translate(-895.364 -376.571)" fill="#ad7041" fill-rule="evenodd"/>
+        <path id="Path_10209" data-name="Path 10209" d="M619,766.394a3.822,3.822,0,0,0,.33-1.742l2.4-1.652c.21,2.043.6,2.613.571,3.424C622.3,766.424,619,766.424,619,766.394Z" transform="translate(-600.406 -740.081)" fill="#eea26f" fill-rule="evenodd"/>
+        <path id="Path_10210" data-name="Path 10210" d="M598.329,663.3s2.854.691,3.274-1.111c.42-1.772,1.051-2.884-.751-3.424-1.8-.511-2.313.09-2.613.661C597.969,659.967,597.608,663.061,598.329,663.3Z" transform="translate(-579.946 -638.79)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10211" data-name="Path 10211" d="M608.771,619.107a3.036,3.036,0,0,0-2.493-3.034c-1.772-.421-.571-1.832-.33-2.073,0,0,1.352.391,2.734.811C611.625,615.682,609.132,618.746,608.771,619.107Z" transform="translate(-587.144 -595.556)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10212" data-name="Path 10212" d="M388.187,1406s-2.463,4.506-3.3,6.068c-3.484,6.428-3.154,7.66-3.154,7.66s2.854,3.575,3.785,4.6c1.021,1.111,4.025,3.845,4.025,3.845l2.884-1.652s-1.983-3.274-2.794-4.356c-.571-.751-2.7-3.034-2.7-3.034s1.712-1.682,3.545-3.184c2.553-2.163,5.857-8.831,5.857-8.831Z" transform="translate(-370.254 -1363.766)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_10213" data-name="Path 10213" d="M623,1307.238s4.386,16.852,6.278,17.663c3.3,1.412,14.569-2.824,14.569-2.824l-.871-2.854s-2.914.06-5.016.09a35.279,35.279,0,0,0-4.536.661s-.991-9.312-2.613-12.015C628.287,1303.753,623,1307.238,623,1307.238Z" transform="translate(-604.286 -1266.656)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_10214" data-name="Path 10214" d="M498.395,858.911a.428.428,0,0,0,.391.27s3.034.391,4.986.391h.511a29.044,29.044,0,0,0,3.665-.391.37.37,0,0,0,.27-.6,10.612,10.612,0,0,1-1.742-3.064c-.961-2.223-.3-6.639.36-9.642.391-1.832.781-3.124.781-3.124A18.261,18.261,0,0,0,502.69,842a3.9,3.9,0,0,1-2.373.6c-.541-.09-.571-.3-.511-.451-2.463.09-2.854,1.111-2.854,1.111C493.979,848.759,497.824,857.289,498.395,858.911Z" transform="translate(-480.943 -816.708)" fill="#dde3f2" fill-rule="evenodd"/>
+        <path id="Path_10215" data-name="Path 10215" d="M748,501.084s3-2.253,3.815-3.094l2.043-7.96,1.021-.03s.451,7.81.27,8.351c-.991,2.824-5.767,7.329-5.767,7.329Z" transform="translate(-725.531 -475.281)" fill="#dde3f2" fill-rule="evenodd"/>
+        <path id="Path_10216" data-name="Path 10216" d="M754.238,984.7h.511a29.044,29.044,0,0,0,3.665-.391.37.37,0,0,0,.27-.6,10.61,10.61,0,0,1-1.742-3.064c-.961-2.223-.3-6.638.36-9.642l-2.854.15s-.811,6.188-.09,8.621S754.928,984.277,754.238,984.7Z" transform="translate(-731.408 -941.833)" fill="#ced4ea" fill-rule="evenodd"/>
+        <path id="Path_10217" data-name="Path 10217" d="M732,507.123s2.4,14.719,7.48,17.813c0,0,3.184-3.484,2.884-4.476,0,0-5.557-4.3-5.737-6.218a32.063,32.063,0,0,1-.3-4.326c.12-.12,3.244-3.665,3.3-4.776s.3-8.14.3-8.14a8.8,8.8,0,0,1-1.8,0s-1.712,7.419-2.043,7.84c-.36.451-2.824,2.583-3.124,2.463C732.691,507.213,732.15,506.943,732,507.123Z" transform="translate(-710.012 -482.071)" fill="#555ca3" fill-rule="evenodd"/>
+        <path id="Path_10218" data-name="Path 10218" d="M212.75,854.63c.24-.39-.391,3.484-.3,5.347a.381.381,0,0,1,.03.18v.06a14.51,14.51,0,0,0,.421,2.854,7.813,7.813,0,0,0,2.553.721s-2.553-7.69-1.322-12.766c0,0,1.953-3.755,3.274-4.025,0,0-2.764.571-3.394.691,0,0-1.983,2.553-2.583,3.454-.481.751-1.682,3.094-1.682,3.094l-1.832-2.073-1.983-1.8-.931.811s2.313,6.368,5.107,6.488C210.407,857.664,211.278,857.3,212.75,854.63Z" transform="translate(-198.842 -821.557)" fill="#555ca3" fill-rule="evenodd"/>
+        <path id="Path_10219" data-name="Path 10219" d="M731.848,834s1.262,1.982,1.5,2.193l-.391.511.481.24s.27,4.866.511,5.557C733.951,842.5,731.728,834.541,731.848,834Z" transform="translate(-709.86 -808.948)" fill="#333381" fill-rule="evenodd"/>
+        <path id="Path_10220" data-name="Path 10220" d="M499.478,844.986c.06.03-3.424,2.944-3.755,5.737,0,0-.421-.751.451-2.673a10.988,10.988,0,0,0,.631-1.8l.631-.03-.421-.21a9.083,9.083,0,0,1,2.1-1.081A1.4,1.4,0,0,1,499.478,844.986Z" transform="translate(-480.734 -819.544)" fill="#333381" fill-rule="evenodd"/>
+        <path id="Path_10221" data-name="Path 10221" d="M922.03,1222.832a2.752,2.752,0,0,0,1.172-1.021,5.673,5.673,0,0,0,.511-.811c0,.03-.841,1.442-1.712,1.742Z" transform="translate(-894.305 -1184.323)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10222" data-name="Path 10222" d="M454,1285v.06a2.142,2.142,0,0,0,1.262.12l-.03-.06a1.463,1.463,0,0,1-.361.03A2.791,2.791,0,0,1,454,1285Z" transform="translate(-440.363 -1246.401)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10223" data-name="Path 10223" d="M846,1469c.03.12,1.382,7.54,1.562,8.922l.24,1.231s0,.6.421.511c.421-.12,4.746-.631,5.827-.661,1.081,0,4.566-.18,4.566-.18s-3.635.27-3.905.27a7.894,7.894,0,0,0-.9.03c-.18.03-4.326.3-5.046.541s-.961.12-.961,0a3.878,3.878,0,0,0-.18-.841c-.09-.24-.541-3.454-.631-3.785C846.871,1474.737,846,1469,846,1469Z" transform="translate(-820.588 -1424.874)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10224" data-name="Path 10224" d="M747.463,1444.931a.366.366,0,0,0,.15-.03v-.09A3.637,3.637,0,0,1,745,1444,3.752,3.752,0,0,0,747.463,1444.931Z" transform="translate(-722.621 -1400.625)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10225" data-name="Path 10225" d="M25.653.991l-.781,1.262h0L15.41,17.512l-.3.451L7.93,29.558,6.879,31.27l-5.287,8.5L0,38.81l5.978-9.672,1.262-1.983,5.8-9.342L24.061,0Z" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10226" data-name="Path 10226" d="M186.733,900.363s-.631-.451-1.382.451a1,1,0,0,0,.15,1.532S186.522,902.465,186.733,900.363Z" transform="translate(-179.493 -873.208)" fill="#ad7041" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/contact_conversion_icon.svg b/src/assets/performics/main_menu_icons/contact_conversion_icon.svg
new file mode 100644
index 0000000..bc6871c
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/contact_conversion_icon.svg
@@ -0,0 +1,997 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="111.353" height="107" viewBox="0 0 111.353 107">
+  <g id="Group_16366" data-name="Group 16366" transform="translate(-222 -353)">
+    <g id="Group_14307" data-name="Group 14307" transform="translate(180 205)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#e8e4d0"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(221.995 353)">
+      <g id="_1403823973712" transform="translate(0.005 0)">
+        <g id="Group_15774" data-name="Group 15774" transform="translate(50.388 30.248)">
+          <g id="Group_15773" data-name="Group 15773">
+            <g id="Group_15772" data-name="Group 15772">
+              <g id="Group_15771" data-name="Group 15771">
+                <path id="Path_10835" data-name="Path 10835" d="M526.629,315.207a14.708,14.708,0,0,1,3.589-1.56l.74-3.553,6-.1.864,3.524a14.709,14.709,0,0,1,3.643,1.433l3.034-1.989,4.319,4.17-1.88,3.1a14.7,14.7,0,0,1,1.56,3.591l3.552.74.105,6-3.523.864a14.7,14.7,0,0,1-1.433,3.642l1.989,3.034-4.17,4.319-3.1-1.88a14.7,14.7,0,0,1-3.59,1.56l-.74,3.553-6,.1-.864-3.525a14.7,14.7,0,0,1-3.642-1.432l-3.034,1.989-4.319-4.17,1.88-3.1a14.694,14.694,0,0,1-1.56-3.59l-3.553-.74-.1-6,3.523-.864a14.7,14.7,0,0,1,1.433-3.642l-1.989-3.034,4.169-4.319,3.1,1.88Zm3.2,8h0a6.44,6.44,0,1,0,9.106-.16A6.44,6.44,0,0,0,529.828,323.2Z" transform="translate(-516.39 -309.99)" fill="#05968F"/>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15778" data-name="Group 15778" transform="translate(75.708 8.685)">
+          <g id="Group_15777" data-name="Group 15777">
+            <g id="Group_15776" data-name="Group 15776">
+              <g id="Group_15775" data-name="Group 15775">
+                <path id="Path_10836" data-name="Path 10836" d="M781.862,92.057a8.567,8.567,0,0,1,2.1-.911l.432-2.075,3.506-.061.5,2.059a8.592,8.592,0,0,1,2.127.836l1.772-1.162,2.522,2.436-1.1,1.811a8.567,8.567,0,0,1,.91,2.1l2.076.431.061,3.506-2.059.5a8.625,8.625,0,0,1-.836,2.127l1.161,1.771L792.6,107.95l-1.811-1.1a8.624,8.624,0,0,1-2.1.91l-.432,2.075-3.506.061-.5-2.059a8.591,8.591,0,0,1-2.127-.836l-1.772,1.162-2.522-2.436,1.1-1.812a8.556,8.556,0,0,1-.91-2.1l-2.075-.431-.062-3.506,2.059-.5a8.628,8.628,0,0,1,.837-2.127l-1.162-1.771,2.436-2.523Zm1.869,4.67h0a3.761,3.761,0,1,0,5.318-.094A3.759,3.759,0,0,0,783.73,96.727Z" transform="translate(-775.88 -89.01)" fill="#05968F"/>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15784" data-name="Group 15784" transform="translate(59.469 9.092)">
+          <g id="Group_15783" data-name="Group 15783">
+            <g id="Group_15782" data-name="Group 15782">
+              <g id="Group_15781" data-name="Group 15781">
+                <g id="Group_15780" data-name="Group 15780">
+                  <g id="Group_15779" data-name="Group 15779">
+                    <path id="Path_10837" data-name="Path 10837" d="M617.265,99.786a3.353,3.353,0,0,0,2.486-2.724,3.15,3.15,0,1,0-6.193-1.076,3.348,3.348,0,0,0,1.453,3.419c-4.891-.088-5.551,5.131-5.551,5.131l11.267,1.96S621.872,101.3,617.265,99.786Z" transform="translate(-609.46 -93.177)" fill="#445964"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15790" data-name="Group 15790" transform="translate(100.903 20.785)">
+          <g id="Group_15789" data-name="Group 15789">
+            <g id="Group_15788" data-name="Group 15788">
+              <g id="Group_15787" data-name="Group 15787">
+                <g id="Group_15786" data-name="Group 15786">
+                  <g id="Group_15785" data-name="Group 15785">
+                    <path id="Path_10838" data-name="Path 10838" d="M1038.842,218.071a2.941,2.941,0,0,0,.589-3.184,2.765,2.765,0,1,0-5.115,2.072,2.936,2.936,0,0,0,2.669,1.874c-3.686,2.2-1.756,6.4-1.756,6.4l9.308-3.768S1042.978,217.062,1038.842,218.071Z" transform="translate(-1034.087 -213.005)" fill="#05968F"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15800" data-name="Group 15800" transform="translate(33.718 48.131)">
+          <g id="Group_15793" data-name="Group 15793" transform="translate(2.568 2.917)">
+            <g id="Group_15791" data-name="Group 15791">
+              <path id="Path_10839" data-name="Path 10839" d="M371.88,523.15,393.944,558.5l4.922,19.6h7.626V523.739Z" transform="translate(-371.88 -523.15)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15792" data-name="Group 15792" transform="translate(29.422)">
+              <path id="Path_10840" data-name="Path 10840" d="M673.4,523.739V578.1h7.625l4.923-19.6,22.064-35.349Z" transform="translate(-673.4 -523.15)" fill="#ffae3e"/>
+            </g>
+          </g>
+          <g id="Group_15794" data-name="Group 15794">
+            <path id="Path_10841" data-name="Path 10841" d="M411.364,500.271h-62.3a3.505,3.505,0,0,1,0-7.011h62.3a3.505,3.505,0,1,1,0,7.011Z" transform="translate(-345.56 -493.26)" fill="#ffae3e"/>
+          </g>
+          <g id="Group_15796" data-name="Group 15796" transform="translate(3.388 7.044)">
+            <g id="Group_15795" data-name="Group 15795">
+              <path id="Path_10842" data-name="Path 10842" d="M443.494,565.541c0,.051-14.153.091-31.605.091s-31.608-.04-31.608-.091,14.149-.091,31.608-.091S443.494,565.49,443.494,565.541Z" transform="translate(-380.28 -565.45)" fill="rgba(38,49,56,0.2)"/>
+            </g>
+          </g>
+          <g id="Group_15797" data-name="Group 15797" transform="translate(9.643 8.04)">
+            <path id="Path_10843" data-name="Path 10843" d="M444.38,575.66l19.97,29.846,2.527,19.98h1.453l.272-20.114L455.955,575.66Z" transform="translate(-444.38 -575.66)" fill="rgba(255,255,255,0.2)"/>
+          </g>
+          <g id="Group_15799" data-name="Group 15799" transform="translate(24.985 38.175)">
+            <g id="Group_15798" data-name="Group 15798">
+              <path id="Path_10844" data-name="Path 10844" d="M617.411,884.581c0,.05-3.537.091-7.9.091s-7.9-.041-7.9-.091,3.537-.091,7.9-.091S617.411,884.53,617.411,884.581Z" transform="translate(-601.61 -884.49)" fill="#263138"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_16218" data-name="Group 16218">
+          <g id="Group_15801" data-name="Group 15801" transform="translate(0 50.362)">
+            <path id="Path_10845" data-name="Path 10845" d="M1.458,526.489a9.08,9.08,0,0,0-1.282,2.034,8.136,8.136,0,0,0-.135,2.562c.01.678.355.821.67.8s.167-1.486.167-1.486.7,4.015,1.37,3.836.528-.114.528-.114.035.953.649.838.391-.769.391-.769a.583.583,0,0,0,.82-.393A16.181,16.181,0,0,0,4.742,531l1.171-1.081-.186-2.632a1.016,1.016,0,0,1-1.012-1.016A56.267,56.267,0,0,1,5.9,520.381l.669-3.195L2.058,516.12l-.6,10.368Z" transform="translate(-0.005 -516.12)" fill="#ffbf9c"/>
+          </g>
+          <g id="Group_15982" data-name="Group 15982" transform="translate(6.292 51.522)">
+            <g id="Group_15889" data-name="Group 15889" transform="translate(19.952 33.896)">
+              <g id="Group_15809" data-name="Group 15809" transform="translate(1.004)">
+                <g id="Group_15808" data-name="Group 15808">
+                  <g id="Group_15807" data-name="Group 15807">
+                    <g id="Group_15806" data-name="Group 15806">
+                      <g id="Group_15805" data-name="Group 15805">
+                        <g id="Group_15804" data-name="Group 15804">
+                          <g id="Group_15803" data-name="Group 15803">
+                            <g id="Group_15802" data-name="Group 15802">
+                              <path id="Path_10846" data-name="Path 10846" d="M287.117,877.113c-.142.309-3.741,9.066-3.741,9.066l-4.126-1.285,2.171-9.514Z" transform="translate(-279.25 -875.38)" fill="#ffbf9c"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15888" data-name="Group 15888" transform="translate(0 7.442)">
+                <g id="Group_15818" data-name="Group 15818">
+                  <g id="Group_15817" data-name="Group 15817">
+                    <g id="Group_15816" data-name="Group 15816">
+                      <g id="Group_15815" data-name="Group 15815">
+                        <g id="Group_15814" data-name="Group 15814">
+                          <g id="Group_15813" data-name="Group 15813">
+                            <g id="Group_15812" data-name="Group 15812">
+                              <g id="Group_15811" data-name="Group 15811">
+                                <g id="Group_15810" data-name="Group 15810">
+                                  <path id="Path_10847" data-name="Path 10847" d="M270.327,951.65s2.56,3.357,4.779,1.833l.11,1.109-.3,7.552a.98.98,0,0,1-.874.955.948.948,0,0,1-.9-.481c-.951-1.707-4.419-8-4.169-8.633l.553-1.706a.912.912,0,0,1,.8-.628Z" transform="translate(-268.959 -951.65)" fill="#445964"/>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15827" data-name="Group 15827" transform="translate(0.003 1.738)">
+                  <g id="Group_15826" data-name="Group 15826">
+                    <g id="Group_15825" data-name="Group 15825">
+                      <g id="Group_15824" data-name="Group 15824">
+                        <g id="Group_15823" data-name="Group 15823">
+                          <g id="Group_15822" data-name="Group 15822">
+                            <g id="Group_15821" data-name="Group 15821">
+                              <g id="Group_15820" data-name="Group 15820">
+                                <g id="Group_15819" data-name="Group 15819">
+                                  <path id="Path_10848" data-name="Path 10848" d="M273.893,979.167l-4.71-9.707-.115.375a1.087,1.087,0,0,0,.077.929,68.626,68.626,0,0,0,4,7.918A.945.945,0,0,0,273.893,979.167Z" transform="translate(-268.991 -969.46)" fill="rgba(255,255,255,0.6)"/>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15837" data-name="Group 15837" transform="translate(0.633 0.752)">
+                  <g id="Group_15836" data-name="Group 15836">
+                    <g id="Group_15835" data-name="Group 15835">
+                      <g id="Group_15834" data-name="Group 15834">
+                        <g id="Group_15833" data-name="Group 15833">
+                          <g id="Group_15832" data-name="Group 15832">
+                            <g id="Group_15831" data-name="Group 15831">
+                              <g id="Group_15830" data-name="Group 15830">
+                                <g id="Group_15829" data-name="Group 15829">
+                                  <g id="Group_15828" data-name="Group 15828">
+                                    <path id="Path_10849" data-name="Path 10849" d="M276.383,959.548a.573.573,0,0,1-.069.761.552.552,0,0,1-.756-.062.606.606,0,0,1,.078-.806.57.57,0,0,1,.778.152l-.031-.045Z" transform="translate(-275.441 -959.354)" fill="rgba(255,255,255,0.6)"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15847" data-name="Group 15847" transform="translate(4.066 6.296)">
+                  <g id="Group_15846" data-name="Group 15846">
+                    <g id="Group_15845" data-name="Group 15845">
+                      <g id="Group_15844" data-name="Group 15844">
+                        <g id="Group_15843" data-name="Group 15843">
+                          <g id="Group_15842" data-name="Group 15842">
+                            <g id="Group_15841" data-name="Group 15841">
+                              <g id="Group_15840" data-name="Group 15840">
+                                <g id="Group_15839" data-name="Group 15839">
+                                  <g id="Group_15838" data-name="Group 15838">
+                                    <path id="Path_10850" data-name="Path 10850" d="M310.636,1016.842a2.047,2.047,0,0,1,2.063-.332c.014-.019-.077-.122-.275-.215a1.507,1.507,0,0,0-1.6.257c-.159.15-.213.276-.193.29Z" transform="translate(-310.631 -1016.173)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15857" data-name="Group 15857" transform="translate(4.336 7.998)">
+                  <g id="Group_15856" data-name="Group 15856">
+                    <g id="Group_15855" data-name="Group 15855">
+                      <g id="Group_15854" data-name="Group 15854">
+                        <g id="Group_15853" data-name="Group 15853">
+                          <g id="Group_15852" data-name="Group 15852">
+                            <g id="Group_15851" data-name="Group 15851">
+                              <g id="Group_15850" data-name="Group 15850">
+                                <g id="Group_15849" data-name="Group 15849">
+                                  <g id="Group_15848" data-name="Group 15848">
+                                    <path id="Path_10851" data-name="Path 10851" d="M313.393,1033.961a7.858,7.858,0,0,1,.9-.14,7.98,7.98,0,0,1,.9.153,1.328,1.328,0,0,0-1.8-.014Z" transform="translate(-313.391 -1033.618)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15867" data-name="Group 15867" transform="translate(3.365 4.569)">
+                  <g id="Group_15866" data-name="Group 15866">
+                    <g id="Group_15865" data-name="Group 15865">
+                      <g id="Group_15864" data-name="Group 15864">
+                        <g id="Group_15863" data-name="Group 15863">
+                          <g id="Group_15862" data-name="Group 15862">
+                            <g id="Group_15861" data-name="Group 15861">
+                              <g id="Group_15860" data-name="Group 15860">
+                                <g id="Group_15859" data-name="Group 15859">
+                                  <g id="Group_15858" data-name="Group 15858">
+                                    <path id="Path_10852" data-name="Path 10852" d="M303.446,999a9.478,9.478,0,0,1,1.373-.309,9.275,9.275,0,0,1,1.4.1,2.588,2.588,0,0,0-2.777.212Z" transform="translate(-303.444 -998.476)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15877" data-name="Group 15877" transform="translate(3.87 2.812)">
+                  <g id="Group_15876" data-name="Group 15876">
+                    <g id="Group_15875" data-name="Group 15875">
+                      <g id="Group_15874" data-name="Group 15874">
+                        <g id="Group_15873" data-name="Group 15873">
+                          <g id="Group_15872" data-name="Group 15872">
+                            <g id="Group_15871" data-name="Group 15871">
+                              <g id="Group_15870" data-name="Group 15870">
+                                <g id="Group_15869" data-name="Group 15869">
+                                  <g id="Group_15868" data-name="Group 15868">
+                                    <path id="Path_10853" data-name="Path 10853" d="M308.617,980.574c.008.061.558.007,1.2.178s1.1.479,1.135.43a2.346,2.346,0,0,0-2.334-.609Z" transform="translate(-308.617 -980.468)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15887" data-name="Group 15887" transform="translate(4.289 1.286)">
+                  <g id="Group_15886" data-name="Group 15886">
+                    <g id="Group_15885" data-name="Group 15885">
+                      <g id="Group_15884" data-name="Group 15884">
+                        <g id="Group_15883" data-name="Group 15883">
+                          <g id="Group_15882" data-name="Group 15882">
+                            <g id="Group_15881" data-name="Group 15881">
+                              <g id="Group_15880" data-name="Group 15880">
+                                <g id="Group_15879" data-name="Group 15879">
+                                  <g id="Group_15878" data-name="Group 15878">
+                                    <path id="Path_10854" data-name="Path 10854" d="M314.062,966.73a.778.778,0,0,0,.054-.345,2.436,2.436,0,0,0-.169-.942,1.076,1.076,0,0,0-.4-.564.38.38,0,0,0-.436.034.621.621,0,0,0-.193.4,1.337,1.337,0,0,0,1.02,1.366,1.554,1.554,0,0,0,1.61-.628.537.537,0,0,0,.077-.442.375.375,0,0,0-.366-.242,1.334,1.334,0,0,0-.641.243,2.718,2.718,0,0,0-.71.639.845.845,0,0,0-.179.3,4.262,4.262,0,0,1,.962-.817,1.236,1.236,0,0,1,.564-.2.2.2,0,0,1,.2.131.37.37,0,0,1-.068.287,1.382,1.382,0,0,1-1.4.529,1.162,1.162,0,0,1-.883-1.147.452.452,0,0,1,.123-.283.207.207,0,0,1,.24-.022.974.974,0,0,1,.346.472A3.6,3.6,0,0,1,314.062,966.73Z" transform="translate(-312.914 -964.826)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15977" data-name="Group 15977" transform="translate(20.017 34.693)">
+              <g id="Group_15897" data-name="Group 15897">
+                <g id="Group_15896" data-name="Group 15896">
+                  <g id="Group_15895" data-name="Group 15895">
+                    <g id="Group_15894" data-name="Group 15894">
+                      <g id="Group_15893" data-name="Group 15893">
+                        <g id="Group_15892" data-name="Group 15892">
+                          <g id="Group_15891" data-name="Group 15891">
+                            <g id="Group_15890" data-name="Group 15890">
+                              <path id="Path_10855" data-name="Path 10855" d="M275.067,883.55c.1.327,3.116,9.3,3.116,9.3l-3.958,1.733-4.595-8.608,5.437-2.423Z" transform="translate(-269.63 -883.55)" fill="#ffbf9c"/>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15976" data-name="Group 15976" transform="translate(3.242 7.051)">
+                <g id="Group_15906" data-name="Group 15906" transform="translate(0 0.43)">
+                  <g id="Group_15905" data-name="Group 15905">
+                    <g id="Group_15904" data-name="Group 15904">
+                      <g id="Group_15903" data-name="Group 15903">
+                        <g id="Group_15902" data-name="Group 15902">
+                          <g id="Group_15901" data-name="Group 15901">
+                            <g id="Group_15900" data-name="Group 15900">
+                              <g id="Group_15899" data-name="Group 15899">
+                                <g id="Group_15898" data-name="Group 15898">
+                                  <path id="Path_10856" data-name="Path 10856" d="M303.125,961.968s4.132.858,4.811-1.748l.809.764,4.72,5.9a.978.978,0,0,1-.034,1.295.947.947,0,0,1-.994.226c-1.837-.666-8.582-3.149-8.806-3.789l-.7-1.65a.911.911,0,0,1,.2-1Z" transform="translate(-302.856 -960.22)" fill="#445964"/>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15915" data-name="Group 15915" transform="translate(0.522 4.258)">
+                  <g id="Group_15914" data-name="Group 15914">
+                    <g id="Group_15913" data-name="Group 15913">
+                      <g id="Group_15912" data-name="Group 15912">
+                        <g id="Group_15911" data-name="Group 15911">
+                          <g id="Group_15910" data-name="Group 15910">
+                            <g id="Group_15909" data-name="Group 15909">
+                              <g id="Group_15908" data-name="Group 15908">
+                                <g id="Group_15907" data-name="Group 15907">
+                                  <path id="Path_10857" data-name="Path 10857" d="M318.128,1003.7l-9.918-4.246.158.358c.137.4.373.483.666.651a68.242,68.242,0,0,0,8.208,3.361.943.943,0,0,0,.884-.125Z" transform="translate(-308.21 -999.45)" fill="rgba(255,255,255,0.6)"/>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15925" data-name="Group 15925" transform="translate(0.398 2.74)">
+                  <g id="Group_15924" data-name="Group 15924">
+                    <g id="Group_15923" data-name="Group 15923">
+                      <g id="Group_15922" data-name="Group 15922">
+                        <g id="Group_15921" data-name="Group 15921">
+                          <g id="Group_15920" data-name="Group 15920">
+                            <g id="Group_15919" data-name="Group 15919">
+                              <g id="Group_15918" data-name="Group 15918">
+                                <g id="Group_15917" data-name="Group 15917">
+                                  <g id="Group_15916" data-name="Group 15916">
+                                    <path id="Path_10858" data-name="Path 10858" d="M307.584,983.909a.572.572,0,0,1,.446.621.55.55,0,0,1-.612.447.6.6,0,0,1-.469-.66.571.571,0,0,1,.687-.4l-.053-.014Z" transform="translate(-306.936 -983.893)" fill="rgba(255,255,255,0.6)"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15935" data-name="Group 15935" transform="translate(6.824 4.042)">
+                  <g id="Group_15934" data-name="Group 15934">
+                    <g id="Group_15933" data-name="Group 15933">
+                      <g id="Group_15932" data-name="Group 15932">
+                        <g id="Group_15931" data-name="Group 15931">
+                          <g id="Group_15930" data-name="Group 15930">
+                            <g id="Group_15929" data-name="Group 15929">
+                              <g id="Group_15928" data-name="Group 15928">
+                                <g id="Group_15927" data-name="Group 15927">
+                                  <g id="Group_15926" data-name="Group 15926">
+                                    <path id="Path_10859" data-name="Path 10859" d="M372.84,998.862a2.878,2.878,0,0,1,.45-.985,2.915,2.915,0,0,1,.89-.617c0-.024-.138-.042-.347.017a1.509,1.509,0,0,0-1.037,1.239C372.774,998.734,372.816,998.865,372.84,998.862Z" transform="translate(-372.789 -997.238)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15945" data-name="Group 15945" transform="translate(7.961 5.34)">
+                  <g id="Group_15944" data-name="Group 15944">
+                    <g id="Group_15943" data-name="Group 15943">
+                      <g id="Group_15942" data-name="Group 15942">
+                        <g id="Group_15941" data-name="Group 15941">
+                          <g id="Group_15940" data-name="Group 15940">
+                            <g id="Group_15939" data-name="Group 15939">
+                              <g id="Group_15938" data-name="Group 15938">
+                                <g id="Group_15937" data-name="Group 15937">
+                                  <g id="Group_15936" data-name="Group 15936">
+                                    <path id="Path_10860" data-name="Path 10860" d="M384.463,1011.733c.056.019.206-.377.587-.695s.787-.414.778-.472a1.052,1.052,0,0,0-.909.318c-.433.366-.51.846-.457.849Z" transform="translate(-384.447 -1010.541)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15955" data-name="Group 15955" transform="translate(5.103 2.723)">
+                  <g id="Group_15954" data-name="Group 15954">
+                    <g id="Group_15953" data-name="Group 15953">
+                      <g id="Group_15952" data-name="Group 15952">
+                        <g id="Group_15951" data-name="Group 15951">
+                          <g id="Group_15950" data-name="Group 15950">
+                            <g id="Group_15949" data-name="Group 15949">
+                              <g id="Group_15948" data-name="Group 15948">
+                                <g id="Group_15947" data-name="Group 15947">
+                                  <g id="Group_15946" data-name="Group 15946">
+                                    <path id="Path_10861" data-name="Path 10861" d="M355.166,985.708a9.387,9.387,0,0,1,.834-1.133,9.488,9.488,0,0,1,1.124-.847,2.588,2.588,0,0,0-1.958,1.98Z" transform="translate(-355.157 -983.72)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15965" data-name="Group 15965" transform="translate(4.067 1.639)">
+                  <g id="Group_15964" data-name="Group 15964">
+                    <g id="Group_15963" data-name="Group 15963">
+                      <g id="Group_15962" data-name="Group 15962">
+                        <g id="Group_15961" data-name="Group 15961">
+                          <g id="Group_15960" data-name="Group 15960">
+                            <g id="Group_15959" data-name="Group 15959">
+                              <g id="Group_15958" data-name="Group 15958">
+                                <g id="Group_15957" data-name="Group 15957">
+                                  <g id="Group_15956" data-name="Group 15956">
+                                    <path id="Path_10862" data-name="Path 10862" d="M344.543,973.714c.045.04.424-.361,1.023-.653s1.144-.357,1.139-.419a2.35,2.35,0,0,0-2.161,1.071Z" transform="translate(-344.539 -972.61)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15975" data-name="Group 15975" transform="translate(3.518)">
+                  <g id="Group_15974" data-name="Group 15974">
+                    <g id="Group_15973" data-name="Group 15973">
+                      <g id="Group_15972" data-name="Group 15972">
+                        <g id="Group_15971" data-name="Group 15971">
+                          <g id="Group_15970" data-name="Group 15970">
+                            <g id="Group_15969" data-name="Group 15969">
+                              <g id="Group_15968" data-name="Group 15968">
+                                <g id="Group_15967" data-name="Group 15967">
+                                  <g id="Group_15966" data-name="Group 15966">
+                                    <path id="Path_10863" data-name="Path 10863" d="M340.824,957.731a.809.809,0,0,0-.186-.3,2.425,2.425,0,0,0-.745-.6,1.07,1.07,0,0,0-.67-.165.381.381,0,0,0-.307.311.628.628,0,0,0,.114.427,1.338,1.338,0,0,0,1.667.363,1.552,1.552,0,0,0,.8-1.529.535.535,0,0,0-.231-.385.374.374,0,0,0-.434.056,1.315,1.315,0,0,0-.325.6,2.707,2.707,0,0,0-.118.948.832.832,0,0,0,.062.344,4.289,4.289,0,0,1,.191-1.247,1.221,1.221,0,0,1,.3-.52.2.2,0,0,1,.236-.032.369.369,0,0,1,.137.262,1.385,1.385,0,0,1-.711,1.318,1.162,1.162,0,0,1-1.419-.289.452.452,0,0,1-.093-.295.206.206,0,0,1,.167-.174.968.968,0,0,1,.571.13,3.622,3.622,0,0,1,1,.767Z" transform="translate(-338.91 -955.811)" fill="#263138"/>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15978" data-name="Group 15978" transform="translate(0 0.148)">
+              <path id="Path_10864" data-name="Path 10864" d="M66.615,541.055c.162,0,9.979,7.313,10.529,8.058s1.007,6.067,2.8,10.992,7.337,11.946,7.337,11.946l4.928-1.635S87.54,549.6,86.466,546.229a78.9,78.9,0,0,0-3.956-8.983l-2.143-2.875-.439-4.841-13.521.152a13.364,13.364,0,0,0-1.811,8.208,5.239,5.239,0,0,0,2.019,3.163Z" transform="translate(-64.487 -529.53)" fill="#22325e"/>
+            </g>
+            <g id="Group_15979" data-name="Group 15979" transform="translate(14.094)">
+              <path id="Path_10865" data-name="Path 10865" d="M227.3,537.165c-1.241-3.8-9.123-8.89-9.123-8.89l-1.321-.264-7.928.119s.314,3.656.317,3.816,3.9,8.768,3.9,8.768l5,3.262.875.955a48.364,48.364,0,0,0-1.4,7.18c-.275,3.142.189,12.592.189,12.592l5.449.832s4.088-14.432,4.537-16.807.745-7.762-.5-11.565Z" transform="translate(-208.93 -528.01)" fill="#131d3d"/>
+            </g>
+            <g id="Group_15981" data-name="Group 15981" transform="translate(11.182 1.311)">
+              <g id="Group_15980" data-name="Group 15980">
+                <path id="Path_10866" data-name="Path 10866" d="M179.08,542.18a1.009,1.009,0,0,1,.327.053,7.1,7.1,0,0,1,.86.27c.179.068.371.15.573.247a3.246,3.246,0,0,1,.624.364c.206.146.414.3.638.451a2.661,2.661,0,0,0,.348.194.735.735,0,0,0,.178.054.2.2,0,0,0,.146-.035,3.961,3.961,0,0,0,.569-.585,7.16,7.16,0,0,1,.617-.506,7.278,7.278,0,0,1,1.111-.743,7.783,7.783,0,0,1,.811-.392,1.034,1.034,0,0,1,.315-.1c.012.026-.419.214-1.061.6a8.24,8.24,0,0,0-1.073.764,7.674,7.674,0,0,0-.589.495,3.732,3.732,0,0,1-.6.619.394.394,0,0,1-.262.061.888.888,0,0,1-.227-.066,2.812,2.812,0,0,1-.375-.212c-.23-.153-.439-.316-.638-.463a3.255,3.255,0,0,0-.592-.364c-.2-.1-.382-.188-.554-.263-.691-.3-1.146-.414-1.138-.442Z" transform="translate(-179.08 -541.447)" fill="#445964"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15984" data-name="Group 15984" transform="translate(21.152 55.275)">
+            <g id="Group_15983" data-name="Group 15983">
+              <path id="Path_10867" data-name="Path 10867" d="M229.64,603.751a.447.447,0,0,1-.032-.1c-.02-.076-.046-.172-.077-.291-.067-.269-.162-.646-.281-1.124-.242-.99-.586-2.4-1.012-4.138-.858-3.494-2.027-8.325-3.409-13.637-.7-2.653-1.363-5.187-2.11-7.438a17.8,17.8,0,0,0-1.481-3.012c-.521-.92-1.02-1.769-1.477-2.543-.92-1.535-1.666-2.78-2.19-3.655l-.6-.993-.152-.26a.376.376,0,0,1-.046-.093.371.371,0,0,1,.061.083l.168.251.625.975c.537.851,1.31,2.086,2.239,3.626.464.771.971,1.616,1.5,2.534.263.459.532.937.8,1.432a9.946,9.946,0,0,1,.707,1.6c.76,2.262,1.427,4.792,2.127,7.448,1.383,5.314,2.533,10.151,3.359,13.652.4,1.744.727,3.16.956,4.153l.248,1.132c.024.121.045.219.06.3a.348.348,0,0,1,.014.1Z" transform="translate(-216.776 -566.469)" fill="#445964"/>
+            </g>
+          </g>
+          <g id="Group_15994" data-name="Group 15994" transform="translate(39.969 21.059)">
+            <g id="Group_15985" data-name="Group 15985" transform="translate(0 10.025)">
+              <path id="Path_10868" data-name="Path 10868" d="M412.555,318.56l-2.935,2.216,2.6,3.089,2.663-2.81Z" transform="translate(-409.62 -318.56)" fill="#ffbf9c"/>
+            </g>
+            <g id="Group_15986" data-name="Group 15986" transform="translate(2.947 8.056)">
+              <path id="Path_10869" data-name="Path 10869" d="M441.4,303.214a7.912,7.912,0,0,1,1.832-.6,4.7,4.7,0,0,0,1.908-.506,1.681,1.681,0,0,0,.408-2.831,5.588,5.588,0,0,0-1.144-.808l-1.8-.093-2.778,2.78Z" transform="translate(-439.82 -298.38)" fill="#ffbf9c"/>
+            </g>
+            <g id="Group_15990" data-name="Group 15990" transform="translate(4.47)">
+              <g id="Group_15989" data-name="Group 15989">
+                <g id="Group_15988" data-name="Group 15988">
+                  <g id="Group_15987" data-name="Group 15987">
+                    <path id="Path_10870" data-name="Path 10870" d="M459.256,217.77a5.508,5.508,0,0,1,1.341-.584l.276-1.327,2.242-.039.323,1.316a5.478,5.478,0,0,1,1.361.535l1.134-.743,1.613,1.557-.7,1.159a5.5,5.5,0,0,1,.583,1.341l1.327.276.04,2.242-1.316.323a5.52,5.52,0,0,1-.536,1.361l.743,1.133-1.557,1.614-1.158-.7a5.511,5.511,0,0,1-1.342.583l-.276,1.327-2.242.04-.323-1.317a5.456,5.456,0,0,1-1.36-.535l-1.134.743-1.614-1.557.7-1.158a5.475,5.475,0,0,1-.583-1.342l-1.327-.276-.039-2.242,1.316-.323a5.461,5.461,0,0,1,.536-1.36l-.744-1.134,1.557-1.614,1.159.7Zm1.2,2.988h0a2.406,2.406,0,1,0,3.4-.06A2.406,2.406,0,0,0,460.451,220.757Z" transform="translate(-455.43 -215.82)" fill="#445964"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15991" data-name="Group 15991" transform="translate(2.528 6.625)">
+              <path id="Path_10871" data-name="Path 10871" d="M438.879,283.846c-1.04.528-2.593,2.558-3.349,3.6l1.13,1.294a3.1,3.1,0,0,0,2.4-.834,3.771,3.771,0,0,0,.944-2.653c2.228.036,2.961-.867,2.791-1.516a23.618,23.618,0,0,0-3.919.108Z" transform="translate(-435.53 -283.716)" fill="#ffbf9c"/>
+            </g>
+            <g id="Group_15993" data-name="Group 15993" transform="translate(4.041 8.185)">
+              <g id="Group_15992" data-name="Group 15992">
+                <path id="Path_10872" data-name="Path 10872" d="M453.862,299.7a1.2,1.2,0,0,1,.085.7,2.558,2.558,0,0,1-.758,1.526,3.729,3.729,0,0,1-1.471.863,1.927,1.927,0,0,1-.69.141,4.565,4.565,0,0,1,.646-.26,4.253,4.253,0,0,0,1.387-.871,2.7,2.7,0,0,0,.758-1.415c.072-.414.01-.68.042-.685Z" transform="translate(-451.029 -299.698)" fill="#ff9a6c"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_16004" data-name="Group 16004" transform="translate(2.052 21.686)">
+            <g id="Group_15995" data-name="Group 15995" transform="translate(24.457 1.775)">
+              <path id="Path_10873" data-name="Path 10873" d="M284.719,249.766l-4.651,2.877s-1.629-3.262-3.262-7.547c-1.79-4.691-4.047-4.656-4.047-4.656L271.67,250.9l1.577,4.019s2.368,4.34,3.562,4.859c4.2,1.824,11.344-5.915,11.344-5.915l-3.434-4.1Z" transform="translate(-271.67 -240.44)" fill="#05968F"/>
+            </g>
+            <g id="Group_15996" data-name="Group 15996" transform="translate(5.848)">
+              <path id="Path_10874" data-name="Path 10874" d="M103.637,234.992c.429-2.717.528-7.152-.964-9.539a6.18,6.18,0,0,0-2.112-1.658c-1.487-.536-4.874-1.348-5.013-1.482-.168-.163-5.983.012-7.778.069-.232.008-.151.024-.151.024l-4.308,1.776a1.751,1.751,0,0,0-1.01,1.806l1.279,10.378s.474,3.635.536,4.569a6.416,6.416,0,0,1-.526,2.3c-.464,1.151-1.711,4.749-2.535,7.153a1.751,1.751,0,0,0,1.632,2.317L102,252.3c.981.014,1.434-.029,1.214-.985-.492-2.122-1.363-2.4-1.532-3.965a57.187,57.187,0,0,1,.485-8.085c.045-.141.922-.761,1.477-4.271Z" transform="translate(-80.96 -222.245)" fill="#05968F"/>
+            </g>
+            <g id="Group_15997" data-name="Group 15997" transform="translate(0 2.138)">
+              <path id="Path_10875" data-name="Path 10875" d="M28.9,244.161s-4.087,1.639-4.788,7.813-2.251,11.8-2.534,14.747a30.525,30.525,0,0,1-.547,3.976l4.639,1.1,2.845-9.522,1.061-5.528.8-4.446L28.9,244.16Z" transform="translate(-21.03 -244.16)" fill="#05968F"/>
+            </g>
+            <g id="Group_15999" data-name="Group 15999" transform="translate(25.633 5.922)">
+              <g id="Group_15998" data-name="Group 15998">
+                <path id="Path_10876" data-name="Path 10876" d="M283.723,282.938a2.416,2.416,0,0,1,.332.378,9.661,9.661,0,0,1,.763,1.141,10.928,10.928,0,0,1,.937,8.779,9.634,9.634,0,0,1-.505,1.276,2.282,2.282,0,0,1-.244.439,2.928,2.928,0,0,1,.18-.467,13.021,13.021,0,0,0,.447-1.285,11.4,11.4,0,0,0-.926-8.679,13.187,13.187,0,0,0-.707-1.162A3.117,3.117,0,0,1,283.723,282.938Z" transform="translate(-283.722 -282.937)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_16001" data-name="Group 16001" transform="translate(6.989 8.795)">
+              <g id="Group_16000" data-name="Group 16000">
+                <path id="Path_10877" data-name="Path 10877" d="M92.66,312.379c.049-.012.5,1.657,1.011,3.727s.883,3.759.834,3.77-.5-1.656-1.011-3.727S92.612,312.392,92.66,312.379Z" transform="translate(-92.656 -312.379)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_16003" data-name="Group 16003" transform="translate(10.495 27.105)">
+              <g id="Group_16002" data-name="Group 16002">
+                <path id="Path_10878" data-name="Path 10878" d="M143.512,500.025a3.583,3.583,0,0,1-.576.123c-.373.069-.915.153-1.587.244-1.344.183-3.21.369-5.279.44s-3.945.01-5.3-.083c-.676-.046-1.223-.094-1.6-.137a3.6,3.6,0,0,1-.584-.084,3.652,3.652,0,0,1,.589.014l1.6.079c1.351.059,3.221.1,5.284.028s3.925-.234,5.269-.384l1.591-.187a3.581,3.581,0,0,1,.586-.053Z" transform="translate(-128.59 -500.021)" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_16217" data-name="Group 16217" transform="translate(4.675)">
+            <g id="Group_16205" data-name="Group 16205">
+              <g id="Group_16008" data-name="Group 16008" transform="translate(11.118 4.265)">
+                <g id="Group_16007" data-name="Group 16007">
+                  <g id="Group_16006" data-name="Group 16006">
+                    <g id="Group_16005" data-name="Group 16005">
+                      <path id="Path_10879" data-name="Path 10879" d="M170.237,43.711c1.616.036,3,2.438,2.759,3.79-.117.657-.415,1.41.116,1.9s1.632.442,2.134.939a2.062,2.062,0,0,1,.571,1.469c-.071.829.062,1.932.723,2.227L173.259,55.2c-.339-.342-.472-.882-.812-1.225.387.359.762,1.639-.992,1.782l-1.091-.963c-2.985.766-6.12,1.717-8.5.42l8.378-11.508Z" transform="translate(-161.86 -43.71)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_16012" data-name="Group 16012" transform="translate(4.228)">
+                <g id="Group_16011" data-name="Group 16011">
+                  <g id="Group_16010" data-name="Group 16010">
+                    <g id="Group_16009" data-name="Group 16009">
+                      <path id="Path_10880" data-name="Path 10880" d="M91.309,11.442a18.779,18.779,0,0,0,.719-1.833c.321-1.376-.323-2.945.371-4.175a3.943,3.943,0,0,1,2.485-1.568A5.81,5.81,0,0,0,97.5,2.731c.536-.506.848-1.214,1.382-1.722a4.433,4.433,0,0,1,2.918-1,6.29,6.29,0,0,1,3.15.573,3.453,3.453,0,0,1,1.9,2.471,10.175,10.175,0,0,0,.154,1.567,10.874,10.874,0,0,0,.85,1.509,2.767,2.767,0,0,1-.755,3.3l-7.577,9.412c-1.564.558-3.266-1.431-4.445-2.6s-4.319-3.233-3.773-4.8Z" transform="translate(-91.244 0)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_16013" data-name="Group 16013" transform="translate(7.966 3.769)">
+                <path id="Path_10881" data-name="Path 10881" d="M141.5,43.07c-.263-2.175-1.864-4.769-4.025-4.413l-6.692,2.109c-.657.108-1.008.633-1.232.535l1.544,15.561,5.006,3.255,2.855-3.424s-.212-2.135-.211-2.123,2.761-.624,3.129-4.3a38.978,38.978,0,0,0-.373-7.2Z" transform="translate(-129.55 -38.623)" fill="#ffbf9c"/>
+              </g>
+              <g id="Group_16200" data-name="Group 16200" transform="translate(12.21 7.603)">
+                <g id="Group_16199" data-name="Group 16199" transform="translate(0)">
+                  <g id="Group_16162" data-name="Group 16162" transform="translate(0 1.77)">
+                    <g id="Group_16161" data-name="Group 16161">
+                      <g id="Group_16160" data-name="Group 16160">
+                        <g id="Group_16066" data-name="Group 16066" transform="translate(1.383)">
+                          <g id="Group_16030" data-name="Group 16030" transform="translate(0 2.056)">
+                            <g id="Group_16029" data-name="Group 16029">
+                              <g id="Group_16028" data-name="Group 16028">
+                                <g id="Group_16027" data-name="Group 16027">
+                                  <g id="Group_16026" data-name="Group 16026">
+                                    <g id="Group_16025" data-name="Group 16025">
+                                      <g id="Group_16024" data-name="Group 16024">
+                                        <g id="Group_16023" data-name="Group 16023">
+                                          <g id="Group_16022" data-name="Group 16022">
+                                            <g id="Group_16021" data-name="Group 16021">
+                                              <g id="Group_16020" data-name="Group 16020">
+                                                <g id="Group_16019" data-name="Group 16019">
+                                                  <g id="Group_16018" data-name="Group 16018">
+                                                    <g id="Group_16017" data-name="Group 16017">
+                                                      <g id="Group_16016" data-name="Group 16016">
+                                                        <g id="Group_16015" data-name="Group 16015">
+                                                          <g id="Group_16014" data-name="Group 16014">
+                                                            <path id="Path_10882" data-name="Path 10882" d="M188.15,117.524a.468.468,0,0,1-.423.5.447.447,0,0,1-.505-.392.468.468,0,0,1,.423-.5A.446.446,0,0,1,188.15,117.524Z" transform="translate(-187.22 -117.127)" fill="#263138"/>
+                                                          </g>
+                                                        </g>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                          <g id="Group_16047" data-name="Group 16047" transform="translate(4.609 1.446)">
+                            <g id="Group_16046" data-name="Group 16046">
+                              <g id="Group_16045" data-name="Group 16045">
+                                <g id="Group_16044" data-name="Group 16044">
+                                  <g id="Group_16043" data-name="Group 16043">
+                                    <g id="Group_16042" data-name="Group 16042">
+                                      <g id="Group_16041" data-name="Group 16041">
+                                        <g id="Group_16040" data-name="Group 16040">
+                                          <g id="Group_16039" data-name="Group 16039">
+                                            <g id="Group_16038" data-name="Group 16038">
+                                              <g id="Group_16037" data-name="Group 16037">
+                                                <g id="Group_16036" data-name="Group 16036">
+                                                  <g id="Group_16035" data-name="Group 16035">
+                                                    <g id="Group_16034" data-name="Group 16034">
+                                                      <g id="Group_16033" data-name="Group 16033">
+                                                        <g id="Group_16032" data-name="Group 16032">
+                                                          <g id="Group_16031" data-name="Group 16031">
+                                                            <path id="Path_10883" data-name="Path 10883" d="M235.38,111.273a.468.468,0,0,1-.423.5.446.446,0,0,1-.5-.392.467.467,0,0,1,.422-.5A.447.447,0,0,1,235.38,111.273Z" transform="translate(-234.45 -110.877)" fill="#263138"/>
+                                                          </g>
+                                                        </g>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                          <g id="Group_16065" data-name="Group 16065" transform="translate(3.887)">
+                            <g id="Group_16064" data-name="Group 16064">
+                              <g id="Group_16063" data-name="Group 16063">
+                                <g id="Group_16062" data-name="Group 16062">
+                                  <g id="Group_16061" data-name="Group 16061">
+                                    <g id="Group_16060" data-name="Group 16060">
+                                      <g id="Group_16059" data-name="Group 16059">
+                                        <g id="Group_16058" data-name="Group 16058">
+                                          <g id="Group_16057" data-name="Group 16057">
+                                            <g id="Group_16056" data-name="Group 16056">
+                                              <g id="Group_16055" data-name="Group 16055">
+                                                <g id="Group_16054" data-name="Group 16054">
+                                                  <g id="Group_16053" data-name="Group 16053">
+                                                    <g id="Group_16052" data-name="Group 16052">
+                                                      <g id="Group_16051" data-name="Group 16051">
+                                                        <g id="Group_16050" data-name="Group 16050">
+                                                          <g id="Group_16049" data-name="Group 16049">
+                                                            <g id="Group_16048" data-name="Group 16048">
+                                                              <path id="Path_10884" data-name="Path 10884" d="M229.064,96.56c-.052.085-.48-.2-1.025-.129s-.9.434-.969.364c-.034-.03.011-.178.164-.345a1.262,1.262,0,0,1,.763-.386,1.234,1.234,0,0,1,.828.2C229.014,96.39,229.09,96.522,229.064,96.56Z" transform="translate(-227.059 -96.055)" fill="#263138"/>
+                                                            </g>
+                                                          </g>
+                                                        </g>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                        <g id="Group_16085" data-name="Group 16085" transform="translate(0.149 0.369)">
+                          <g id="Group_16084" data-name="Group 16084">
+                            <g id="Group_16083" data-name="Group 16083">
+                              <g id="Group_16082" data-name="Group 16082">
+                                <g id="Group_16081" data-name="Group 16081">
+                                  <g id="Group_16080" data-name="Group 16080">
+                                    <g id="Group_16079" data-name="Group 16079">
+                                      <g id="Group_16078" data-name="Group 16078">
+                                        <g id="Group_16077" data-name="Group 16077">
+                                          <g id="Group_16076" data-name="Group 16076">
+                                            <g id="Group_16075" data-name="Group 16075">
+                                              <g id="Group_16074" data-name="Group 16074">
+                                                <g id="Group_16073" data-name="Group 16073">
+                                                  <g id="Group_16072" data-name="Group 16072">
+                                                    <g id="Group_16071" data-name="Group 16071">
+                                                      <g id="Group_16070" data-name="Group 16070">
+                                                        <g id="Group_16069" data-name="Group 16069">
+                                                          <g id="Group_16068" data-name="Group 16068">
+                                                            <g id="Group_16067" data-name="Group 16067">
+                                                              <path id="Path_10885" data-name="Path 10885" d="M176.727,100.429c-.066.077-.487-.24-1.07-.226s-1.005.335-1.07.26c-.032-.033.032-.172.217-.321a1.409,1.409,0,0,1,.853-.3,1.379,1.379,0,0,1,.855.275c.183.143.249.28.217.314Z" transform="translate(-174.579 -99.839)" fill="#263138"/>
+                                                            </g>
+                                                          </g>
+                                                        </g>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                        <g id="Group_16104" data-name="Group 16104" transform="translate(3.783 0.25)">
+                          <g id="Group_16103" data-name="Group 16103">
+                            <g id="Group_16102" data-name="Group 16102">
+                              <g id="Group_16101" data-name="Group 16101">
+                                <g id="Group_16100" data-name="Group 16100">
+                                  <g id="Group_16099" data-name="Group 16099">
+                                    <g id="Group_16098" data-name="Group 16098">
+                                      <g id="Group_16097" data-name="Group 16097">
+                                        <g id="Group_16096" data-name="Group 16096">
+                                          <g id="Group_16095" data-name="Group 16095">
+                                            <g id="Group_16094" data-name="Group 16094">
+                                              <g id="Group_16093" data-name="Group 16093">
+                                                <g id="Group_16092" data-name="Group 16092">
+                                                  <g id="Group_16091" data-name="Group 16091">
+                                                    <g id="Group_16090" data-name="Group 16090">
+                                                      <g id="Group_16089" data-name="Group 16089">
+                                                        <g id="Group_16088" data-name="Group 16088">
+                                                          <g id="Group_16087" data-name="Group 16087">
+                                                            <g id="Group_16086" data-name="Group 16086">
+                                                              <path id="Path_10886" data-name="Path 10886" d="M212.3,102.786a3.411,3.411,0,0,1,.808-.194c.127-.02.247-.053.263-.141a.65.65,0,0,0-.107-.376q-.208-.454-.435-.953a16.845,16.845,0,0,1-1-2.5,16.825,16.825,0,0,1,1.2,2.418l.42.961a.743.743,0,0,1,.095.5.32.32,0,0,1-.2.2.91.91,0,0,1-.217.043,3.287,3.287,0,0,1-.826.049Z" transform="translate(-211.822 -98.616)" fill="#263138"/>
+                                                            </g>
+                                                          </g>
+                                                        </g>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                        <g id="Group_16122" data-name="Group 16122" transform="translate(0 9.323)">
+                          <g id="Group_16121" data-name="Group 16121">
+                            <g id="Group_16120" data-name="Group 16120">
+                              <g id="Group_16119" data-name="Group 16119">
+                                <g id="Group_16118" data-name="Group 16118">
+                                  <g id="Group_16117" data-name="Group 16117">
+                                    <g id="Group_16116" data-name="Group 16116">
+                                      <g id="Group_16115" data-name="Group 16115">
+                                        <g id="Group_16114" data-name="Group 16114">
+                                          <g id="Group_16113" data-name="Group 16113">
+                                            <g id="Group_16112" data-name="Group 16112">
+                                              <g id="Group_16111" data-name="Group 16111">
+                                                <g id="Group_16110" data-name="Group 16110">
+                                                  <g id="Group_16109" data-name="Group 16109">
+                                                    <g id="Group_16108" data-name="Group 16108">
+                                                      <g id="Group_16107" data-name="Group 16107">
+                                                        <g id="Group_16106" data-name="Group 16106">
+                                                          <g id="Group_16105" data-name="Group 16105">
+                                                            <path id="Path_10887" data-name="Path 10887" d="M178,192.618a9.272,9.272,0,0,1-4.948-1.018,4.69,4.69,0,0,0,5,2.043L178,192.619Z" transform="translate(-173.05 -191.6)" fill="#ff9a6c"/>
+                                                          </g>
+                                                        </g>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                        <g id="Group_16140" data-name="Group 16140" transform="translate(2.635 5.34)">
+                          <g id="Group_16139" data-name="Group 16139">
+                            <g id="Group_16138" data-name="Group 16138">
+                              <g id="Group_16137" data-name="Group 16137">
+                                <g id="Group_16136" data-name="Group 16136">
+                                  <g id="Group_16135" data-name="Group 16135">
+                                    <g id="Group_16134" data-name="Group 16134">
+                                      <g id="Group_16133" data-name="Group 16133">
+                                        <g id="Group_16132" data-name="Group 16132">
+                                          <g id="Group_16131" data-name="Group 16131">
+                                            <g id="Group_16130" data-name="Group 16130">
+                                              <g id="Group_16129" data-name="Group 16129">
+                                                <g id="Group_16128" data-name="Group 16128">
+                                                  <g id="Group_16127" data-name="Group 16127">
+                                                    <g id="Group_16126" data-name="Group 16126">
+                                                      <g id="Group_16125" data-name="Group 16125">
+                                                        <g id="Group_16124" data-name="Group 16124">
+                                                          <g id="Group_16123" data-name="Group 16123">
+                                                            <path id="Path_10888" data-name="Path 10888" d="M201.533,151.085a.908.908,0,0,0-.83-.29.83.83,0,0,0-.553.34.524.524,0,0,0,0,.6.608.608,0,0,0,.668.129,1.911,1.911,0,0,0,.619-.42.577.577,0,0,0,.136-.157.169.169,0,0,0-.012-.187l-.022-.015Z" transform="translate(-200.052 -150.783)" fill="#ff725d"/>
+                                                          </g>
+                                                        </g>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                        <g id="Group_16159" data-name="Group 16159" transform="translate(2.732 4.853)">
+                          <g id="Group_16158" data-name="Group 16158">
+                            <g id="Group_16157" data-name="Group 16157">
+                              <g id="Group_16156" data-name="Group 16156">
+                                <g id="Group_16155" data-name="Group 16155">
+                                  <g id="Group_16154" data-name="Group 16154">
+                                    <g id="Group_16153" data-name="Group 16153">
+                                      <g id="Group_16152" data-name="Group 16152">
+                                        <g id="Group_16151" data-name="Group 16151">
+                                          <g id="Group_16150" data-name="Group 16150">
+                                            <g id="Group_16149" data-name="Group 16149">
+                                              <g id="Group_16148" data-name="Group 16148">
+                                                <g id="Group_16147" data-name="Group 16147">
+                                                  <g id="Group_16146" data-name="Group 16146">
+                                                    <g id="Group_16145" data-name="Group 16145">
+                                                      <g id="Group_16144" data-name="Group 16144">
+                                                        <g id="Group_16143" data-name="Group 16143">
+                                                          <g id="Group_16142" data-name="Group 16142">
+                                                            <g id="Group_16141" data-name="Group 16141">
+                                                              <path id="Path_10889" data-name="Path 10889" d="M201.116,145.789c.081-.009.114.536.6.895s1.066.266,1.074.342c.01.034-.123.113-.368.135a1.361,1.361,0,0,1-.895-.255,1.19,1.19,0,0,1-.471-.753c-.034-.226.019-.365.057-.364Z" transform="translate(-201.047 -145.789)" fill="#263138"/>
+                                                            </g>
+                                                          </g>
+                                                        </g>
+                                                      </g>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_16180" data-name="Group 16180" transform="translate(0.004 0.696)">
+                    <g id="Group_16179" data-name="Group 16179">
+                      <g id="Group_16178" data-name="Group 16178">
+                        <g id="Group_16177" data-name="Group 16177">
+                          <g id="Group_16176" data-name="Group 16176">
+                            <g id="Group_16175" data-name="Group 16175">
+                              <g id="Group_16174" data-name="Group 16174">
+                                <g id="Group_16173" data-name="Group 16173">
+                                  <g id="Group_16172" data-name="Group 16172">
+                                    <g id="Group_16171" data-name="Group 16171">
+                                      <g id="Group_16170" data-name="Group 16170">
+                                        <g id="Group_16169" data-name="Group 16169">
+                                          <g id="Group_16168" data-name="Group 16168">
+                                            <g id="Group_16167" data-name="Group 16167">
+                                              <g id="Group_16166" data-name="Group 16166">
+                                                <g id="Group_16165" data-name="Group 16165">
+                                                  <g id="Group_16164" data-name="Group 16164">
+                                                    <g id="Group_16163" data-name="Group 16163">
+                                                      <path id="Path_10890" data-name="Path 10890" d="M175.37,85.374c-.041.14-.546.1-1.131.209s-1.053.294-1.138.176c-.038-.057.037-.189.221-.334a2,2,0,0,1,1.729-.293C175.273,85.207,175.387,85.307,175.37,85.374Z" transform="translate(-173.091 -85.05)" fill="#263138"/>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_16198" data-name="Group 16198" transform="translate(5.161)">
+                    <g id="Group_16197" data-name="Group 16197">
+                      <g id="Group_16196" data-name="Group 16196">
+                        <g id="Group_16195" data-name="Group 16195">
+                          <g id="Group_16194" data-name="Group 16194">
+                            <g id="Group_16193" data-name="Group 16193">
+                              <g id="Group_16192" data-name="Group 16192">
+                                <g id="Group_16191" data-name="Group 16191">
+                                  <g id="Group_16190" data-name="Group 16190">
+                                    <g id="Group_16189" data-name="Group 16189">
+                                      <g id="Group_16188" data-name="Group 16188">
+                                        <g id="Group_16187" data-name="Group 16187">
+                                          <g id="Group_16186" data-name="Group 16186">
+                                            <g id="Group_16185" data-name="Group 16185">
+                                              <g id="Group_16184" data-name="Group 16184">
+                                                <g id="Group_16183" data-name="Group 16183">
+                                                  <g id="Group_16182" data-name="Group 16182">
+                                                    <g id="Group_16181" data-name="Group 16181">
+                                                      <path id="Path_10891" data-name="Path 10891" d="M227.9,78.377c-.095.12-.5.024-.972.046s-.873.127-.974.014c-.044-.056.014-.174.182-.291a1.486,1.486,0,0,1,.78-.232,1.469,1.469,0,0,1,.787.184c.175.108.237.221.2.28Z" transform="translate(-225.945 -77.912)" fill="#263138"/>
+                                                    </g>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_16204" data-name="Group 16204" transform="translate(0 3.615)">
+                <g id="Group_16203" data-name="Group 16203">
+                  <g id="Group_16202" data-name="Group 16202">
+                    <g id="Group_16201" data-name="Group 16201">
+                      <path id="Path_10892" data-name="Path 10892" d="M50.056,44.178c.344-.634-.318-1.344.211-1.929.482-.534,1.75-.552,2.2-1.1a1.154,1.154,0,0,0,.381-.937c.016-.5.243-2.6,3.307-3.021L56.58,39.1c.191-.089.39-.167.585-.238A33.433,33.433,0,0,1,64.9,37.05a1.36,1.36,0,0,1-.5,1.66,6.044,6.044,0,0,1-1.738.738A2.36,2.36,0,0,0,61.2,40.567c-.271.616-.066,1.354-.306,1.982-.414,1.081-1.939,1.4-2.345,2.486-.307.82.153,1.707.256,2.575a3.19,3.19,0,0,1-1,2.684c-.578.528-1.558,1.486-1.627,1.294l-8.2-5.138c-.469-1.151,1.6-1.4,2.072-2.273Z" transform="translate(-47.915 -37.05)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_16208" data-name="Group 16208" transform="translate(8.561 3.524)">
+              <g id="Group_16207" data-name="Group 16207">
+                <g id="Group_16206" data-name="Group 16206">
+                  <path id="Path_10893" data-name="Path 10893" d="M135.65,50.323a2.614,2.614,0,0,0,.7-.241,3.494,3.494,0,0,0,1.948-2.7,3.594,3.594,0,0,0-.147-1.609c-.084-.272-.187-.543-.254-.826a1.908,1.908,0,0,1-.026-.872,1.083,1.083,0,0,1,.517-.7A5.405,5.405,0,0,1,139.27,43a1.876,1.876,0,0,0,.829-.533,1.637,1.637,0,0,0,.312-.907,6.108,6.108,0,0,1,.152-1.743l.04-.094.051-.087a1.057,1.057,0,0,1,.115-.162,1.391,1.391,0,0,1,.3-.253,2.913,2.913,0,0,1,.705-.294,5.1,5.1,0,0,0,1.319-.489,2.869,2.869,0,0,0,.839-.805,2.834,2.834,0,0,0,.379-.791,2.613,2.613,0,0,0,.1-.544,1.121,1.121,0,0,0,0-.193,3.617,3.617,0,0,1-.144.724,2.845,2.845,0,0,1-1.217,1.539,5.106,5.106,0,0,1-1.3.466,2.964,2.964,0,0,0-.733.3,1.487,1.487,0,0,0-.323.269,1.072,1.072,0,0,0-.127.176l-.056.094-.044.1a6.014,6.014,0,0,0-.168,1.775,1.511,1.511,0,0,1-.288.843,1.776,1.776,0,0,1-.781.5,5.307,5.307,0,0,0-.9.385,1.341,1.341,0,0,0-.367.329,1.192,1.192,0,0,0-.2.442,2.009,2.009,0,0,0,.029.925c.07.293.176.565.26.833a3.524,3.524,0,0,1-.28,2.866,3.571,3.571,0,0,1-1.437,1.365,4.063,4.063,0,0,1-.5.218,1.461,1.461,0,0,0-.181.064Z" transform="translate(-135.65 -36.11)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_16211" data-name="Group 16211" transform="translate(19.133 4.278)">
+              <g id="Group_16210" data-name="Group 16210">
+                <g id="Group_16209" data-name="Group 16209">
+                  <path id="Path_10894" data-name="Path 10894" d="M243.991,44.009a4.963,4.963,0,0,1,.554-.1,2.624,2.624,0,0,1,1.472.294,2.583,2.583,0,0,1,1.3,1.744,4.688,4.688,0,0,1,.05,1.331c-.018.232-.043.468-.066.712a2.5,2.5,0,0,0,.028.75.89.89,0,0,0,.437.624,1.525,1.525,0,0,0,.724.131,2.588,2.588,0,0,1,.671.056,1.624,1.624,0,0,1,.57.282,1.6,1.6,0,0,1,.617.981,3.341,3.341,0,0,1-.009,1.046,7.613,7.613,0,0,0-.084.879,2.294,2.294,0,0,0,.079.665,1.286,1.286,0,0,0,.177.384.842.842,0,0,0,.067.087c.016.019.024.028.026.026a1.822,1.822,0,0,1-.226-.51,2.3,2.3,0,0,1-.058-.651,7.92,7.92,0,0,1,.1-.869,3.359,3.359,0,0,0,.022-1.076,1.709,1.709,0,0,0-.648-1.05,1.755,1.755,0,0,0-.606-.3,2.722,2.722,0,0,0-.7-.063,1.431,1.431,0,0,1-.67-.119.778.778,0,0,1-.378-.546,5.639,5.639,0,0,1,.039-1.428,4.777,4.777,0,0,0-.059-1.362,2.661,2.661,0,0,0-1.368-1.8,2.6,2.6,0,0,0-1.517-.264,2.4,2.4,0,0,0-.413.09.555.555,0,0,0-.137.055Z" transform="translate(-243.99 -43.841)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_16216" data-name="Group 16216" transform="translate(3.755 2.194)">
+              <g id="Group_16215" data-name="Group 16215">
+                <g id="Group_16214" data-name="Group 16214">
+                  <g id="Group_16213" data-name="Group 16213">
+                    <g id="Group_16212" data-name="Group 16212">
+                      <path id="Path_10895" data-name="Path 10895" d="M86.546,35.6a.22.22,0,0,0-.02-.056,1.05,1.05,0,0,1-.056-.165,1.472,1.472,0,0,1-.026-.662,1.642,1.642,0,0,1,.495-.909,1.389,1.389,0,0,1,.567-.313c.224-.063.475-.084.728-.171a.926.926,0,0,0,.59-.562,2.127,2.127,0,0,0,.106-.889,4.916,4.916,0,0,1-.011-.945,1.226,1.226,0,0,1,.155-.457,1.137,1.137,0,0,1,.345-.35,3.189,3.189,0,0,1,.984-.352,3.217,3.217,0,0,0,1.044-.386,1.258,1.258,0,0,0,.4-.423,1.807,1.807,0,0,0,.193-.555c.074-.386.075-.784.147-1.172A2.272,2.272,0,0,1,93.6,25.561a3.91,3.91,0,0,1,1.079-.179,2.546,2.546,0,0,0,.535-.1,1.129,1.129,0,0,0,.462-.271,2.363,2.363,0,0,0,.457-.906,2.291,2.291,0,0,1,.472-.806,2.387,2.387,0,0,1,1.473-.752,2.16,2.16,0,0,1,1.34.291,2.5,2.5,0,0,1,.769.713,2.249,2.249,0,0,1,.3.6c.027.072.035.131.048.168a.234.234,0,0,0,.018.057,1.565,1.565,0,0,0-.051-.229,2.195,2.195,0,0,0-.286-.611,2.482,2.482,0,0,0-.772-.733,2.2,2.2,0,0,0-1.366-.307,2.439,2.439,0,0,0-1.512.763,2.351,2.351,0,0,0-.488.826,2.3,2.3,0,0,1-.444.881,1.493,1.493,0,0,1-.954.349,3.983,3.983,0,0,0-1.1.182,2.336,2.336,0,0,0-1.462,1.73c-.075.4-.075.794-.147,1.172a1.709,1.709,0,0,1-.184.533,1.184,1.184,0,0,1-.375.4c-.625.406-1.421.355-2.025.741a1.212,1.212,0,0,0-.366.373,1.284,1.284,0,0,0-.162.481,4.871,4.871,0,0,0,.014.957,2.071,2.071,0,0,1-.1.865.868.868,0,0,1-.555.535c-.243.086-.494.108-.723.175a1.427,1.427,0,0,0-.583.329,1.652,1.652,0,0,0-.495.934,1.453,1.453,0,0,0,.04.67.784.784,0,0,0,.063.163.382.382,0,0,0,.026.054Z" transform="translate(-86.396 -22.48)" fill="#445964"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_16224" data-name="Group 16224" transform="translate(90.623 32.472)">
+          <g id="Group_16223" data-name="Group 16223">
+            <g id="Group_16222" data-name="Group 16222">
+              <g id="Group_16221" data-name="Group 16221">
+                <g id="Group_16220" data-name="Group 16220">
+                  <g id="Group_16219" data-name="Group 16219">
+                    <path id="Path_10896" data-name="Path 10896" d="M934.151,338.557a3.352,3.352,0,0,0,.675-3.624A3.149,3.149,0,1,0,929,337.284a3.346,3.346,0,0,0,3.038,2.139c-4.2,2.5-2.009,7.287-2.009,7.287l10.606-4.279s-1.77-5.017-6.481-3.874Z" transform="translate(-928.737 -332.784)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_16230" data-name="Group 16230" transform="translate(48.694 6.413)">
+          <g id="Group_16229" data-name="Group 16229">
+            <g id="Group_16228" data-name="Group 16228">
+              <g id="Group_16227" data-name="Group 16227">
+                <g id="Group_16226" data-name="Group 16226">
+                  <g id="Group_16225" data-name="Group 16225">
+                    <path id="Path_10897" data-name="Path 10897" d="M503.792,70.791a2.941,2.941,0,0,0,.589-3.184,2.765,2.765,0,1,0-5.115,2.072,2.936,2.936,0,0,0,2.669,1.874c-3.685,2.2-1.756,6.4-1.756,6.4l9.308-3.768S507.928,69.782,503.792,70.791Z" transform="translate(-499.037 -65.725)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/other_visibility_icon.svg b/src/assets/performics/main_menu_icons/other_visibility_icon.svg
new file mode 100644
index 0000000..c80b94b
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/other_visibility_icon.svg
@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107.375" viewBox="0 0 109 107.375">
+  <g id="Group_16362" data-name="Group 16362" transform="translate(-223 -551.625)">
+    <g id="Group_14309" data-name="Group 14309" transform="translate(180 404)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#f3e4cb"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(235 551.625)">
+      <g id="_410204800">
+        <path id="Path_10185" data-name="Path 10185" d="M202.759,2292.51H172V2261h30.759Z" transform="translate(-166.833 -2193.083)" fill="#fb8c2e" fill-rule="evenodd"/>
+        <path id="Path_10186" data-name="Path 10186" d="M90.9,2292.51H62V2261H90.9Z" transform="translate(-60.138 -2193.083)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10187" data-name="Path 10187" d="M1536.674,2736.752H1510V2719h26.674Z" transform="translate(-1464.642 -2637.326)" fill="#fc8d2f" fill-rule="evenodd"/>
+        <path id="Path_10188" data-name="Path 10188" d="M1408.352,2736.752H1383V2719h25.352Z" transform="translate(-1341.457 -2637.326)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10189" data-name="Path 10189" d="M2161.771,1395.083c2.7,2.583,5.527,5.917,6.639,9.342l.42-.27a8.9,8.9,0,0,0-.12-1.562c.15.361.45.9.6,1.262l2.614-1.652-.361-.661a3.6,3.6,0,0,1,.571.541l1.322-.871,2.283-1.953-.36-.661a3.3,3.3,0,0,1,.541.511l.721-.6.39-.33.06-.03c-.751-1.171-2.433-3.214-2.463-3.244a15.7,15.7,0,0,1,2.914,2.854l.45-.391c-2.884-4.836-6.578-6.548-9.492-7.089a5.705,5.705,0,0,1-1.081-.36,8.834,8.834,0,0,1-3.545-2.7c-1.292-2.193-4.656-2.042-4.866-1.412a2.592,2.592,0,0,0-.48,1.652A9.662,9.662,0,0,0,2161.771,1395.083Z" transform="translate(-2093.674 -1343.778)" fill="#323232" fill-rule="evenodd"/>
+        <path id="Path_10190" data-name="Path 10190" d="M2211.15,1537.661a2.786,2.786,0,0,1-.15,2.884s.841,1.2,1.292,1.2c.751.03,2.223-2.042,2.223-2.042a28.817,28.817,0,0,0-1.322-2.7Z" transform="translate(-2144.585 -1490.831)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10191" data-name="Path 10191" d="M2179.92,1428.51s2.823.481,3.094-1.262c.3-1.772.841-2.884-.931-3.274-1.8-.391-2.253.21-2.493.781S2179.2,1428.329,2179.92,1428.51Z" transform="translate(-2113.926 -1381.079)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10192" data-name="Path 10192" d="M2181,1398.854s3.695,2.854,3.394,4.776c-.3,1.8,1.5,1.442,1.953,1.382,1.652-.18,2.283-.18,3.154.33a26.784,26.784,0,0,0-2.1-2.583c-1.712-2.193-2.343-4-2.673-4.205A2.744,2.744,0,0,0,2181,1398.854Z" transform="translate(-2115.486 -1355.99)" fill="#323232" fill-rule="evenodd"/>
+        <path id="Path_10193" data-name="Path 10193" d="M2673.832,2782l1.051,2.824-1.051.51-1.832-2.043Z" transform="translate(-2591.737 -2698.433)" fill="#e5b0b4" fill-rule="evenodd"/>
+        <path id="Path_10194" data-name="Path 10194" d="M2719.781,2846l.811.991-2.043,3.033S2717.708,2848.313,2719.781,2846Z" transform="translate(-2636.725 -2760.511)" fill="#d25c2a" fill-rule="evenodd"/>
+        <path id="Path_10195" data-name="Path 10195" d="M2227,2020.5l6.789-1.5s1.081,1.622,4.385,14.539l5.2,8.681-2.854,1.682-6.548-8.711Z" transform="translate(-2160.104 -1958.353)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_10196" data-name="Path 10196" d="M1788.923,1684.592l-.3-.451a1.35,1.35,0,0,0-1.232-1.141s-.481,0-.331.33c.12.3.12.18.3.631a1.252,1.252,0,0,0,.9.811l.481.48Z" transform="translate(-1733.352 -1632.445)" fill="#e5b0b4" fill-rule="evenodd"/>
+        <path id="Path_10197" data-name="Path 10197" d="M2590.15,1945.931h0v-.03a7.834,7.834,0,0,0-.15-.9l1.2.09c.03,0,.18.361.24.451a.111.111,0,0,0,.03.09l.03.661a.132.132,0,0,1-.12.18l-.18.06h-.06a.2.2,0,0,1-.18-.03l-.6-.27A.313.313,0,0,1,2590.15,1945.931Z" transform="translate(-2512.2 -1886.575)" fill="#e5b0b4" fill-rule="evenodd"/>
+        <path id="Path_10198" data-name="Path 10198" d="M1825,1614.682a18.761,18.761,0,0,0,1.322,2.133c.781,1.142,1.832,2.313,2.794,2.283,1.772,0,5.136-3.545,5.136-3.545,0,.03.03.03.03.06,0,.27-.451,1.262.6,4.085.39,1.081,1.8,2.974,2.193,4.686l5.377-1.172,1.412-.33c-.06-.09-.18-.36-.421-.9a6.656,6.656,0,0,1-.811-2.764,23.148,23.148,0,0,1,.27-3.965h0A17.239,17.239,0,0,0,1846,1616.6s1.292,2.583,2.043,4.386c.09.21,1.232-.09,1.232-.09s-.661-5.467-1.442-6.1c-1.382-1.141-3.6-3.815-6.128-4.145,0,0,.06-.15-2.193.12-.361.03.09,1.442-1.532,1.622-1.472.15-.991-1.2-.961-1.232-.03,0-1.592.33-2.193.511a2.987,2.987,0,0,0-1.352.541,39.29,39.29,0,0,0-4.356,4.3,26.666,26.666,0,0,0-3.394-2.373Z" transform="translate(-1770.18 -1562.235)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10199" data-name="Path 10199" d="M2354.469,1759.974a6.963,6.963,0,0,0,1.532,2.193l1.412-.33c-.06-.09-.18-.36-.42-.9a6.652,6.652,0,0,1-.811-2.764,23.137,23.137,0,0,1,.271-3.965c-.18-.21-.331-.36-.451-.33C2355.64,1753.906,2354.288,1759.223,2354.469,1759.974Z" transform="translate(-2283.728 -1701.189)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10200" data-name="Path 10200" d="M1869,1735.057c.781,1.141,1.832,2.313,2.793,2.283,1.772,0,5.167-3.515,5.167-3.485a2.09,2.09,0,0,0,.09-1.292c-.12-.541-4.025,4.025-5.016,4.055C1871.042,1736.619,1869.45,1734.936,1869,1735.057Z" transform="translate(-1812.858 -1680.477)" fill="#ced4ea" fill-rule="evenodd"/>
+        <path id="Path_10201" data-name="Path 10201" d="M1866.154,2583.081l-2.133,2.4-1.021-.721,1.021-2.763Z" transform="translate(-1807.038 -2504.441)" fill="#e5b0b4" fill-rule="evenodd"/>
+        <path id="Path_10202" data-name="Path 10202" d="M1793.115,2672.22l-.481,1.2-3.635-.36S1790.081,2671.529,1793.115,2672.22Z" transform="translate(-1735.261 -2591.777)" fill="#d25c2a" fill-rule="evenodd"/>
+        <path id="Path_10203" data-name="Path 10203" d="M1883.855,2023.137a7.755,7.755,0,0,0-1.2-3.875h0l-.991-1.262-6.1,1.412s1.172,1.021.571,1.532l-7.389,3.995L1864,2036.293l3.725,1.5,5.437-9.522S1884.036,2026.771,1883.855,2023.137Z" transform="translate(-1808.008 -1957.383)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_10204" data-name="Path 10204" d="M501.268,33.381a13.476,13.476,0,0,1-7.93,2.193c-4.145,0-9.732-1.5-16.461-6.939a15.317,15.317,0,0,0-4.716-2.523,2.791,2.791,0,0,0-.391-.12l-.631-.18c-.33-.09-.631-.15-.961-.21a.181.181,0,0,0-.12-.03c-.12-.03-.21-.03-.33-.06a26.5,26.5,0,0,0-12.015,1.051c-.481.15-.9.27-1.2.39-.33.12-.511.18-.511.18l.15-.21L466.574,11.6s.21-.12.6-.3h0a4.133,4.133,0,0,1,.511-.24c.27-.12.571-.24.931-.36a21.671,21.671,0,0,1,20.126,2.613,27.188,27.188,0,0,1,3.9,3.3s4.9,4.386,13.547,1.141C506.194,17.761,499.466,23.168,501.268,33.381Z" transform="translate(-442.302 -9.05)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10205" data-name="Path 10205" d="M482.634,903.809s14.989-.571,16.912-3.214c0,0-7-3.364-5.407-10.453L483.355,889S481.613,901.376,482.634,903.809Z" transform="translate(-467.826 -862.296)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10206" data-name="Path 10206" d="M1277,1747.36l1.322-.36,2.1,3.334S1278.382,1750.425,1277,1747.36Z" transform="translate(-1238.641 -1694.523)" fill="#221e50" fill-rule="evenodd"/>
+        <path id="Path_10207" data-name="Path 10207" d="M627.249,2096l.6,1.231-2.884,2.673S624.486,2097.922,627.249,2096Z" transform="translate(-606.162 -2033.039)" fill="#221e50" fill-rule="evenodd"/>
+        <path id="Path_10208" data-name="Path 10208" d="M923.75,392.131l-.06-1.081a2.013,2.013,0,0,1-.27-2.523s.421-.571.661-.12c.27.451.12.3.511.931a2.3,2.3,0,0,1,.06,1.832l.12.841Z" transform="translate(-895.364 -376.571)" fill="#ad7041" fill-rule="evenodd"/>
+        <path id="Path_10209" data-name="Path 10209" d="M619,766.394a3.822,3.822,0,0,0,.33-1.742l2.4-1.652c.21,2.043.6,2.613.571,3.424C622.3,766.424,619,766.424,619,766.394Z" transform="translate(-600.406 -740.081)" fill="#eea26f" fill-rule="evenodd"/>
+        <path id="Path_10210" data-name="Path 10210" d="M598.329,663.3s2.854.691,3.274-1.111c.42-1.772,1.051-2.884-.751-3.424-1.8-.511-2.313.09-2.613.661C597.969,659.967,597.608,663.061,598.329,663.3Z" transform="translate(-579.946 -638.79)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10211" data-name="Path 10211" d="M608.771,619.107a3.036,3.036,0,0,0-2.493-3.034c-1.772-.421-.571-1.832-.33-2.073,0,0,1.352.391,2.734.811C611.625,615.682,609.132,618.746,608.771,619.107Z" transform="translate(-587.144 -595.556)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10212" data-name="Path 10212" d="M388.187,1406s-2.463,4.506-3.3,6.068c-3.484,6.428-3.154,7.66-3.154,7.66s2.854,3.575,3.785,4.6c1.021,1.111,4.025,3.845,4.025,3.845l2.884-1.652s-1.983-3.274-2.794-4.356c-.571-.751-2.7-3.034-2.7-3.034s1.712-1.682,3.545-3.184c2.553-2.163,5.857-8.831,5.857-8.831Z" transform="translate(-370.254 -1363.766)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_10213" data-name="Path 10213" d="M623,1307.238s4.386,16.852,6.278,17.663c3.3,1.412,14.569-2.824,14.569-2.824l-.871-2.854s-2.914.06-5.016.09a35.279,35.279,0,0,0-4.536.661s-.991-9.312-2.613-12.015C628.287,1303.753,623,1307.238,623,1307.238Z" transform="translate(-604.286 -1266.656)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_10214" data-name="Path 10214" d="M498.395,858.911a.428.428,0,0,0,.391.27s3.034.391,4.986.391h.511a29.044,29.044,0,0,0,3.665-.391.37.37,0,0,0,.27-.6,10.612,10.612,0,0,1-1.742-3.064c-.961-2.223-.3-6.639.36-9.642.391-1.832.781-3.124.781-3.124A18.261,18.261,0,0,0,502.69,842a3.9,3.9,0,0,1-2.373.6c-.541-.09-.571-.3-.511-.451-2.463.09-2.854,1.111-2.854,1.111C493.979,848.759,497.824,857.289,498.395,858.911Z" transform="translate(-480.943 -816.708)" fill="#dde3f2" fill-rule="evenodd"/>
+        <path id="Path_10215" data-name="Path 10215" d="M748,501.084s3-2.253,3.815-3.094l2.043-7.96,1.021-.03s.451,7.81.27,8.351c-.991,2.824-5.767,7.329-5.767,7.329Z" transform="translate(-725.531 -475.281)" fill="#dde3f2" fill-rule="evenodd"/>
+        <path id="Path_10216" data-name="Path 10216" d="M754.238,984.7h.511a29.044,29.044,0,0,0,3.665-.391.37.37,0,0,0,.27-.6,10.61,10.61,0,0,1-1.742-3.064c-.961-2.223-.3-6.638.36-9.642l-2.854.15s-.811,6.188-.09,8.621S754.928,984.277,754.238,984.7Z" transform="translate(-731.408 -941.833)" fill="#ced4ea" fill-rule="evenodd"/>
+        <path id="Path_10217" data-name="Path 10217" d="M732,507.123s2.4,14.719,7.48,17.813c0,0,3.184-3.484,2.884-4.476,0,0-5.557-4.3-5.737-6.218a32.063,32.063,0,0,1-.3-4.326c.12-.12,3.244-3.665,3.3-4.776s.3-8.14.3-8.14a8.8,8.8,0,0,1-1.8,0s-1.712,7.419-2.043,7.84c-.36.451-2.824,2.583-3.124,2.463C732.691,507.213,732.15,506.943,732,507.123Z" transform="translate(-710.012 -482.071)" fill="#555ca3" fill-rule="evenodd"/>
+        <path id="Path_10218" data-name="Path 10218" d="M212.75,854.63c.24-.39-.391,3.484-.3,5.347a.381.381,0,0,1,.03.18v.06a14.51,14.51,0,0,0,.421,2.854,7.813,7.813,0,0,0,2.553.721s-2.553-7.69-1.322-12.766c0,0,1.953-3.755,3.274-4.025,0,0-2.764.571-3.394.691,0,0-1.983,2.553-2.583,3.454-.481.751-1.682,3.094-1.682,3.094l-1.832-2.073-1.983-1.8-.931.811s2.313,6.368,5.107,6.488C210.407,857.664,211.278,857.3,212.75,854.63Z" transform="translate(-198.842 -821.557)" fill="#555ca3" fill-rule="evenodd"/>
+        <path id="Path_10219" data-name="Path 10219" d="M731.848,834s1.262,1.982,1.5,2.193l-.391.511.481.24s.27,4.866.511,5.557C733.951,842.5,731.728,834.541,731.848,834Z" transform="translate(-709.86 -808.948)" fill="#333381" fill-rule="evenodd"/>
+        <path id="Path_10220" data-name="Path 10220" d="M499.478,844.986c.06.03-3.424,2.944-3.755,5.737,0,0-.421-.751.451-2.673a10.988,10.988,0,0,0,.631-1.8l.631-.03-.421-.21a9.083,9.083,0,0,1,2.1-1.081A1.4,1.4,0,0,1,499.478,844.986Z" transform="translate(-480.734 -819.544)" fill="#333381" fill-rule="evenodd"/>
+        <path id="Path_10221" data-name="Path 10221" d="M922.03,1222.832a2.752,2.752,0,0,0,1.172-1.021,5.673,5.673,0,0,0,.511-.811c0,.03-.841,1.442-1.712,1.742Z" transform="translate(-894.305 -1184.323)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10222" data-name="Path 10222" d="M454,1285v.06a2.142,2.142,0,0,0,1.262.12l-.03-.06a1.463,1.463,0,0,1-.361.03A2.791,2.791,0,0,1,454,1285Z" transform="translate(-440.363 -1246.401)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10223" data-name="Path 10223" d="M846,1469c.03.12,1.382,7.54,1.562,8.922l.24,1.231s0,.6.421.511c.421-.12,4.746-.631,5.827-.661,1.081,0,4.566-.18,4.566-.18s-3.635.27-3.905.27a7.894,7.894,0,0,0-.9.03c-.18.03-4.326.3-5.046.541s-.961.12-.961,0a3.878,3.878,0,0,0-.18-.841c-.09-.24-.541-3.454-.631-3.785C846.871,1474.737,846,1469,846,1469Z" transform="translate(-820.588 -1424.874)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10224" data-name="Path 10224" d="M747.463,1444.931a.366.366,0,0,0,.15-.03v-.09A3.637,3.637,0,0,1,745,1444,3.752,3.752,0,0,0,747.463,1444.931Z" transform="translate(-722.621 -1400.625)" fill="#2b295e" fill-rule="evenodd"/>
+        <path id="Path_10225" data-name="Path 10225" d="M25.653.991l-.781,1.262h0L15.41,17.512l-.3.451L7.93,29.558,6.879,31.27l-5.287,8.5L0,38.81l5.978-9.672,1.262-1.983,5.8-9.342L24.061,0Z" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_10226" data-name="Path 10226" d="M186.733,900.363s-.631-.451-1.382.451a1,1,0,0,0,.15,1.532S186.522,902.465,186.733,900.363Z" transform="translate(-179.493 -873.208)" fill="#ad7041" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/paid_visibility_icon.svg b/src/assets/performics/main_menu_icons/paid_visibility_icon.svg
new file mode 100644
index 0000000..e9a24e7
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/paid_visibility_icon.svg
@@ -0,0 +1,237 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16353" data-name="Group 16353" transform="translate(-223 -353)">
+    <g id="Group_14307" data-name="Group 14307" transform="translate(180 205)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#e8e4d0"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#e8e4d0"/>
+    </g>
+    <g id="Group_16345" data-name="Group 16345">
+      <g id="Group_14596" data-name="Group 14596">
+        <path id="Path_8542" data-name="Path 8542" d="M2238.527,872H2171v76.585h67.527Z" transform="translate(-1912.494 -501.74)" fill="#ffae3e" fill-rule="evenodd"/>
+        <path id="Path_8543" data-name="Path 8543" d="M2384.317,1086.317H2322V1071h62.317Z" transform="translate(-2060.898 -697.319)" fill="#ffeccc" fill-rule="evenodd"/>
+        <path id="Path_8544" data-name="Path 8544" d="M2384.317,2156.3H2322V2141h62.317Z" transform="translate(-2060.898 -1748.925)" fill="#C0F5F2" fill-rule="evenodd"/>
+        <path id="Path_8545" data-name="Path 8545" d="M2384.317,3225.318H2322V3210h62.317Z" transform="translate(-2060.898 -2799.547)" fill="#ffeccc" fill-rule="evenodd"/>
+        <path id="Path_8546" data-name="Path 8546" d="M2384.317,4295.3H2322V4280h62.317Z" transform="translate(-2060.898 -3851.153)" fill="#ffeccc" fill-rule="evenodd"/>
+        <path id="Path_8547" data-name="Path 8547" d="M3180.891,1846.046H3179V1844h1.891Z" transform="translate(-2903.166 -1457.03)" fill="#cc6a27" fill-rule="evenodd"/>
+        <path id="Path_8548" data-name="Path 8548" d="M3140.671,1409.6,3140,1402h3.215l-.653,7.6Z" transform="translate(-2864.836 -1022.629)" fill="#f99746" fill-rule="evenodd"/>
+        <path id="Path_8549" data-name="Path 8549" d="M3137,1371.052l.051.5,3.215-.017V1371Z" transform="translate(-2861.889 -992.162)" fill="#cc6a27" fill-rule="evenodd"/>
+        <path id="Path_8550" data-name="Path 8550" d="M2679.98,1303.518H2673V1292h6.979Z" transform="translate(-2405.865 -914.521)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_8551" data-name="Path 8551" d="M2678,1381.046h-5V1379h5Z" transform="translate(-2405.865 -1000.024)" fill="#f99746" fill-rule="evenodd"/>
+        <path id="Path_8552" data-name="Path 8552" d="M5582.892,1847.046H5581V1845h1.891Z" transform="translate(-5263.874 -1458.013)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8553" data-name="Path 8553" d="M5541.687,1410.6,5541,1403h3.215l-.637,7.6Z" transform="translate(-5224.562 -1023.612)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8554" data-name="Path 8554" d="M5539,1372.035l.052.5h3.2l.017-.533Z" transform="translate(-5222.597 -993.145)" fill="#667cd8" fill-rule="evenodd"/>
+        <path id="Path_8555" data-name="Path 8555" d="M5609.824,1533.94H5609V1531h.823Z" transform="translate(-5291.395 -1149.411)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8556" data-name="Path 8556" d="M5081,1304.518h-7V1293h7Z" transform="translate(-4765.588 -915.503)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_8557" data-name="Path 8557" d="M5079.986,1382.028H5075V1380h4.987Z" transform="translate(-4766.571 -1001.007)" fill="#f99746" fill-rule="evenodd"/>
+        <g id="Group_15068" data-name="Group 15068">
+          <path id="Path_8559" data-name="Path 8559" d="M3567.511,2314.963l-2.51.017v-.585a.381.381,0,0,1,.378-.379l1.736-.017a.387.387,0,0,1,.4.378Z" transform="translate(-3282.531 -1918.95)" fill="#163560" fill-rule="evenodd"/>
+          <g id="Group_15067" data-name="Group 15067">
+            <path id="Path_8558" data-name="Path 8558" d="M3479.471,2381.363h-3.283a1.155,1.155,0,0,1-1.169-1.151l-.018-9.042a1.153,1.153,0,0,1,1.152-1.152l3.3-.017a1.152,1.152,0,0,1,1.152,1.153l.018,9.042A1.166,1.166,0,0,1,3479.471,2381.363Z" transform="translate(-3194.078 -1973.988)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8560" data-name="Path 8560" d="M3556.975,2525.381H3554V2520h2.957Z" transform="translate(-3271.72 -2121.409)" fill="#f9ddbf" fill-rule="evenodd"/>
+            <path id="Path_8561" data-name="Path 8561" d="M3629.018,2564.263h0l-.018-.017a18.293,18.293,0,0,1,.843-4.212.017.017,0,0,0,.018-.017.016.016,0,0,1,.016-.017.017.017,0,0,1,.018.017c0,.017-.018.017-.018.035a17.889,17.889,0,0,0-.842,4.194A.017.017,0,0,1,3629.018,2564.263Z" transform="translate(-3345.43 -2160.722)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8562" data-name="Path 8562" d="M3676.784,2542.205c-.034.069-.24.225-.258.208-.034,0-.034-.276,0-.344a.139.139,0,0,1,.19-.052A.13.13,0,0,1,3676.784,2542.205Z" transform="translate(-3392.115 -2143.031)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8563" data-name="Path 8563" d="M3653.309,2564.632a.912.912,0,0,1,.018.362.975.975,0,0,1-.275-.225.131.131,0,0,1,.068-.188A.126.126,0,0,1,3653.309,2564.632Z" transform="translate(-3369.051 -2165.199)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8564" data-name="Path 8564" d="M3670.286,2576.1a.792.792,0,0,1-.344-.069c-.018-.018.188-.189.274-.223a.149.149,0,0,1,.172.12A.153.153,0,0,1,3670.286,2576.1Z" transform="translate(-3385.667 -2176.26)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8565" data-name="Path 8565" d="M3616.683,2646.083a1.52,1.52,0,0,1,.086.567,1.009,1.009,0,0,1-.5-.311.231.231,0,0,1,.068-.343A.254.254,0,0,1,3616.683,2646.083Z" transform="translate(-3332.872 -2245.206)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8566" data-name="Path 8566" d="M3647.546,2660.959a1.207,1.207,0,0,1-.585-.052,1.244,1.244,0,0,1,.429-.412.268.268,0,0,1,.31.154A.233.233,0,0,1,3647.546,2660.959Z" transform="translate(-3363.081 -2259.48)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8567" data-name="Path 8567" d="M3598.254,2679.841a1.5,1.5,0,0,1,.258.67,1.67,1.67,0,0,1-.67-.239.3.3,0,0,1,0-.43A.281.281,0,0,1,3598.254,2679.841Z" transform="translate(-3314.718 -2278.414)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8568" data-name="Path 8568" d="M3641.677,2697.158a1.525,1.525,0,0,1-.707-.137,1.354,1.354,0,0,1,.567-.448.306.306,0,0,1,.361.224A.311.311,0,0,1,3641.677,2697.158Z" transform="translate(-3357.194 -2294.94)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8569" data-name="Path 8569" d="M3592.252,2719.693a1.57,1.57,0,0,1,.259.687,1.483,1.483,0,0,1-.67-.258.279.279,0,0,1,0-.413A.3.3,0,0,1,3592.252,2719.693Z" transform="translate(-3308.821 -2317.597)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8570" data-name="Path 8570" d="M3635.674,2736.822a1.742,1.742,0,0,1-.7-.137,1.313,1.313,0,0,1,.567-.446.29.29,0,0,1,.36.223A.317.317,0,0,1,3635.674,2736.822Z" transform="translate(-3351.298 -2333.918)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8571" data-name="Path 8571" d="M3578.427,2775.032a1.571,1.571,0,0,1,.5.533,1.882,1.882,0,0,1-.723.035.3.3,0,1,1,.222-.568Z" transform="translate(-3295.321 -2372.041)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8572" data-name="Path 8572" d="M3629.69,2776.6a1.546,1.546,0,0,1-.722-.051,1.613,1.613,0,0,1,.516-.515.291.291,0,0,1,.377.172A.3.3,0,0,1,3629.69,2776.6Z" transform="translate(-3345.398 -2373.024)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8573" data-name="Path 8573" d="M3644.839,2590.3a.9.9,0,0,1,.017.362c-.033.016-.24-.156-.274-.224a.143.143,0,0,1,.051-.207A.159.159,0,0,1,3644.839,2590.3Z" transform="translate(-3360.719 -2190.418)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8574" data-name="Path 8574" d="M3661.344,2603.1a.862.862,0,0,1-.344-.068.75.75,0,0,1,.276-.224.164.164,0,0,1,.19.1A.159.159,0,0,1,3661.344,2603.1Z" transform="translate(-3376.88 -2202.792)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8575" data-name="Path 8575" d="M3628.316,2614.023a1.067,1.067,0,0,1,.052.5,1.094,1.094,0,0,1-.413-.292.187.187,0,0,1,.069-.276A.2.2,0,0,1,3628.316,2614.023Z" transform="translate(-3344.368 -2213.713)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_8576" data-name="Path 8576" d="M3654.459,2629.972a1.136,1.136,0,0,1-.5-.1c-.017-.035.292-.275.4-.309a.215.215,0,0,1,.258.153A.233.233,0,0,1,3654.459,2629.972Z" transform="translate(-3369.961 -2229.079)" fill="#ffa561" fill-rule="evenodd"/>
+          </g>
+        </g>
+        <path id="Path_8577" data-name="Path 8577" d="M4198.447,3451.347l-3.3.017a1.157,1.157,0,0,1-1.152-1.169l-.016-9.025a1.145,1.145,0,0,1,1.153-1.169h3.283a1.167,1.167,0,0,1,1.169,1.152l.018,9.042A1.154,1.154,0,0,1,4198.447,3451.347Z" transform="translate(-3900.695 -3025.595)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8578" data-name="Path 8578" d="M4286.495,3384.963H4284v-.585a.37.37,0,0,1,.378-.377h1.737a.382.382,0,0,1,.379.377Z" transform="translate(-3989.169 -2970.557)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8579" data-name="Path 8579" d="M4274.993,3594.381l-2.974.018-.019-5.382,2.975-.017Z" transform="translate(-3977.376 -3172.032)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8580" data-name="Path 8580" d="M4348.02,3634.247h0c-.02,0-.02,0-.02-.017a17.911,17.911,0,0,1,.844-4.2c.018-.016.018-.016.018-.034h.017s.017,0,0,.018v.034a16.838,16.838,0,0,0-.842,4.177A.016.016,0,0,1,4348.02,3634.247Z" transform="translate(-4052.071 -3212.328)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8581" data-name="Path 8581" d="M4395.631,3611.418a.979.979,0,0,1-.276.224.773.773,0,0,1,.018-.344.143.143,0,0,1,.259.12Z" transform="translate(-4098.599 -3193.866)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8582" data-name="Path 8582" d="M4371.839,3634.3c.034.069.034.344,0,.344a.592.592,0,0,1-.259-.224.127.127,0,0,1,.053-.189A.158.158,0,0,1,4371.839,3634.3Z" transform="translate(-4075.22 -3216.471)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8583" data-name="Path 8583" d="M4388.345,3646.1a.944.944,0,0,1-.344-.07.759.759,0,0,1,.273-.224.162.162,0,0,1,.189.1A.168.168,0,0,1,4388.345,3646.1Z" transform="translate(-4091.382 -3227.862)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8584" data-name="Path 8584" d="M4335.408,3715.771a1.1,1.1,0,0,1,.086.584,1.351,1.351,0,0,1-.5-.326.237.237,0,0,1,.085-.328A.228.228,0,0,1,4335.408,3715.771Z" transform="translate(-4039.256 -3296.516)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8585" data-name="Path 8585" d="M4366.545,3730.485a1.447,1.447,0,0,1-.583-.051,1.312,1.312,0,0,1,.411-.414.248.248,0,1,1,.172.465Z" transform="translate(-4069.721 -3310.613)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8586" data-name="Path 8586" d="M4317.254,3749.693a1.539,1.539,0,0,1,.257.687,1.754,1.754,0,0,1-.67-.257.28.28,0,0,1,0-.413A.3.3,0,0,1,4317.254,3749.693Z" transform="translate(-4021.357 -3329.889)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8587" data-name="Path 8587" d="M4359.724,3766.8a.4.4,0,1,1-.155-.567.294.294,0,0,1,.155.567Z" transform="translate(-4062.88 -3346.206)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8588" data-name="Path 8588" d="M4311.253,3788.84a1.5,1.5,0,0,1,.256.67,1.429,1.429,0,0,1-.669-.241.3.3,0,0,1,0-.43A.281.281,0,0,1,4311.253,3788.84Z" transform="translate(-4015.461 -3368.348)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8589" data-name="Path 8589" d="M4353.723,3806.206a1.583,1.583,0,0,1-.723-.137,2.022,2.022,0,0,1,.568-.447.3.3,0,0,1,.36.223A.287.287,0,0,1,4353.723,3806.206Z" transform="translate(-4056.982 -3384.925)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8590" data-name="Path 8590" d="M4297.427,3844.631a1.55,1.55,0,0,1,.5.533,1.633,1.633,0,0,1-.722.017.3.3,0,1,1,.222-.55Z" transform="translate(-4001.961 -3423.245)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8591" data-name="Path 8591" d="M4348.688,3846.18a1.562,1.562,0,0,1-.72-.035,1.444,1.444,0,0,1,.515-.515.293.293,0,1,1,.205.55Z" transform="translate(-4052.039 -3424.227)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8592" data-name="Path 8592" d="M4363.5,3660.3c.034.068.034.344,0,.344a.616.616,0,0,1-.275-.224.145.145,0,0,1,.069-.189A.164.164,0,0,1,4363.5,3660.3Z" transform="translate(-4067.023 -3242.025)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8593" data-name="Path 8593" d="M4380.287,3672.1c-.086.018-.344-.033-.344-.069-.017-.017.19-.189.275-.223a.14.14,0,0,1,.171.121A.126.126,0,0,1,4380.287,3672.1Z" transform="translate(-4083.463 -3253.418)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8594" data-name="Path 8594" d="M4347.316,3683.459a1.133,1.133,0,0,1,.053.516.978.978,0,0,1-.415-.292.2.2,0,0,1,.071-.292A.216.216,0,0,1,4347.316,3683.459Z" transform="translate(-4051.007 -3264.773)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8595" data-name="Path 8595" d="M4373.458,3699.89a.96.96,0,0,1-.5-.086.86.86,0,0,1,.4-.31.2.2,0,1,1,.1.4Z" transform="translate(-4076.599 -3280.618)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8596" data-name="Path 8596" d="M4955.471,2381.363h-3.285a1.177,1.177,0,0,1-1.168-1.151l-.018-9.042a1.158,1.158,0,0,1,1.17-1.152l3.283-.017a1.178,1.178,0,0,1,1.169,1.153l.017,9.042A1.17,1.17,0,0,1,4955.471,2381.363Z" transform="translate(-4644.703 -1973.988)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8597" data-name="Path 8597" d="M5043.51,2314.963l-2.51.017v-.585a.383.383,0,0,1,.378-.379l1.756-.017a.382.382,0,0,1,.376.378Z" transform="translate(-4733.156 -1918.95)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8598" data-name="Path 8598" d="M5032.975,2525.381h-2.957L5030,2520h2.974Z" transform="translate(-4722.347 -2121.409)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_8599" data-name="Path 8599" d="M5106.019,2564.263H5106v-.017a17.4,17.4,0,0,1,.843-4.212l.017-.017c0-.017,0-.017.017-.017v.017c0,.017,0,.017-.017.035a18.871,18.871,0,0,0-.842,4.194Z" transform="translate(-4797.039 -2160.722)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8600" data-name="Path 8600" d="M5153.631,2542.205a.664.664,0,0,1-.276.208.816.816,0,0,1,.019-.344.137.137,0,0,1,.188-.052A.144.144,0,0,1,5153.631,2542.205Z" transform="translate(-4843.569 -2143.031)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8601" data-name="Path 8601" d="M5129.5,2564.632a.868.868,0,0,1,0,.362.991.991,0,0,1-.277-.225.145.145,0,0,1,.069-.188A.149.149,0,0,1,5129.5,2564.632Z" transform="translate(-4819.854 -2165.199)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8602" data-name="Path 8602" d="M5146.344,2576.1a.858.858,0,0,1-.344-.069,1.394,1.394,0,0,1,.274-.223.144.144,0,0,1,.174.12A.141.141,0,0,1,5146.344,2576.1Z" transform="translate(-4836.352 -2176.26)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8603" data-name="Path 8603" d="M5093.368,2646.083a1.256,1.256,0,0,1,.087.567,1.009,1.009,0,0,1-.5-.311.261.261,0,0,1,.068-.343A.251.251,0,0,1,5093.368,2646.083Z" transform="translate(-4784.184 -2245.206)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8604" data-name="Path 8604" d="M5124.545,2660.959a1.152,1.152,0,0,1-.584-.052,1.321,1.321,0,0,1,.413-.412.25.25,0,0,1,.309.154A.235.235,0,0,1,5124.545,2660.959Z" transform="translate(-4814.691 -2259.48)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8605" data-name="Path 8605" d="M5074.632,2679.841a1.489,1.489,0,0,1,.257.67,1.736,1.736,0,0,1-.687-.239.319.319,0,0,1,0-.43A.3.3,0,0,1,5074.632,2679.841Z" transform="translate(-4765.705 -2278.414)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8606" data-name="Path 8606" d="M5117.705,2697.158a1.574,1.574,0,0,1-.705-.137,1.606,1.606,0,0,1,.567-.448.3.3,0,0,1,.138.585Z" transform="translate(-4807.849 -2294.94)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8607" data-name="Path 8607" d="M5068.632,2719.693a1.566,1.566,0,0,1,.258.687,1.538,1.538,0,0,1-.687-.258.3.3,0,0,1,0-.413A.319.319,0,0,1,5068.632,2719.693Z" transform="translate(-4759.81 -2317.597)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8608" data-name="Path 8608" d="M5111.7,2736.822a1.811,1.811,0,0,1-.7-.137,1.568,1.568,0,0,1,.567-.446.286.286,0,0,1,.361.223A.3.3,0,0,1,5111.7,2736.822Z" transform="translate(-4801.954 -2333.918)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8609" data-name="Path 8609" d="M5055.026,2775.032a1.5,1.5,0,0,1,.481.533,1.814,1.814,0,0,1-.706.035.3.3,0,0,1-.171-.4A.32.32,0,0,1,5055.026,2775.032Z" transform="translate(-4746.528 -2372.041)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8610" data-name="Path 8610" d="M5106.688,2776.6a1.544,1.544,0,0,1-.72-.051,1.5,1.5,0,0,1,.5-.515.3.3,0,1,1,.223.566Z" transform="translate(-4797.007 -2373.024)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8611" data-name="Path 8611" d="M5121.488,2590.3a.688.688,0,0,1,.017.362.763.763,0,0,1-.275-.224.165.165,0,0,1,.068-.207A.146.146,0,0,1,5121.488,2590.3Z" transform="translate(-4811.993 -2190.418)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8612" data-name="Path 8612" d="M5137.361,2603.1a.966.966,0,0,1-.361-.068.692.692,0,0,1,.294-.224.154.154,0,0,1,.172.1A.164.164,0,0,1,5137.361,2603.1Z" transform="translate(-4827.506 -2202.792)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8613" data-name="Path 8613" d="M5104.978,2614.023a1.126,1.126,0,0,1,.069.5,1.109,1.109,0,0,1-.43-.292.216.216,0,0,1,.068-.276A.2.2,0,0,1,5104.978,2614.023Z" transform="translate(-4795.655 -2213.713)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8614" data-name="Path 8614" d="M5130.5,2629.972a1.268,1.268,0,0,1-.5-.1,1.2,1.2,0,0,1,.413-.309.2.2,0,0,1,.241.153A.205.205,0,0,1,5130.5,2629.972Z" transform="translate(-4820.626 -2229.079)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8615" data-name="Path 8615" d="M4656.471,3453.363h-3.284a1.178,1.178,0,0,1-1.169-1.152l-.018-9.041a1.171,1.171,0,0,1,1.169-1.17h3.283a1.178,1.178,0,0,1,1.17,1.153l.018,9.042A1.18,1.18,0,0,1,4656.471,3453.363Z" transform="translate(-4350.843 -3027.56)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8616" data-name="Path 8616" d="M4744.509,3386.963H4742v-.568a.389.389,0,0,1,.4-.4h1.737a.381.381,0,0,1,.376.378Z" transform="translate(-4439.297 -2972.522)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8617" data-name="Path 8617" d="M4733.976,3596.381l-2.958.017-.018-5.381,2.976-.017Z" transform="translate(-4428.486 -3173.999)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_8618" data-name="Path 8618" d="M4807.021,3636.247H4807v-.018a17.056,17.056,0,0,1,.843-4.2c0-.017.018-.017.018-.034h.018v.017a.055.055,0,0,1-.018.035,17.8,17.8,0,0,0-.84,4.195Z" transform="translate(-4503.18 -3214.293)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8619" data-name="Path 8619" d="M4854.629,3613.418a.6.6,0,0,1-.273.224.818.818,0,0,1,.017-.344.142.142,0,1,1,.257.12Z" transform="translate(-4549.709 -3195.832)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8620" data-name="Path 8620" d="M4830.5,3636.3a.728.728,0,0,1,0,.344.691.691,0,0,1-.275-.207.16.16,0,0,1,.068-.206A.171.171,0,0,1,4830.5,3636.3Z" transform="translate(-4525.997 -3218.437)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8621" data-name="Path 8621" d="M4847.343,3648.1a.873.873,0,0,1-.343-.068.762.762,0,0,1,.274-.225.145.145,0,0,1,.173.1A.136.136,0,0,1,4847.343,3648.1Z" transform="translate(-4542.491 -3229.827)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8622" data-name="Path 8622" d="M4794.368,3718.024a1.342,1.342,0,0,1,.087.585,1.366,1.366,0,0,1-.5-.31.265.265,0,0,1,.069-.344A.262.262,0,0,1,4794.368,3718.024Z" transform="translate(-4490.325 -3298.736)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8623" data-name="Path 8623" d="M4825.545,3732.486a1.17,1.17,0,0,1-.583-.052,1.288,1.288,0,0,1,.411-.413.227.227,0,0,1,.31.155A.242.242,0,0,1,4825.545,3732.486Z" transform="translate(-4520.831 -3312.579)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8624" data-name="Path 8624" d="M4775.632,3751.693a1.57,1.57,0,0,1,.257.687,1.542,1.542,0,0,1-.688-.257.3.3,0,0,1,0-.412A.32.32,0,0,1,4775.632,3751.693Z" transform="translate(-4471.845 -3331.854)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8625" data-name="Path 8625" d="M4818.707,3768.818a1.809,1.809,0,0,1-.707-.138,1.616,1.616,0,0,1,.567-.447.286.286,0,0,1,.361.206A.313.313,0,0,1,4818.707,3768.818Z" transform="translate(-4513.99 -3348.172)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8626" data-name="Path 8626" d="M4769.632,3790.841a.4.4,0,1,1-.431.43.32.32,0,0,1,0-.43A.3.3,0,0,1,4769.632,3790.841Z" transform="translate(-4465.948 -3370.315)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8627" data-name="Path 8627" d="M4812.706,3808.207a1.356,1.356,0,0,1-.706-.138,2.1,2.1,0,0,1,.567-.447.31.31,0,0,1,.362.223A.289.289,0,0,1,4812.706,3808.207Z" transform="translate(-4508.092 -3386.89)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8628" data-name="Path 8628" d="M4756.011,3846.631a1.485,1.485,0,0,1,.481.532,1.615,1.615,0,0,1-.723.017.284.284,0,0,1-.153-.377A.3.3,0,0,1,4756.011,3846.631Z" transform="translate(-4452.655 -3425.211)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8629" data-name="Path 8629" d="M4807.688,3848.18a1.572,1.572,0,0,1-.721-.035,1.393,1.393,0,0,1,.5-.515.3.3,0,0,1,.4.171A.294.294,0,0,1,4807.688,3848.18Z" transform="translate(-4503.148 -3426.193)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8630" data-name="Path 8630" d="M4822.488,3662.3a.647.647,0,0,1,.015.361.992.992,0,0,1-.274-.225.16.16,0,0,1,.068-.205A.147.147,0,0,1,4822.488,3662.3Z" transform="translate(-4518.133 -3243.99)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8631" data-name="Path 8631" d="M4838.361,3674.66a.713.713,0,0,1-.361-.069.867.867,0,0,1,.291-.206.128.128,0,0,1,.173.1A.143.143,0,0,1,4838.361,3674.66Z" transform="translate(-4533.646 -3255.938)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8632" data-name="Path 8632" d="M4805.977,3685.684a1.229,1.229,0,0,1,.069.515,1.1,1.1,0,0,1-.431-.291.238.238,0,0,1,.068-.292A.232.232,0,0,1,4805.977,3685.684Z" transform="translate(-4501.794 -3266.962)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8633" data-name="Path 8633" d="M4831.5,3701.906a1.3,1.3,0,0,1-.5-.1,1.021,1.021,0,0,1,.415-.309.187.187,0,0,1,.24.154A.21.21,0,0,1,4831.5,3701.906Z" transform="translate(-4526.766 -3282.584)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8634" data-name="Path 8634" d="M2648.125,2761.711h-8.972a1.152,1.152,0,0,1-1.152-1.152v-2.407a1.152,1.152,0,0,1,1.152-1.152h8.972a1.152,1.152,0,0,1,1.152,1.152v2.407A1.152,1.152,0,0,1,2648.125,2761.711Z" transform="translate(-2371.466 -2354.336)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8635" data-name="Path 8635" d="M2800.841,2686.221l-5.879.017v-.567a.657.657,0,0,1,.653-.671h4.573a.653.653,0,0,1,.652.654Z" transform="translate(-2525.729 -2283.573)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8636" data-name="Path 8636" d="M2767.084,2842.307H2760V2841h7.083Z" transform="translate(-2491.369 -2436.892)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8637" data-name="Path 8637" d="M4151.109,2761.711h-8.956a1.152,1.152,0,0,1-1.152-1.152v-2.407a1.152,1.152,0,0,1,1.152-1.152h8.956a1.156,1.156,0,0,1,1.169,1.152v2.407A1.156,1.156,0,0,1,4151.109,2761.711Z" transform="translate(-3848.63 -2354.336)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8638" data-name="Path 8638" d="M4302.9,2686.221l-5.9.017v-.567a.684.684,0,0,1,.67-.671h4.556a.658.658,0,0,1,.671.654Z" transform="translate(-4001.948 -2283.573)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8639" data-name="Path 8639" d="M4270.084,2842.307H4263V2841h7.084Z" transform="translate(-3968.531 -2436.892)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8640" data-name="Path 8640" d="M3977.47,4520.363h-3.3a1.153,1.153,0,0,1-1.152-1.153l-.017-9.042a1.152,1.152,0,0,1,1.152-1.152l3.284-.017a1.159,1.159,0,0,1,1.168,1.169l.019,9.026A1.156,1.156,0,0,1,3977.47,4520.363Z" transform="translate(-3683.517 -4076.215)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8641" data-name="Path 8641" d="M4065.494,4453.964l-2.494.015v-.583a.381.381,0,0,1,.379-.376l1.735-.02a.387.387,0,0,1,.379.4Z" transform="translate(-3771.969 -4021.18)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8642" data-name="Path 8642" d="M4053.992,4664.379h-2.974L4051,4659h2.974Z" transform="translate(-3760.175 -4223.639)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_8643" data-name="Path 8643" d="M4127.019,4703.265h0a.018.018,0,0,1-.018-.018,17.763,17.763,0,0,1,.842-4.194.054.054,0,0,0,.017-.034c0-.017.018-.017.018-.017l.016.017c-.016.016-.016.016-.016.034a16.886,16.886,0,0,0-.843,4.194Z" transform="translate(-3834.869 -4262.952)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8644" data-name="Path 8644" d="M4174.629,4681.207c-.035.068-.241.223-.275.206a.81.81,0,0,1,.018-.344.141.141,0,0,1,.19-.051A.144.144,0,0,1,4174.629,4681.207Z" transform="translate(-3881.397 -4245.26)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8645" data-name="Path 8645" d="M4151.274,4704.068a.858.858,0,0,1,.017.363.807.807,0,0,1-.274-.224.141.141,0,0,1,.051-.19A.154.154,0,0,1,4151.274,4704.068Z" transform="translate(-3858.457 -4267.865)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8646" data-name="Path 8646" d="M4167.345,4716.031a.678.678,0,0,1-.345-.069.961.961,0,0,1,.274-.206.147.147,0,0,1,.189.1A.152.152,0,0,1,4167.345,4716.031Z" transform="translate(-3874.18 -4279.415)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8647" data-name="Path 8647" d="M4114.41,4785.083a1.083,1.083,0,0,1,.085.585,1.371,1.371,0,0,1-.5-.328.254.254,0,0,1,.085-.343A.235.235,0,0,1,4114.41,4785.083Z" transform="translate(-3822.054 -4347.436)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8648" data-name="Path 8648" d="M4145.546,4800.456a1.034,1.034,0,0,1-.583-.049,1.069,1.069,0,0,1,.427-.4.241.241,0,0,1,.31.138A.234.234,0,0,1,4145.546,4800.456Z" transform="translate(-3852.521 -4362.207)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8649" data-name="Path 8649" d="M4096.254,4818.841a1.537,1.537,0,0,1,.258.669,1.428,1.428,0,0,1-.671-.241.3.3,0,0,1,0-.429A.278.278,0,0,1,4096.254,4818.841Z" transform="translate(-3804.157 -4380.642)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8650" data-name="Path 8650" d="M4139.676,4836.207a1.462,1.462,0,0,1-.706-.137,1.393,1.393,0,0,1,.553-.449.3.3,0,0,1,.36.224A.288.288,0,0,1,4139.676,4836.207Z" transform="translate(-3846.634 -4397.218)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8651" data-name="Path 8651" d="M4090.254,4858.84a.393.393,0,1,1-.414.414.293.293,0,0,1,.414-.414Z" transform="translate(-3798.259 -4419.956)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8652" data-name="Path 8652" d="M4132.722,4876.157a1.572,1.572,0,0,1-.722-.139,1.6,1.6,0,0,1,.567-.446.3.3,0,0,1,.155.585Z" transform="translate(-3839.783 -4436.48)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8653" data-name="Path 8653" d="M4076.427,4914.477a1.532,1.532,0,0,1,.5.516,1.553,1.553,0,0,1-.722.034.317.317,0,0,1-.172-.394A.3.3,0,0,1,4076.427,4914.477Z" transform="translate(-3784.761 -4474.697)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8654" data-name="Path 8654" d="M4127.688,4915.6a1.533,1.533,0,0,1-.72-.05,1.774,1.774,0,0,1,.515-.515.292.292,0,0,1,.378.168A.306.306,0,0,1,4127.688,4915.6Z" transform="translate(-3834.837 -4475.254)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8655" data-name="Path 8655" d="M4142.505,4729.3a.661.661,0,0,1,0,.36.756.756,0,0,1-.275-.222.174.174,0,0,1,.068-.208A.168.168,0,0,1,4142.505,4729.3Z" transform="translate(-3849.823 -4292.646)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8656" data-name="Path 8656" d="M4159.287,4742.1a.811.811,0,0,1-.344-.065c-.018-.036.189-.207.274-.226a.144.144,0,0,1,.172.1A.135.135,0,0,1,4159.287,4742.1Z" transform="translate(-3866.26 -4305.021)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8657" data-name="Path 8657" d="M4126.314,4753.022a1.06,1.06,0,0,1,.054.5,1.081,1.081,0,0,1-.414-.273.213.213,0,0,1,.36-.226Z" transform="translate(-3833.807 -4315.943)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8658" data-name="Path 8658" d="M4152.458,4769.264a.9.9,0,0,1-.5-.1c-.019-.033.273-.274.4-.31a.242.242,0,0,1,.256.156A.234.234,0,0,1,4152.458,4769.264Z" transform="translate(-3859.397 -4331.597)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8659" data-name="Path 8659" d="M3172.125,4900.71h-8.973a1.152,1.152,0,0,1-1.152-1.151v-2.406a1.153,1.153,0,0,1,1.152-1.152h8.973a1.152,1.152,0,0,1,1.152,1.152v2.406A1.151,1.151,0,0,1,3172.125,4900.71Z" transform="translate(-2886.458 -4456.564)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8660" data-name="Path 8660" d="M3324.9,4825.221l-5.9.017v-.567a.669.669,0,0,1,.654-.671h4.572a.654.654,0,0,1,.654.654Z" transform="translate(-3040.759 -4385.801)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8661" data-name="Path 8661" d="M3291.083,4982.291H3284V4981h7.082Z" transform="translate(-3006.361 -4540.104)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8662" data-name="Path 8662" d="M2673.63,3794.364H2665V3789h8.63Z" transform="translate(-2398.002 -3368.595)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8663" data-name="Path 8663" d="M2653.335,3777.809H2644V3777h9.335Z" transform="translate(-2377.362 -3356.801)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8664" data-name="Path 8664" d="M2745.828,3898.479H2740V3897h5.827Z" transform="translate(-2471.714 -3474.737)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8665" data-name="Path 8665" d="M3435.631,3794.364H3427V3789h8.63Z" transform="translate(-3146.903 -3368.595)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8666" data-name="Path 8666" d="M3414.335,3777.809H3405V3777h9.334Z" transform="translate(-3125.281 -3356.801)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8667" data-name="Path 8667" d="M3506.828,3898.479H3501V3897h5.827Z" transform="translate(-3219.632 -3474.737)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <g id="Group_15070" data-name="Group 15070">
+          <path id="Path_8668" data-name="Path 8668" d="M3052.631,3470.364H3044V3465h8.631Z" transform="translate(-2770.486 -3050.165)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_8669" data-name="Path 8669" d="M3032.318,3453.808H3023V3453h9.317Z" transform="translate(-2749.848 -3038.371)" fill="#163560" fill-rule="evenodd"/>
+          <path id="Path_8670" data-name="Path 8670" d="M3124.829,3574.478H3119V3573h5.829Z" transform="translate(-2844.197 -3156.308)" fill="#f9ddbf" fill-rule="evenodd"/>
+        </g>
+        <path id="Path_8671" data-name="Path 8671" d="M4535.629,4863.366H4527V4858h8.629Z" transform="translate(-4227.993 -4419.218)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8672" data-name="Path 8672" d="M4514.336,4846.808H4505V4846h9.335Z" transform="translate(-4206.372 -4407.423)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8673" data-name="Path 8673" d="M4606.827,4968.462H4601V4967h5.827Z" transform="translate(-4300.72 -4526.344)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8674" data-name="Path 8674" d="M5296.629,4863.366H5288V4858h8.63Z" transform="translate(-4975.91 -4419.218)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8675" data-name="Path 8675" d="M5276.318,4846.808H5267V4846h9.317Z" transform="translate(-4955.273 -4407.423)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8676" data-name="Path 8676" d="M5368.828,4968.462H5363V4967h5.828Z" transform="translate(-5049.623 -4526.344)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8677" data-name="Path 8677" d="M4913.629,4539.365H4905V4534h8.628Z" transform="translate(-4599.494 -4100.787)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8678" data-name="Path 8678" d="M4893.335,4523.791H4884V4523h9.335Z" transform="translate(-4578.856 -4089.974)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8679" data-name="Path 8679" d="M4985.827,4644.46H4980V4643h5.828Z" transform="translate(-4673.206 -4207.913)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <path id="Path_8680" data-name="Path 8680" d="M5242.285,3605.117H5240v-6.567a.552.552,0,0,1,.533-.55h1.2a.552.552,0,0,1,.548.55Z" transform="translate(-4928.735 -3180.878)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8681" data-name="Path 8681" d="M5241.755,4013.53h-1.222A.537.537,0,0,1,5240,4013v-1h2.285v1A.534.534,0,0,1,5241.755,4013.53Z" transform="translate(-4928.735 -3587.761)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8682" data-name="Path 8682" d="M5282.827,3730.287H5282V3728h.825Z" transform="translate(-4970.015 -3308.643)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8683" data-name="Path 8683" d="M5535.287,3605.117H5533v-6.567a.553.553,0,0,1,.55-.55h1.2a.55.55,0,0,1,.531.55Z" transform="translate(-5216.699 -3180.878)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8684" data-name="Path 8684" d="M5534.755,4013.53h-1.221A.535.535,0,0,1,5533,4013v-1h2.286v1A.535.535,0,0,1,5534.755,4013.53Z" transform="translate(-5216.699 -3587.761)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8685" data-name="Path 8685" d="M5576.826,3730.287H5576V3728h.825Z" transform="translate(-5258.961 -3308.643)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8686" data-name="Path 8686" d="M2518.287,4676.1H2516v-6.565a.54.54,0,0,1,.549-.533h1.2a.536.536,0,0,1,.533.533Z" transform="translate(-2251.564 -4233.466)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8687" data-name="Path 8687" d="M2517.753,5083.532h-1.22A.537.537,0,0,1,2516,5083v-1h2.286v1A.537.537,0,0,1,2517.753,5083.532Z" transform="translate(-2251.564 -4639.366)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8688" data-name="Path 8688" d="M2559.826,4800.3H2559V4798h.826Z" transform="translate(-2293.824 -4360.249)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8689" data-name="Path 8689" d="M2811.3,4676.1H2809v-6.565a.551.551,0,0,1,.549-.533h1.2a.539.539,0,0,1,.55.533Z" transform="translate(-2539.526 -4233.466)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8690" data-name="Path 8690" d="M2810.771,5083.532h-1.239A.536.536,0,0,1,2809,5083v-1h2.3v1A.536.536,0,0,1,2810.771,5083.532Z" transform="translate(-2539.526 -4639.366)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8691" data-name="Path 8691" d="M2852.825,4800.3H2852V4798h.824Z" transform="translate(-2581.788 -4360.249)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8692" data-name="Path 8692" d="M3585.7,1548.833a3.855,3.855,0,0,1-1.17,2.768,4.045,4.045,0,0,1-.756.568h-3.868a5.2,5.2,0,0,1-.773-.6,3.847,3.847,0,1,1,6.567-2.734Z" transform="translate(-3295.307 -1163.171)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8693" data-name="Path 8693" d="M3649.4,1927v.6H3644v-.6Z" transform="translate(-3360.172 -1538.604)" fill="#e58848" fill-rule="evenodd"/>
+        <path id="Path_8694" data-name="Path 8694" d="M3709.284,1497.2H3706v-.6a.588.588,0,0,1,.6-.6h2.114a.561.561,0,0,1,.567.567Z" transform="translate(-3421.106 -1115.013)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8695" data-name="Path 8695" d="M3693.816,1702.876H3690V1702h3.816Z" transform="translate(-3405.381 -1317.472)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <g id="Group_15069" data-name="Group 15069">
+          <path id="Path_8696" data-name="Path 8696" d="M4341.687,1548.833a3.855,3.855,0,0,1-1.17,2.768,4.023,4.023,0,0,1-.74.568h-3.867a4.64,4.64,0,0,1-.793-.6,3.91,3.91,0,0,1-1.115-2.734,3.843,3.843,0,0,1,7.686,0Z" transform="translate(-4038.311 -1163.171)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8697" data-name="Path 8697" d="M4404.4,1927v.6H4399v-.6Z" transform="translate(-4102.195 -1538.604)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_8698" data-name="Path 8698" d="M4464.284,1497.2H4461v-.6a.6.6,0,0,1,.6-.6h2.114a.551.551,0,0,1,.568.567Z" transform="translate(-4163.128 -1115.013)" fill="#163560" fill-rule="evenodd"/>
+          <path id="Path_8699" data-name="Path 8699" d="M4449.8,1702.876H4446V1702h3.8Z" transform="translate(-4148.385 -1317.472)" fill="#f9ddbf" fill-rule="evenodd"/>
+        </g>
+        <path id="Path_8700" data-name="Path 8700" d="M2435.782,5327l-1.032,5.57a.374.374,0,0,0,.379.43h0a.708.708,0,0,0,.687-.464l2.339-5.536Z" transform="translate(-2171.706 -4880.157)" fill="#77a4e5" fill-rule="evenodd"/>
+        <path id="Path_8701" data-name="Path 8701" d="M5534.389,5327l1.014,5.57a.361.361,0,0,1-.359.43h0a.753.753,0,0,1-.707-.464L5532,5327Z" transform="translate(-5215.716 -4880.157)" fill="#77a4e5" fill-rule="evenodd"/>
+        <path id="Path_8752" data-name="Path 8752" d="M3205.981,1533.94H3205V1531h.981Z" transform="translate(-2928.719 -1149.411)" fill="#f9ddbf" fill-rule="evenodd"/>
+        <rect id="Rectangle_17392" data-name="Rectangle 17392" width="63" height="3" transform="translate(261 408)" fill="#05968F"/>
+        <rect id="Rectangle_17393" data-name="Rectangle 17393" width="63" height="3" transform="translate(261 389)" fill="#05968F"/>
+      </g>
+      <g id="Group_11944" data-name="Group 11944" transform="translate(228 367.682)">
+        <path id="Path_8702" data-name="Path 8702" d="M513.963,3508.858h-.354v-.522a.351.351,0,0,0-.354-.336h-1.567a.339.339,0,0,0-.336.354v.5H511a1.038,1.038,0,0,0-1.026,1.044l.019,8.113a1.038,1.038,0,0,0,1.026,1.044h2.965a1.049,1.049,0,0,0,1.026-1.044l-.019-8.113A1.039,1.039,0,0,0,513.963,3508.858Z" transform="translate(-500.459 -3463.292)" fill="#bed1f4" fill-rule="evenodd"/>
+        <path id="Path_8703" data-name="Path 8703" d="M892.991,3510.857h-.354v-.521a.335.335,0,0,0-.336-.336h-1.566a.351.351,0,0,0-.354.336v.521h-.336A1.043,1.043,0,0,0,889,3511.9l.019,8.114a1.043,1.043,0,0,0,1.044,1.044l2.947-.019a1.044,1.044,0,0,0,1.045-1.045l-.019-8.113A1.039,1.039,0,0,0,892.991,3510.857Z" transform="translate(-872.419 -3465.255)" fill="#bed1f4" fill-rule="evenodd"/>
+        <path id="Path_8704" data-name="Path 8704" d="M1706,2208.776a5.584,5.584,0,0,1,.839-1.473,4.015,4.015,0,0,1,2.835-.951c.915.26.615,1.119,0,1.79a16.971,16.971,0,0,1-2.424,1.791Z" transform="translate(-1674.182 -2185.871)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8705" data-name="Path 8705" d="M358.7,1129.533c-.317-.6,6.863-2.8,6.975,3.189,0,0,13.428-.317,7.012-7.814-2.219-2.592-2-4.737-1.921-6.732s-1.38-7.8-6.36-7.2a3.68,3.68,0,0,0-2.928.3C357.791,1113.2,349.511,1131.733,358.7,1129.533Z" transform="translate(-347.905 -1110.804)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8706" data-name="Path 8706" d="M1.159,5281.651S-.352,5283.015-.054,5284c.3.968,1.66,1.624,1.828,2.816.186,1.194.932,1.847,1.585,1.847H6.511s.485-.842-.69-1.1-1.623-1.66-1.548-2.949a22.555,22.555,0,0,0-.112-3.037L1.681,5281Z" transform="translate(0.093 -5203.229)" fill="#1e7dbd" fill-rule="evenodd"/>
+        <path id="Path_8707" data-name="Path 8707" d="M739.165,5347s-.541,5.894.131,6.211h8.523a1.506,1.506,0,0,0-1.436-1.268c-1.361-.224-3.749-1.025-4.14-2.8C741.832,5347.375,739.165,5347,739.165,5347Z" transform="translate(-725.176 -5267.997)" fill="#1e7dbd" fill-rule="evenodd"/>
+        <path id="Path_8708" data-name="Path 8708" d="M965,1621.639a1.26,1.26,0,0,0,1.026.41.883.883,0,0,0,.765-.5A3.3,3.3,0,0,0,965,1621.639Z" transform="translate(-947.001 -1611.937)" fill="#ebf3fa" fill-rule="evenodd"/>
+        <path id="Path_8709" data-name="Path 8709" d="M383.886,1883.783l-4.924,1.474-1.567-.374-1.473-.373-2.965-.727s-.56-.187-1.082-1.361a16.832,16.832,0,0,1-.448-1.7c-.205-.9-.41-1.939-.522-2.667-.168-1.082-.522-2.425-.821-3.879h0a27.1,27.1,0,0,1-.5-3.3,2.8,2.8,0,0,1,2.48-3l1.641-.168a33.941,33.941,0,0,1,9.213.653,19.869,19.869,0,0,1,2.313,5.651C386.143,1877.535,383.886,1883.783,383.886,1883.783Z" transform="translate(-362.68 -1853.492)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8710" data-name="Path 8710" d="M473.495,2386.308l-2.965-.727s-.56-.187-1.082-1.362a16.886,16.886,0,0,1-.448-1.7s.914-3.655,1.343-3.581c.41.075.466,2.462,1.305,3.861C472.506,2384.2,474.315,2385.823,473.495,2386.308Z" transform="translate(-460.252 -2355.289)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8711" data-name="Path 8711" d="M690.616,2786s2.443,7.591,2.611,10.184c.149,2.574-4.662,36.7-4.867,37.9-.187,1.12-1.567,1.828-1.567,1.828a2.1,2.1,0,0,1-1.567.13,3.846,3.846,0,0,1-1.66-.8s-1.9-24.319-.727-33.029A138.24,138.24,0,0,0,684.033,2786Z" transform="translate(-669.727 -2754.758)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_8712" data-name="Path 8712" d="M103.8,2774s-3.73,5-4.084,8.354c-.336,3.376-.541,15.239-1.268,18.52-.746,3.283-3.45,9.624-3.45,19.881a2.059,2.059,0,0,0,1.138.9,8.9,8.9,0,0,0,1.026.28,1.579,1.579,0,0,0,1.772-.84c1.846-3.693,7.684-15.61,7.982-18.09.224-1.754,2.07-13.336,6.08-20.124.97-1.64-.578-8.13-.578-8.13Z" transform="translate(-93.227 -2742.982)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_8713" data-name="Path 8713" d="M549.246,2723a5,5,0,0,1-2.909.822c-2.331.036-8.094-.6-8.094-.6A5.166,5.166,0,0,0,538,2724.7s7.031,1.77,11.115.259A2.563,2.563,0,0,0,549.246,2723Z" transform="translate(-527.965 -2692.932)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_8714" data-name="Path 8714" d="M958.336,2747.194a.793.793,0,0,0,.708.84.781.781,0,0,0,.709-.84.8.8,0,0,0-.709-.858A.812.812,0,0,0,958.336,2747.194Zm-.336,0a1.062,1.062,0,1,1,2.107,0,1.062,1.062,0,1,1-2.107,0Z" transform="translate(-940.132 -2715.503)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8715" data-name="Path 8715" d="M933.964,1877.321s-2.592,4.364-5.353,4.364a2.356,2.356,0,0,1-.615-.094c-1.641-.373-3.562-2.07-4.812-3.338-.821-.839-1.361-1.492-1.361-1.492L918,1866s3.488.28,5.3,1.884,5.483,9.25,5.8,8.877c.093-.112,3.525-2.667,3.8-2.574A3.25,3.25,0,0,1,933.964,1877.321Z" transform="translate(-900.878 -1851.916)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8716" data-name="Path 8716" d="M203.078,2988.4l-9.959-1.623a1.778,1.778,0,0,1-1.473-2.052l.858-5.352a1.8,1.8,0,0,1,2.07-1.494l9.94,1.624a1.791,1.791,0,0,1,1.492,2.051l-.858,5.353A1.835,1.835,0,0,1,203.078,2988.4Z" transform="translate(-188.044 -2943.042)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8717" data-name="Path 8717" d="M235.49,3112.872h0l-6.49-2.778.037-.094,6.471,2.76,7.012-.578v.113Z" transform="translate(-224.727 -3072.716)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8718" data-name="Path 8718" d="M549.653,3225.754l-.653-.094.261-1.66.671.112Z" transform="translate(-538.759 -3184.589)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8719" data-name="Path 8719" d="M317.293,2942.451a.5.5,0,0,0-.28.094.537.537,0,0,0-.205.335.5.5,0,0,0,.41.559.49.49,0,0,0,.578-.41.538.538,0,0,0-.093-.373.5.5,0,0,0-.317-.187C317.349,2942.469,317.33,2942.451,317.293,2942.451Zm0,1.213a.237.237,0,0,1-.112-.019.7.7,0,0,1-.578-.8.757.757,0,0,1,.28-.466.646.646,0,0,1,.522-.113.682.682,0,0,1,.466.28.736.736,0,0,1,.131.522A.7.7,0,0,1,317.293,2943.663Z" transform="translate(-310.689 -2908.094)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8720" data-name="Path 8720" d="M826.6,3025.218a.538.538,0,0,0,.093.374.458.458,0,0,0,.317.205.539.539,0,0,0,.373-.093.531.531,0,0,0,.2-.318.519.519,0,0,0-.41-.578.509.509,0,0,0-.578.41Zm.485.783h-.112a.715.715,0,0,1-.448-.279.722.722,0,0,1-.131-.542h0a.711.711,0,0,1,.8-.578.729.729,0,0,1,.6.821.675.675,0,0,1-.3.448A.638.638,0,0,1,827.084,3026Z" transform="translate(-810.969 -2988.903)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8721" data-name="Path 8721" d="M712.739,1662.017a1.186,1.186,0,0,1-.56-1.437,10.776,10.776,0,0,0,.541-3.581l.224.037,3.749.746s-.093,1.175-.093,2.294v.018c0,.97.168,1.9-.261,2.2A3.282,3.282,0,0,1,712.739,1662.017Z" transform="translate(-698.824 -1646.814)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8722" data-name="Path 8722" d="M760.749,1659.746s-.093,1.176-.093,2.294c-2.107-.075-3.208-1.977-3.656-3.04Z" transform="translate(-742.88 -1648.777)" fill="#e8945b" fill-rule="evenodd"/>
+        <path id="Path_8723" data-name="Path 8723" d="M731.039,1314.334s-4.961.093-4.961-3-.653-5.166,2.518-5.352,3.786,1.007,4.047,2.033C732.885,1309.038,732.326,1314.24,731.039,1314.334Z" transform="translate(-712.481 -1302.32)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8724" data-name="Path 8724" d="M646.434,1270.182s-1.361,3.637-3.431,4.159c-2.089.541-3-.019-3-.019a5.9,5.9,0,0,0,1.94-3.488S645.408,1268.467,646.434,1270.182Z" transform="translate(-628.062 -1266.598)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8725" data-name="Path 8725" d="M967,1287.7a3.054,3.054,0,0,1,1.417,1.1,4.914,4.914,0,0,1,.672,2.853s1.026-2.481-.112-3.86C967.746,1286.3,967,1287.7,967,1287.7Z" transform="translate(-948.964 -1283.812)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8726" data-name="Path 8726" d="M943,1644.433s.093.354.988.3c0,0,.765-.038.746-.448A2.472,2.472,0,0,0,943,1644.433Z" transform="translate(-925.412 -1634.247)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8727" data-name="Path 8727" d="M722,3095.767a10.264,10.264,0,0,0,2.369-.26c1.026-.3,2.313.467,2.387,1.157.093.764-1.492.223-2.742,1.043-.56.393-1.66-.427-1.66-.427Z" transform="translate(-708.533 -3058.428)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8728" data-name="Path 8728" d="M792,3073.1s1.007-.782,1.175-.671c.261.186-.391.671-.391.671Z" transform="translate(-777.228 -3035.831)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8729" data-name="Path 8729" d="M580.523,1879.763c-.037-.149-2.537-15.311-5.129-21.6a.251.251,0,0,1,.13-.3h0a.48.48,0,0,1,.634.261,85.993,85.993,0,0,1,3.451,12.906c.97,4.644,1.6,8.579,1.6,8.617Z" transform="translate(-564.651 -1843.896)" fill="#0c2442" fill-rule="evenodd"/>
+        <path id="Path_8730" data-name="Path 8730" d="M152.092,1952s-5.67,8.6-4.364,16.579c.522,3.19,10.481,7.386,10.481,7.386s.429-.057.5-1.12a1.521,1.521,0,0,0-.317-1.193s-5.968-5.278-5.949-6.845c0-.5,3.823-10.574,3.823-10.574Z" transform="translate(-144.779 -1936.312)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8731" data-name="Path 8731" d="M1810.931,2025.094l-2.63-.316a.929.929,0,0,1-.8-1.045l.9-7.218a.932.932,0,0,1,1.044-.821l2.63.336a.931.931,0,0,1,.8,1.045l-.9,7.218A.917.917,0,0,1,1810.931,2025.094Z" transform="translate(-1773.779 -1998.813)" fill="#6385db" fill-rule="evenodd"/>
+        <path id="Path_8732" data-name="Path 8732" d="M1930.014,1979.9l-2.014-.261.056-.448a.341.341,0,0,1,.354-.28l1.38.187a.3.3,0,0,1,.28.335Z" transform="translate(-1892.042 -1962.715)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8733" data-name="Path 8733" d="M1880.37,2132.588l-2.369-.3.523-4.289,2.368.279Z" transform="translate(-1842.974 -2109.031)" fill="#dde7fe" fill-rule="evenodd"/>
+        <path id="Path_8734" data-name="Path 8734" d="M1935.019,2172.3H1935a14.047,14.047,0,0,1,1.1-3.282l.018-.019h.018v.019l-.018.019a13.818,13.818,0,0,0-1.1,3.263Z" transform="translate(-1898.911 -2149.265)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8735" data-name="Path 8735" d="M1992.975,2156.079c-.037.056-.223.168-.242.15a.911.911,0,0,1,.037-.28.139.139,0,0,1,.168-.019A.1.1,0,0,1,1992.975,2156.079Z" transform="translate(-1955.562 -2136.419)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8736" data-name="Path 8736" d="M1974.87,2170.3a.65.65,0,0,1-.038.28.689.689,0,0,1-.187-.206c-.018-.075,0-.13.075-.149C1974.777,2170.193,1974.833,2170.23,1974.87,2170.3Z" transform="translate(-1937.811 -2150.459)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8737" data-name="Path 8737" d="M1985.28,2181.244a.689.689,0,0,1-.28-.094.881.881,0,0,1,.242-.149c.075,0,.131.038.131.112C1985.392,2181.168,1985.336,2181.224,1985.28,2181.244Z" transform="translate(-1947.979 -2161.042)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8738" data-name="Path 8738" d="M1939.6,2227.341a.266.266,0,1,1-.354.168.214.214,0,0,1,.093-.261A.2.2,0,0,1,1939.6,2227.341Z" transform="translate(-1903.066 -2206.412)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8739" data-name="Path 8739" d="M1960.42,2242.862a1.244,1.244,0,0,1-.466-.093c-.019-.037.26-.261.373-.279a.192.192,0,0,1,.242.149A.2.2,0,0,1,1960.42,2242.862Z" transform="translate(-1923.398 -2221.375)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8740" data-name="Path 8740" d="M1922.231,2250.7a1.239,1.239,0,0,1,.15.56,1.368,1.368,0,0,1-.522-.262.245.245,0,0,1,.037-.355A.239.239,0,0,1,1922.231,2250.7Z" transform="translate(-1885.956 -2229.342)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8741" data-name="Path 8741" d="M1951.559,2269.36a1.631,1.631,0,0,1-.559-.186,1.368,1.368,0,0,1,.5-.3.223.223,0,0,1,.261.2A.25.25,0,0,1,1951.559,2269.36Z" transform="translate(-1914.613 -2247.275)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8742" data-name="Path 8742" d="M1914.232,2279.615a1.062,1.062,0,0,1,.131.578,1.275,1.275,0,0,1-.5-.28.226.226,0,0,1,.038-.336A.256.256,0,0,1,1914.232,2279.615Z" transform="translate(-1878.105 -2257.736)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8743" data-name="Path 8743" d="M1943.559,2298.342a1.307,1.307,0,0,1-.559-.168,1.163,1.163,0,0,1,.5-.3.232.232,0,0,1,.261.205A.222.222,0,0,1,1943.559,2298.342Z" transform="translate(-1906.762 -2275.734)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8744" data-name="Path 8744" d="M1898.983,2319a1.156,1.156,0,0,1,.335.466,1.115,1.115,0,0,1-.578-.055.242.242,0,0,1-.094-.318A.235.235,0,0,1,1898.983,2319Z" transform="translate(-1863.211 -2296.429)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8745" data-name="Path 8745" d="M1935.578,2326.335a1.48,1.48,0,0,1-.578-.112,1.463,1.463,0,0,1,.467-.373.249.249,0,0,1,.111.485Z" transform="translate(-1898.911 -2303.187)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8746" data-name="Path 8746" d="M1965.969,2188.721a.649.649,0,0,1-.018.28.7.7,0,0,1-.205-.2.126.126,0,0,1,.074-.149A.111.111,0,0,1,1965.969,2188.721Z" transform="translate(-1929.078 -2168.539)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8747" data-name="Path 8747" d="M1976.279,2200.242a.681.681,0,0,1-.279-.094.566.566,0,0,1,.261-.148.139.139,0,0,1,.131.113A.161.161,0,0,1,1976.279,2200.242Z" transform="translate(-1939.147 -2179.687)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8748" data-name="Path 8748" d="M1951.529,2204.341a.61.61,0,0,1,0,.411.988.988,0,0,1-.3-.28.178.178,0,0,1,.075-.223A.165.165,0,0,1,1951.529,2204.341Z" transform="translate(-1914.824 -2183.843)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8749" data-name="Path 8749" d="M1968.392,2220.185a.7.7,0,0,1-.392-.13,1.172,1.172,0,0,1,.355-.205.167.167,0,0,1,.187.148A.182.182,0,0,1,1968.392,2220.185Z" transform="translate(-1931.295 -2199.163)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8750" data-name="Path 8750" d="M1200.812,2302.34c-1.641-.373-3.562-2.071-4.812-3.339a32.637,32.637,0,0,0,.466-4.2C1196.373,2294.021,1198.313,2301.053,1200.812,2302.34Z" transform="translate(-1173.693 -2272.664)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8751" data-name="Path 8751" d="M1751,2178.324a17.826,17.826,0,0,0,1.753-1.474c.224-.3.206.318,0,.728a4.472,4.472,0,0,0-.615,1.678c-.037.765-.9.541-.9.541Z" transform="translate(-1718.343 -2156.891)" fill="#ffb27d" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/program_icon.svg b/src/assets/performics/main_menu_icons/program_icon.svg
new file mode 100644
index 0000000..eb9e518
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/program_icon.svg
@@ -0,0 +1,1090 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="108.363" viewBox="0 0 109 108.363">
+  <g id="Group_16361" data-name="Group 16361" transform="translate(-42 -550.637)">
+    <g id="Group_14308" data-name="Group 14308" transform="translate(-1 404)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#c5ecc3"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#c5ecc3"/>
+    </g>
+    <g id="Layer_x0020_1" transform="translate(41.744 550.637)">
+      <g id="_415335296" transform="translate(-0.117)">
+        <g id="Group_15118" data-name="Group 15118" transform="translate(55.37 67.328)">
+          <g id="Group_15093" data-name="Group 15093">
+            <g id="Group_15074" data-name="Group 15074" transform="translate(10.398 13.766)">
+              <g id="Group_15073" data-name="Group 15073">
+                <g id="Group_15072" data-name="Group 15072">
+                  <path id="Path_10494" data-name="Path 10494" d="M315.406,2451.457a5.538,5.538,0,0,1,3.507-.43,2.932,2.932,0,0,1,1.721.761,1.238,1.238,0,0,1,0,1.721,1.74,1.74,0,0,1-1.092.265,4.219,4.219,0,0,0-2.647.4c-.43.3-.728.827-1.224.993a1.133,1.133,0,0,1-1.29-.6,2.1,2.1,0,0,1-.165-1.489A2.25,2.25,0,0,1,315.406,2451.457Z" transform="translate(-314.154 -2450.925)" fill="#92CBC8"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15077" data-name="Group 15077" transform="translate(8.64)">
+              <g id="Group_15076" data-name="Group 15076">
+                <g id="Group_15075" data-name="Group 15075">
+                  <path id="Path_10495" data-name="Path 10495" d="M261.6,2044.47a1.66,1.66,0,0,0,2.482.066,4.662,4.662,0,0,0,1.059-2.184,11.482,11.482,0,0,0,.662-5.459,3.434,3.434,0,0,0-.695-1.489,1.644,1.644,0,0,0-1.522-.5,2.246,2.246,0,0,0-1.29,1.39,12.6,12.6,0,0,0-1.29,5.592A4.588,4.588,0,0,0,261.6,2044.47Z" transform="translate(-261 -2034.87)" fill="#92CBC8"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15080" data-name="Group 15080" transform="translate(0 2.977)">
+              <g id="Group_15079" data-name="Group 15079">
+                <g id="Group_15078" data-name="Group 15078">
+                  <path id="Path_10496" data-name="Path 10496" d="M7.331,2132.792a3.219,3.219,0,0,0,.529-3.077,5.977,5.977,0,0,0-1.82-2.68,9.391,9.391,0,0,0-3.276-1.919,3.932,3.932,0,0,0-1.489-.265,1.52,1.52,0,0,0-1.257.761,2.373,2.373,0,0,0,.364,2.118A29.32,29.32,0,0,0,2.533,2131a5.835,5.835,0,0,0,2.382,2.019,2.126,2.126,0,0,0,2.515-.331Z" transform="translate(0.117 -2124.846)" fill="#92CBC8"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15084" data-name="Group 15084" transform="translate(9.177 15.059)">
+              <g id="Group_15083" data-name="Group 15083">
+                <g id="Group_15082" data-name="Group 15082">
+                  <g id="Group_15081" data-name="Group 15081">
+                    <path id="Path_10497" data-name="Path 10497" d="M277.275,2498.5s.033-.166.066-.43c0-.3.066-.695.1-1.158.066-.463.132-1.059.265-1.655a12.232,12.232,0,0,1,.6-1.985,7.921,7.921,0,0,1,1.026-1.82,3.639,3.639,0,0,1,2.349-1.39c.265-.033.43-.066.43-.066h-.43a2.573,2.573,0,0,0-1.125.3,3.9,3.9,0,0,0-1.357,1.059,8.24,8.24,0,0,0-1.059,1.853,12.568,12.568,0,0,0-.6,2.018,12,12,0,0,0-.232,1.688c-.033.5-.033.893-.033,1.158C277.242,2498.338,277.242,2498.5,277.275,2498.5Z" transform="translate(-277.25 -2490)" fill="#92CBC8"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15088" data-name="Group 15088" transform="translate(9.187 3.71)">
+              <g id="Group_15087" data-name="Group 15087">
+                <g id="Group_15086" data-name="Group 15086">
+                  <g id="Group_15085" data-name="Group 15085">
+                    <path id="Path_10498" data-name="Path 10498" d="M277.636,2165.959a.481.481,0,0,0,.033-.2v-.562c-.033-.463-.033-1.158,0-2.051.066-1.721.2-3.573.5-6.187.265-2.482.629-5.36,1.026-7.213.066-.43.165-.827.232-1.158s.132-.629.2-.86c.066-.2.1-.4.132-.53a.926.926,0,0,0,.033-.2,1.067,1.067,0,0,0-.066.2c-.033.132-.1.3-.165.53s-.132.5-.232.86c-.066.331-.165.695-.265,1.125A62.255,62.255,0,0,0,278,2156.4a63.337,63.337,0,0,0-.43,6.75c-.033.893,0,1.588,0,2.051a3.83,3.83,0,0,1,.033.563A.929.929,0,0,1,277.636,2165.959Z" transform="translate(-277.556 -2147)" fill="#92CBC8"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15092" data-name="Group 15092" transform="translate(3.113 5.133)">
+              <g id="Group_15091" data-name="Group 15091">
+                <g id="Group_15090" data-name="Group 15090">
+                  <g id="Group_15089" data-name="Group 15089">
+                    <path id="Path_10499" data-name="Path 10499" d="M100.156,2202.937s0-.231-.033-.6a12.278,12.278,0,0,0-.165-1.588,19.278,19.278,0,0,0-.5-2.283,22.053,22.053,0,0,0-.993-2.746,14.026,14.026,0,0,0-2.812-4.368,5.611,5.611,0,0,0-.662-.628,1.812,1.812,0,0,0-.3-.232c-.066-.066-.165-.133-.232-.2l-.5-.3a16.611,16.611,0,0,1,1.588,1.423,14.848,14.848,0,0,1,2.779,4.4,24.707,24.707,0,0,1,.96,2.68,15.681,15.681,0,0,1,.529,2.283,14.857,14.857,0,0,1,.232,1.555A1.642,1.642,0,0,0,100.156,2202.937Z" transform="translate(-93.967 -2190)" fill="#92CBC8"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15096" data-name="Group 15096" transform="translate(4.835 26.209)">
+            <g id="Group_15095" data-name="Group 15095">
+              <g id="Group_15094" data-name="Group 15094">
+                <path id="Path_10500" data-name="Path 10500" d="M146,2827l.463,6.32H154.6l.463-6.32Z" transform="translate(-146 -2827)" fill="#ffae3e"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15099" data-name="Group 15099" transform="translate(4.041 23.695)">
+            <g id="Group_15098" data-name="Group 15098">
+              <g id="Group_15097" data-name="Group 15097">
+                <path id="Path_10501" data-name="Path 10501" d="M122,2751v2.515h10.82V2751Z" transform="translate(-122 -2751)" fill="#ffae3e"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15102" data-name="Group 15102" transform="translate(4.041 32.297)">
+            <g id="Group_15101" data-name="Group 15101">
+              <g id="Group_15100" data-name="Group 15100">
+                <path id="Path_10502" data-name="Path 10502" d="M122,3011v.695h10.654V3011Z" transform="translate(-122 -3011)" fill="#ee9c2b"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15105" data-name="Group 15105" transform="translate(4.537 32.992)">
+            <g id="Group_15104" data-name="Group 15104">
+              <g id="Group_15103" data-name="Group 15103">
+                <path id="Path_10503" data-name="Path 10503" d="M137.5,3033.224,137,3032h9.761l-.6,1.224Z" transform="translate(-137 -3032)" fill="#e99826"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15109" data-name="Group 15109" transform="translate(4.967 27.367)">
+            <g id="Group_15108" data-name="Group 15108">
+              <g id="Group_15107" data-name="Group 15107">
+                <g id="Group_15106" data-name="Group 15106">
+                  <path id="Path_10504" data-name="Path 10504" d="M158.768,2862.894a.1.1,0,0,1-.033.066c-.033.033-.066.1-.132.166-.1.132-.265.364-.463.6l-.033.033v-.033c-.3-.4-.695-.96-1.158-1.588h.066c-.364.463-.761,1.026-1.158,1.621l-.033.033-.033-.033c-.43-.5-.893-1.059-1.39-1.621h.1c-.033.033-.066.066-.066.1-.43.529-.86,1.026-1.224,1.522l-.033.033-.066-.033c-.4-.6-.794-1.125-1.125-1.621h.066c-.562.629-1.059,1.191-1.423,1.588l-.033.033v-.033c-.2-.3-.331-.562-.463-.728a.535.535,0,0,0-.1-.2l-.033-.066.033.066c.033.033.066.1.132.165a8.019,8.019,0,0,0,.463.728H150.6c.364-.43.827-.959,1.39-1.621l.033-.033.033.033c.331.5.728,1.026,1.158,1.621h-.1c.4-.5.794-.993,1.224-1.522.033-.033.066-.066.066-.1l.066-.066.033.066c.463.563.926,1.125,1.357,1.621h-.066c.4-.6.794-1.125,1.158-1.621l.033-.033.033.033c.43.662.827,1.224,1.125,1.621h-.033q.3-.347.5-.6l.132-.133A.1.1,0,0,0,158.768,2862.894Z" transform="translate(-150 -2862)" fill="#f4f4f4"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15113" data-name="Group 15113" transform="translate(4.901 26.11)">
+            <g id="Group_15112" data-name="Group 15112">
+              <g id="Group_15111" data-name="Group 15111">
+                <g id="Group_15110" data-name="Group 15110">
+                  <path id="Path_10505" data-name="Path 10505" d="M157.1,2824.033c0,.033-2.018.066-4.566.066-2.515,0-4.533-.033-4.533-.066,0,0,2.018-.033,4.533-.033C155.081,2824,157.1,2824.033,157.1,2824.033Z" transform="translate(-148 -2824)" fill="#f4f4f4"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15117" data-name="Group 15117" transform="translate(4.504 32.992)">
+            <g id="Group_15116" data-name="Group 15116">
+              <g id="Group_15115" data-name="Group 15115">
+                <g id="Group_15114" data-name="Group 15114">
+                  <path id="Path_10506" data-name="Path 10506" d="M145.926,3032.066c0,.033-2.217.066-4.963.066s-4.963-.033-4.963-.066,2.217-.066,4.963-.066S145.926,3032.033,145.926,3032.066Z" transform="translate(-136 -3032)" fill="#f4f4f4"/>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15144" data-name="Group 15144" transform="translate(55.37 37.104)">
+          <g id="Group_15122" data-name="Group 15122">
+            <g id="Group_15119" data-name="Group 15119" transform="translate(0.156 0.104)">
+              <path id="Path_10507" data-name="Path 10507" d="M2124.084,99.13H2083V72h41.084Z" transform="translate(-2083 -72)" fill="#f9f9f9"/>
+            </g>
+            <g id="Group_15121" data-name="Group 15121">
+              <g id="Group_15120" data-name="Group 15120">
+                <path id="Path_10508" data-name="Path 10508" d="M2121.239,97.234a1.846,1.846,0,0,1-.052-.519V89.868c-.052-4.72-.052-11.516-.052-19.764l.1.1c-11.308,0-25.574,0-41.084.052h0l.1-.156v27.13l-.1-.1c12.087,0,22.306.052,29.568.052h8.456c.985,0,1.711.052,2.23.052h-2.178c-1.972,0-4.825.052-8.456.052-7.262,0-17.533,0-29.62.052h-.1v-.1c0-8.3,0-17.481-.052-27.13V70h.155c15.51,0,29.776,0,41.084.052h.052V70.1c0,8.3,0,15.1-.052,19.816v7.314Z" transform="translate(-2080 -70)" fill="#05968F"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15124" data-name="Group 15124" transform="translate(0.415 2.749)">
+            <g id="Group_15123" data-name="Group 15123">
+              <path id="Path_10509" data-name="Path 10509" d="M2128.979,123.156c0,.052-9.181.1-20.49.1s-20.49-.052-20.49-.1c0-.1,9.182-.156,20.49-.156S2128.979,123.052,2128.979,123.156Z" transform="translate(-2088 -123)" fill="#92CBC8"/>
+            </g>
+          </g>
+          <g id="Group_15143" data-name="Group 15143" transform="translate(3.735 6.795)">
+            <g id="Group_15125" data-name="Group 15125">
+              <path id="Path_10510" data-name="Path 10510" d="M2165.072,218.222H2152V201h13.072Z" transform="translate(-2152 -201)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15127" data-name="Group 15127" transform="translate(15.562 0.674)">
+              <g id="Group_15126" data-name="Group 15126">
+                <path id="Path_10511" data-name="Path 10511" d="M2470.363,214.1c0,.1-4.15.156-9.182.156-5.084,0-9.182-.052-9.182-.156,0-.052,4.1-.1,9.182-.1C2466.213,214,2470.363,214.052,2470.363,214.1Z" transform="translate(-2452 -214)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15129" data-name="Group 15129" transform="translate(15.562 2.853)">
+              <g id="Group_15128" data-name="Group 15128">
+                <path id="Path_10512" data-name="Path 10512" d="M2470.363,256.1c0,.052-4.15.1-9.182.1-5.084,0-9.182-.052-9.182-.1s4.1-.1,9.182-.1C2466.213,256,2470.363,256.052,2470.363,256.1Z" transform="translate(-2452 -256)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15131" data-name="Group 15131" transform="translate(15.562 4.98)">
+              <g id="Group_15130" data-name="Group 15130">
+                <path id="Path_10513" data-name="Path 10513" d="M2470.363,297.156c0,.052-4.15.1-9.182.1-5.084,0-9.182-.052-9.182-.1,0-.1,4.1-.156,9.182-.156C2466.213,297,2470.363,297.052,2470.363,297.156Z" transform="translate(-2452 -297)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15133" data-name="Group 15133" transform="translate(15.562 7.159)">
+              <g id="Group_15132" data-name="Group 15132">
+                <path id="Path_10514" data-name="Path 10514" d="M2470.363,339.1c0,.052-4.15.156-9.182.156-5.084,0-9.182-.1-9.182-.156s4.1-.1,9.182-.1C2466.213,339,2470.363,339.052,2470.363,339.1Z" transform="translate(-2452 -339)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15134" data-name="Group 15134" transform="translate(25.989 9.078)">
+              <path id="Path_10515" data-name="Path 10515" d="M2660.366,384.144H2653V376h7.366Z" transform="translate(-2653 -376)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15136" data-name="Group 15136" transform="translate(15.77 9.337)">
+              <g id="Group_15135" data-name="Group 15135">
+                <path id="Path_10516" data-name="Path 10516" d="M2464.974,381.1c0,.052-1.971.1-4.461.1s-4.513-.052-4.513-.1,2.023-.1,4.513-.1S2464.974,381.052,2464.974,381.1Z" transform="translate(-2456 -381)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15138" data-name="Group 15138" transform="translate(15.77 11.464)">
+              <g id="Group_15137" data-name="Group 15137">
+                <path id="Path_10517" data-name="Path 10517" d="M2464.974,422.1a28.855,28.855,0,0,1-4.461.156A29.818,29.818,0,0,1,2456,422.1c0-.052,2.023-.1,4.513-.1S2464.974,422.052,2464.974,422.1Z" transform="translate(-2456 -422)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15140" data-name="Group 15140" transform="translate(15.77 13.954)">
+              <g id="Group_15139" data-name="Group 15139">
+                <path id="Path_10518" data-name="Path 10518" d="M2464.974,470.156c0,.052-1.971.1-4.461.1s-4.513-.052-4.513-.1a29.8,29.8,0,0,1,4.513-.156A28.84,28.84,0,0,1,2464.974,470.156Z" transform="translate(-2456 -470)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15142" data-name="Group 15142" transform="translate(15.562 16.548)">
+              <g id="Group_15141" data-name="Group 15141">
+                <path id="Path_10519" data-name="Path 10519" d="M2460.974,520.1c0,.052-2.023.1-4.513.1-2.438,0-4.461-.052-4.461-.1s2.023-.1,4.461-.1C2458.951,520,2460.974,520.052,2460.974,520.1Z" transform="translate(-2452 -520)" fill="#ffae3e"/>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15188" data-name="Group 15188" transform="translate(4.239 1.754)">
+          <g id="Group_15187" data-name="Group 15187">
+            <g id="Group_15166" data-name="Group 15166" transform="translate(12.077 3.7)">
+              <g id="Group_15147" data-name="Group 15147" transform="translate(3.194)">
+                <g id="Group_15146" data-name="Group 15146">
+                  <g id="Group_15145" data-name="Group 15145">
+                    <path id="Path_10520" data-name="Path 10520" d="M596.917,170.733v-.43c0-.265-.033-.662-.033-1.158,0-1.059,0-2.515-.033-4.235l.066.033c-2.084,0-4.6,0-7.312.033l.066-.066h0v5.823l-.066-.033c2.151,0,3.97,0,5.261.033h2.051c0,.033-.033.033-.132.033H594.9c-1.29.033-3.11.033-5.294.033h-.066v-5.89h0c-.066.033.1-.1.066-.066h7.378v.066c-.033,1.754-.033,3.209-.033,4.268,0,.5-.033.893-.033,1.158v.4Z" transform="translate(-589.523 -164.838)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15150" data-name="Group 15150" transform="translate(3.97 2.156)">
+                <g id="Group_15149" data-name="Group 15149">
+                  <g id="Group_15148" data-name="Group 15148">
+                    <path id="Path_10521" data-name="Path 10521" d="M618.691,231.621a3.418,3.418,0,0,1-.463-.4c-.265-.265-.662-.629-1.158-1.092h.1c-.364.4-.728.86-1.158,1.323l-.033.066-.066.033-.033-.033c-.265-.2-.5-.4-.728-.6h.1c-.629.563-1.191,1.059-1.588,1.39-.2.165-.331.3-.463.4s-.165.132-.2.132l.165-.165.43-.43c.4-.364.926-.86,1.555-1.423l.033-.033.066.033c.2.2.463.4.695.6h-.066l.033-.033c.43-.5.827-.926,1.158-1.323l.066-.066.033.066c.463.43.827.827,1.092,1.092C618.559,231.456,618.691,231.621,618.691,231.621Z" transform="translate(-613 -230)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15153" data-name="Group 15153" transform="translate(4.553 1.387)">
+                <g id="Group_15152" data-name="Group 15152">
+                  <g id="Group_15151" data-name="Group 15151">
+                    <path id="Path_10522" data-name="Path 10522" d="M631.871,207.127l-.1-.1a.632.632,0,0,0-.4-.165.486.486,0,0,0-.5.232.543.543,0,0,0-.066.662.576.576,0,0,0,.6.265.565.565,0,0,0,.463-.331.574.574,0,0,0,.033-.4.4.4,0,0,0-.033-.165.229.229,0,0,1,.1.132.583.583,0,0,1-.033.463.61.61,0,0,1-.5.43.733.733,0,0,1-.761-.331.751.751,0,0,1,.1-.827.7.7,0,0,1,.629-.232.583.583,0,0,1,.4.232A.2.2,0,0,1,631.871,207.127Z" transform="translate(-630.6 -206.754)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15156" data-name="Group 15156" transform="translate(1.161 3.935)">
+                <g id="Group_15155" data-name="Group 15155">
+                  <g id="Group_15154" data-name="Group 15154">
+                    <path id="Path_10523" data-name="Path 10523" d="M529.391,284.127c-.033,0-.066-.033-.132-.1a.747.747,0,0,0-.364-.165.533.533,0,0,0-.529.232.6.6,0,0,0-.066.662.554.554,0,0,0,.629.265.563.563,0,0,0,.43-.331.623.623,0,0,0,.066-.4c-.033-.1-.066-.165-.033-.165a.361.361,0,0,1,.066.132.731.731,0,0,1,0,.463.658.658,0,0,1-.529.43.707.707,0,0,1-.728-.331.747.747,0,0,1,.066-.827.724.724,0,0,1,.629-.232.583.583,0,0,1,.4.232A.569.569,0,0,1,529.391,284.127Z" transform="translate(-528.104 -283.754)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15159" data-name="Group 15159" transform="translate(0 2.586)">
+                <g id="Group_15158" data-name="Group 15158">
+                  <g id="Group_15157" data-name="Group 15157">
+                    <path id="Path_10524" data-name="Path 10524" d="M499.948,246.573v.5c0,.331.033.794.033,1.357v.033h-.033c-1.522.033-3.9.033-6.551.033H493V243h.066c.794,0,1.456,0,1.952.033h.728c0,.033-.066.033-.2.033h-.529c-.5,0-1.158.033-1.952.033l.033-.066c0,1.423,0,3.309.033,5.393l-.066-.066h.331c2.647,0,5.029,0,6.551.033l-.066.033c.033-.562.033-1.026.033-1.357v-.364A.342.342,0,0,1,499.948,246.573Z" transform="translate(-493 -243)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15162" data-name="Group 15162" transform="translate(0.726 5.562)">
+                <g id="Group_15161" data-name="Group 15161">
+                  <g id="Group_15160" data-name="Group 15160">
+                    <path id="Path_10525" data-name="Path 10525" d="M517.1,332.944a9.767,9.767,0,0,1-1.026.993,10.508,10.508,0,0,1-1.125.926,8.217,8.217,0,0,1,1.026-1.026A8.045,8.045,0,0,1,517.1,332.944Z" transform="translate(-514.95 -332.942)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15165" data-name="Group 15165" transform="translate(3.699 6.255)">
+                <g id="Group_15164" data-name="Group 15164">
+                  <g id="Group_15163" data-name="Group 15163">
+                    <path id="Path_10526" data-name="Path 10526" d="M605.479,354.655c-.033.033-.232-.1-.4-.331-.2-.2-.3-.4-.265-.43s.165.165.364.364C605.346,354.456,605.512,354.622,605.479,354.655Z" transform="translate(-604.81 -353.89)" fill="#ffae3e"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15169" data-name="Group 15169">
+              <g id="Group_15168" data-name="Group 15168">
+                <g id="Group_15167" data-name="Group 15167">
+                  <path id="Path_10527" data-name="Path 10527" d="M153.014,67.955V66.9c0-.695,0-1.687-.033-2.978V53.066l.033.033c-6.717,0-15.452,0-24.948.033h0l.066-.066V67.955l-.066-.066c7.312,0,13.533,0,17.933.033h6.882a.193.193,0,0,1,.132.033h-6.948c-4.434.033-10.687.033-18,.033H128V53h25.08v.066c-.033,4.566-.033,8.272-.033,10.853V66.9a7.525,7.525,0,0,0-.033.794Z" transform="translate(-128 -53)" fill="#ffae3e"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15171" data-name="Group 15171" transform="translate(2.084 3.54)">
+              <g id="Group_15170" data-name="Group 15170">
+                <path id="Path_10528" data-name="Path 10528" d="M198.61,160.562H191V160h7.61Z" transform="translate(-191 -160)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15174" data-name="Group 15174" transform="translate(1.985 6.22)">
+              <g id="Group_15173" data-name="Group 15173" transform="translate(0 0)">
+                <g id="Group_15172" data-name="Group 15172">
+                  <path id="Path_10529" data-name="Path 10529" d="M195.412,241.066c0,.033-1.687.066-3.706.066-2.051,0-3.706-.033-3.706-.066s1.654-.066,3.706-.066C193.724,241,195.412,241.033,195.412,241.066Z" transform="translate(-188 -241)" fill="#ffae3e"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15177" data-name="Group 15177" transform="translate(1.985 7.445)">
+              <g id="Group_15176" data-name="Group 15176" transform="translate(0 0)">
+                <g id="Group_15175" data-name="Group 15175">
+                  <path id="Path_10530" data-name="Path 10530" d="M195.412,278.066c0,.033-1.687.066-3.706.066-2.051,0-3.706-.033-3.706-.066s1.654-.066,3.706-.066C193.724,278,195.412,278.033,195.412,278.066Z" transform="translate(-188 -278)" fill="#ffae3e"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15180" data-name="Group 15180" transform="translate(1.985 8.669)">
+              <g id="Group_15179" data-name="Group 15179">
+                <g id="Group_15178" data-name="Group 15178">
+                  <path id="Path_10531" data-name="Path 10531" d="M195.412,315.066c0,.066-1.687.066-3.706.066a36.916,36.916,0,0,1-3.706-.066c0-.033,1.654-.066,3.706-.066C193.724,315,195.412,315.033,195.412,315.066Z" transform="translate(-188 -315)" fill="#ffae3e"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15183" data-name="Group 15183" transform="translate(1.985 9.926)">
+              <g id="Group_15182" data-name="Group 15182">
+                <g id="Group_15181" data-name="Group 15181">
+                  <path id="Path_10532" data-name="Path 10532" d="M195.412,353.066c0,.033-1.687.066-3.706.066-2.051,0-3.706-.033-3.706-.066s1.654-.066,3.706-.066C193.724,353,195.412,353.033,195.412,353.066Z" transform="translate(-188 -353)" fill="#ffae3e"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15186" data-name="Group 15186" transform="translate(1.985 11.117)">
+              <g id="Group_15185" data-name="Group 15185">
+                <g id="Group_15184" data-name="Group 15184">
+                  <path id="Path_10533" data-name="Path 10533" d="M191.309,389.066a20.716,20.716,0,0,1-3.309,0,20.716,20.716,0,0,1,3.309,0Z" transform="translate(-188 -389)" fill="#ffae3e"/>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_15274" data-name="Group 15274" transform="translate(52.225 10.853)">
+          <g id="Group_15272" data-name="Group 15272">
+            <g id="Group_15271" data-name="Group 15271">
+              <g id="Group_15269" data-name="Group 15269">
+                <g id="Group_15193" data-name="Group 15193">
+                  <g id="Group_15189" data-name="Group 15189">
+                    <path id="Path_10534" data-name="Path 10534" d="M1578.946,348.084h16.146a.6.6,0,0,0,.463-.2l6.088-6.684a.629.629,0,0,0,.165-.43V328.629a.636.636,0,0,0-.662-.629H1585.7a.608.608,0,0,0-.629.629v11.647a.534.534,0,0,1-.2.43l-6.386,6.287A.639.639,0,0,0,1578.946,348.084Z" transform="translate(-1578.294 -328)" fill="#263138"/>
+                  </g>
+                  <g id="Group_15190" data-name="Group 15190" transform="translate(7.336 0.761)">
+                    <path id="Path_10535" data-name="Path 10535" d="M1815.617,362.084H1800V351h15.617Z" transform="translate(-1800 -351)" fill="#f4f4f4"/>
+                  </g>
+                  <g id="Group_15192" data-name="Group 15192" transform="translate(7.071 12.54)">
+                    <g id="Group_15191" data-name="Group 15191">
+                      <path id="Path_10536" data-name="Path 10536" d="M1808.213,707.1c0,.033-3.607.066-8.106.066-4.467,0-8.106-.033-8.106-.066,0-.066,3.64-.1,8.106-.1C1804.606,707,1808.213,707.033,1808.213,707.1Z" transform="translate(-1792 -707)" fill="#445964"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15268" data-name="Group 15268" transform="translate(7.931 3.937)">
+                  <g id="Group_15195" data-name="Group 15195" transform="translate(13.797 6.684)">
+                    <g id="Group_15194" data-name="Group 15194">
+                      <path id="Path_10537" data-name="Path 10537" d="M2235,649.4h.563c0-.232,0-.4.033-.4a3.1,3.1,0,0,0,.033.4v.033h-.133A1.387,1.387,0,0,1,2235,649.4Z" transform="translate(-2235 -649)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15197" data-name="Group 15197" transform="translate(12.672 7.081)">
+                    <g id="Group_15196" data-name="Group 15196">
+                      <path id="Path_10538" data-name="Path 10538" d="M2201,661h.563c0,.033-.132.033-.3.033C2201.132,661.033,2201,661.033,2201,661Z" transform="translate(-2201 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15199" data-name="Group 15199" transform="translate(11.514 7.081)">
+                    <g id="Group_15198" data-name="Group 15198">
+                      <path id="Path_10539" data-name="Path 10539" d="M2166,661h.563c0,.033-.132.033-.265.033C2166.132,661.033,2166,661.033,2166,661Z" transform="translate(-2166 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15201" data-name="Group 15201" transform="translate(10.356 7.081)">
+                    <g id="Group_15200" data-name="Group 15200">
+                      <path id="Path_10540" data-name="Path 10540" d="M2131,661h.6c0,.033-.132.033-.3.033S2131,661.033,2131,661Z" transform="translate(-2131 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15203" data-name="Group 15203" transform="translate(9.231 7.081)">
+                    <g id="Group_15202" data-name="Group 15202">
+                      <path id="Path_10541" data-name="Path 10541" d="M2097,661h.563c0,.033-.132.033-.3.033C2097.132,661.033,2097,661.033,2097,661Z" transform="translate(-2097 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15205" data-name="Group 15205" transform="translate(8.073 7.081)">
+                    <g id="Group_15204" data-name="Group 15204">
+                      <path id="Path_10542" data-name="Path 10542" d="M2062,661h.563c0,.033-.1.033-.265.033S2062,661.033,2062,661Z" transform="translate(-2062 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15207" data-name="Group 15207" transform="translate(6.915 7.081)">
+                    <g id="Group_15206" data-name="Group 15206">
+                      <path id="Path_10543" data-name="Path 10543" d="M2027,661h.6c0,.033-.132.033-.3.033S2027,661.033,2027,661Z" transform="translate(-2027 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15209" data-name="Group 15209" transform="translate(5.79 7.081)">
+                    <g id="Group_15208" data-name="Group 15208">
+                      <path id="Path_10544" data-name="Path 10544" d="M1993,661h.563c0,.033-.132.033-.3.033C1993.132,661.033,1993,661.033,1993,661Z" transform="translate(-1993 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15211" data-name="Group 15211" transform="translate(4.632 7.081)">
+                    <g id="Group_15210" data-name="Group 15210">
+                      <path id="Path_10545" data-name="Path 10545" d="M1958,661h.6c0,.033-.132.033-.3.033S1958,661.033,1958,661Z" transform="translate(-1958 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15213" data-name="Group 15213" transform="translate(3.507 7.081)">
+                    <g id="Group_15212" data-name="Group 15212">
+                      <path id="Path_10546" data-name="Path 10546" d="M1924,661h.563c0,.033-.132.033-.3.033S1924,661.033,1924,661Z" transform="translate(-1924 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15215" data-name="Group 15215" transform="translate(2.349 7.081)">
+                    <g id="Group_15214" data-name="Group 15214">
+                      <path id="Path_10547" data-name="Path 10547" d="M1889,661h.563c0,.033-.132.033-.265.033C1889.132,661.033,1889,661.033,1889,661Z" transform="translate(-1889 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15217" data-name="Group 15217" transform="translate(1.191 7.081)">
+                    <g id="Group_15216" data-name="Group 15216">
+                      <path id="Path_10548" data-name="Path 10548" d="M1854,661h.6c0,.033-.133.033-.3.033S1854,661.033,1854,661Z" transform="translate(-1854 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15219" data-name="Group 15219" transform="translate(0.066 7.081)">
+                    <g id="Group_15218" data-name="Group 15218">
+                      <path id="Path_10549" data-name="Path 10549" d="M1820,661h.563c0,.033-.132.033-.3.033S1820,661.033,1820,661Z" transform="translate(-1820 -661)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15221" data-name="Group 15221" transform="translate(0 5.956)">
+                    <g id="Group_15220" data-name="Group 15220">
+                      <path id="Path_10550" data-name="Path 10550" d="M1818.033,627c.033,0,.033.132.033.3s0,.265-.033.265a.916.916,0,0,1-.033-.265A1.365,1.365,0,0,1,1818.033,627Z" transform="translate(-1818 -627)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15223" data-name="Group 15223" transform="translate(0 4.798)">
+                    <g id="Group_15222" data-name="Group 15222">
+                      <path id="Path_10551" data-name="Path 10551" d="M1818.033,592c.033,0,.033.132.033.3s0,.3-.033.3a1.357,1.357,0,0,1,0-.6Z" transform="translate(-1818 -592)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15225" data-name="Group 15225" transform="translate(0 3.673)">
+                    <g id="Group_15224" data-name="Group 15224">
+                      <path id="Path_10552" data-name="Path 10552" d="M1818.033,558c.033,0,.033.132.033.265,0,.165,0,.3-.033.3a1.366,1.366,0,0,1-.033-.3A1.252,1.252,0,0,1,1818.033,558Z" transform="translate(-1818 -558)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15227" data-name="Group 15227" transform="translate(0 2.515)">
+                    <g id="Group_15226" data-name="Group 15226">
+                      <path id="Path_10553" data-name="Path 10553" d="M1818.033,523c.033,0,.033.132.033.3s0,.265-.033.265a.916.916,0,0,1-.033-.265A1.365,1.365,0,0,1,1818.033,523Z" transform="translate(-1818 -523)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15229" data-name="Group 15229" transform="translate(0 1.357)">
+                    <g id="Group_15228" data-name="Group 15228">
+                      <path id="Path_10554" data-name="Path 10554" d="M1818.033,488c.033,0,.033.132.033.3s0,.3-.033.3a1.357,1.357,0,0,1,0-.6Z" transform="translate(-1818 -488)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15231" data-name="Group 15231" transform="translate(0 0.232)">
+                    <g id="Group_15230" data-name="Group 15230">
+                      <path id="Path_10555" data-name="Path 10555" d="M1818.033,454c.033,0,.033.132.033.3,0,.132,0,.265-.033.265a1.252,1.252,0,0,1-.033-.265A1.366,1.366,0,0,1,1818.033,454Z" transform="translate(-1818 -454)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15233" data-name="Group 15233" transform="translate(0.397)">
+                    <g id="Group_15232" data-name="Group 15232">
+                      <path id="Path_10556" data-name="Path 10556" d="M1830.6,447c0,.033-.132.033-.3.033s-.3,0-.3-.033h.6Z" transform="translate(-1830 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15235" data-name="Group 15235" transform="translate(1.555)">
+                    <g id="Group_15234" data-name="Group 15234">
+                      <path id="Path_10557" data-name="Path 10557" d="M1865.563,447c0,.033-.132.033-.265.033-.166,0-.3,0-.3-.033h.563Z" transform="translate(-1865 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15237" data-name="Group 15237" transform="translate(2.713)">
+                    <g id="Group_15236" data-name="Group 15236">
+                      <path id="Path_10558" data-name="Path 10558" d="M1900.563,447c0,.033-.132.033-.3.033s-.265,0-.265-.033h.563Z" transform="translate(-1900 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15239" data-name="Group 15239" transform="translate(3.838)">
+                    <g id="Group_15238" data-name="Group 15238">
+                      <path id="Path_10559" data-name="Path 10559" d="M1934.6,447c0,.033-.132.033-.3.033s-.3,0-.3-.033h.6Z" transform="translate(-1934 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15241" data-name="Group 15241" transform="translate(4.996)">
+                    <g id="Group_15240" data-name="Group 15240">
+                      <path id="Path_10560" data-name="Path 10560" d="M1969.563,447c0,.033-.132.033-.265.033-.166,0-.3,0-.3-.033h.563Z" transform="translate(-1969 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15243" data-name="Group 15243" transform="translate(6.121)">
+                    <g id="Group_15242" data-name="Group 15242">
+                      <path id="Path_10561" data-name="Path 10561" d="M2003.6,447c0,.033-.132.033-.3.033s-.3,0-.3-.033h.6Z" transform="translate(-2003 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15245" data-name="Group 15245" transform="translate(7.279)">
+                    <g id="Group_15244" data-name="Group 15244">
+                      <path id="Path_10562" data-name="Path 10562" d="M2038.562,447c0,.033-.1.033-.265.033s-.3,0-.3-.033h.562Z" transform="translate(-2038 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15247" data-name="Group 15247" transform="translate(8.437)">
+                    <g id="Group_15246" data-name="Group 15246">
+                      <path id="Path_10563" data-name="Path 10563" d="M2073.563,447c0,.033-.132.033-.3.033-.132,0-.265,0-.265-.033h.563Z" transform="translate(-2073 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15249" data-name="Group 15249" transform="translate(9.562)">
+                    <g id="Group_15248" data-name="Group 15248">
+                      <path id="Path_10564" data-name="Path 10564" d="M2107.6,447c0,.033-.132.033-.3.033s-.3,0-.3-.033h.6Z" transform="translate(-2107 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15251" data-name="Group 15251" transform="translate(10.72)">
+                    <g id="Group_15250" data-name="Group 15250">
+                      <path id="Path_10565" data-name="Path 10565" d="M2142.563,447c0,.033-.1.033-.265.033s-.3,0-.3-.033h.563Z" transform="translate(-2142 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15253" data-name="Group 15253" transform="translate(11.878)">
+                    <g id="Group_15252" data-name="Group 15252">
+                      <path id="Path_10566" data-name="Path 10566" d="M2177.563,447c0,.033-.132.033-.3.033-.132,0-.265,0-.265-.033h.563Z" transform="translate(-2177 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15255" data-name="Group 15255" transform="translate(13.003)">
+                    <g id="Group_15254" data-name="Group 15254">
+                      <path id="Path_10567" data-name="Path 10567" d="M2211.6,447c0,.033-.132.033-.3.033s-.3,0-.3-.033h.6Z" transform="translate(-2211 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15257" data-name="Group 15257" transform="translate(14.161)">
+                    <g id="Group_15256" data-name="Group 15256">
+                      <path id="Path_10568" data-name="Path 10568" d="M2246.232,447.364c-.033,0-.033-.132-.033-.3V447l.033.033c-.133,0-.232,0-.232-.033h.265v.066A1.37,1.37,0,0,1,2246.232,447.364Z" transform="translate(-2246 -447)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15259" data-name="Group 15259" transform="translate(14.36 0.926)">
+                    <g id="Group_15258" data-name="Group 15258">
+                      <path id="Path_10569" data-name="Path 10569" d="M2252.033,475.6c-.033,0-.033-.132-.033-.3s0-.3.033-.3a1.362,1.362,0,0,1,0,.6Z" transform="translate(-2252 -475)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15261" data-name="Group 15261" transform="translate(14.36 2.084)">
+                    <g id="Group_15260" data-name="Group 15260">
+                      <path id="Path_10570" data-name="Path 10570" d="M2252.033,510.562c-.033,0-.033-.1-.033-.265s0-.3.033-.3a1.37,1.37,0,0,1,.033.3A.919.919,0,0,1,2252.033,510.562Z" transform="translate(-2252 -510)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15263" data-name="Group 15263" transform="translate(14.36 3.243)">
+                    <g id="Group_15262" data-name="Group 15262">
+                      <path id="Path_10571" data-name="Path 10571" d="M2252.033,545.563c-.033,0-.033-.132-.033-.3,0-.132,0-.265.033-.265a1.256,1.256,0,0,1,.033.265A1.371,1.371,0,0,1,2252.033,545.563Z" transform="translate(-2252 -545)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15265" data-name="Group 15265" transform="translate(14.36 4.368)">
+                    <g id="Group_15264" data-name="Group 15264">
+                      <path id="Path_10572" data-name="Path 10572" d="M2252.033,579.6c-.033,0-.033-.132-.033-.3s0-.3.033-.3a1.362,1.362,0,0,1,0,.6Z" transform="translate(-2252 -579)" fill="#263138"/>
+                    </g>
+                  </g>
+                  <g id="Group_15267" data-name="Group 15267" transform="translate(14.36 5.526)">
+                    <g id="Group_15266" data-name="Group 15266">
+                      <path id="Path_10573" data-name="Path 10573" d="M2252.033,614.562c-.033,0-.033-.132-.033-.265,0-.165,0-.3.033-.3a1.37,1.37,0,0,1,.033.3A1.256,1.256,0,0,1,2252.033,614.562Z" transform="translate(-2252 -614)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15270" data-name="Group 15270" transform="translate(7.964 1.357)">
+                <path id="Path_10574" data-name="Path 10574" d="M1833.36,371.051H1819V369h14.36Z" transform="translate(-1819 -369)" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15273" data-name="Group 15273" transform="translate(3.762 13.103)">
+            <path id="Path_10575" data-name="Path 10575" d="M1706.922,727.706,1710.3,724h-14.558L1692,727.573Z" transform="translate(-1692 -724)" fill="#445964"/>
+          </g>
+        </g>
+        <g id="Group_15516" data-name="Group 15516" transform="translate(22.172)">
+          <g id="Group_15298" data-name="Group 15298" transform="translate(0.033 94.795)">
+            <g id="Group_15289" data-name="Group 15289">
+              <g id="Group_15288" data-name="Group 15288">
+                <g id="Group_15278" data-name="Group 15278">
+                  <g id="Group_15277" data-name="Group 15277">
+                    <g id="Group_15276" data-name="Group 15276">
+                      <g id="Group_15275" data-name="Group 15275">
+                        <path id="Path_10576" data-name="Path 10576" d="M672.687,2865,671,2871.187l5.426.5,1.158-5.89Z" transform="translate(-671 -2865)" fill="#05968F"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15283" data-name="Group 15283" transform="translate(0.199 5.526)">
+                  <g id="Group_15282" data-name="Group 15282">
+                    <g id="Group_15281" data-name="Group 15281">
+                      <g id="Group_15280" data-name="Group 15280">
+                        <g id="Group_15279" data-name="Group 15279">
+                          <path id="Path_10577" data-name="Path 10577" d="M682.393,3032.629a2.507,2.507,0,0,1-.794,0c-.5-.066-1.158-.133-1.919-.232-.695-.1-1.357-.165-1.886-.231A2.546,2.546,0,0,1,677,3032s.3,0,.794.033c.5.066,1.158.132,1.919.231.728.1,1.357.166,1.886.232C682.1,3032.563,682.393,3032.629,682.393,3032.629Z" transform="translate(-677 -3032)" fill="#263138"/>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15287" data-name="Group 15287" transform="translate(0 5.526)">
+                  <g id="Group_15286" data-name="Group 15286">
+                    <g id="Group_15285" data-name="Group 15285">
+                      <g id="Group_15284" data-name="Group 15284">
+                        <path id="Path_10578" data-name="Path 10578" d="M671,3032.662l5.426.5.1-.463-5.36-.695-.165.6Z" transform="translate(-671 -3032)" fill="rgba(255,255,255,0.6)"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15293" data-name="Group 15293" transform="translate(2.71 1.191)">
+              <g id="Group_15292" data-name="Group 15292">
+                <g id="Group_15291" data-name="Group 15291">
+                  <g id="Group_15290" data-name="Group 15290">
+                    <path id="Path_10579" data-name="Path 10579" d="M752.908,2905.7c-.033,0,.2-1.059.5-2.349a22.764,22.764,0,0,1,.662-2.349,23.974,23.974,0,0,1-.529,2.382C753.206,2904.673,752.941,2905.731,752.908,2905.7Z" transform="translate(-752.905 -2901)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15297" data-name="Group 15297" transform="translate(0.695 3.138)">
+              <g id="Group_15296" data-name="Group 15296">
+                <g id="Group_15295" data-name="Group 15295">
+                  <g id="Group_15294" data-name="Group 15294">
+                    <path id="Path_10580" data-name="Path 10580" d="M696.6,2962.832a2.664,2.664,0,0,0,0-1.158,1.928,1.928,0,0,0-.6-1.059,2.173,2.173,0,0,0-1.323-.629,2.428,2.428,0,0,0-1.489.331,2.585,2.585,0,0,0-.827.893,3.324,3.324,0,0,0-.364,1.125v-.1a.748.748,0,0,1,.033-.232,1.969,1.969,0,0,1,.232-.827,2.7,2.7,0,0,1,.893-.959,2.544,2.544,0,0,1,1.522-.364,2.487,2.487,0,0,1,1.423.662,2.434,2.434,0,0,1,.6,1.158,1.851,1.851,0,0,1,0,.86.386.386,0,0,1-.066.232C696.632,2962.832,696.6,2962.832,696.6,2962.832Z" transform="translate(-692 -2959.849)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15337" data-name="Group 15337" transform="translate(18.628 92.942)">
+            <g id="Group_15325" data-name="Group 15325">
+              <g id="Group_15301" data-name="Group 15301">
+                <g id="Group_15300" data-name="Group 15300">
+                  <g id="Group_15299" data-name="Group 15299">
+                    <path id="Path_10581" data-name="Path 10581" d="M1238.559,2809.166l-.364,5.525s5.459,1.82,5.492,2.813l-10.687.1.2-8.6Z" transform="translate(-1233 -2809)" fill="#05968F"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15305" data-name="Group 15305" transform="translate(1.583 5.099)">
+                <g id="Group_15304" data-name="Group 15304">
+                  <g id="Group_15303" data-name="Group 15303">
+                    <g id="Group_15302" data-name="Group 15302">
+                      <path id="Path_10582" data-name="Path 10582" d="M1281.15,2963.133a.409.409,0,0,0-.3.463.4.4,0,0,0,.463.331.445.445,0,0,0,.331-.529.42.42,0,0,0-.529-.265Z" transform="translate(-1280.847 -2963.103)" fill="rgba(255,255,255,0.6)"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15308" data-name="Group 15308" transform="translate(0 7.742)">
+                <g id="Group_15307" data-name="Group 15307">
+                  <g id="Group_15306" data-name="Group 15306">
+                    <path id="Path_10583" data-name="Path 10583" d="M1233,3043.86l.033-.86,10.323.265a.819.819,0,0,1,.4.6Z" transform="translate(-1233 -3043)" fill="rgba(255,255,255,0.6)"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15312" data-name="Group 15312" transform="translate(4.381 5.583)">
+                <g id="Group_15311" data-name="Group 15311">
+                  <g id="Group_15310" data-name="Group 15310">
+                    <g id="Group_15309" data-name="Group 15309">
+                      <path id="Path_10584" data-name="Path 10584" d="M1366.387,2977.791c0,.066-.265.066-.529.232a3.879,3.879,0,0,0-.43.364c-.066-.033.033-.331.331-.53C1366.089,2977.692,1366.42,2977.758,1366.387,2977.791Z" transform="translate(-1365.408 -2977.75)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15316" data-name="Group 15316" transform="translate(5.742 6.106)">
+                <g id="Group_15315" data-name="Group 15315">
+                  <g id="Group_15314" data-name="Group 15314">
+                    <g id="Group_15313" data-name="Group 15313">
+                      <path id="Path_10585" data-name="Path 10585" d="M1407.27,2993.561c0,.066-.232.133-.43.364-.165.2-.232.43-.265.43-.066,0-.1-.3.132-.562A.6.6,0,0,1,1407.27,2993.561Z" transform="translate(-1406.527 -2993.546)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15320" data-name="Group 15320" transform="translate(7.01 6.601)">
+                <g id="Group_15319" data-name="Group 15319">
+                  <g id="Group_15318" data-name="Group 15318">
+                    <g id="Group_15317" data-name="Group 15317">
+                      <path id="Path_10586" data-name="Path 10586" d="M1444.933,3009.367c-.066.033-.132-.231.033-.529.132-.265.364-.4.4-.331.033.033-.132.2-.265.43C1445,3009.169,1444.966,3009.367,1444.933,3009.367Z" transform="translate(-1444.862 -3008.49)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_15324" data-name="Group 15324" transform="translate(4.199 4.165)">
+                <g id="Group_15323" data-name="Group 15323">
+                  <g id="Group_15322" data-name="Group 15322">
+                    <g id="Group_15321" data-name="Group 15321">
+                      <path id="Path_10587" data-name="Path 10587" d="M1361,2935.09a5.262,5.262,0,0,1-.529-.033c-.3,0-.529.1-.562.066s.2-.232.529-.232C1360.8,2934.859,1361.033,2935.057,1361,2935.09Z" transform="translate(-1359.905 -2934.888)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15328" data-name="Group 15328" transform="translate(0.165 1.158)">
+              <g id="Group_15327" data-name="Group 15327">
+                <g id="Group_15326" data-name="Group 15326">
+                  <path id="Path_10588" data-name="Path 10588" d="M1243.327,2844.1l-.066.992-5.261-.2.033-.894Z" transform="translate(-1238 -2844)" fill="rgba(0,0,0,0.3)"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15332" data-name="Group 15332" transform="translate(3.755 2.349)">
+              <g id="Group_15331" data-name="Group 15331">
+                <g id="Group_15330" data-name="Group 15330">
+                  <g id="Group_15329" data-name="Group 15329">
+                    <path id="Path_10589" data-name="Path 10589" d="M1348.1,2880.893c0,.033-.2.066-.529,0a2.305,2.305,0,0,1-.562-.2,1.342,1.342,0,0,1-.3-.166c-.033-.033-.1-.066-.166-.132a.247.247,0,0,1,0-.3.258.258,0,0,1,.232-.1c.066,0,.132.033.2.033a1.375,1.375,0,0,1,.331.132,1.87,1.87,0,0,1,.463.331.92.92,0,0,1,.331.463c-.033,0-.166-.166-.4-.364-.132-.1-.3-.2-.463-.3-.1-.033-.2-.066-.331-.1-.1-.033-.2-.033-.232.033v.066a.25.25,0,0,1,.132.066,1.806,1.806,0,0,1,.265.2,2.127,2.127,0,0,0,.529.2C1347.906,2880.86,1348.1,2880.86,1348.1,2880.893Z" transform="translate(-1346.5 -2880)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15336" data-name="Group 15336" transform="translate(5.162 1.654)">
+              <g id="Group_15335" data-name="Group 15335">
+                <g id="Group_15334" data-name="Group 15334">
+                  <g id="Group_15333" data-name="Group 15333">
+                    <path id="Path_10590" data-name="Path 10590" d="M1389.132,2860.688c-.033,0-.132-.2-.132-.529a2.223,2.223,0,0,1,.1-.6,2.3,2.3,0,0,1,.132-.331.426.426,0,0,1,.364-.231.279.279,0,0,1,.232.132.493.493,0,0,1,.033.2v.364a1.777,1.777,0,0,1-.265.563c-.2.265-.43.331-.43.3-.033-.033.165-.132.331-.4a.983.983,0,0,0,.2-.5v-.3c-.033-.1-.066-.2-.1-.2a.244.244,0,0,0-.2.165,1.173,1.173,0,0,0-.132.3,1.133,1.133,0,0,0-.132.529C1389.1,2860.456,1389.165,2860.654,1389.132,2860.688Z" transform="translate(-1389 -2859)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15448" data-name="Group 15448" transform="translate(0 45.197)">
+            <g id="Group_15339" data-name="Group 15339">
+              <g id="Group_15338" data-name="Group 15338">
+                <path id="Path_10591" data-name="Path 10591" d="M694.187,1366.1l-16.312-.1L670,1417.748l6.783.86,8.669-42.55,2.581,42.682v.132l7.312-.132Z" transform="translate(-670 -1366)" fill="#22325e"/>
+              </g>
+            </g>
+            <g id="Group_15341" data-name="Group 15341" transform="translate(16.709 4.136)">
+              <g id="Group_15340" data-name="Group 15340">
+                <path id="Path_10592" data-name="Path 10592" d="M1175.066,1491.165h.331c.232-.033.563-.033.993-.066.86,0,2.084-.033,3.507-.1h.066v3.507h0c-.2.2-.43.364-.629.562-.629.6-1.224,1.158-1.82,1.655l-.033.066-.033-.066c-.927-.794-1.72-1.522-2.415-2.151H1175v-.033c0-1.026.033-1.853.033-2.482v-.662a1.384,1.384,0,0,0,.033-.232v.265a5.129,5.129,0,0,0,.033.662c0,.6,0,1.456.033,2.448l-.033-.033c.695.6,1.522,1.323,2.415,2.118h-.1c.6-.529,1.191-1.092,1.82-1.654.2-.2.43-.4.629-.562l-.033.066v-3.408l.066.066c-1.423.033-2.614.033-3.474.033h-1.357Z" transform="translate(-1175 -1491)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15343" data-name="Group 15343" transform="translate(8.636 4.07)">
+              <g id="Group_15342" data-name="Group 15342">
+                <path id="Path_10593" data-name="Path 10593" d="M931.463,1489a2.049,2.049,0,0,1,.3.033c.232,0,.5.033.86.066.794.066,1.886.165,3.176.3h.066v.066c-.132.993-.265,2.151-.4,3.342v.033l-.033.033c-.232.166-.463.364-.695.563-.6.463-1.191.927-1.754,1.39l-.033.033-.066-.066q-1.042-1.34-1.886-2.382v-.066c.132-.993.232-1.853.331-2.448.033-.265.066-.5.1-.662a.808.808,0,0,1,.033-.232,1.24,1.24,0,0,1-.033.265c0,.166-.033.4-.066.695-.066.6-.132,1.423-.265,2.415v-.033c.563.695,1.191,1.489,1.919,2.349h-.1c.529-.43,1.125-.893,1.72-1.39.232-.2.5-.364.695-.562l-.033.066c.166-1.224.3-2.349.43-3.375l.066.1c-1.29-.165-2.349-.265-3.11-.364q-.6-.05-.893-.1C931.563,1489.033,931.463,1489.033,931.463,1489Z" transform="translate(-931 -1489)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15345" data-name="Group 15345" transform="translate(14.062 9.43)">
+              <g id="Group_15344" data-name="Group 15344">
+                <path id="Path_10594" data-name="Path 10594" d="M1100,1653.515l-.728-.364c-.463-.232-1.059-.562-1.754-.893-.695-.364-1.323-.662-1.787-.86a3.827,3.827,0,0,1-.728-.4s.3.1.761.3a19.285,19.285,0,0,1,1.82.827c.695.331,1.29.662,1.754.926C1099.765,1653.316,1100.029,1653.482,1100,1653.515Z" transform="translate(-1095 -1651)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15347" data-name="Group 15347" transform="translate(16.072 10.455)">
+              <g id="Group_15346" data-name="Group 15346">
+                <path id="Path_10595" data-name="Path 10595" d="M1158.538,1684.719a3.613,3.613,0,0,1-.562-.232,3.8,3.8,0,0,1-1.158-.827,4.715,4.715,0,0,1-.86-1.158c-.165-.331-.232-.529-.2-.529a7.284,7.284,0,0,0,1.158,1.588A13.062,13.062,0,0,0,1158.538,1684.719Z" transform="translate(-1155.75 -1681.972)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15349" data-name="Group 15349" transform="translate(17.669 28.155)">
+              <g id="Group_15348" data-name="Group 15348">
+                <path id="Path_10596" data-name="Path 10596" d="M1209.79,2216.944a.794.794,0,0,1-.066.265,5.913,5.913,0,0,1-.331.695,4.574,4.574,0,0,1-1.919,1.621,4.478,4.478,0,0,1-2.482.231,3.78,3.78,0,0,1-.728-.231c-.165-.1-.265-.132-.265-.166a5.953,5.953,0,0,0,.993.265,4.016,4.016,0,0,0,2.415-.265,4.293,4.293,0,0,0,1.886-1.522C1209.658,2217.308,1209.757,2216.911,1209.79,2216.944Z" transform="translate(-1204 -2216.942)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15351" data-name="Group 15351" transform="translate(17.834 27.694)">
+              <g id="Group_15350" data-name="Group 15350">
+                <path id="Path_10597" data-name="Path 10597" d="M1213.566,2203a1.656,1.656,0,0,1-.629.3,6.619,6.619,0,0,1-1.621.265,8.052,8.052,0,0,1-1.654-.1,1.987,1.987,0,0,1-.662-.165,17.282,17.282,0,0,0,2.316.1,6.646,6.646,0,0,0,1.588-.2C1213.3,2203.1,1213.533,2203,1213.566,2203Z" transform="translate(-1209 -2203)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15353" data-name="Group 15353" transform="translate(5.492 28.021)">
+              <g id="Group_15352" data-name="Group 15352">
+                <path id="Path_10598" data-name="Path 10598" d="M840.765,2212.895c.033,0-.165.231-.562.5a6.012,6.012,0,0,1-1.621.893,7.359,7.359,0,0,1-1.787.4,1.933,1.933,0,0,1-.794-.033s.3-.033.761-.066a10.468,10.468,0,0,0,1.787-.43,9.772,9.772,0,0,0,1.588-.827A6.793,6.793,0,0,1,840.765,2212.895Z" transform="translate(-836 -2212.891)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15355" data-name="Group 15355" transform="translate(5.888 27.714)">
+              <g id="Group_15354" data-name="Group 15354">
+                <path id="Path_10599" data-name="Path 10599" d="M850.91,2203.842a3.647,3.647,0,0,1-1.489.132,3.549,3.549,0,0,1-1.456-.364c0-.066.662.132,1.456.2C850.248,2203.875,850.91,2203.776,850.91,2203.842Z" transform="translate(-847.964 -2203.597)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15357" data-name="Group 15357" transform="translate(9.992 10.416)">
+              <g id="Group_15356" data-name="Group 15356">
+                <path id="Path_10600" data-name="Path 10600" d="M977.36,1680.815s-.265.132-.728.331a10.476,10.476,0,0,1-1.886.463,8.6,8.6,0,0,1-1.952.132,2.746,2.746,0,0,1-.794-.1h.794a15.515,15.515,0,0,0,1.919-.166c.728-.132,1.39-.3,1.886-.43A2.636,2.636,0,0,1,977.36,1680.815Z" transform="translate(-972 -1680.808)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15372" data-name="Group 15372" transform="translate(14.823 2.084)">
+              <g id="Group_15359" data-name="Group 15359" transform="translate(0 6.651)">
+                <g id="Group_15358" data-name="Group 15358">
+                  <path id="Path_10601" data-name="Path 10601" d="M1118.066,1630c.033,0,.1.132.1.3,0,.132-.033.265-.1.265-.033,0-.066-.1-.066-.265S1118.033,1630,1118.066,1630Z" transform="translate(-1118 -1630)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15361" data-name="Group 15361" transform="translate(0 5.492)">
+                <g id="Group_15360" data-name="Group 15360">
+                  <path id="Path_10602" data-name="Path 10602" d="M1118.066,1595c.066,0,.1.132.066.3,0,.165-.033.3-.066.3s-.066-.132-.066-.3S1118.033,1595,1118.066,1595Z" transform="translate(-1118 -1595)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15363" data-name="Group 15363" transform="translate(0.02 4.368)">
+                <g id="Group_15362" data-name="Group 15362">
+                  <path id="Path_10603" data-name="Path 10603" d="M1118.687,1561c.033,0,.066.132.066.265,0,.166-.033.3-.066.3-.066,0-.1-.132-.066-.3C1118.621,1561.132,1118.654,1561,1118.687,1561Z" transform="translate(-1118.608 -1561)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15365" data-name="Group 15365" transform="translate(0.066 3.209)">
+                <g id="Group_15364" data-name="Group 15364">
+                  <path id="Path_10604" data-name="Path 10604" d="M1120.066,1526c.066,0,.066.132.066.3s-.033.265-.066.265c-.066,0-.066-.132-.066-.265C1120,1526.132,1120.033,1526,1120.066,1526Z" transform="translate(-1120 -1526)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15367" data-name="Group 15367" transform="translate(0.119 2.079)">
+                <g id="Group_15366" data-name="Group 15366">
+                  <path id="Path_10605" data-name="Path 10605" d="M1121.666,1491.851c.066,0,.066.132.066.265,0,.165-.033.3-.1.3-.033,0-.066-.132-.033-.3C1121.6,1491.95,1121.633,1491.818,1121.666,1491.851Z" transform="translate(-1121.586 -1491.846)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15369" data-name="Group 15369" transform="translate(0.199 0.926)">
+                <g id="Group_15368" data-name="Group 15368">
+                  <path id="Path_10606" data-name="Path 10606" d="M1124.1,1457c.033,0,.066.132.066.3-.033.165-.066.265-.1.265-.066,0-.066-.132-.066-.3C1124.033,1457.132,1124.066,1457,1124.1,1457Z" transform="translate(-1124 -1457)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15371" data-name="Group 15371" transform="translate(0.298)">
+                <g id="Group_15370" data-name="Group 15370">
+                  <path id="Path_10607" data-name="Path 10607" d="M1127.1,1429c.033,0,.066.066.066.165q-.05.2-.1.2c-.033,0-.066-.1-.066-.2S1127.066,1429,1127.1,1429Z" transform="translate(-1127 -1429)" fill="#445964"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15447" data-name="Group 15447" transform="translate(5.843 10.985)">
+              <g id="Group_15374" data-name="Group 15374" transform="translate(0 40.466)">
+                <g id="Group_15373" data-name="Group 15373">
+                  <path id="Path_10608" data-name="Path 10608" d="M846.732,2921c.066.033.066.166.033.3-.033.166-.1.3-.132.265-.033,0-.066-.132-.033-.3C846.633,2921.132,846.7,2921,846.732,2921Z" transform="translate(-846.586 -2921)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15376" data-name="Group 15376" transform="translate(0.224 39.341)">
+                <g id="Group_15375" data-name="Group 15375">
+                  <path id="Path_10609" data-name="Path 10609" d="M853.5,2887a.385.385,0,0,1,.033.3c-.033.165-.1.3-.132.265-.066,0-.066-.133-.033-.3C853.4,2887.132,853.464,2887,853.5,2887Z" transform="translate(-853.343 -2887)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15378" data-name="Group 15378" transform="translate(0.455 38.216)">
+                <g id="Group_15377" data-name="Group 15377">
+                  <path id="Path_10610" data-name="Path 10610" d="M860.5,2853a.434.434,0,0,1,0,.3c-.033.166-.066.3-.1.265-.066,0-.066-.132-.033-.3C860.4,2853.132,860.464,2853,860.5,2853Z" transform="translate(-860.343 -2853)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15380" data-name="Group 15380" transform="translate(0.684 37.091)">
+                <g id="Group_15379" data-name="Group 15379">
+                  <path id="Path_10611" data-name="Path 10611" d="M867.407,2819a.433.433,0,0,1,0,.3c-.033.166-.066.3-.132.265-.033,0-.033-.132,0-.265C867.308,2819.132,867.341,2819,867.407,2819Z" transform="translate(-867.25 -2819)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15382" data-name="Group 15382" transform="translate(0.915 35.966)">
+                <g id="Group_15381" data-name="Group 15381">
+                  <path id="Path_10612" data-name="Path 10612" d="M874.407,2785a.433.433,0,0,1,0,.3c-.033.165-.1.3-.132.265-.033,0-.033-.133,0-.265C874.308,2785.132,874.341,2785,874.407,2785Z" transform="translate(-874.25 -2785)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15384" data-name="Group 15384" transform="translate(1.125 34.869)">
+                <g id="Group_15383" data-name="Group 15383">
+                  <path id="Path_10613" data-name="Path 10613" d="M880.732,2751.851c.066,0,.066.133.033.265-.033.166-.1.3-.132.3a.386.386,0,0,1-.033-.3C880.633,2751.95,880.7,2751.818,880.732,2751.851Z" transform="translate(-880.586 -2751.845)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15386" data-name="Group 15386" transform="translate(1.349 33.744)">
+                <g id="Group_15385" data-name="Group 15385">
+                  <path id="Path_10614" data-name="Path 10614" d="M887.5,2717.851c.033,0,.066.133.033.265-.033.166-.1.3-.132.3-.066-.033-.066-.165-.033-.3C887.4,2717.95,887.464,2717.818,887.5,2717.851Z" transform="translate(-887.343 -2717.845)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15388" data-name="Group 15388" transform="translate(1.577 32.619)">
+                <g id="Group_15387" data-name="Group 15387">
+                  <path id="Path_10615" data-name="Path 10615" d="M894.407,2683.851c.033,0,.033.132,0,.3-.033.132-.066.265-.132.265a.432.432,0,0,1,0-.3C894.308,2683.95,894.374,2683.818,894.407,2683.851Z" transform="translate(-894.25 -2683.846)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15390" data-name="Group 15390" transform="translate(1.809 31.494)">
+                <g id="Group_15389" data-name="Group 15389">
+                  <path id="Path_10616" data-name="Path 10616" d="M901.407,2649.851c.033,0,.033.133,0,.3-.033.132-.066.265-.132.265a.434.434,0,0,1,0-.3C901.308,2649.95,901.341,2649.818,901.407,2649.851Z" transform="translate(-901.25 -2649.845)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15392" data-name="Group 15392" transform="translate(2.04 30.369)">
+                <g id="Group_15391" data-name="Group 15391">
+                  <path id="Path_10617" data-name="Path 10617" d="M908.374,2615.851c.066,0,.066.133.033.3-.033.132-.1.265-.132.265a.432.432,0,0,1,0-.3C908.308,2615.95,908.341,2615.818,908.374,2615.851Z" transform="translate(-908.25 -2615.845)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15394" data-name="Group 15394" transform="translate(2.25 29.244)">
+                <g id="Group_15393" data-name="Group 15393">
+                  <path id="Path_10618" data-name="Path 10618" d="M914.732,2581.851c.033,0,.066.132.033.3-.033.132-.1.265-.132.265a.386.386,0,0,1-.033-.3C914.633,2581.95,914.7,2581.818,914.732,2581.851Z" transform="translate(-914.586 -2581.846)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15396" data-name="Group 15396" transform="translate(2.474 28.119)">
+                <g id="Group_15395" data-name="Group 15395">
+                  <path id="Path_10619" data-name="Path 10619" d="M921.5,2547.851c.033,0,.066.133.033.3-.033.132-.1.265-.132.265-.066-.033-.066-.166-.033-.3C921.4,2547.95,921.464,2547.818,921.5,2547.851Z" transform="translate(-921.343 -2547.845)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15398" data-name="Group 15398" transform="translate(2.702 26.994)">
+                <g id="Group_15397" data-name="Group 15397">
+                  <path id="Path_10620" data-name="Path 10620" d="M928.407,2513.851c.033,0,.033.133,0,.3-.033.132-.066.265-.132.265a.433.433,0,0,1,0-.3C928.308,2513.95,928.374,2513.818,928.407,2513.851Z" transform="translate(-928.25 -2513.845)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15400" data-name="Group 15400" transform="translate(2.934 25.874)">
+                <g id="Group_15399" data-name="Group 15399">
+                  <path id="Path_10621" data-name="Path 10621" d="M935.407,2480c.033,0,.033.132,0,.3-.033.132-.1.265-.132.265s-.033-.133,0-.3S935.341,2480,935.407,2480Z" transform="translate(-935.25 -2480)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15402" data-name="Group 15402" transform="translate(3.165 24.749)">
+                <g id="Group_15401" data-name="Group 15401">
+                  <path id="Path_10622" data-name="Path 10622" d="M942.374,2446c.066,0,.066.132.033.3-.033.132-.1.265-.132.265s-.033-.132,0-.3C942.275,2446.1,942.341,2446,942.374,2446Z" transform="translate(-942.25 -2446)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15404" data-name="Group 15404" transform="translate(3.375 23.624)">
+                <g id="Group_15403" data-name="Group 15403">
+                  <path id="Path_10623" data-name="Path 10623" d="M948.732,2412c.033,0,.066.132.033.3-.033.132-.1.265-.132.265s-.066-.132-.033-.3S948.7,2412,948.732,2412Z" transform="translate(-948.586 -2412)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15406" data-name="Group 15406" transform="translate(3.598 22.499)">
+                <g id="Group_15405" data-name="Group 15405">
+                  <path id="Path_10624" data-name="Path 10624" d="M955.5,2378c.033,0,.066.132.033.3-.033.132-.1.265-.132.265-.066,0-.066-.133-.033-.3S955.464,2378,955.5,2378Z" transform="translate(-955.343 -2378)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15408" data-name="Group 15408" transform="translate(3.827 21.374)">
+                <g id="Group_15407" data-name="Group 15407">
+                  <path id="Path_10625" data-name="Path 10625" d="M962.407,2344c.033,0,.033.132,0,.3s-.066.265-.132.265c-.033,0-.033-.132,0-.3S962.374,2344,962.407,2344Z" transform="translate(-962.25 -2344)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15410" data-name="Group 15410" transform="translate(4.059 20.249)">
+                <g id="Group_15409" data-name="Group 15409">
+                  <path id="Path_10626" data-name="Path 10626" d="M969.407,2310c.033,0,.033.132,0,.3s-.1.265-.132.265-.033-.132,0-.3S969.341,2310,969.407,2310Z" transform="translate(-969.25 -2310)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15412" data-name="Group 15412" transform="translate(4.29 19.124)">
+                <g id="Group_15411" data-name="Group 15411">
+                  <path id="Path_10627" data-name="Path 10627" d="M976.374,2276c.066,0,.066.132.033.3s-.1.265-.132.265-.033-.133,0-.3C976.275,2276.1,976.341,2276,976.374,2276Z" transform="translate(-976.25 -2276)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15414" data-name="Group 15414" transform="translate(4.5 17.999)">
+                <g id="Group_15413" data-name="Group 15413">
+                  <path id="Path_10628" data-name="Path 10628" d="M982.732,2242c.033,0,.066.132.033.3s-.1.265-.132.265-.066-.132-.033-.3S982.7,2242,982.732,2242Z" transform="translate(-982.586 -2242)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15416" data-name="Group 15416" transform="translate(4.723 16.874)">
+                <g id="Group_15415" data-name="Group 15415">
+                  <path id="Path_10629" data-name="Path 10629" d="M989.5,2208c.033,0,.033.132.033.3-.033.166-.1.265-.132.265-.066,0-.066-.132-.033-.3S989.464,2208,989.5,2208Z" transform="translate(-989.343 -2208)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15418" data-name="Group 15418" transform="translate(4.952 15.75)">
+                <g id="Group_15417" data-name="Group 15417">
+                  <path id="Path_10630" data-name="Path 10630" d="M996.407,2174c.033,0,.033.132,0,.3s-.066.265-.132.265c-.033,0-.033-.133,0-.3S996.374,2174,996.407,2174Z" transform="translate(-996.25 -2174)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15420" data-name="Group 15420" transform="translate(5.184 14.625)">
+                <g id="Group_15419" data-name="Group 15419">
+                  <path id="Path_10631" data-name="Path 10631" d="M1003.407,2140c.033,0,.033.132,0,.3s-.1.265-.132.265-.033-.132,0-.3S1003.341,2140,1003.407,2140Z" transform="translate(-1003.25 -2140)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15422" data-name="Group 15422" transform="translate(5.415 13.5)">
+                <g id="Group_15421" data-name="Group 15421">
+                  <path id="Path_10632" data-name="Path 10632" d="M1010.374,2106c.066,0,.066.132.033.3s-.1.265-.132.265-.033-.132,0-.3C1010.275,2106.1,1010.341,2106,1010.374,2106Z" transform="translate(-1010.25 -2106)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15424" data-name="Group 15424" transform="translate(5.625 12.375)">
+                <g id="Group_15423" data-name="Group 15423">
+                  <path id="Path_10633" data-name="Path 10633" d="M1016.732,2072c.033,0,.066.132.033.3s-.1.265-.132.265-.066-.133-.033-.3S1016.7,2072,1016.732,2072Z" transform="translate(-1016.586 -2072)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15426" data-name="Group 15426" transform="translate(5.848 11.25)">
+                <g id="Group_15425" data-name="Group 15425">
+                  <path id="Path_10634" data-name="Path 10634" d="M1023.5,2038c.033,0,.033.132.033.3-.033.166-.1.265-.132.265-.066,0-.066-.132-.033-.3C1023.4,2038.132,1023.464,2038,1023.5,2038Z" transform="translate(-1023.343 -2038)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15428" data-name="Group 15428" transform="translate(6.077 10.125)">
+                <g id="Group_15427" data-name="Group 15427">
+                  <path id="Path_10635" data-name="Path 10635" d="M1030.407,2004c.033,0,.033.132,0,.3s-.066.265-.132.265c-.033,0-.033-.132,0-.3C1030.308,2004.132,1030.374,2004,1030.407,2004Z" transform="translate(-1030.25 -2004)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15430" data-name="Group 15430" transform="translate(6.309 9)">
+                <g id="Group_15429" data-name="Group 15429">
+                  <path id="Path_10636" data-name="Path 10636" d="M1037.407,1970c.033,0,.033.132,0,.3s-.1.265-.132.265-.033-.132,0-.3C1037.308,1970.132,1037.341,1970,1037.407,1970Z" transform="translate(-1037.25 -1970)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15432" data-name="Group 15432" transform="translate(6.532 7.875)">
+                <g id="Group_15431" data-name="Group 15431">
+                  <path id="Path_10637" data-name="Path 10637" d="M1044.132,1936c.066,0,.066.132.033.3s-.1.265-.132.265-.033-.132-.033-.3C1044.033,1936.132,1044.1,1936,1044.132,1936Z" transform="translate(-1044 -1936)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15434" data-name="Group 15434" transform="translate(6.75 6.75)">
+                <g id="Group_15433" data-name="Group 15433">
+                  <path id="Path_10638" data-name="Path 10638" d="M1050.732,1902a.386.386,0,0,1,.033.3c-.033.165-.1.3-.132.265-.033,0-.066-.132-.033-.3C1050.633,1902.132,1050.7,1902,1050.732,1902Z" transform="translate(-1050.586 -1902)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15436" data-name="Group 15436" transform="translate(6.973 5.625)">
+                <g id="Group_15435" data-name="Group 15435">
+                  <path id="Path_10639" data-name="Path 10639" d="M1057.5,1868a.433.433,0,0,1,0,.3c0,.165-.066.3-.1.265-.066,0-.066-.132-.033-.3C1057.4,1868.132,1057.464,1868,1057.5,1868Z" transform="translate(-1057.343 -1868)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15438" data-name="Group 15438" transform="translate(7.202 4.5)">
+                <g id="Group_15437" data-name="Group 15437">
+                  <path id="Path_10640" data-name="Path 10640" d="M1064.407,1834a.434.434,0,0,1,0,.3c-.033.166-.066.3-.132.265-.033,0-.033-.132,0-.3C1064.308,1834.132,1064.374,1834,1064.407,1834Z" transform="translate(-1064.25 -1834)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15440" data-name="Group 15440" transform="translate(7.434 3.375)">
+                <g id="Group_15439" data-name="Group 15439">
+                  <path id="Path_10641" data-name="Path 10641" d="M1071.407,1800a.434.434,0,0,1,0,.3c-.033.165-.1.3-.132.265-.033,0-.033-.132,0-.3C1071.308,1800.132,1071.341,1800,1071.407,1800Z" transform="translate(-1071.25 -1800)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15442" data-name="Group 15442" transform="translate(7.657 2.25)">
+                <g id="Group_15441" data-name="Group 15441">
+                  <path id="Path_10642" data-name="Path 10642" d="M1078.132,1766c.066.033.066.165.033.3-.033.165-.1.3-.132.265-.033,0-.033-.132-.033-.3C1078.033,1766.132,1078.1,1766,1078.132,1766Z" transform="translate(-1078 -1766)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15444" data-name="Group 15444" transform="translate(7.875 1.125)">
+                <g id="Group_15443" data-name="Group 15443">
+                  <path id="Path_10643" data-name="Path 10643" d="M1084.732,1732a.385.385,0,0,1,.033.3c-.033.166-.1.3-.132.265-.033,0-.066-.132-.033-.3C1084.633,1732.132,1084.7,1732,1084.732,1732Z" transform="translate(-1084.586 -1732)" fill="#445964"/>
+                </g>
+              </g>
+              <g id="Group_15446" data-name="Group 15446" transform="translate(8.098)">
+                <g id="Group_15445" data-name="Group 15445">
+                  <path id="Path_10644" data-name="Path 10644" d="M1091.5,1698a.433.433,0,0,1,0,.3c0,.165-.066.3-.1.265-.066,0-.066-.132-.033-.265C1091.4,1698.132,1091.464,1698,1091.5,1698Z" transform="translate(-1091.343 -1698)" fill="#445964"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15465" data-name="Group 15465" transform="translate(34.477 15.75)">
+            <g id="Group_15452" data-name="Group 15452" transform="translate(2.084)">
+              <g id="Group_15449" data-name="Group 15449">
+                <path id="Path_10645" data-name="Path 10645" d="M1775,481.79s1.919-2.879,1.952-2.879c0,0,1.72-2.912,2.316-2.912.563,0,.364.6-.232,1.621a3.845,3.845,0,0,0-.562,1.489l1.39.86s.959-.364.993.5a4.764,4.764,0,0,1-.166,1.191c-.033.331-.2.662-.5.529a.3.3,0,0,1-.231-.331c-.033-.529.066-.728,0-.728-.1,0-1.026,2.746-1.026,2.746Z" transform="translate(-1775 -476)" fill="#ffbd9c"/>
+              </g>
+              <g id="Group_15450" data-name="Group 15450" transform="translate(3.871 3.176)">
+                <path id="Path_10646" data-name="Path 10646" d="M1892,572.364a1.874,1.874,0,0,1,.43-.265,1.5,1.5,0,0,1,.529-.1.676.676,0,0,1,.3.165.5.5,0,0,1,.033.43.967.967,0,0,1-.231.4Z" transform="translate(-1892 -572)" fill="#ffbd9c"/>
+              </g>
+              <g id="Group_15451" data-name="Group 15451" transform="translate(3.209 2.634)">
+                <path id="Path_10647" data-name="Path 10647" d="M1872,555.952a1.878,1.878,0,0,1,.43-.265.868.868,0,0,1,.5-.066.3.3,0,0,1,.265.132.422.422,0,0,1,.066.4,3.809,3.809,0,0,1-.463.563Z" transform="translate(-1872 -555.608)" fill="#ffbd9c"/>
+              </g>
+            </g>
+            <g id="Group_15453" data-name="Group 15453" transform="translate(0 4.169)">
+              <path id="Path_10648" data-name="Path 10648" d="M1714.746,602,1712,607.89l3.044,3.11,1.588-4.4a1.227,1.227,0,0,0,1.191-.4,17.172,17.172,0,0,0,.893-2.415Z" transform="translate(-1712 -602)" fill="#ffbd9c"/>
+            </g>
+            <g id="Group_15455" data-name="Group 15455" transform="translate(4.724 2.68)">
+              <g id="Group_15454" data-name="Group 15454">
+                <path id="Path_10649" data-name="Path 10649" d="M1854.774,558.323a1.357,1.357,0,0,1,.331-.794,1.1,1.1,0,0,1,.463-.43,1.967,1.967,0,0,1,.232-.1c.033.066-.331.232-.6.6C1854.939,557.993,1854.807,558.357,1854.774,558.323Z" transform="translate(-1854.766 -557)" fill="#eb996e"/>
+              </g>
+            </g>
+            <g id="Group_15457" data-name="Group 15457" transform="translate(6.274 3.828)">
+              <g id="Group_15456" data-name="Group 15456">
+                <path id="Path_10650" data-name="Path 10650" d="M1903.126,591.9c0,.033-.1-.033-.265-.066a.8.8,0,0,0-.6.1,1.463,1.463,0,0,0-.463.43c-.1.132-.132.232-.166.232s0-.132.1-.265a.984.984,0,0,1,.463-.529.885.885,0,0,1,.695-.066C1903.06,591.8,1903.159,591.862,1903.126,591.9Z" transform="translate(-1901.625 -591.686)" fill="#eb996e"/>
+              </g>
+            </g>
+            <g id="Group_15459" data-name="Group 15459" transform="translate(5.606 3.185)">
+              <g id="Group_15458" data-name="Group 15458">
+                <path id="Path_10651" data-name="Path 10651" d="M1882.566,572.275a2.933,2.933,0,0,0-.629.364,4.42,4.42,0,0,0-.5.6c-.066-.033.033-.4.4-.695a1.046,1.046,0,0,1,.5-.265C1882.467,572.242,1882.566,572.242,1882.566,572.275Z" transform="translate(-1881.422 -572.25)" fill="#eb996e"/>
+              </g>
+            </g>
+            <g id="Group_15461" data-name="Group 15461" transform="translate(7.014 4.467)">
+              <g id="Group_15460" data-name="Group 15460">
+                <path id="Path_10652" data-name="Path 10652" d="M1924.43,611a.446.446,0,0,1-.033.463c-.165.232-.4.265-.4.2,0-.033.165-.1.265-.3C1924.364,611.2,1924.364,611,1924.43,611Z" transform="translate(-1924 -611)" fill="#eb996e"/>
+              </g>
+            </g>
+            <g id="Group_15462" data-name="Group 15462" transform="translate(2.08 3.339)">
+              <path id="Path_10653" data-name="Path 10653" d="M1774.879,579.233s-.066-1.754.331-2.151c.43-.4,1.654.033,1.654.033Z" transform="translate(-1774.875 -576.914)" fill="#ffbd9c"/>
+            </g>
+            <g id="Group_15464" data-name="Group 15464" transform="translate(2.843 2.68)">
+              <g id="Group_15463" data-name="Group 15463">
+                <path id="Path_10654" data-name="Path 10654" d="M1799.316,557a3.779,3.779,0,0,1-.629,1.026c-.364.529-.695.926-.761.893a6.078,6.078,0,0,1,.662-.993A5.869,5.869,0,0,1,1799.316,557Z" transform="translate(-1797.924 -557)" fill="#eb996e"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15467" data-name="Group 15467" transform="translate(3.131 14.226)">
+            <g id="Group_15466" data-name="Group 15466">
+              <path id="Path_10655" data-name="Path 10655" d="M770.523,435.788c.033-.232.1-.529.165-.827a2.181,2.181,0,0,1,.364-.794,3.244,3.244,0,0,1,.662-.794.32.32,0,0,0-.132-.6,2.7,2.7,0,0,0-1.555,1.423c-.5.926-.794-.695-.893-1.29a11.319,11.319,0,0,0-.794-2.515c-.3-.132-.529.165-.4.728.132.6.4,2.382.1,2.415-.331.066-.893-2.945-.893-2.945s0-.662-.364-.629c-.662.1.165,3.243.265,3.54a.166.166,0,0,1-.331.033c-.066-.232-.5-3.011-1.158-2.945-.529.066.662,2.614.43,3.243s-.695-2.018-1.191-1.952c-.2.033-.331.066.165,1.555.232.728,1.158,4.07,1.158,4.07l-.529,2.779,4.2,1.059Z" transform="translate(-764.62 -429.964)" fill="#ffbd9c"/>
+            </g>
+          </g>
+          <g id="Group_15493" data-name="Group 15493" transform="translate(11.656)">
+            <g id="Group_15473" data-name="Group 15473" transform="translate(0.654 1.5)">
+              <g id="Group_15472" data-name="Group 15472">
+                <g id="Group_15469" data-name="Group 15469" transform="translate(1.951 1.908)">
+                  <g id="Group_15468" data-name="Group 15468">
+                    <path id="Path_10656" data-name="Path 10656" d="M1101.066,104.687,1101,118.419l5.89.3.2-3.342a2.243,2.243,0,0,0,2.614-1.522c.331-1.257.265-10.853.265-10.853Z" transform="translate(-1101 -103)" fill="#ffbd9c"/>
+                  </g>
+                </g>
+                <g id="Group_15471" data-name="Group 15471">
+                  <g id="Group_15470" data-name="Group 15470">
+                    <path id="Path_10657" data-name="Path 10657" d="M1053.706,48.2c-.926.265-1.125,1.787-1.125,1.787l-1.456,3.209c-.728-.562-1.721-.529-1.919.761-.132.96,1.026,1.125,1.026,1.125a15.811,15.811,0,0,1-2.118,3.209,3.142,3.142,0,0,1-2.845,1.323h-1.29s-.629-2.018-1.787-7.147c-1.29-5.658,5.393-4.93,6.651-6.353C1050.86,43.768,1056.65,47.375,1053.706,48.2Z" transform="translate(-1042.027 -45.334)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15474" data-name="Group 15474">
+              <path id="Path_10658" data-name="Path 10658" d="M1023.222,9.2c-1.092-.728-1.191-2.779-.562-4A3.923,3.923,0,0,1,1026,3.11a1.639,1.639,0,0,0,.563-.066,1.711,1.711,0,0,0,.563-.529c.993-1.29,1.919-2.515,3.739-2.515a1.9,1.9,0,0,1,1.125.3,1.7,1.7,0,0,1,.695.893,4.1,4.1,0,0,1,1.059-.4,1.506,1.506,0,0,1,1.059.265.819.819,0,0,1,.165,1.026,1.31,1.31,0,0,1,1.29,1.059c.1.6-.761,1.026-.86,1.092a1.2,1.2,0,0,1-.662,1.588,1.4,1.4,0,0,1-1.125-.1Z" transform="translate(-1022.271)" fill="#263138"/>
+            </g>
+            <g id="Group_15476" data-name="Group 15476" transform="translate(4.785 10.52)">
+              <g id="Group_15475" data-name="Group 15475">
+                <path id="Path_10659" data-name="Path 10659" d="M1167.356,317.954a1.978,1.978,0,0,1-.033,1.026,2.031,2.031,0,0,1-.43.96c-.033-.033.165-.43.265-.993A6.218,6.218,0,0,1,1167.356,317.954Z" transform="translate(-1166.889 -317.953)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15478" data-name="Group 15478" transform="translate(5.576 9.827)">
+              <g id="Group_15477" data-name="Group 15477">
+                <path id="Path_10660" data-name="Path 10660" d="M1191.174,297a2.29,2.29,0,0,1-.066,1.026,2.393,2.393,0,0,1-.3.926,6.447,6.447,0,0,1,.165-.96A6.233,6.233,0,0,1,1191.174,297Z" transform="translate(-1190.804 -297)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15480" data-name="Group 15480" transform="translate(6.487 7.571)">
+              <g id="Group_15479" data-name="Group 15479">
+                <path id="Path_10661" data-name="Path 10661" d="M1219.854,228.819a3.048,3.048,0,0,0-.364.364,3.243,3.243,0,0,0-.629,1.125,6.07,6.07,0,0,0-.364,1.224,4.827,4.827,0,0,1-.132.529,1.107,1.107,0,0,1,.033-.562,6.083,6.083,0,0,1,.3-1.257,3.467,3.467,0,0,1,.695-1.125C1219.655,228.885,1219.854,228.786,1219.854,228.819Z" transform="translate(-1218.343 -228.813)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15482" data-name="Group 15482" transform="translate(8.195 6.022)">
+              <g id="Group_15481" data-name="Group 15481">
+                <path id="Path_10662" data-name="Path 10662" d="M1270.572,182a1.3,1.3,0,0,1,.1.364,3.229,3.229,0,0,1-.033.96,2.753,2.753,0,0,1-.4.827q-.248.3-.3.3a5.708,5.708,0,0,0,.529-1.158A5.937,5.937,0,0,0,1270.572,182Z" transform="translate(-1269.941 -182)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15484" data-name="Group 15484" transform="translate(1.046 9.024)">
+              <g id="Group_15483" data-name="Group 15483">
+                <path id="Path_10663" data-name="Path 10663" d="M1054.6,273.184c0,.033-.2-.033-.4-.165-.2-.1-.364-.232-.331-.265s.2.033.4.165C1054.472,273.018,1054.637,273.151,1054.6,273.184Z" transform="translate(-1053.872 -272.745)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15486" data-name="Group 15486" transform="translate(4.023 7.974)">
+              <g id="Group_15485" data-name="Group 15485">
+                <path id="Path_10664" data-name="Path 10664" d="M1144.471,241a.751.751,0,0,1-.166.6c-.165.331-.43.463-.43.43-.033-.033.132-.2.3-.5C1144.339,241.265,1144.438,241,1144.471,241Z" transform="translate(-1143.871 -241)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15488" data-name="Group 15488" transform="translate(4.686 7.511)">
+              <g id="Group_15487" data-name="Group 15487">
+                <path id="Path_10665" data-name="Path 10665" d="M1164.734,227a1.356,1.356,0,0,1-.265.728c-.232.364-.529.529-.562.5s.2-.265.43-.6S1164.668,227,1164.734,227Z" transform="translate(-1163.904 -227)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15490" data-name="Group 15490" transform="translate(2.009 1.185)">
+              <g id="Group_15489" data-name="Group 15489">
+                <path id="Path_10666" data-name="Path 10666" d="M1090.842,36.386c0,.033-.1-.066-.331-.2a2.132,2.132,0,0,0-.959-.232,2.506,2.506,0,0,0-1.456.364,3.366,3.366,0,0,0-1.224,1.39,7.077,7.077,0,0,0-.529,1.29v.066l-.1-.033a2.771,2.771,0,0,0-1.29-.331,3.447,3.447,0,0,0-1.092.165,5.4,5.4,0,0,0-.86.43,2.026,2.026,0,0,1,.2-.165,3.162,3.162,0,0,1,.629-.364,3.6,3.6,0,0,1,1.125-.2,3.026,3.026,0,0,1,1.356.331l-.1.066a5.532,5.532,0,0,1,.529-1.323,3.193,3.193,0,0,1,1.29-1.423,2.455,2.455,0,0,1,1.522-.4,2.174,2.174,0,0,1,.993.331,2.269,2.269,0,0,1,.232.165Z" transform="translate(-1083 -35.818)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_15492" data-name="Group 15492" transform="translate(5.907 2.321)">
+              <g id="Group_15491" data-name="Group 15491">
+                <path id="Path_10667" data-name="Path 10667" d="M1207.862,70.34a.394.394,0,0,1,.331.165.518.518,0,0,1,.132.43.574.574,0,0,1-.331.463.912.912,0,0,1-.728.1,1.613,1.613,0,0,1-.728-.331,5.637,5.637,0,0,0-.728-.5,2.73,2.73,0,0,0-.86-.331,3.991,3.991,0,0,0-1.787.132,5.486,5.486,0,0,0-1.323.662c-.662.5-1.026.926-1.026.893-.033,0,.066-.1.232-.3a5.106,5.106,0,0,1,.728-.662,5.194,5.194,0,0,1,1.357-.728,3.8,3.8,0,0,1,1.853-.132,2.913,2.913,0,0,1,.893.331,4.013,4.013,0,0,1,.728.5,2.344,2.344,0,0,0,.695.364.984.984,0,0,0,.629-.066.7.7,0,0,0,.331-.43.594.594,0,0,0-.1-.364C1207.995,70.34,1207.862,70.34,1207.862,70.34Z" transform="translate(-1200.808 -70.146)" fill="#445964"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15515" data-name="Group 15515" transform="translate(0.848 17.475)">
+            <g id="Group_15494" data-name="Group 15494" transform="translate(0.07 2.013)">
+              <path id="Path_10668" data-name="Path 10668" d="M705.159,589l-7.213,12.871a3.684,3.684,0,0,0,.563,3.441l-.165-.232a3.142,3.142,0,0,0,2.415,1.158h.132a3.073,3.073,0,0,0,2.812-1.853l1.687-2.581Z" transform="translate(-697.739 -589)" fill="#05968F"/>
+            </g>
+            <g id="Group_15495" data-name="Group 15495" transform="translate(6.233)">
+              <path id="Path_10669" data-name="Path 10669" d="M900.841,529.276a9.968,9.968,0,0,0-4.334-.96,48.019,48.019,0,0,0-6.187-.066s-5.79-.2-5.823,4.3l.761,17.338L884,557.3l17.437.529-.132-8.768c.232-4.533-.232-10.985-.232-10.985.265-2.448,1.621-3.573,1.787-5.162A3.881,3.881,0,0,0,900.841,529.276Z" transform="translate(-884 -528.156)" fill="#05968F"/>
+            </g>
+            <g id="Group_15497" data-name="Group 15497" transform="translate(9.906 21.963)">
+              <g id="Group_15496" data-name="Group 15496">
+                <path id="Path_10670" data-name="Path 10670" d="M1003.239,1191.939c.033,0-.066.1-.232.232a6.313,6.313,0,0,1-.794.563,6.538,6.538,0,0,1-3.077.827,6.072,6.072,0,0,1-3.044-.728,6.668,6.668,0,0,1-.827-.5,1.994,1.994,0,0,0-.265-.232,11.526,11.526,0,0,0,1.125.629,6.424,6.424,0,0,0,3.011.695,6.661,6.661,0,0,0,3.011-.794A11.538,11.538,0,0,0,1003.239,1191.939Z" transform="translate(-995 -1191.937)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_15499" data-name="Group 15499" transform="translate(6.696 4.395)">
+              <g id="Group_15498" data-name="Group 15498">
+                <path id="Path_10671" data-name="Path 10671" d="M898.033,661v.2a1.759,1.759,0,0,1,.033.463c.033.463.066,1.059.1,1.82.066,1.522.132,3.606.232,5.923s.2,4.4.265,5.956c.066.728.066,1.357.1,1.787,0,.2.033.364.033.5v.165a.4.4,0,0,1-.033-.165c-.033-.132-.033-.3-.066-.5-.033-.43-.066-1.026-.132-1.787-.1-1.522-.2-3.607-.3-5.956-.1-2.316-.165-4.4-.2-5.923-.033-.761-.033-1.357-.066-1.82V661.2A.48.48,0,0,1,898.033,661Z" transform="translate(-898 -661)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_15500" data-name="Group 15500" transform="translate(0.145 5.917)">
+              <path id="Path_10672" data-name="Path 10672" d="M702.912,707s-.662,1.919-.761,2.184A62.282,62.282,0,0,0,700,717.059l5.195-9.4C705.228,707.662,702.978,707,702.912,707Z" transform="translate(-700 -707)" fill="#05968F"/>
+            </g>
+            <g id="Group_15502" data-name="Group 15502" transform="translate(0 5.322)">
+              <g id="Group_15501" data-name="Group 15501">
+                <path id="Path_10673" data-name="Path 10673" d="M701.256,689c0,.033-.033.066-.066.165a1.794,1.794,0,0,0-.2.364c-.165.331-.43.794-.761,1.357-.662,1.158-1.654,2.68-2.68,4.434-.5.86-.926,1.721-1.29,2.515a4.335,4.335,0,0,0-.5,2.184,3.683,3.683,0,0,0,.4,1.489c.165.331.3.463.3.5l-.1-.1c-.066-.1-.165-.2-.265-.364a3.589,3.589,0,0,1-.463-1.489,4.618,4.618,0,0,1,.5-2.283c.364-.794.794-1.654,1.29-2.548,1.026-1.721,2.018-3.242,2.713-4.4.331-.529.6-.993.794-1.323.1-.132.165-.265.232-.364A.571.571,0,0,0,701.256,689Z" transform="translate(-695.619 -689)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_15510" data-name="Group 15510" transform="translate(20.003 0.579)">
+              <g id="Group_15503" data-name="Group 15503" transform="translate(1.182)">
+                <path id="Path_10674" data-name="Path 10674" d="M1352.418,555.228l-4.037-2.647-2.548,4.4s-3.54-4.9-5.129-7.775a6.594,6.594,0,0,0-4.3-3.54.4.4,0,0,0-.5.43l1.39,9.562a78.932,78.932,0,0,0,4.7,6.816c2.713,3.573,6.717,1.29,7.842-1.191C1350.7,559.3,1352.054,556.32,1352.418,555.228Z" transform="translate(-1335.905 -545.655)" fill="#05968F"/>
+              </g>
+              <g id="Group_15505" data-name="Group 15505" transform="translate(11.144 11.228)">
+                <g id="Group_15504" data-name="Group 15504">
+                  <path id="Path_10675" data-name="Path 10675" d="M1638.125,889.1a2.844,2.844,0,0,1-.066-.629c-.033-.4-.1-.926-.2-1.522a5.085,5.085,0,0,0-.529-1.39c-.2-.364-.331-.529-.331-.562a1.769,1.769,0,0,1,.43.5,4.11,4.11,0,0,1,.563,1.423,7.25,7.25,0,0,1,.165,1.522A2.23,2.23,0,0,1,1638.125,889.1Z" transform="translate(-1637 -885)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_15507" data-name="Group 15507" transform="translate(11.078 11.059)">
+                <g id="Group_15506" data-name="Group 15506">
+                  <path id="Path_10676" data-name="Path 10676" d="M1637.382,882.192a2.3,2.3,0,0,1-.166-.529,2.785,2.785,0,0,0-.629-1.059,1.658,1.658,0,0,0-1.092-.6.8.8,0,0,0-.5.1c0-.033.166-.2.5-.2a1.593,1.593,0,0,1,1.191.6,2.378,2.378,0,0,1,.629,1.158A1.29,1.29,0,0,1,1637.382,882.192Z" transform="translate(-1635 -879.905)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_15509" data-name="Group 15509" transform="translate(0 1.169)">
+                <g id="Group_15508" data-name="Group 15508">
+                  <path id="Path_10677" data-name="Path 10677" d="M1301.6,581c0,.033-.033.066-.1.132-.033.033-.1.066-.132.132l-.165.166a5.051,5.051,0,0,0-.695,1.357,5,5,0,0,0-.132,2.25,4.637,4.637,0,0,0,.331,1.29c.2.43.43.86.662,1.323.993,1.721,1.985,3.209,2.746,4.3.364.529.662.96.86,1.257a2.1,2.1,0,0,1,.331.5.983.983,0,0,1-.1-.132,1.611,1.611,0,0,1-.265-.331c-.232-.265-.529-.695-.927-1.224-.761-1.092-1.787-2.581-2.779-4.3-.232-.463-.463-.893-.662-1.323a3.891,3.891,0,0,1-.331-1.323,5.226,5.226,0,0,1,.165-2.316,4.19,4.19,0,0,1,.761-1.357l.165-.165.132-.132A.571.571,0,0,1,1301.6,581Z" transform="translate(-1300.179 -581)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15512" data-name="Group 15512" transform="translate(10.761 18.172)">
+              <g id="Group_15511" data-name="Group 15511">
+                <path id="Path_10678" data-name="Path 10678" d="M1027.022,1081.957a3.981,3.981,0,0,0,2.316-3.309,1.27,1.27,0,0,0-.3-1.026,1.291,1.291,0,0,0-1.489-.033,6.18,6.18,0,0,0-1.853,1.853,3.289,3.289,0,0,1-2.118,1.456,4.319,4.319,0,0,1-1.125-.1,2.043,2.043,0,0,0-1.092.132.825.825,0,0,0-.463.96,5.828,5.828,0,0,0,3.143.827A9.135,9.135,0,0,0,1027.022,1081.957Z" transform="translate(-1020.863 -1077.37)" fill="rgba(0,0,0,0.3)"/>
+              </g>
+            </g>
+            <g id="Group_15514" data-name="Group 15514" transform="translate(8.483 27.093)">
+              <g id="Group_15513" data-name="Group 15513">
+                <path id="Path_10679" data-name="Path 10679" d="M964.937,1347c0,.033-.033.033-.132.066s-.2.066-.364.132a4.057,4.057,0,0,1-.562.166,4.65,4.65,0,0,1-.794.2,13.284,13.284,0,0,1-2.051.4,19.944,19.944,0,0,1-5.129,0c-.761-.1-1.456-.232-2.051-.364-.3-.066-.562-.132-.761-.2-.232-.066-.43-.1-.6-.165a2.5,2.5,0,0,0-.364-.132.33.33,0,0,0-.132-.033c0-.033.066,0,.132,0,.1.033.232.066.364.1.165.066.364.1.6.165.232.033.5.1.794.166a20.579,20.579,0,0,0,2.051.331,20.12,20.12,0,0,0,2.548.132c.893,0,1.754-.066,2.548-.132.761-.1,1.456-.232,2.051-.364.265-.033.529-.132.761-.166.232-.066.43-.1.6-.165.132-.033.265-.066.364-.1A.194.194,0,0,0,964.937,1347Z" transform="translate(-952 -1347)" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/promotion_icon.svg b/src/assets/performics/main_menu_icons/promotion_icon.svg
new file mode 100644
index 0000000..419c959
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/promotion_icon.svg
@@ -0,0 +1,750 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16355" data-name="Group 16355" transform="translate(-223 -552)">
+    <g id="Group_14309" data-name="Group 14309" transform="translate(180 404)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#f3e4cb"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#f3e4cb"/>
+    </g>
+    <g id="Group_16346" data-name="Group 16346">
+      <g id="Layer_x0020_1" transform="translate(237.211 595.696)">
+        <g id="_118514128" transform="translate(0 0)">
+          <g id="Group_14130" data-name="Group 14130" transform="translate(0 0)">
+            <g id="Group_14129" data-name="Group 14129">
+              <g id="Group_14123" data-name="Group 14123" transform="translate(0 21.892)">
+                <path id="Path_9943" data-name="Path 9943" d="M92.9,328v2.5H56l5.942-1.876L63.193,328Z" transform="translate(-56 -328)" fill="#de7625"/>
+                <g id="Group_14121" data-name="Group 14121" transform="translate(0 2.502)">
+                  <path id="Path_9944" data-name="Path 9944" d="M88.213,366.962H56V336H88.213Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                  <g id="Group_14120" data-name="Group 14120" transform="translate(1.251 23.769)">
+                    <g id="Group_14119" data-name="Group 14119">
+                      <path id="Path_9945" data-name="Path 9945" d="M73.761,420.876H60V419H73.761Z" transform="translate(-60 -416.811)" fill="#de7625"/>
+                      <path id="Path_9946" data-name="Path 9946" d="M69.07,413.564H60V412h9.07Z" transform="translate(-60 -412)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9947" data-name="Path 9947" d="M140,345.5a2.524,2.524,0,0,1-5,0,2.5,2.5,0,0,1,5,0Z" transform="translate(-110.293 -340.811)" fill="#de7625"/>
+                  <path id="Path_9948" data-name="Path 9948" d="M56,366.962h1.251V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14122" data-name="Group 14122" transform="translate(32.213)">
+                  <path id="Path_9949" data-name="Path 9949" d="M163.691,328v30.649L159,361.464V330.5l1.251-.626Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                  <path id="Path_9950" data-name="Path 9950" d="M163.691,356.83v5.942L159,365.587V334.625l1.251-.625a105.983,105.983,0,0,0,.625,14.073,25.078,25.078,0,0,0,1.564,6.568A7.838,7.838,0,0,0,163.691,356.83Z" transform="translate(-159 -332.124)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9951" data-name="Path 9951" d="M105.962,328v.625a140.306,140.306,0,0,1-30.962,0L76.251,328Z" transform="translate(-69.058 -328)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+              <g id="Group_14128" data-name="Group 14128" transform="translate(4.691)">
+                <path id="Path_9952" data-name="Path 9952" d="M98.522,258v1.876H71l4.378-1.564L76.629,258Z" transform="translate(-71 -258)" fill="#de7625"/>
+                <g id="Group_14126" data-name="Group 14126" transform="translate(0 1.876)">
+                  <path id="Path_9953" data-name="Path 9953" d="M94.769,286.518H71V264H94.769Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                  <g id="Group_14125" data-name="Group 14125" transform="translate(1.251 17.514)">
+                    <g id="Group_14124" data-name="Group 14124">
+                      <path id="Path_9954" data-name="Path 9954" d="M85.008,326.564H75V325H85.008Z" transform="translate(-75 -323.436)" fill="#de7625"/>
+                      <path id="Path_9955" data-name="Path 9955" d="M81.568,320.938H75V320h6.568Z" transform="translate(-75 -320)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9956" data-name="Path 9956" d="M133.44,270.564c0,1.251-.625,1.876-1.564,1.876A1.659,1.659,0,0,1,130,270.564c0-.938.625-1.564,1.876-1.564A1.477,1.477,0,0,1,133.44,270.564Z" transform="translate(-111.548 -267.436)" fill="#de7625"/>
+                  <path id="Path_9957" data-name="Path 9957" d="M71,286.518h1.251V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14127" data-name="Group 14127" transform="translate(23.769)">
+                  <path id="Path_9958" data-name="Path 9958" d="M150.753,258v22.517L147,282.394V259.876l.938-.626Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                  <path id="Path_9959" data-name="Path 9959" d="M150.753,278.888v4.378L147,285.143V262.625l.938-.625a57.193,57.193,0,0,0,.625,10.321,12.965,12.965,0,0,0,.938,5A3.122,3.122,0,0,0,150.753,278.888Z" transform="translate(-147 -260.749)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9960" data-name="Path 9960" d="M108.143,258v.313a91.618,91.618,0,0,1-23.143,0L86.251,258Z" transform="translate(-80.622 -258)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(266.397 561.401)">
+        <g id="_411814576" transform="translate(-0.129 -0.154)">
+          <g id="Group_14311" data-name="Group 14311" transform="translate(11.713 82.273)">
+            <g id="Group_14310" data-name="Group 14310">
+              <path id="Path_10227" data-name="Path 10227" d="M93.629,654,93,663.559l4.15.5,1.887-9.81Z" transform="translate(-93 -654)" fill="#aa6450"/>
+            </g>
+          </g>
+          <g id="Group_14316" data-name="Group 14316" transform="translate(6.682 90.574)">
+            <g id="Group_14315" data-name="Group 14315">
+              <g id="Group_14314" data-name="Group 14314">
+                <g id="Group_14313" data-name="Group 14313">
+                  <g id="Group_14312" data-name="Group 14312">
+                    <path id="Path_10228" data-name="Path 10228" d="M58.031,720v.252S53.126,721.509,53,722.39l9.181,1.132.252-3.018A5.519,5.519,0,0,1,58.031,720Z" transform="translate(-53 -720)" fill="#1e7dbd"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14322" data-name="Group 14322" transform="translate(14.556 91.905)">
+            <g id="Group_14321" data-name="Group 14321">
+              <g id="Group_14320" data-name="Group 14320">
+                <g id="Group_14319" data-name="Group 14319">
+                  <g id="Group_14318" data-name="Group 14318">
+                    <g id="Group_14317" data-name="Group 14317">
+                      <path id="Path_10229" data-name="Path 10229" d="M116.16,730.638c.126,0,.252.252.252.377-.126.252-.377.377-.5.252-.252-.126-.377-.377-.252-.5s.377-.252.5-.126Z" transform="translate(-115.608 -730.586)" fill="#fff"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14327" data-name="Group 14327" transform="translate(6.682 92.586)">
+            <g id="Group_14326" data-name="Group 14326">
+              <g id="Group_14325" data-name="Group 14325">
+                <g id="Group_14324" data-name="Group 14324">
+                  <g id="Group_14323" data-name="Group 14323">
+                    <path id="Path_10230" data-name="Path 10230" d="M62.181,737.509l.126-.755L53.377,736s-.377.126-.377.377Z" transform="translate(-53 -736)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14333" data-name="Group 14333" transform="translate(11.713 90.825)">
+            <g id="Group_14332" data-name="Group 14332">
+              <g id="Group_14331" data-name="Group 14331">
+                <g id="Group_14330" data-name="Group 14330">
+                  <g id="Group_14329" data-name="Group 14329">
+                    <g id="Group_14328" data-name="Group 14328">
+                      <path id="Path_10231" data-name="Path 10231" d="M93,722c0,.126.126.126.377.252.252.252.252.377.377.377a.779.779,0,0,0-.252-.5A1.253,1.253,0,0,0,93,722Z" transform="translate(-93 -722)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14339" data-name="Group 14339" transform="translate(10.672 91.077)">
+            <g id="Group_14338" data-name="Group 14338">
+              <g id="Group_14337" data-name="Group 14337">
+                <g id="Group_14336" data-name="Group 14336">
+                  <g id="Group_14335" data-name="Group 14335">
+                    <g id="Group_14334" data-name="Group 14334">
+                      <path id="Path_10232" data-name="Path 10232" d="M84.762,724c-.126.126.126.251.252.377a1.254,1.254,0,0,1,.126.5c.126,0,.126-.252,0-.5C85.013,724,84.762,724,84.762,724Z" transform="translate(-84.727 -724)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14345" data-name="Group 14345" transform="translate(9.701 91.405)">
+            <g id="Group_14344" data-name="Group 14344">
+              <g id="Group_14343" data-name="Group 14343">
+                <g id="Group_14342" data-name="Group 14342">
+                  <g id="Group_14341" data-name="Group 14341">
+                    <g id="Group_14340" data-name="Group 14340">
+                      <path id="Path_10233" data-name="Path 10233" d="M77.252,727.412a.607.607,0,0,0,0-.5c0-.252-.252-.377-.252-.252a.551.551,0,0,1,.126.377A.621.621,0,0,1,77.252,727.412Z" transform="translate(-77 -726.608)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14489" data-name="Group 14489" transform="translate(19.6 2.442)">
+            <g id="Group_14347" data-name="Group 14347" transform="translate(9.469 1.213)">
+              <g id="Group_14346" data-name="Group 14346">
+                <path id="Path_10234" data-name="Path 10234" d="M231,30.3a1.611,1.611,0,0,1,1.383-1.258,2.468,2.468,0,0,1,1.887.126,4.736,4.736,0,0,1,1.887,1.132,3.568,3.568,0,0,1,.88,2.138,5.539,5.539,0,0,0-.252,2.012c.126.5.629.88,1.006,1.258a3.424,3.424,0,0,1,1.258,1.006c.252.5.377,1.132-.126,1.509-.252.252-.88.377-1.132.755a1.818,1.818,0,0,0,.252.88,2.183,2.183,0,0,1-.377,1.761,2.286,2.286,0,0,1-1.383,1.258,3.149,3.149,0,0,1-3.144.377,3.194,3.194,0,0,1-1.258-1.006,4.535,4.535,0,0,1-.755-2.515,10.446,10.446,0,0,1,.126-2.767Z" transform="translate(-231 -28.91)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14350" data-name="Group 14350" transform="translate(9.092 2.812)">
+              <g id="Group_14349" data-name="Group 14349">
+                <g id="Group_14348" data-name="Group 14348">
+                  <path id="Path_10235" data-name="Path 10235" d="M228,52.111a2.636,2.636,0,0,0,2.515-.5,2.879,2.879,0,0,0,1.006-2.138c0-.88-.377-1.635-.126-2.39.126-.629.629-1.006.755-1.509a2.65,2.65,0,0,0-.755-2.264,3.194,3.194,0,0,0-1.006-1.258,1.419,1.419,0,0,0-1.383-.377Z" transform="translate(-228 -41.625)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14354" data-name="Group 14354" transform="translate(0 2.859)">
+              <g id="Group_14353" data-name="Group 14353">
+                <g id="Group_14352" data-name="Group 14352">
+                  <g id="Group_14351" data-name="Group 14351">
+                    <path id="Path_10236" data-name="Path 10236" d="M157.38,42c.126.629-.377,1.132-.755,1.635s-.88.88-.88,1.509c-.252,1.132.88,2.012.629,3.144-.126.5-.629,1.006-.629,1.635a1.848,1.848,0,0,0,.5,1.509,9.6,9.6,0,0,1,1.132,1.132s.755,1.132,2.767.377Z" transform="translate(-155.708 -42)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14358" data-name="Group 14358" transform="translate(1.676)">
+              <g id="Group_14357" data-name="Group 14357">
+                <g id="Group_14356" data-name="Group 14356">
+                  <g id="Group_14355" data-name="Group 14355">
+                    <path id="Path_10237" data-name="Path 10237" d="M178.337,23.13a1.494,1.494,0,0,0-1.006-1.258,7.09,7.09,0,0,1-1.509-.5c-.377-.377-.629-.755-1.006-1.132a3.517,3.517,0,0,0-3.27-.88,3.457,3.457,0,0,0-2.39,2.515,1.93,1.93,0,0,0,.5,2.138,3.467,3.467,0,0,0,2.767.377,3.208,3.208,0,0,1,2.641.126,2.84,2.84,0,0,1,1.006,1.383,2.8,2.8,0,0,0,1.258,1.132c.5.126,1.258-.126,1.258-.755Z" transform="translate(-169.034 -19.265)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14460" data-name="Group 14460" transform="translate(1.149 2.711)">
+              <g id="Group_14459" data-name="Group 14459">
+                <g id="Group_14458" data-name="Group 14458">
+                  <g id="Group_14457" data-name="Group 14457">
+                    <g id="Group_14436" data-name="Group 14436">
+                      <g id="Group_14435" data-name="Group 14435">
+                        <g id="Group_14434" data-name="Group 14434">
+                          <g id="Group_14368" data-name="Group 14368">
+                            <g id="Group_14367" data-name="Group 14367">
+                              <g id="Group_14366" data-name="Group 14366">
+                                <g id="Group_14365" data-name="Group 14365">
+                                  <g id="Group_14364" data-name="Group 14364">
+                                    <g id="Group_14363" data-name="Group 14363">
+                                      <g id="Group_14362" data-name="Group 14362">
+                                        <g id="Group_14361" data-name="Group 14361">
+                                          <g id="Group_14360" data-name="Group 14360">
+                                            <g id="Group_14359" data-name="Group 14359">
+                                              <path id="Path_10238" data-name="Path 10238" d="M172.537,41.974a1.067,1.067,0,0,1,.88,1.006l-.629,12.451c0,1.383-2.138,2.264-3.773,2.264-1.509-.126-1.635-.88-1.635-2.264V52.287a3.3,3.3,0,0,1-2.39-3.018,23.438,23.438,0,0,1,0-5.157c0-1.635,1.132-3.522,2.641-3.27Z" transform="translate(-164.845 -40.819)" fill="#ffb27d"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                          <g id="Group_14390" data-name="Group 14390" transform="translate(0.47 3.796)">
+                            <g id="Group_14378" data-name="Group 14378" transform="translate(0.052 0.88)">
+                              <g id="Group_14377" data-name="Group 14377">
+                                <g id="Group_14376" data-name="Group 14376">
+                                  <g id="Group_14375" data-name="Group 14375">
+                                    <g id="Group_14374" data-name="Group 14374">
+                                      <g id="Group_14373" data-name="Group 14373">
+                                        <g id="Group_14372" data-name="Group 14372">
+                                          <g id="Group_14371" data-name="Group 14371">
+                                            <g id="Group_14370" data-name="Group 14370">
+                                              <g id="Group_14369" data-name="Group 14369">
+                                                <path id="Path_10239" data-name="Path 10239" d="M169,78.377c0,.126.126.252.377.252.126,0,.377-.126.377-.252a.377.377,0,1,0-.755,0Z" transform="translate(-169 -78)" fill="#263138"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                            <g id="Group_14389" data-name="Group 14389">
+                              <g id="Group_14388" data-name="Group 14388">
+                                <g id="Group_14387" data-name="Group 14387">
+                                  <g id="Group_14386" data-name="Group 14386">
+                                    <g id="Group_14385" data-name="Group 14385">
+                                      <g id="Group_14384" data-name="Group 14384">
+                                        <g id="Group_14383" data-name="Group 14383">
+                                          <g id="Group_14382" data-name="Group 14382">
+                                            <g id="Group_14381" data-name="Group 14381">
+                                              <g id="Group_14380" data-name="Group 14380">
+                                                <g id="Group_14379" data-name="Group 14379">
+                                                  <path id="Path_10240" data-name="Path 10240" d="M168.638,71.377a.912.912,0,0,1,1.258,0c0-.126,0-.126-.126-.252s-.252-.126-.5-.126-.377,0-.5.126S168.512,71.252,168.638,71.377Z" transform="translate(-168.586 -71)" fill="#263138"/>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                          <g id="Group_14412" data-name="Group 14412" transform="translate(3.918 3.922)">
+                            <g id="Group_14400" data-name="Group 14400" transform="translate(0 0.88)">
+                              <g id="Group_14399" data-name="Group 14399">
+                                <g id="Group_14398" data-name="Group 14398">
+                                  <g id="Group_14397" data-name="Group 14397">
+                                    <g id="Group_14396" data-name="Group 14396">
+                                      <g id="Group_14395" data-name="Group 14395">
+                                        <g id="Group_14394" data-name="Group 14394">
+                                          <g id="Group_14393" data-name="Group 14393">
+                                            <g id="Group_14392" data-name="Group 14392">
+                                              <g id="Group_14391" data-name="Group 14391">
+                                                <path id="Path_10241" data-name="Path 10241" d="M196,79.252a.333.333,0,0,0,.377.377c.126,0,.252-.126.252-.377a.27.27,0,0,0-.252-.252C196.126,79,196,79.126,196,79.252Z" transform="translate(-196 -79)" fill="#263138"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                            <g id="Group_14411" data-name="Group 14411" transform="translate(0.199)">
+                              <g id="Group_14410" data-name="Group 14410">
+                                <g id="Group_14409" data-name="Group 14409">
+                                  <g id="Group_14408" data-name="Group 14408">
+                                    <g id="Group_14407" data-name="Group 14407">
+                                      <g id="Group_14406" data-name="Group 14406">
+                                        <g id="Group_14405" data-name="Group 14405">
+                                          <g id="Group_14404" data-name="Group 14404">
+                                            <g id="Group_14403" data-name="Group 14403">
+                                              <g id="Group_14402" data-name="Group 14402">
+                                                <g id="Group_14401" data-name="Group 14401">
+                                                  <path id="Path_10242" data-name="Path 10242" d="M197.638,72.377a1.635,1.635,0,0,1,1.258,0,.39.39,0,0,0-.126-.252c-.126,0-.252-.126-.5-.126s-.5.126-.5.252C197.638,72.252,197.512,72.377,197.638,72.377Z" transform="translate(-197.586 -72)" fill="#263138"/>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                          <g id="Group_14423" data-name="Group 14423" transform="translate(1.906 4.173)">
+                            <g id="Group_14422" data-name="Group 14422">
+                              <g id="Group_14421" data-name="Group 14421">
+                                <g id="Group_14420" data-name="Group 14420">
+                                  <g id="Group_14419" data-name="Group 14419">
+                                    <g id="Group_14418" data-name="Group 14418">
+                                      <g id="Group_14417" data-name="Group 14417">
+                                        <g id="Group_14416" data-name="Group 14416">
+                                          <g id="Group_14415" data-name="Group 14415">
+                                            <g id="Group_14414" data-name="Group 14414">
+                                              <g id="Group_14413" data-name="Group 14413">
+                                                <path id="Path_10243" data-name="Path 10243" d="M180.88,77.018a1.526,1.526,0,0,0-.629-.126.123.123,0,0,1-.126-.126v-.252l.377-.755c.377-1.006.629-1.761.5-1.761,0,0-.377.755-.755,1.761a1.788,1.788,0,0,1-.252.755v.252a.123.123,0,0,0,.126.126l.126.126Z" transform="translate(-180 -74)" fill="#263138"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                          <g id="Group_14433" data-name="Group 14433" transform="translate(2.535 10.462)">
+                            <g id="Group_14432" data-name="Group 14432">
+                              <g id="Group_14431" data-name="Group 14431">
+                                <g id="Group_14430" data-name="Group 14430">
+                                  <g id="Group_14429" data-name="Group 14429">
+                                    <g id="Group_14428" data-name="Group 14428">
+                                      <g id="Group_14427" data-name="Group 14427">
+                                        <g id="Group_14426" data-name="Group 14426">
+                                          <g id="Group_14425" data-name="Group 14425">
+                                            <g id="Group_14424" data-name="Group 14424">
+                                              <path id="Path_10244" data-name="Path 10244" d="M185,125.006A6.308,6.308,0,0,0,188.522,124,3.378,3.378,0,0,1,185,125.635Z" transform="translate(-185 -124)" fill="#72493f"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_14446" data-name="Group 14446" transform="translate(3.918 3.167)">
+                      <g id="Group_14445" data-name="Group 14445">
+                        <g id="Group_14444" data-name="Group 14444">
+                          <g id="Group_14443" data-name="Group 14443">
+                            <g id="Group_14442" data-name="Group 14442">
+                              <g id="Group_14441" data-name="Group 14441">
+                                <g id="Group_14440" data-name="Group 14440">
+                                  <g id="Group_14439" data-name="Group 14439">
+                                    <g id="Group_14438" data-name="Group 14438">
+                                      <g id="Group_14437" data-name="Group 14437">
+                                        <path id="Path_10245" data-name="Path 10245" d="M196,66.252c.126.126.377,0,.88.126.377,0,.755.126.755,0,.126,0,0-.126-.126-.126A.961.961,0,0,0,196.88,66a.942.942,0,0,0-.629.126A.439.439,0,0,0,196,66.252Z" transform="translate(-196 -66)" fill="#263138"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_14456" data-name="Group 14456" transform="translate(0.523 2.915)">
+                      <g id="Group_14455" data-name="Group 14455">
+                        <g id="Group_14454" data-name="Group 14454">
+                          <g id="Group_14453" data-name="Group 14453">
+                            <g id="Group_14452" data-name="Group 14452">
+                              <g id="Group_14451" data-name="Group 14451">
+                                <g id="Group_14450" data-name="Group 14450">
+                                  <g id="Group_14449" data-name="Group 14449">
+                                    <g id="Group_14448" data-name="Group 14448">
+                                      <g id="Group_14447" data-name="Group 14447">
+                                        <path id="Path_10246" data-name="Path 10246" d="M169,64.377c.126.126.377,0,.755,0,.252,0,.629.126.629,0a.39.39,0,0,0-.126-.252c-.126,0-.377-.126-.5-.126a.961.961,0,0,0-.629.252A.123.123,0,0,0,169,64.377Z" transform="translate(-169 -64)" fill="#263138"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14464" data-name="Group 14464" transform="translate(3.331 2.105)">
+              <g id="Group_14463" data-name="Group 14463">
+                <g id="Group_14462" data-name="Group 14462">
+                  <g id="Group_14461" data-name="Group 14461">
+                    <path id="Path_10247" data-name="Path 10247" d="M189.591,46.439a2.711,2.711,0,0,1-2.138-.629,2.32,2.32,0,0,1-.629-2.012c0-.629.377-1.258.126-1.887-.252-.755-1.383-1.006-1.635-1.761a6.313,6.313,0,0,1-.252-1.509,1.6,1.6,0,0,0-1.132-.88,5.256,5.256,0,0,1-1.258-.5A1.019,1.019,0,0,1,182.3,36a29.843,29.843,0,0,1,5.785,1.383,2.262,2.262,0,0,1,1.132.755,1.73,1.73,0,0,1,.126,1.383c0,2.39-.126,4.653-.252,7.043Z" transform="translate(-182.195 -36)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14468" data-name="Group 14468" transform="translate(3.307 1.507)">
+              <g id="Group_14467" data-name="Group 14467">
+                <g id="Group_14466" data-name="Group 14466">
+                  <g id="Group_14465" data-name="Group 14465">
+                    <path id="Path_10248" data-name="Path 10248" d="M190.8,33.734v.126a.462.462,0,0,1-.126.377c-.126.126-.252.126-.5.252a2.125,2.125,0,0,1-.629-.252,1.788,1.788,0,0,0-.755-.252,2.14,2.14,0,0,0-.88.126c-.377,0-.755.126-1.132.126a1.428,1.428,0,0,1-1.006-.377,2.738,2.738,0,0,1-.629-1.006,3.153,3.153,0,0,0-.5-.88,1.444,1.444,0,0,0-1.509-.5,1.245,1.245,0,0,0-.88.629,1.557,1.557,0,0,1-.252.377V32.35c.126,0,.126-.126.126-.252a1.647,1.647,0,0,1,1.006-.755.8.8,0,0,1,.755,0,2.027,2.027,0,0,1,.88.5c.126.377.377.629.5,1.006a1.926,1.926,0,0,0,.629.88,1.359,1.359,0,0,0,.88.377c.377,0,.755-.126,1.132-.126a2.14,2.14,0,0,1,.88-.126,1.063,1.063,0,0,1,.755.252,2.125,2.125,0,0,0,.629.252.653.653,0,0,0,.5-.252c.126,0,.126-.126.126-.252Z" transform="translate(-182 -31.25)" fill="#445964"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14472" data-name="Group 14472" transform="translate(9.595 2.608)">
+              <g id="Group_14471" data-name="Group 14471">
+                <g id="Group_14470" data-name="Group 14470">
+                  <g id="Group_14469" data-name="Group 14469">
+                    <path id="Path_10249" data-name="Path 10249" d="M234.767,41.635a4.214,4.214,0,0,0-1.258-1.006c-.755-.5-1.509-.5-1.509-.629h.5c.252.126.629.252,1.132.5a5.47,5.47,0,0,1,.88.755A1.556,1.556,0,0,0,234.767,41.635Z" transform="translate(-232 -40)" fill="#445964"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14475" data-name="Group 14475" transform="translate(3.055 0.89)">
+              <g id="Group_14474" data-name="Group 14474">
+                <g id="Group_14473" data-name="Group 14473">
+                  <path id="Path_10250" data-name="Path 10250" d="M186.414,27.935l-.126.126a.123.123,0,0,1-.126.126,1.466,1.466,0,0,1-.88.252,5.1,5.1,0,0,1-1.132-.629c-.377-.377-.629-.88-1.132-1.132a2.148,2.148,0,0,0-1.509-.126,2.432,2.432,0,0,0-1.132.629l-.377.755v0a1.087,1.087,0,0,1,.377-.755,1.832,1.832,0,0,1,1.132-.755,2.148,2.148,0,0,1,1.509.126,11.34,11.34,0,0,1,1.258,1.132,1.282,1.282,0,0,0,1.006.629,1.033,1.033,0,0,0,.88-.126C186.288,28.061,186.288,27.935,186.414,27.935Z" transform="translate(-180 -26.343)" fill="#445964"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14477" data-name="Group 14477" transform="translate(9.344 4.369)">
+              <g id="Group_14476" data-name="Group 14476">
+                <path id="Path_10251" data-name="Path 10251" d="M230,63.307h.377a2.488,2.488,0,0,0,1.258-.252,3.259,3.259,0,0,0,1.383-1.258,3.842,3.842,0,0,0,.126-2.39c0-.377-.126-.755-.126-1.132a1.044,1.044,0,0,1,.252-1.006c.126-.252.252-.629.377-.88v-.88a2.354,2.354,0,0,0-.5-1.132l-.252-.252L232.767,54a1.557,1.557,0,0,1,.252.377,1.594,1.594,0,0,1,.5,1.132v.88a6.133,6.133,0,0,0-.377.88.653.653,0,0,0-.252.5.756.756,0,0,0-.126.5,3.721,3.721,0,0,0,.252,1.258,3.093,3.093,0,0,1-.126,2.138,2.967,2.967,0,0,1-1.258,1.258,2.812,2.812,0,0,1-1.258.377Z" transform="translate(-230 -54)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14479" data-name="Group 14479" transform="translate(11.262 1.771)">
+              <g id="Group_14478" data-name="Group 14478">
+                <path id="Path_10252" data-name="Path 10252" d="M247.86,33.677c.126,0-.126-.126-.377-.252a1.545,1.545,0,0,0-1.258.126,1.77,1.77,0,0,0-.88.755c-.126.377-.126.5,0,.5a.973.973,0,0,1,.126-.377,1.77,1.77,0,0,1,.88-.755,1.222,1.222,0,0,1,1.132-.126A.551.551,0,0,1,247.86,33.677Z" transform="translate(-245.25 -33.343)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14481" data-name="Group 14481" transform="translate(11.985 2.388)">
+              <g id="Group_14480" data-name="Group 14480">
+                <path id="Path_10253" data-name="Path 10253" d="M251,39.6V39.35a.621.621,0,0,1,.126-.377.982.982,0,0,1,.5-.5.958.958,0,0,1,1.006,0,1.691,1.691,0,0,1,.88.755,4.522,4.522,0,0,1,.252,1.383,6.313,6.313,0,0,1-.252,1.509,7.422,7.422,0,0,0-.252,1.761,3.567,3.567,0,0,0,.5,1.635c.126.5.377,1.006.5,1.509a2.5,2.5,0,0,1,.126,1.383,2.028,2.028,0,0,1-.377,1.132,7.983,7.983,0,0,1-.88,1.509l-.377.377v.126l.126-.126a1.556,1.556,0,0,0,.252-.377,6.067,6.067,0,0,0,1.006-1.509,3.005,3.005,0,0,0,.377-1.132A3.1,3.1,0,0,0,254.4,46.9a6.13,6.13,0,0,0-.5-1.383,11.682,11.682,0,0,1-.5-1.635c0-1.132.5-2.264.5-3.27a4.521,4.521,0,0,0-.252-1.383,1.682,1.682,0,0,0-1.006-.88,1.378,1.378,0,0,0-1.006,0,1.515,1.515,0,0,0-.629.629V39.6Z" transform="translate(-251 -38.25)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14484" data-name="Group 14484" transform="translate(4.061 10.28)">
+              <g id="Group_14483" data-name="Group 14483">
+                <g id="Group_14482" data-name="Group 14482">
+                  <path id="Path_10254" data-name="Path 10254" d="M188,101.5c.126.126.126.252.252.377s.252.252.377.252a.653.653,0,0,0,.5-.252c.126-.126.126-.252.126-.5,0-.126-.126-.377-.252-.377s-.126,0-.252.126a1.788,1.788,0,0,0-.755.252Z" transform="translate(-188 -101)" fill="#72493f"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14488" data-name="Group 14488" transform="translate(3.81 10.224)">
+              <g id="Group_14487" data-name="Group 14487">
+                <g id="Group_14486" data-name="Group 14486">
+                  <g id="Group_14485" data-name="Group 14485">
+                    <path id="Path_10255" data-name="Path 10255" d="M186.629,101.743h.377l.377-.377a.383.383,0,0,0,0-.5v-.126h-.252a.123.123,0,0,0-.126.126c-.252,0-.377.126-.5.126a.951.951,0,0,1-.5.126l.5-.252c.126,0,.252-.126.377-.126.126-.126.126-.126.252-.126h.126s0-.126.126,0h0l.126.126a.8.8,0,0,1,0,.755c-.126.126-.252.252-.377.252a.973.973,0,0,1-.377.126Z" transform="translate(-186 -100.556)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14491" data-name="Group 14491" transform="translate(33.289 45.748)">
+            <g id="Group_14490" data-name="Group 14490">
+              <path id="Path_10256" data-name="Path 10256" d="M264.611,363.638v.126C264.611,363.638,264.486,363.512,264.611,363.638Z" transform="translate(-264.556 -363.586)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_14502" data-name="Group 14502" transform="translate(35.735 47.183)">
+            <g id="Group_14493" data-name="Group 14493">
+              <g id="Group_14492" data-name="Group 14492">
+                <path id="Path_10257" data-name="Path 10257" d="M284,375.88l.377,3.27,3.018,2.767s.252-.5.126-.755c-.126-.377.629.377.629.377v1.887s.5.252.629-.252a7.714,7.714,0,0,0,.377-2.012l-.252-.126a1.594,1.594,0,0,0,.252-.755,2.843,2.843,0,0,0,.126-1.383c-.126-.755-.252-1.258-.252-1.258L286.515,375Z" transform="translate(-284 -375)" fill="#aa6450"/>
+              </g>
+            </g>
+            <g id="Group_14495" data-name="Group 14495" transform="translate(1.509 4.025)">
+              <g id="Group_14494" data-name="Group 14494">
+                <path id="Path_10258" data-name="Path 10258" d="M296,407s.377.5.88,1.132a10.6,10.6,0,0,0,1.006.88c.126,0-.377-.5-.88-1.006A6.261,6.261,0,0,1,296,407Z" transform="translate(-296 -407)" fill="#72493f"/>
+              </g>
+            </g>
+            <g id="Group_14497" data-name="Group 14497" transform="translate(3.623 4.653)">
+              <g id="Group_14496" data-name="Group 14496">
+                <path id="Path_10259" data-name="Path 10259" d="M312.828,412c-.126,0,.252.377.629.755.5.5.755.755.88.755l-.755-.755A3.476,3.476,0,0,0,312.828,412Z" transform="translate(-312.804 -412)" fill="#72493f"/>
+              </g>
+            </g>
+            <g id="Group_14499" data-name="Group 14499" transform="translate(4.025 3.899)">
+              <g id="Group_14498" data-name="Group 14498">
+                <path id="Path_10260" data-name="Path 10260" d="M316,406a4.54,4.54,0,0,1,.5.629c.377.377.5.755.629.755a2.158,2.158,0,0,0-.5-.755A1.232,1.232,0,0,0,316,406Z" transform="translate(-316 -406)" fill="#72493f"/>
+              </g>
+            </g>
+            <g id="Group_14501" data-name="Group 14501" transform="translate(4.368 3.111)">
+              <g id="Group_14500" data-name="Group 14500">
+                <path id="Path_10261" data-name="Path 10261" d="M318.767,399.767c-.126,0,.126.252.377.5l.5.5a6.528,6.528,0,0,0-.377-.629C319.019,399.893,318.767,399.642,318.767,399.767Z" transform="translate(-318.734 -399.734)" fill="#72493f"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14504" data-name="Group 14504" transform="translate(15.989 10.207)">
+            <g id="Group_14503" data-name="Group 14503">
+              <path id="Path_10262" data-name="Path 10262" d="M129.138,82.006s-.5-.252-1.132-.5A6,6,0,0,1,127,81a5.556,5.556,0,0,1,1.006.377C128.635,81.629,129.138,81.88,129.138,82.006Z" transform="translate(-127 -81)" fill="#445964"/>
+            </g>
+          </g>
+          <g id="Group_14544" data-name="Group 14544" transform="translate(0 0)">
+            <g id="Group_14506" data-name="Group 14506" transform="translate(9.525 15.489)">
+              <g id="Group_14505" data-name="Group 14505">
+                <path id="Path_10263" data-name="Path 10263" d="M80.688,123.755c-.252-.126-.755.252-1.258,1.006h0c-.377.377-.755-.88-.755-1.383,0-.252-.377-.377-.755-.377l-1.509.755h-.5a.459.459,0,0,0-.252.629l.755,2.515v.629l3.144.5.126-1.761a1.869,1.869,0,0,1,.126-.755,2.749,2.749,0,0,0,.377-.629c.126-.126.377-.5.5-.629h.126l.126-.126C81.065,124.006,80.939,123.755,80.688,123.755Z" transform="translate(-75.608 -123)" fill="#aa6450"/>
+              </g>
+            </g>
+            <g id="Group_14508" data-name="Group 14508">
+              <g id="Group_14507" data-name="Group 14507">
+                <path id="Path_10264" data-name="Path 10264" d="M14.477,8.292A10.915,10.915,0,0,1,9.949,5.525C7.308,3.135,5.924-.135,5.673-.135,5.3-.135,3.912-.763,1.4,5.148c-2.39,5.785-1.383,7.043-.88,7.043.629,0,4.15-1.132,6.288-.88a20.515,20.515,0,0,1,5.157,1.258Z" transform="translate(0.129 0.154)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_14510" data-name="Group 14510" transform="translate(11.713 7.44)">
+              <g id="Group_14509" data-name="Group 14509">
+                <path id="Path_10265" data-name="Path 10265" d="M99.917,63.025l-.629,1.258-.252.5a1.515,1.515,0,0,1-2.012.755L93,64.282,95.138,59l4.025,2.012A1.515,1.515,0,0,1,99.917,63.025Z" transform="translate(-93 -59)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14512" data-name="Group 14512" transform="translate(9.323 12.722)">
+              <g id="Group_14511" data-name="Group 14511">
+                <path id="Path_10266" data-name="Path 10266" d="M81.043,101.755l-1.258,2.515-.629-.252-3.9,3.522L74,105.276s2.39-1.006,2.767-1.887c.5-.88,0-1.132,0-1.132L77.773,101Z" transform="translate(-74 -101)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14514" data-name="Group 14514" transform="translate(0.374 0.126)">
+              <g id="Group_14513" data-name="Group 14513" transform="translate(0)">
+                <path id="Path_10267" data-name="Path 10267" d="M4.25,6.024c-1.258,3.144-1.761,6.037-1.132,6.288.755.252,2.39-2.012,3.647-5.157S8.526,1.245,7.9.867C7.143.616,5.634,2.88,4.25,6.024Z" transform="translate(-2.847 -0.848)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14516" data-name="Group 14516" transform="translate(17.876 11.59)">
+              <g id="Group_14515" data-name="Group 14515">
+                <path id="Path_10268" data-name="Path 10268" d="M143.132,93.635,142,93.258,142.629,92l.88.5Z" transform="translate(-142 -92)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14518" data-name="Group 14518" transform="translate(12.719 13.099)">
+              <g id="Group_14517" data-name="Group 14517">
+                <path id="Path_10269" data-name="Path 10269" d="M101,104l3.018,1.761.252-.755Z" transform="translate(-101 -104)" fill="rgba(0,0,0,0.3)"/>
+              </g>
+            </g>
+            <g id="Group_14520" data-name="Group 14520" transform="translate(15.467 10.961)">
+              <g id="Group_14519" data-name="Group 14519">
+                <path id="Path_10270" data-name="Path 10270" d="M125.13,88.006s-.5-.252-1.132-.5c-.755-.252-1.258-.5-1.132-.5a9.788,9.788,0,0,1,1.132.377C124.627,87.629,125.13,87.88,125.13,88.006Z" transform="translate(-122.847 -87)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14522" data-name="Group 14522" transform="translate(15.234 11.842)">
+              <g id="Group_14521" data-name="Group 14521">
+                <path id="Path_10271" data-name="Path 10271" d="M123.138,94.88h-.377c0-.126-.126-.126-.252-.126-.126-.126-.377-.126-.5-.252L121,94a9.788,9.788,0,0,1,1.132.377c.126.126.252.126.377.252a.462.462,0,0,1,.377.126A.439.439,0,0,1,123.138,94.88Z" transform="translate(-121 -94)" fill="#445964"/>
+              </g>
+            </g>
+            <g id="Group_14524" data-name="Group 14524" transform="translate(1.955 4.368)">
+              <g id="Group_14523" data-name="Group 14523">
+                <path id="Path_10272" data-name="Path 10272" d="M18.132,34.752s-1.635-.88-2.515,1.258c-.755,2.264.88,2.515.88,2.515A12.713,12.713,0,0,0,18.132,34.752Z" transform="translate(-15.418 -34.572)" fill="#f9f9f9"/>
+              </g>
+            </g>
+            <g id="Group_14526" data-name="Group 14526" transform="translate(1.903 1.906)">
+              <g id="Group_14525" data-name="Group 14525">
+                <path id="Path_10273" data-name="Path 10273" d="M19.4,15a1.253,1.253,0,0,1-.126.5c0,.252-.126.629-.126,1.132-.126.126-.126.5-.252.755a.462.462,0,0,1-.126.377v.252a.439.439,0,0,0-.126.252c-.126.252-.252.629-.377.88V19.4c0,.126-.126.126-.126.252-.126.126-.126.377-.252.5a.953.953,0,0,1-.252.5c0,.126,0,.126-.126.252a.39.39,0,0,1-.126.252,6.132,6.132,0,0,0-.377.88.123.123,0,0,0-.126.126c-.126.126-.126.126-.126.252-.126.126-.252.252-.252.377a2.208,2.208,0,0,0-.5.629c-.252.377-.5.629-.629.88-.252.252-.377.377-.377.252l.252-.252c.252-.252.377-.629.755-1.006a2.749,2.749,0,0,0,.377-.629c.126-.126.126-.252.252-.377a.123.123,0,0,1,.126-.126c0-.126,0-.126.126-.252a7.215,7.215,0,0,1,.5-.88.39.39,0,0,1,.126-.252v-.252c.126-.126.252-.252.252-.377.126-.252.126-.377.252-.5a.439.439,0,0,1,.126-.252V19.15c.126-.377.252-.629.377-1.006l.126-.126v-.252c.126-.126.126-.252.126-.5.126-.252.126-.5.252-.755.126-.377.126-.755.252-1.006A1.3,1.3,0,0,1,19.4,15Z" transform="translate(-15 -15)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14528" data-name="Group 14528" transform="translate(11.158 15.06)">
+              <g id="Group_14527" data-name="Group 14527">
+                <path id="Path_10274" data-name="Path 10274" d="M88.764,119.638a.241.241,0,0,0-.126.377c.126.377.252.88.377,1.258.126.126.126.252.252.252,0,.126.126.126.252.126a.271.271,0,0,0,.252-.252c0-.126-.126-.252-.126-.377-.126-.377-.252-.88-.377-1.258C89.141,119.638,88.889,119.512,88.764,119.638Z" transform="translate(-88.586 -119.586)" fill="#aa6450"/>
+              </g>
+            </g>
+            <g id="Group_14530" data-name="Group 14530" transform="translate(10.655 15.688)">
+              <g id="Group_14529" data-name="Group 14529">
+                <path id="Path_10275" data-name="Path 10275" d="M84.764,124.638a.241.241,0,0,0-.126.377c.126.377.252.88.377,1.258.126.126.126.252.252.252a.39.39,0,0,0,.252.126.27.27,0,0,0,.252-.252.462.462,0,0,0-.126-.377c-.126-.377-.252-.88-.377-1.258C85.141,124.638,85.015,124.512,84.764,124.638Z" transform="translate(-84.586 -124.586)" fill="#aa6450"/>
+              </g>
+            </g>
+            <g id="Group_14532" data-name="Group 14532" transform="translate(10.204 16.066)">
+              <g id="Group_14531" data-name="Group 14531">
+                <path id="Path_10276" data-name="Path 10276" d="M81.252,127.638c-.252,0-.252.252-.252.377a3.765,3.765,0,0,0,.5,1.006c0,.126,0,.252.126.252,0,.126.126.126.252.126s.126-.126.126-.252v-.377a8.666,8.666,0,0,1-.377-1.006C81.5,127.638,81.377,127.512,81.252,127.638Z" transform="translate(-81 -127.586)" fill="#aa6450"/>
+              </g>
+            </g>
+            <g id="Group_14534" data-name="Group 14534" transform="translate(9.575 16.192)">
+              <g id="Group_14533" data-name="Group 14533">
+                <path id="Path_10277" data-name="Path 10277" d="M76.252,128.638c-.252,0-.252.252-.252.377a9.974,9.974,0,0,1,.5,1.132.389.389,0,0,0,.126.252h.252a.27.27,0,0,0,.252-.252.439.439,0,0,0-.126-.252l-.377-1.132C76.5,128.638,76.377,128.512,76.252,128.638Z" transform="translate(-76 -128.586)" fill="#aa6450"/>
+              </g>
+            </g>
+            <g id="Group_14537" data-name="Group 14537" transform="translate(11.21 15.741)">
+              <g id="Group_14536" data-name="Group 14536">
+                <g id="Group_14535" data-name="Group 14535">
+                  <path id="Path_10278" data-name="Path 10278" d="M89.5,126.258l-.252-.5L89,125c.126,0,.252.252.377.629S89.629,126.258,89.5,126.258Z" transform="translate(-89 -125)" fill="#72493f"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14540" data-name="Group 14540" transform="translate(10.657 16.118)">
+              <g id="Group_14539" data-name="Group 14539">
+                <g id="Group_14538" data-name="Group 14538">
+                  <path id="Path_10279" data-name="Path 10279" d="M85.16,129.509l-.252-.755c-.252-.377-.377-.755-.252-.755a4.054,4.054,0,0,1,.252.755C85.16,129.132,85.286,129.383,85.16,129.509Z" transform="translate(-84.608 -128)" fill="#72493f"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14543" data-name="Group 14543" transform="translate(10.151 16.369)">
+              <g id="Group_14542" data-name="Group 14542">
+                <g id="Group_14541" data-name="Group 14541">
+                  <path id="Path_10280" data-name="Path 10280" d="M81.141,131.258a1.772,1.772,0,0,1-.377-.629c-.126-.377-.252-.629-.126-.629a5.287,5.287,0,0,1,.252.629A5.289,5.289,0,0,0,81.141,131.258Z" transform="translate(-80.586 -130)" fill="#72493f"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14559" data-name="Group 14559" transform="translate(11.964 37.625)">
+            <g id="Group_14546" data-name="Group 14546">
+              <g id="Group_14545" data-name="Group 14545">
+                <path id="Path_10281" data-name="Path 10281" d="M116.884,327.424l-1.761-13.457a13.057,13.057,0,0,0,1.258-6.666v-.126a8.664,8.664,0,0,0-2.767-4.779l-.755-3.4-10.313,1.383.377,5.66-6.792,23.645L95,349.56l5.408.629s2.138-9.936,2.641-14.086a58.884,58.884,0,0,0,.5-6.792l5.157-7.672c.629,3.144,1.258,7.043,1.635,9.055a5.062,5.062,0,0,0,1.132,2.515l13.206,10.439V337.36C123.424,334.341,116.884,327.424,116.884,327.424Z" transform="translate(-95 -299)" fill="#22325e"/>
+              </g>
+            </g>
+            <g id="Group_14549" data-name="Group 14549" transform="translate(8.175 1.635)">
+              <g id="Group_14548" data-name="Group 14548">
+                <g id="Group_14547" data-name="Group 14547">
+                  <path id="Path_10282" data-name="Path 10282" d="M160.629,316.025a5.288,5.288,0,0,1-.252-.629c-.126-.377-.126-.88-.252-1.383A7.218,7.218,0,0,1,160,312.5V312a1.983,1.983,0,0,0,.126.5,7.218,7.218,0,0,0,.126,1.509c.126.5.126,1.006.252,1.383A2.2,2.2,0,0,1,160.629,316.025Z" transform="translate(-160 -312)" fill="#445964"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14552" data-name="Group 14552" transform="translate(8.88 1.666)">
+              <g id="Group_14551" data-name="Group 14551">
+                <g id="Group_14550" data-name="Group 14550">
+                  <path id="Path_10283" data-name="Path 10283" d="M166.034,312.344h.126a.236.236,0,0,1,.377,0c.126.126.377.252.377.5a.692.692,0,0,1-.377.629c-.252.126-.5.126-.629-.126-.252-.126-.377-.377-.252-.5v-.377l.126-.126v.126c0,.126-.126.252-.126.377a.954.954,0,0,0,.252.5.561.561,0,0,0,.629,0,.954.954,0,0,0,.252-.5c0-.252-.126-.377-.252-.377A.444.444,0,0,0,166.034,312.344Z" transform="translate(-165.608 -312.25)" fill="#445964"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14555" data-name="Group 14555" transform="translate(11.697 3.111)">
+              <g id="Group_14554" data-name="Group 14554">
+                <g id="Group_14553" data-name="Group 14553">
+                  <path id="Path_10284" data-name="Path 10284" d="M192.4,325.151h-.252c0,.126-.252.126-.5.126-.126.126-.5.126-.755.126-.252-.126-.629-.126-1.006-.252-.252-.126-.629-.252-.88-.377s-.377-.377-.629-.5l-.377-.377v-.126c0-.126.126.126.5.377a1.256,1.256,0,0,0,.629.5,6.132,6.132,0,0,0,.88.377c.252.126.629.126.88.252h.755A3.519,3.519,0,0,1,192.4,325.151Z" transform="translate(-188 -323.734)" fill="#445964"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14558" data-name="Group 14558" transform="translate(8.552 14.589)">
+              <g id="Group_14557" data-name="Group 14557">
+                <g id="Group_14556" data-name="Group 14556">
+                  <path id="Path_10285" data-name="Path 10285" d="M173.816,415a.389.389,0,0,1-.126.252,1.809,1.809,0,0,1-.252.377c-.377.377-.755,1.006-1.258,1.635-1.006,1.383-2.264,3.4-3.773,5.534s-2.767,4.15-3.773,5.534c-.5.755-.88,1.383-1.132,1.761-.126.126-.252.377-.377.377a.439.439,0,0,1-.126.252.439.439,0,0,0,.126-.252c.126-.126.252-.252.252-.377a10.7,10.7,0,0,0,1.132-1.761c1.006-1.383,2.264-3.4,3.773-5.534,1.509-2.264,2.893-4.15,3.9-5.534.5-.755.88-1.258,1.132-1.635.252-.252.377-.377.377-.5A.123.123,0,0,0,173.816,415Z" transform="translate(-163 -415)" fill="#445964"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14585" data-name="Group 14585" transform="translate(9.425 18.063)">
+            <g id="Group_14561" data-name="Group 14561" transform="translate(20.091 0.697)">
+              <g id="Group_14560" data-name="Group 14560">
+                <path id="Path_10286" data-name="Path 10286" d="M234.611,152.4a2.2,2.2,0,0,1,.126-.629,2.679,2.679,0,0,1,.5-1.509,1.977,1.977,0,0,1,1.132-1.132A2.2,2.2,0,0,1,237,149h-.755a2.452,2.452,0,0,0-1.132,1.132,3.045,3.045,0,0,0-.5,1.635A.871.871,0,0,0,234.611,152.4Z" transform="translate(-234.556 -149)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14563" data-name="Group 14563" transform="translate(9.311)">
+              <g id="Group_14562" data-name="Group 14562">
+                <path id="Path_10287" data-name="Path 10287" d="M158.8,143.529l-5.408.88-1.006.88s-3.4,6.54-3.4,7.923a13,13,0,0,0,.755,4.025l-.88,5.911c-.126.629.377,1.258.629,1.258l9.433-1.258c1.132-.252,1.635-.88,1.635-1.509l-.126-1.383,3.9-13.332c.252.755-.126-2.138-1.887-2.767A6.787,6.787,0,0,0,158.8,143.529Z" transform="translate(-148.842 -143.462)" fill="#05968F"/>
+              </g>
+            </g>
+            <g id="Group_14565" data-name="Group 14565" transform="translate(0 1.451)">
+              <g id="Group_14564" data-name="Group 14564">
+                <path id="Path_10288" data-name="Path 10288" d="M88.163,155s-1.635,1.258-3.144,2.641c-1.635,1.509-5.785,4.4-5.785,4.4l-.377-6.037-3.144-.5s-1.509,7.672-.629,9.81c1.006,2.012,2.264,2.138,5.534,1.132,3.27-1.132,4.15-1.509,4.15-1.509Z" transform="translate(-74.807 -155)" fill="#05968F"/>
+              </g>
+            </g>
+            <g id="Group_14567" data-name="Group 14567" transform="translate(9.387 2.332)">
+              <g id="Group_14566" data-name="Group 14566">
+                <path id="Path_10289" data-name="Path 10289" d="M152.659,162a.123.123,0,0,0-.126.126.439.439,0,0,0-.126.252,6.976,6.976,0,0,0-.755,1.006,27.021,27.021,0,0,0-1.761,3.773,10.125,10.125,0,0,0-.377,4.15,2.364,2.364,0,0,0,.5,1.258c0,.126,0,.252.126.252v.126a.974.974,0,0,0-.126-.377,7.034,7.034,0,0,1,0-5.282,10.554,10.554,0,0,1,1.761-3.773c.252-.5.5-.88.629-1.132a.439.439,0,0,1,.126-.252Z" transform="translate(-149.444 -162)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14569" data-name="Group 14569" transform="translate(20.144 0.692)">
+              <g id="Group_14568" data-name="Group 14568">
+                <path id="Path_10290" data-name="Path 10290" d="M236.735,148.965a9.252,9.252,0,0,0-1.761,4.15c-.126,2.012,3.018,14.212,3.018,14.212L240.76,178.4l3.4-1.258s-.88-7.8-1.006-8.8c-.252-2.138-1.635-6.037-1.761-8.3a53.631,53.631,0,0,0-1.509-7.8C239.5,151.1,239.376,148.839,236.735,148.965Z" transform="translate(-234.971 -148.96)" fill="#05968F"/>
+              </g>
+            </g>
+            <g id="Group_14571" data-name="Group 14571" transform="translate(20.273 5.979)">
+              <g id="Group_14570" data-name="Group 14570">
+                <path id="Path_10291" data-name="Path 10291" d="M236,191v.5a10.9,10.9,0,0,1,.252,1.258c.126,1.006.5,2.39.88,4.025.252,1.509.629,3.018.88,4.025a5.847,5.847,0,0,0,.377,1.132.462.462,0,0,0,.126.377v0c0-.126-.126-.252-.126-.377a6.38,6.38,0,0,0-.252-1.132c-.252-1.132-.629-2.515-.88-4.025-.377-1.635-.755-3.018-.88-4.025a7.24,7.24,0,0,1-.252-1.258c0-.126-.126-.252-.126-.377Z" transform="translate(-236 -191)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_14573" data-name="Group 14573" transform="translate(18.355 5.224)">
+              <g id="Group_14572" data-name="Group 14572">
+                <path id="Path_10292" data-name="Path 10292" d="M222.416,199.338a3.976,3.976,0,0,1-.755-2.138l-.755-7.169c-.126-1.509-.377-3.144.252-4.528,0-.252.126-.377.377-.5a.961.961,0,0,1,.629.252c.126.126.5.377.5.629.5,2.138.755,4.276,1.383,6.414.126.5.252.5.126,1.132-.126.755-.88,3.144-.88,3.144a7.47,7.47,0,0,0,.126,1.383A1.417,1.417,0,0,1,222.416,199.338Z" transform="translate(-220.75 -185)" fill="rgba(0,0,0,0.3)"/>
+              </g>
+            </g>
+            <g id="Group_14575" data-name="Group 14575" transform="translate(20.525 6.556)">
+              <g id="Group_14574" data-name="Group 14574">
+                <path id="Path_10293" data-name="Path 10293" d="M238,196.267a.39.39,0,0,1,.252.126c.126,0,.252.126.5.252a1.818,1.818,0,0,0,.88.252,2.26,2.26,0,0,0,1.132-.5c.252-.126.629-.377.88-.5a.794.794,0,0,1,.88-.126.653.653,0,0,1,.5.252.123.123,0,0,1,.126.126.39.39,0,0,0-.126-.252c0-.126-.252-.252-.5-.252a1.1,1.1,0,0,0-.88.126,4.411,4.411,0,0,0-1.006.629c-.377.126-.629.377-1.006.377s-.629-.126-.88-.126Z" transform="translate(-238 -195.586)" fill="#f9f9f9"/>
+              </g>
+            </g>
+            <g id="Group_14577" data-name="Group 14577" transform="translate(9.96 6.734)">
+              <g id="Group_14576" data-name="Group 14576">
+                <path id="Path_10294" data-name="Path 10294" d="M154,197.252h.126c0,.126,0,.252.126.252a1.6,1.6,0,0,0,.88.629,3.589,3.589,0,0,0,1.635,0,11.069,11.069,0,0,0,1.887-.629,5.853,5.853,0,0,1,3.522-.252,8.8,8.8,0,0,1,1.383.5l-.126-.126a.39.39,0,0,1-.252-.126,8.667,8.667,0,0,0-1.006-.377c-.5,0-1.006-.126-1.635-.126a5.047,5.047,0,0,0-1.887.377,11.067,11.067,0,0,1-1.887.629,3.02,3.02,0,0,1-1.509,0,3.688,3.688,0,0,1-1.006-.5Z" transform="translate(-154 -197)" fill="#f9f9f9"/>
+              </g>
+            </g>
+            <g id="Group_14579" data-name="Group 14579" transform="translate(7.948 5.853)">
+              <g id="Group_14578" data-name="Group 14578">
+                <path id="Path_10295" data-name="Path 10295" d="M138,190v.5a2.812,2.812,0,0,0,.377,1.258,2.727,2.727,0,0,0,.755.88c.252.252.377.252.377.252.126,0-.126-.126-.377-.252a7.02,7.02,0,0,1-.629-1.006,2.029,2.029,0,0,1-.377-1.132A1.253,1.253,0,0,1,138,190Z" transform="translate(-138 -190)" fill="#f9f9f9"/>
+              </g>
+            </g>
+            <g id="Group_14581" data-name="Group 14581" transform="translate(5.81 3.967)">
+              <g id="Group_14580" data-name="Group 14580">
+                <path id="Path_10296" data-name="Path 10296" d="M126.66,175c-2.515,2.515-4.779,5.408-5.66,8.93,1.383-.5,2.767-1.006,3.773-1.383a5.311,5.311,0,0,1-.126-2.264C124.773,179.276,124.773,178.4,126.66,175Z" transform="translate(-121 -175)" fill="rgba(0,0,0,0.3)"/>
+              </g>
+            </g>
+            <g id="Group_14584" data-name="Group 14584" transform="translate(3.546 8.494)">
+              <g id="Group_14583" data-name="Group 14583">
+                <g id="Group_14582" data-name="Group 14582">
+                  <path id="Path_10297" data-name="Path 10297" d="M103.88,211a9.764,9.764,0,0,1-.5.88c-.252.377-.252.88-.377.88a2.507,2.507,0,0,1,.252-1.006A2.1,2.1,0,0,1,103.88,211Z" transform="translate(-103 -211)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14586" data-name="Group 14586" transform="matrix(-0.07, -0.998, 0.998, -0.07, 40.971, 86.162)">
+            <g id="Group_14315-2" data-name="Group 14315">
+              <g id="Group_14314-2" data-name="Group 14314">
+                <g id="Group_14313-2" data-name="Group 14313">
+                  <g id="Group_14312-2" data-name="Group 14312">
+                    <path id="Path_10228-2" data-name="Path 10228" d="M58.031,720v.252S53.126,721.509,53,722.39l9.181,1.132.252-3.018A5.519,5.519,0,0,1,58.031,720Z" transform="translate(-53 -720)" fill="#1e7dbd"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14590" data-name="Group 14590" transform="translate(-48.75 98.657) rotate(-93)">
+            <g id="Group_14587" data-name="Group 14587" transform="translate(11.704 90.825)">
+              <g id="Group_14332-2" data-name="Group 14332">
+                <g id="Group_14331-2" data-name="Group 14331">
+                  <g id="Group_14330-2" data-name="Group 14330">
+                    <g id="Group_14329-2" data-name="Group 14329">
+                      <g id="Group_14328-2" data-name="Group 14328">
+                        <path id="Path_10231-2" data-name="Path 10231" d="M93,722c0,.125.125.125.376.25.25.25.25.376.376.376a.775.775,0,0,0-.25-.5A1.248,1.248,0,0,0,93,722Z" transform="translate(-93 -722)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14588" data-name="Group 14588" transform="translate(10.668 91.076)">
+              <g id="Group_14338-2" data-name="Group 14338">
+                <g id="Group_14337-2" data-name="Group 14337">
+                  <g id="Group_14336-2" data-name="Group 14336">
+                    <g id="Group_14335-2" data-name="Group 14335">
+                      <g id="Group_14334-2" data-name="Group 14334">
+                        <path id="Path_10232-2" data-name="Path 10232" d="M84.762,724c-.125.125.125.25.25.375a1.247,1.247,0,0,1,.125.5c.125,0,.125-.25,0-.5C85.012,724,84.762,724,84.762,724Z" transform="translate(-84.727 -724)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14589" data-name="Group 14589" transform="translate(9.701 91.402)">
+              <g id="Group_14344-2" data-name="Group 14344">
+                <g id="Group_14343-2" data-name="Group 14343">
+                  <g id="Group_14342-2" data-name="Group 14342">
+                    <g id="Group_14341-2" data-name="Group 14341">
+                      <g id="Group_14340-2" data-name="Group 14340">
+                        <path id="Path_10233-2" data-name="Path 10233" d="M77.25,727.408a.6.6,0,0,0,0-.5c0-.25-.25-.376-.25-.25a.548.548,0,0,1,.125.375A.619.619,0,0,1,77.25,727.408Z" transform="translate(-77 -726.608)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14591" data-name="Group 14591" transform="translate(42.398 77.905)">
+            <g id="Group_14321-2" data-name="Group 14321">
+              <g id="Group_14320-2" data-name="Group 14320">
+                <g id="Group_14319-2" data-name="Group 14319">
+                  <g id="Group_14318-2" data-name="Group 14318">
+                    <g id="Group_14317-2" data-name="Group 14317">
+                      <path id="Path_10229-2" data-name="Path 10229" d="M116.16,730.638c.126,0,.252.252.252.377-.126.252-.377.377-.5.252-.252-.126-.377-.377-.252-.5s.377-.252.5-.126Z" transform="translate(-115.608 -730.586)" fill="#fff"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/sale_icon.svg b/src/assets/performics/main_menu_icons/sale_icon.svg
new file mode 100644
index 0000000..0dde6f0
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/sale_icon.svg
@@ -0,0 +1,167 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="114.931" height="107.384" viewBox="0 0 114.931 107.384">
+  <g id="Group_16359" data-name="Group 16359" transform="translate(-42 -352.616)">
+    <g id="Group_16358" data-name="Group 16358">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(46 360)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(121 353)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(132 360)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(42 440)" fill="#cdd9f3"/>
+    </g>
+    <g id="Group_16322" data-name="Group 16322">
+      <g id="Group_14648" data-name="Group 14648" transform="translate(-18.542)">
+        <rect id="Rectangle_17394" data-name="Rectangle 17394" width="65" height="16" transform="translate(69 354)" fill="#ffeccc"/>
+        <rect id="Rectangle_17395" data-name="Rectangle 17395" width="65" height="19" transform="translate(69 369)" fill="#ffeccc"/>
+        <rect id="Rectangle_17396" data-name="Rectangle 17396" width="65" height="56" transform="translate(69 387)" fill="#ffeccc"/>
+        <g id="Layer_x0020_1" transform="translate(67.542 352.616)">
+          <g id="_410342416" transform="translate(0 0)">
+            <path id="Path_10097" data-name="Path 10097" d="M89,1887.433h64.88V1886H89Z" transform="translate(-88.182 -1850.909)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10098" data-name="Path 10098" d="M2758,1656.354h7.945V1652H2758Z" transform="translate(-2749.906 -1621.263)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10099" data-name="Path 10099" d="M2758,1693.614h4.317V1693H2758Z" transform="translate(-2746.278 -1661.5)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10100" data-name="Path 10100" d="M3243,1520l.019.391.279,5.973h1.135l.484-5.973.037-.391Z" transform="translate(-3237.94 -1491.719)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10101" data-name="Path 10101" d="M3243,1520l.019.391h1.9l.037-.391Z" transform="translate(-3237.94 -1491.719)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10102" data-name="Path 10102" d="M3269,1834.968h1.191V1834H3269Z" transform="translate(-3263.661 -1799.876)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10103" data-name="Path 10103" d="M3297,1745.34h.093V1744H3297Z" transform="translate(-3291.084 -1711.551)" fill="#cde0fb" fill-rule="evenodd"/>
+            <path id="Path_10104" data-name="Path 10104" d="M1403,1656.354h7.945V1652H1403Z" transform="translate(-1369.695 -1621.263)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10105" data-name="Path 10105" d="M1403,1693.614h4.317V1693H1403Z" transform="translate(-1366.067 -1661.5)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10106" data-name="Path 10106" d="M1888,1520l.019.391.279,5.973h1.135l.484-5.973.037-.391Z" transform="translate(-1857.728 -1491.719)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10107" data-name="Path 10107" d="M1888,1520l.019.391h1.9l.037-.391Z" transform="translate(-1857.728 -1491.719)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10108" data-name="Path 10108" d="M1914,1834.968h1.191V1834H1914Z" transform="translate(-1883.449 -1799.876)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10109" data-name="Path 10109" d="M1942,1745.34h.093V1744H1942Z" transform="translate(-1910.872 -1711.551)" fill="#cde0fb" fill-rule="evenodd"/>
+            <path id="Path_10110" data-name="Path 10110" d="M276,1656.354h7.945V1652H276Z" transform="translate(-221.726 -1621.263)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10111" data-name="Path 10111" d="M276,1693.614h4.317V1693H276Z" transform="translate(-218.098 -1661.5)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10112" data-name="Path 10112" d="M2825,1888.419h4.317V1886H2825Z" transform="translate(-2814.525 -1850.909)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10113" data-name="Path 10113" d="M374,1888.419h4.317V1886H374Z" transform="translate(-317.921 -1850.909)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10114" data-name="Path 10114" d="M1600,1888.419h4.3V1886H1600Z" transform="translate(-1566.714 -1850.909)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10115" data-name="Path 10115" d="M3133,4408.623v4.335h4.354v-4.465a1.319,1.319,0,0,0-.8-1.1.892.892,0,0,1-.558-.763l-.037-.632h-1.6v.632a.873.873,0,0,1-.54.763,1.338,1.338,0,0,0-.819,1.1Z" transform="translate(-3128.293 -4324.021)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10116" data-name="Path 10116" d="M3199,4395.483h1.879l-.056-.484h-1.768Z" transform="translate(-3193.046 -4313.226)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10117" data-name="Path 10117" d="M3133,4540.131v2.809h4.354V4540H3133Z" transform="translate(-3128.293 -4455.529)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10118" data-name="Path 10118" d="M2699,4408.623v4.335h4.372v-4.465a1.319,1.319,0,0,0-.8-1.1.892.892,0,0,1-.558-.763l-.037-.632h-1.6l-.019.632a.825.825,0,0,1-.521.763,1.338,1.338,0,0,0-.819,1.1C2699.019,4408.549,2699,4408.586,2699,4408.623Z" transform="translate(-2686.236 -4324.021)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10119" data-name="Path 10119" d="M2766,4395.483h1.861l-.037-.484h-1.786Z" transform="translate(-2751.971 -4313.226)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10120" data-name="Path 10120" d="M2699,4540.131v2.809h4.372V4540h-4.354C2699.019,4540.057,2699,4540.094,2699,4540.131Z" transform="translate(-2686.236 -4455.529)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10121" data-name="Path 10121" d="M2275,4408.623v4.335h4.372v-4.465a1.338,1.338,0,0,0-.819-1.1.905.905,0,0,1-.539-.763l-.037-.632h-1.6l-.019.632a.844.844,0,0,1-.54.763,1.318,1.318,0,0,0-.8,1.1A.358.358,0,0,0,2275,4408.623Z" transform="translate(-2254.348 -4324.021)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10122" data-name="Path 10122" d="M2342,4395.483h1.861l-.037-.484h-1.786Z" transform="translate(-2320.082 -4313.226)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10123" data-name="Path 10123" d="M2275,4540.131v2.809h4.372V4540h-4.354A.366.366,0,0,0,2275,4540.131Z" transform="translate(-2254.348 -4455.529)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10124" data-name="Path 10124" d="M1884,4408.623v4.335h4.354v-4.465a1.319,1.319,0,0,0-.8-1.1.892.892,0,0,1-.558-.763l-.037-.632h-1.6v.632a.873.873,0,0,1-.54.763,1.338,1.338,0,0,0-.819,1.1Z" transform="translate(-1856.054 -4324.021)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10125" data-name="Path 10125" d="M1951,4395.483h1.861l-.037-.484h-1.768Z" transform="translate(-1921.807 -4313.226)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10126" data-name="Path 10126" d="M1884,4540.131v2.809h4.354V4540H1884Z" transform="translate(-1856.054 -4455.529)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10127" data-name="Path 10127" d="M1572,4498.991v3.275h3.293V4498.9a.985.985,0,0,0-.614-.837.707.707,0,0,1-.409-.577l-.019-.483h-1.228v.483a.622.622,0,0,1-.409.577.985.985,0,0,0-.614.837Z" transform="translate(-1537.188 -4413.328)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10128" data-name="Path 10128" d="M1622,4489.372h1.414l-.037-.373h-1.339Z" transform="translate(-1586.239 -4405.477)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10129" data-name="Path 10129" d="M1572,4599.093v2.121h3.293V4599H1572Z" transform="translate(-1537.188 -4513.431)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10130" data-name="Path 10130" d="M1188,4498.991v3.275h3.312V4498.9a.985.985,0,0,0-.614-.837.691.691,0,0,1-.428-.577l-.019-.483h-1.209v.483a.65.65,0,0,1-.409.577.985.985,0,0,0-.614.837A.168.168,0,0,0,1188,4498.991Z" transform="translate(-1146.062 -4413.328)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10131" data-name="Path 10131" d="M1239,4489.372h1.414l-.037-.373h-1.339Z" transform="translate(-1196.113 -4405.477)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10132" data-name="Path 10132" d="M1188,4599.093v2.121h3.312V4599h-3.293A.167.167,0,0,0,1188,4599.093Z" transform="translate(-1146.062 -4513.431)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10133" data-name="Path 10133" d="M748,4498.991v3.275h3.293V4498.9a.985.985,0,0,0-.614-.837.641.641,0,0,1-.409-.577l-.037-.483h-1.209v.483a.622.622,0,0,1-.409.577.985.985,0,0,0-.614.837Z" transform="translate(-697.857 -4413.328)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10134" data-name="Path 10134" d="M798,4489.372h1.414l-.037-.373h-1.34Z" transform="translate(-746.908 -4405.477)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10135" data-name="Path 10135" d="M748,4599.093v2.121h3.293V4599H748Z" transform="translate(-697.857 -4513.431)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10136" data-name="Path 10136" d="M276,4498.991v3.275h3.312v-3.275a.139.139,0,0,0-.019-.093,1,1,0,0,0-.6-.837.691.691,0,0,1-.428-.577l-.019-.483h-1.209l-.019.483a.622.622,0,0,1-.409.577.985.985,0,0,0-.614.837Z" transform="translate(-217.093 -4413.328)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10137" data-name="Path 10137" d="M327,4489.372h1.414l-.037-.373h-1.34Z" transform="translate(-267.144 -4405.477)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10138" data-name="Path 10138" d="M276,4599.093v2.121h3.312v-2.121a.139.139,0,0,0-.019-.093H276Z" transform="translate(-217.093 -4513.431)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10139" data-name="Path 10139" d="M67,2802.414h64.88V2801H67Z" transform="translate(-65.772 -2748.884)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10140" data-name="Path 10140" d="M1437,2429.624v4.335h4.372v-4.466a1.338,1.338,0,0,0-.818-1.1.906.906,0,0,1-.54-.763l-.037-.633h-1.6l-.019.633a.844.844,0,0,1-.54.763,1.319,1.319,0,0,0-.8,1.1A.316.316,0,0,0,1437,2429.624Z" transform="translate(-1400.755 -2381.843)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10141" data-name="Path 10141" d="M1504,2416.484h1.861l-.037-.484h-1.786Z" transform="translate(-1466.49 -2371.047)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10142" data-name="Path 10142" d="M1437,2561.13v2.809h4.372V2561h-4.354A.316.316,0,0,0,1437,2561.13Z" transform="translate(-1400.755 -2513.35)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10143" data-name="Path 10143" d="M1104,2358.391h4.782V2350H1104Z" transform="translate(-1061.969 -2306.275)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10144" data-name="Path 10144" d="M1143.526,2565.466V2561H1142v4.466Z" transform="translate(-1097.42 -2513.35)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10145" data-name="Path 10145" d="M642,2429.624v4.335h4.372v-4.466a1.338,1.338,0,0,0-.819-1.1.873.873,0,0,1-.54-.763l-.037-.633h-1.6l-.019.633a.844.844,0,0,1-.54.763,1.319,1.319,0,0,0-.8,1.1A.317.317,0,0,0,642,2429.624Z" transform="translate(-590.964 -2381.843)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10146" data-name="Path 10146" d="M709,2416.484h1.861L710.8,2416h-1.768Z" transform="translate(-656.698 -2371.047)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10147" data-name="Path 10147" d="M642,2561.13v2.809h4.372V2561h-4.354A.317.317,0,0,0,642,2561.13Z" transform="translate(-590.964 -2513.35)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10148" data-name="Path 10148" d="M287,2358.391h4.763V2350H287Z" transform="translate(-229.749 -2306.275)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10149" data-name="Path 10149" d="M325.526,2565.466V2561H324v4.466Z" transform="translate(-264.2 -2513.35)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10150" data-name="Path 10150" d="M89,2.714h64.489V0H89Z" transform="translate(-87.791)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10151" data-name="Path 10151" d="M2.76,104.045H0V0H2.76Z" transform="translate(65.698)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10152" data-name="Path 10152" d="M3534.714,104.045H3532V0h2.714Z" transform="translate(-3532)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10153" data-name="Path 10153" d="M89,852.433h64.061V851H89Z" transform="translate(-87.363 -835.166)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10154" data-name="Path 10154" d="M605,853.419h4.3V851H605Z" transform="translate(-553.201 -835.166)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10155" data-name="Path 10155" d="M1456,853.419h4.317V851H1456Z" transform="translate(-1420.053 -835.166)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10156" data-name="Path 10156" d="M2818,853.419h4.3V851H2818Z" transform="translate(-2807.376 -835.166)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10157" data-name="Path 10157" d="M89,3797.414h64.061V3796H89Z" transform="translate(-87.363 -3725.371)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10158" data-name="Path 10158" d="M89,4781.433h64.061V4780H89Z" transform="translate(-87.363 -4691.063)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10159" data-name="Path 10159" d="M324,3532h7.163v-5H324Z" transform="translate(-269.838 -3461.376)" fill="#f99746" fill-rule="evenodd"/>
+            <path id="Path_10160" data-name="Path 10160" d="M866,3418.163h7.145V3411H866Z" transform="translate(-821.904 -3347.535)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10161" data-name="Path 10161" d="M1407,3418.163h7.145V3411H1407Z" transform="translate(-1372.97 -3347.535)" fill="#f99746" fill-rule="evenodd"/>
+            <path id="Path_10162" data-name="Path 10162" d="M324,3603.67h3.479V3603H324Z" transform="translate(-266.154 -3535.962)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10163" data-name="Path 10163" d="M866,3476.67h3.461V3476H866Z" transform="translate(-818.22 -3411.325)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10164" data-name="Path 10164" d="M1407,3476.67h3.479V3476H1407Z" transform="translate(-1369.304 -3411.325)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10165" data-name="Path 10165" d="M247,549v5.619h4.856V549Z" transform="translate(-189.098 -538.785)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10166" data-name="Path 10166" d="M247,604v1.786h3V604Z" transform="translate(-187.237 -592.762)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10167" data-name="Path 10167" d="M713,549v5.619h4.875V549Z" transform="translate(-663.787 -538.785)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10168" data-name="Path 10168" d="M713,604v1.786h3.014V604Z" transform="translate(-661.927 -592.762)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10169" data-name="Path 10169" d="M1085,665v3.461h3V665Z" transform="translate(-1040.829 -652.627)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_10170" data-name="Path 10170" d="M1085,699v1.1h1.842V699Z" transform="translate(-1039.676 -685.994)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10171" data-name="Path 10171" d="M1388,665v3.461h3V665Z" transform="translate(-1349.467 -652.627)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_10172" data-name="Path 10172" d="M1388,699v1.1h1.842V699Z" transform="translate(-1348.313 -685.994)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10173" data-name="Path 10173" d="M1730,665v3.461h3V665Z" transform="translate(-1697.831 -652.627)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_10174" data-name="Path 10174" d="M1730,699v1.1h1.842V699Z" transform="translate(-1696.677 -685.994)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10175" data-name="Path 10175" d="M2639,576v5.117h4.428V576Z" transform="translate(-2625.176 -565.283)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10176" data-name="Path 10176" d="M2639,626v1.637h2.735V626Z" transform="translate(-2623.483 -614.353)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10177" data-name="Path 10177" d="M3124,576v5.117h4.428V576Z" transform="translate(-3119.2 -565.283)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10178" data-name="Path 10178" d="M3124,626v1.637h2.735V626Z" transform="translate(-3117.507 -614.353)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10179" data-name="Path 10179" d="M2204,576v5.117h4.428V576Z" transform="translate(-2182.083 -565.283)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10180" data-name="Path 10180" d="M2204,626v1.637h2.735V626Z" transform="translate(-2180.389 -614.353)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10181" data-name="Path 10181" d="M852,1522.26l.074.372,1.042,5.9,1.116-.149-.279-5.991-.019-.391Z" transform="translate(-802.731 -1493.681)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10182" data-name="Path 10182" d="M867,1522.26l.074.372,1.879-.242-.019-.391Z" transform="translate(-817.731 -1493.681)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10183" data-name="Path 10183" d="M846.13,1837.135l1.191-.149-.13-.986-1.191.149Z" transform="translate(-795.708 -1801.839)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10184" data-name="Path 10184" d="M884.168,1752.321h.074l-.167-1.321-.074.019Z" transform="translate(-833.336 -1718.421)" fill="#cde0fb" fill-rule="evenodd"/>
+          </g>
+        </g>
+      </g>
+      <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(100 358.446)">
+        <g id="_278464288" transform="translate(0 0)">
+          <path id="Path_10377" data-name="Path 10377" d="M308.035,703.54H306.7a.7.7,0,0,1-.7-.7v-3.209a.69.69,0,0,1,.7-.626h1.331a.673.673,0,0,1,.626.626v3.209A.69.69,0,0,1,308.035,703.54Z" transform="translate(-282.048 -644.295)" fill="#ebf3fa" fill-rule="evenodd"/>
+          <path id="Path_10378" data-name="Path 10378" d="M316.1,694.391H315V694h1.1Z" transform="translate(-290.344 -639.687)" fill="#ffa561" fill-rule="evenodd"/>
+          <path id="Path_10379" data-name="Path 10379" d="M308.661,719.174H306V718h2.661Z" transform="translate(-282.048 -661.808)" fill="#fff" fill-rule="evenodd"/>
+          <path id="Path_10386" data-name="Path 10386" d="M581.078,827.409H581l.391-1.409h.078Z" transform="translate(-535.523 -761.354)" fill="#cde0fb" fill-rule="evenodd"/>
+          <path id="Path_10387" data-name="Path 10387" d="M442.644,611a10.015,10.015,0,0,1,2.27,1.879,4.041,4.041,0,0,1,.235,1.722s-1.957.861-1.722-.156-.7-.626-1.252-1.1A7.215,7.215,0,0,1,441,611.47Z" transform="translate(-406.481 -563.183)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10388" data-name="Path 10388" d="M208,20.325s4.931-5.871,7.514-2.113c0,0,1.879.783,2.583,4.07.7,3.366-1.487,5.949-2.661,5.323-.7-.47-1.252.861-1.252.861Z" transform="translate(-191.719 -15.638)" fill="#233862" fill-rule="evenodd"/>
+          <path id="Path_10389" data-name="Path 10389" d="M40.593,251.69C36.757,250.281,33,243.628,33,243.628l1.174-.861c1.018,1.487,5.636,4.305,5.636,4.305.157-1.252.235-2.348.47-3.366,1.252-7.045,4.227-9.158,5.01-9.628a.242.242,0,0,1,.157-.078v.157a7.74,7.74,0,0,1-.078,1.174C45.054,239.714,43.88,252.864,40.593,251.69Z" transform="translate(-30.417 -215.693)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10390" data-name="Path 10390" d="M297,2.061s.626-2.583,4.54-1.8c0,0-1.879-.235-2.348.47A3.032,3.032,0,0,1,301.54.652c.939.548,1.1,2.426.939,3.053-.157.548-1.174,2.27-1.8,2.27a2.947,2.947,0,0,1-1.487-.626Z" transform="translate(-273.753 -0.113)" fill="#233862" fill-rule="evenodd"/>
+          <path id="Path_10391" data-name="Path 10391" d="M185.19,185.153c-1.957-4.305-2.9-5.557-2.9-6.888,0-1.1.548-2.27,1.565-5.088a8.576,8.576,0,0,0,.47-2.035c.861-5.479-2.348-11.428-4.305-11.819-.548-.157-1.487-2.113-1.487-5.323l-.235.078-4.148.783s.078,1.331.078,2.583c0,1.018,0,1.957-.235,2.113h-.47s-3.522,4.853-3.757,9.315c-.313,4.462,2.74,6.418-.078,15.263C166.874,193.294,186.208,187.5,185.19,185.153Z" transform="translate(-156.151 -141.955)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10392" data-name="Path 10392" d="M230,155.783s.078,1.331.078,2.583c2.348-.078,3.6-2.192,4.07-3.366Z" transform="translate(-211.997 -142.876)" fill="#e8945b" fill-rule="evenodd"/>
+          <path id="Path_10393" data-name="Path 10393" d="M204.23,48.737a12.536,12.536,0,0,0,1.487-3.522c.157-1.174-.391-5.557-4.775-4.931a6.288,6.288,0,0,0-2.426.939c-.939.626-2.348,2.035-.783,5.792l.391,1.331Z" transform="translate(-181.608 -37.083)" fill="#233862" fill-rule="evenodd"/>
+          <path id="Path_10394" data-name="Path 10394" d="M198.792,71.08s5.479.078,5.479-3.288c0-3.444.783-5.714-2.74-5.949-3.522-.157-4.227,1.1-4.462,2.27C196.756,65.209,197.383,71,198.792,71.08Z" transform="translate(-181.571 -56.999)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10395" data-name="Path 10395" d="M223,52.938s1.487,3.992,3.835,4.618c2.27.626,3.288,0,3.288,0a6.626,6.626,0,0,1-2.192-3.914S224.1,51.059,223,52.938Z" transform="translate(-205.545 -48.172)" fill="#233862" fill-rule="evenodd"/>
+          <path id="Path_10396" data-name="Path 10396" d="M195.123,57.735a4.746,4.746,0,0,0-1.409,1.8c-.313.861-.391,2.661-.939,2.583,0,0-1.1-2.74.157-4.227C194.262,56.248,195.123,57.735,195.123,57.735Z" transform="translate(-177.276 -52.656)" fill="#233862" fill-rule="evenodd"/>
+          <path id="Path_10397" data-name="Path 10397" d="M177.522,607.233a58.415,58.415,0,0,1-3.444,9.706l-1.879-.157a47.281,47.281,0,0,0,.861-9.862,40.857,40.857,0,0,0-2.113-13.228c-5.4-15.5-4.54-26.691-4.54-26.691l10.176,1.174.47.078c.078,4.618.157,10.958.313,15.968.078,4.462.157,7.827.157,7.827C179.479,596.2,178.775,602.145,177.522,607.233Z" transform="translate(-153.336 -522.627)" fill="#131d3d" fill-rule="evenodd"/>
+          <path id="Path_10398" data-name="Path 10398" d="M313.6,251.527l-1.644.47s-5.4-9-5.949-11.35c-.157-.783-.548-2.348-1.018-3.992-.939-3.6-2.192-7.906-2.192-7.906l-.391-1.8L301,221a16.508,16.508,0,0,1,4.227.939,1.541,1.541,0,0,1,1.018.7c1.174,2.5,2.27,8.845,3.131,13.385a42.71,42.71,0,0,0,.939,4.853C310.784,242.056,312.35,248.4,313.6,251.527Z" transform="translate(-277.44 -203.71)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10399" data-name="Path 10399" d="M241.976,580.564a24.289,24.289,0,0,1-3.131,10.254l-.861.626s-.861-4.383-1.409-9.628c-.548-4.931-1.331-10.254-2.192-11.819-3.366-6.418-4.383-30.449-4.383-30.449L240.332,539c1.018,1.8,1.487,4.618,1.566,7.906.313,8.219-1.644,18.864-1.957,20.43h0c0,.156.078.235.078.391C242.132,571.8,242.367,576.415,241.976,580.564Z" transform="translate(-211.997 -496.819)" fill="#22325e" fill-rule="evenodd"/>
+          <path id="Path_10400" data-name="Path 10400" d="M225,54.265s1.1,4.227,3.992,5.557c0,0-2.9-2.583-3.209-5.323C225.548,51.682,225,54.265,225,54.265Z" transform="translate(-207.388 -49.029)" fill="#233862" fill-rule="evenodd"/>
+          <path id="Path_10401" data-name="Path 10401" d="M12.914,294.383c0-.235.157-2.661-.235-3.131A4.128,4.128,0,0,0,11.035,290a2.542,2.542,0,0,0-1.018,2.583,9.475,9.475,0,0,0,1.722,2.661Z" transform="translate(-9.157 -267.309)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10402" data-name="Path 10402" d="M319.4,1070a24.29,24.29,0,0,1-3.131,10.254l-.861.861s-.861-4.618-1.409-9.863A8.9,8.9,0,0,0,319.4,1070Z" transform="translate(-289.422 -986.255)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10403" data-name="Path 10403" d="M246.323,1077.313a58.412,58.412,0,0,1-3.444,9.706l-1.879-.156a47.284,47.284,0,0,0,.861-9.863C242.487,1077.313,243.74,1077.626,246.323,1077.313Z" transform="translate(-222.136 -992.708)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10404" data-name="Path 10404" d="M182.273,1175.149H181.1c-.391,0-.626-.157-1.1-.157a1.748,1.748,0,0,0-.939.157v.078h-4.853c-.157-.235,0-.626.078-.939a.8.8,0,0,1,.47-.391,5.333,5.333,0,0,0,2.5-1.174,24.827,24.827,0,0,1,2.5-1.722h0c.078,0,.313.078,1.174.861.548.391,1.331-.626,1.331-.626a1.1,1.1,0,0,1,.235.392,1.963,1.963,0,0,1,.157.782,5.447,5.447,0,0,0,.313,1.8,4.641,4.641,0,0,1,.235.548S183.291,1175.07,182.273,1175.149Z" transform="translate(-160.513 -1079.35)" fill="#1e7dbd" fill-rule="evenodd"/>
+          <path id="Path_10405" data-name="Path 10405" d="M248.74,1171.626a3.147,3.147,0,0,1-1.252.626c-.47.078-1.487-1.252-1.487-1.252h0c.078,0,.313.078,1.174.861.548.391,1.331-.626,1.331-.626A1.1,1.1,0,0,1,248.74,1171.626Z" transform="translate(-226.745 -1079.35)" fill="#466aa5" fill-rule="evenodd"/>
+          <path id="Path_10406" data-name="Path 10406" d="M182.273,1212.939H181.1c-.391,0-.626-.156-1.1-.156a1.747,1.747,0,0,0-.939.156v.078h-4.853c-.157-.235,0-.626.078-.939.157-.078.235.626.313.7a19.459,19.459,0,0,0,4.227-.157,2.327,2.327,0,0,1,1.8-.156,4.593,4.593,0,0,0,2.348-.47,4.656,4.656,0,0,1,.235.548S183.291,1212.861,182.273,1212.939Z" transform="translate(-160.513 -1117.141)" fill="#466aa5" fill-rule="evenodd"/>
+          <path id="Path_10407" data-name="Path 10407" d="M260.779,1175.149H259.6c-.391,0-.7-.157-1.1-.157a1.748,1.748,0,0,0-.939.157v.078h-4.931a1.411,1.411,0,0,1,.157-.939.8.8,0,0,1,.47-.391,5.5,5.5,0,0,0,2.426-1.174c.548-.47,2.583-1.722,2.583-1.722h0c.078,0,.235.078,1.174.861.47.391,1.331-.626,1.331-.626a1.1,1.1,0,0,1,.235.392,1.215,1.215,0,0,1,.078.782,9.417,9.417,0,0,0,.391,1.8,1.949,1.949,0,0,0,.235.548S261.718,1175.07,260.779,1175.149Z" transform="translate(-232.835 -1079.35)" fill="#1e7dbd" fill-rule="evenodd"/>
+          <path id="Path_10408" data-name="Path 10408" d="M327.74,1171.626a3.147,3.147,0,0,1-1.252.626c-.47.078-1.487-1.252-1.487-1.252h0c.078,0,.235.078,1.174.861.47.391,1.331-.626,1.331-.626A1.1,1.1,0,0,1,327.74,1171.626Z" transform="translate(-299.561 -1079.35)" fill="#466aa5" fill-rule="evenodd"/>
+          <path id="Path_10409" data-name="Path 10409" d="M260.779,1212.939H259.6c-.391,0-.7-.156-1.1-.156a1.748,1.748,0,0,0-.939.156v.078h-4.931a1.412,1.412,0,0,1,.157-.939c.157-.078.157.626.235.7a19.459,19.459,0,0,0,4.227-.157,2.551,2.551,0,0,1,1.879-.156,4.593,4.593,0,0,0,2.348-.47,1.946,1.946,0,0,0,.235.548S261.718,1212.861,260.779,1212.939Z" transform="translate(-232.835 -1117.141)" fill="#466aa5" fill-rule="evenodd"/>
+          <path id="Path_10410" data-name="Path 10410" d="M140.717,230.436c-2.113-3.6-2.192-5.088-4.227-6.34a11.522,11.522,0,0,0-3.914-1.1s-.783,3.444-1.252,3.914-7.671,1.174-7.827.391,1.879-3.835,2.035-4.149h-.313c-.861.157-1.409.235-1.8.313a3.1,3.1,0,0,0-1.018.235c-.548.078-2.9.783-5.4,7.671,0,0,2.035,2.5,3.6,2.974.078,0,.078,0,.157.078-.313,4.54-1.957,12.132-1.409,16.594.626,4.227,9.549,3.131,11.271,2.74,1.252-.235,2.192-1.566,2.818-3.835.235,1.565.783,3.444,1.879,3.6,1.8.157,2.583-.157,2.818-.861a2.566,2.566,0,0,0,0-.783,121.918,121.918,0,0,0-2.348-12.289c-.47-2.035-1.1-3.522-1.331-5.088A7.718,7.718,0,0,0,140.717,230.436Z" transform="translate(-107.842 -205.554)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_10411" data-name="Path 10411" d="M11,267.434c0-.235.235-4.148.391-3.757.078.391.391,2.427.391,2.427Z" transform="translate(-10.139 -243.021)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10412" data-name="Path 10412" d="M1.957,240l.157.391L4.462,246.5l-1.174.548L.235,241.252,0,240.861Z" transform="translate(0 -221.223)" fill="#225399" fill-rule="evenodd"/>
+          <path id="Path_10413" data-name="Path 10413" d="M1.957,240l.157.391-1.879.861L0,240.861Z" transform="translate(0 -221.223)" fill="#174884" fill-rule="evenodd"/>
+          <path id="Path_10414" data-name="Path 10414" d="M40.644,317.018l-1.252.548L39,316.548,40.174,316Z" transform="translate(-35.947 -291.274)" fill="#fff" fill-rule="evenodd"/>
+          <path id="Path_10415" data-name="Path 10415" d="M21,274.454s1.018-1.565,1.252-1.487c.391.078-.939,2.192-.939,2.192s1.018-1.565,1.174-1.409c.313.235-.235,1.174-.783,1.957,0,0,1.018-.939,1.018-.783.157.626-1.1,1.957-1.1,1.957L21,275.393Z" transform="translate(-19.356 -251.607)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10416" data-name="Path 10416" d="M211.819,150.953s-.078.47-1.1.391c0,0-.861-.078-.783-.548A2.611,2.611,0,0,1,211.819,150.953Z" transform="translate(-193.503 -138.907)" fill="#fff" fill-rule="evenodd"/>
+          <path id="Path_10427" data-name="Path 10427" d="M444,622a6.911,6.911,0,0,0,.7,2.035c.391.47.939,1.252,1.174,1.018.235-.157-.235-1.879-.235-1.879Z" transform="translate(-409.246 -573.322)" fill="#ffb27d" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="Path_10428" data-name="Path 10428" d="M668.973,4967.543l-5.2-16.57h38.607l-5.137,16.57Z" transform="translate(-546 -4529)" fill="#92CBC8"/>
+      <g id="Group_14647" data-name="Group 14647" transform="translate(116.779 408.921)">
+        <path id="Path_10380" data-name="Path 10380" d="M406.776,770.716v7.776H399v-8.031a2.072,2.072,0,0,1,1.4-1.912,1.691,1.691,0,0,0,1.02-1.4V766h2.932v1.147a1.567,1.567,0,0,0,.892,1.4,2.195,2.195,0,0,1,1.53,1.912Z" transform="translate(-389.185 -749.6)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_10381" data-name="Path 10381" d="M419.314,763.892H416l.127-.892h3.187Z" transform="translate(-404.018 -746.983)" fill="#2a4e96" fill-rule="evenodd"/>
+        <path id="Path_10382" data-name="Path 10382" d="M493.041,744.971l-9.05,10.835L478,750.835,487.05,740Z" transform="translate(-458.115 -726.914)" fill="#7da8f4" fill-rule="evenodd"/>
+        <path id="Path_10383" data-name="Path 10383" d="M576.609,767.02l-.255.637-3.442,10.07-1.912-.51,2.167-10.58.128-.637Z" transform="translate(-539.261 -749.6)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_10384" data-name="Path 10384" d="M591.442,767.02l-.255.637L588,766.637l.127-.637Z" transform="translate(-554.094 -749.6)" fill="#ebf3fa" fill-rule="evenodd"/>
+        <path id="Path_10385" data-name="Path 10385" d="M571.039,848.294,569,847.657l.51-1.657,2.039.637Z" transform="translate(-537.516 -819.403)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_10417" data-name="Path 10417" d="M361.515,737.4H322.637a.6.6,0,0,1-.637-.637.714.714,0,0,1,.637-.765h38.878a.714.714,0,0,1,.637.765A.6.6,0,0,1,361.515,737.4Z" transform="translate(-322 -723.425)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10418" data-name="Path 10418" d="M383.887,806.147H351V805h32.887Z" transform="translate(-347.303 -783.629)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10419" data-name="Path 10419" d="M392.955,865.53H363V864h29.955Z" transform="translate(-357.774 -835.109)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10420" data-name="Path 10420" d="M331.589,756.463,327,739.255l1.02-.255,4.716,17.208Z" transform="translate(-326.363 -726.042)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10421" data-name="Path 10421" d="M477.147,762.678H476V747h1.147Z" transform="translate(-456.37 -733.022)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10422" data-name="Path 10422" d="M400.04,762.061,398,746.127l1.147-.127,2.039,15.933Z" transform="translate(-388.313 -732.15)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10423" data-name="Path 10423" d="M590.147,756.463,589,756.208,593.589,739l1.147.255Z" transform="translate(-554.966 -726.042)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10424" data-name="Path 10424" d="M538.147,762.061,537,761.933,539.039,746l1.147.127Z" transform="translate(-509.595 -732.15)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_10425" data-name="Path 10425" d="M324.427,650.811h0c-.127-.255-.127-.51.127-.637l19.5-12.747c.255-.128.51-.128.637.127a.444.444,0,0,1-.128.637l-19.63,12.747C324.809,651.066,324.554,650.938,324.427,650.811Z" transform="translate(-324.044 -637.343)" fill="#ef7e29" fill-rule="evenodd"/>
+        <path id="Path_10426" data-name="Path 10426" d="M492.033,650.811h0a.56.56,0,0,0-.127-.637l-19.63-12.747a.444.444,0,0,0-.637.127c-.127.127,0,.51.128.637l19.63,12.747A.56.56,0,0,0,492.033,650.811Z" transform="translate(-452.519 -637.343)" fill="#ef7e29" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/share_of_shelf_icon.svg b/src/assets/performics/main_menu_icons/share_of_shelf_icon.svg
new file mode 100644
index 0000000..2d2ac1f
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/share_of_shelf_icon.svg
@@ -0,0 +1,133 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107.384" viewBox="0 0 109 107.384">
+  <g id="Group_16352" data-name="Group 16352" transform="translate(-42 -352.616)">
+    <g id="Group_14306" data-name="Group 14306" transform="translate(-1 205)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#cdd9f3"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#cdd9f3"/>
+    </g>
+    <g id="Group_16344" data-name="Group 16344">
+      <g id="Group_14648" data-name="Group 14648">
+        <rect id="Rectangle_17394" data-name="Rectangle 17394" width="65" height="16" transform="translate(69 354)" fill="#ffeccc"/>
+        <rect id="Rectangle_17395" data-name="Rectangle 17395" width="65" height="19" transform="translate(69 369)" fill="#ffeccc"/>
+        <rect id="Rectangle_17396" data-name="Rectangle 17396" width="65" height="56" transform="translate(69 387)" fill="#ffeccc"/>
+        <g id="Layer_x0020_1" transform="translate(67.542 352.616)">
+          <g id="_410342416" transform="translate(0 0)">
+            <path id="Path_10097" data-name="Path 10097" d="M89,1887.433h64.88V1886H89Z" transform="translate(-88.182 -1850.909)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10098" data-name="Path 10098" d="M2758,1656.354h7.945V1652H2758Z" transform="translate(-2749.906 -1621.263)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10099" data-name="Path 10099" d="M2758,1693.614h4.317V1693H2758Z" transform="translate(-2746.278 -1661.5)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10100" data-name="Path 10100" d="M3243,1520l.019.391.279,5.973h1.135l.484-5.973.037-.391Z" transform="translate(-3237.94 -1491.719)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10101" data-name="Path 10101" d="M3243,1520l.019.391h1.9l.037-.391Z" transform="translate(-3237.94 -1491.719)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10102" data-name="Path 10102" d="M3269,1834.968h1.191V1834H3269Z" transform="translate(-3263.661 -1799.876)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10103" data-name="Path 10103" d="M3297,1745.34h.093V1744H3297Z" transform="translate(-3291.084 -1711.551)" fill="#cde0fb" fill-rule="evenodd"/>
+            <path id="Path_10104" data-name="Path 10104" d="M1403,1656.354h7.945V1652H1403Z" transform="translate(-1369.695 -1621.263)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10105" data-name="Path 10105" d="M1403,1693.614h4.317V1693H1403Z" transform="translate(-1366.067 -1661.5)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10106" data-name="Path 10106" d="M1888,1520l.019.391.279,5.973h1.135l.484-5.973.037-.391Z" transform="translate(-1857.728 -1491.719)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10107" data-name="Path 10107" d="M1888,1520l.019.391h1.9l.037-.391Z" transform="translate(-1857.728 -1491.719)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10108" data-name="Path 10108" d="M1914,1834.968h1.191V1834H1914Z" transform="translate(-1883.449 -1799.876)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10109" data-name="Path 10109" d="M1942,1745.34h.093V1744H1942Z" transform="translate(-1910.872 -1711.551)" fill="#cde0fb" fill-rule="evenodd"/>
+            <path id="Path_10110" data-name="Path 10110" d="M276,1656.354h7.945V1652H276Z" transform="translate(-221.726 -1621.263)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10111" data-name="Path 10111" d="M276,1693.614h4.317V1693H276Z" transform="translate(-218.098 -1661.5)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10112" data-name="Path 10112" d="M2825,1888.419h4.317V1886H2825Z" transform="translate(-2814.525 -1850.909)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10113" data-name="Path 10113" d="M374,1888.419h4.317V1886H374Z" transform="translate(-317.921 -1850.909)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10114" data-name="Path 10114" d="M1600,1888.419h4.3V1886H1600Z" transform="translate(-1566.714 -1850.909)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10115" data-name="Path 10115" d="M3133,4408.623v4.335h4.354v-4.465a1.319,1.319,0,0,0-.8-1.1.892.892,0,0,1-.558-.763l-.037-.632h-1.6v.632a.873.873,0,0,1-.54.763,1.338,1.338,0,0,0-.819,1.1Z" transform="translate(-3128.293 -4324.021)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10116" data-name="Path 10116" d="M3199,4395.483h1.879l-.056-.484h-1.768Z" transform="translate(-3193.046 -4313.226)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10117" data-name="Path 10117" d="M3133,4540.131v2.809h4.354V4540H3133Z" transform="translate(-3128.293 -4455.529)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10118" data-name="Path 10118" d="M2699,4408.623v4.335h4.372v-4.465a1.319,1.319,0,0,0-.8-1.1.892.892,0,0,1-.558-.763l-.037-.632h-1.6l-.019.632a.825.825,0,0,1-.521.763,1.338,1.338,0,0,0-.819,1.1C2699.019,4408.549,2699,4408.586,2699,4408.623Z" transform="translate(-2686.236 -4324.021)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10119" data-name="Path 10119" d="M2766,4395.483h1.861l-.037-.484h-1.786Z" transform="translate(-2751.971 -4313.226)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10120" data-name="Path 10120" d="M2699,4540.131v2.809h4.372V4540h-4.354C2699.019,4540.057,2699,4540.094,2699,4540.131Z" transform="translate(-2686.236 -4455.529)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10121" data-name="Path 10121" d="M2275,4408.623v4.335h4.372v-4.465a1.338,1.338,0,0,0-.819-1.1.905.905,0,0,1-.539-.763l-.037-.632h-1.6l-.019.632a.844.844,0,0,1-.54.763,1.318,1.318,0,0,0-.8,1.1A.358.358,0,0,0,2275,4408.623Z" transform="translate(-2254.348 -4324.021)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10122" data-name="Path 10122" d="M2342,4395.483h1.861l-.037-.484h-1.786Z" transform="translate(-2320.082 -4313.226)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10123" data-name="Path 10123" d="M2275,4540.131v2.809h4.372V4540h-4.354A.366.366,0,0,0,2275,4540.131Z" transform="translate(-2254.348 -4455.529)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10124" data-name="Path 10124" d="M1884,4408.623v4.335h4.354v-4.465a1.319,1.319,0,0,0-.8-1.1.892.892,0,0,1-.558-.763l-.037-.632h-1.6v.632a.873.873,0,0,1-.54.763,1.338,1.338,0,0,0-.819,1.1Z" transform="translate(-1856.054 -4324.021)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10125" data-name="Path 10125" d="M1951,4395.483h1.861l-.037-.484h-1.768Z" transform="translate(-1921.807 -4313.226)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10126" data-name="Path 10126" d="M1884,4540.131v2.809h4.354V4540H1884Z" transform="translate(-1856.054 -4455.529)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10127" data-name="Path 10127" d="M1572,4498.991v3.275h3.293V4498.9a.985.985,0,0,0-.614-.837.707.707,0,0,1-.409-.577l-.019-.483h-1.228v.483a.622.622,0,0,1-.409.577.985.985,0,0,0-.614.837Z" transform="translate(-1537.188 -4413.328)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10128" data-name="Path 10128" d="M1622,4489.372h1.414l-.037-.373h-1.339Z" transform="translate(-1586.239 -4405.477)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10129" data-name="Path 10129" d="M1572,4599.093v2.121h3.293V4599H1572Z" transform="translate(-1537.188 -4513.431)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10130" data-name="Path 10130" d="M1188,4498.991v3.275h3.312V4498.9a.985.985,0,0,0-.614-.837.691.691,0,0,1-.428-.577l-.019-.483h-1.209v.483a.65.65,0,0,1-.409.577.985.985,0,0,0-.614.837A.168.168,0,0,0,1188,4498.991Z" transform="translate(-1146.062 -4413.328)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10131" data-name="Path 10131" d="M1239,4489.372h1.414l-.037-.373h-1.339Z" transform="translate(-1196.113 -4405.477)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10132" data-name="Path 10132" d="M1188,4599.093v2.121h3.312V4599h-3.293A.167.167,0,0,0,1188,4599.093Z" transform="translate(-1146.062 -4513.431)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10133" data-name="Path 10133" d="M748,4498.991v3.275h3.293V4498.9a.985.985,0,0,0-.614-.837.641.641,0,0,1-.409-.577l-.037-.483h-1.209v.483a.622.622,0,0,1-.409.577.985.985,0,0,0-.614.837Z" transform="translate(-697.857 -4413.328)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10134" data-name="Path 10134" d="M798,4489.372h1.414l-.037-.373h-1.34Z" transform="translate(-746.908 -4405.477)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10135" data-name="Path 10135" d="M748,4599.093v2.121h3.293V4599H748Z" transform="translate(-697.857 -4513.431)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10136" data-name="Path 10136" d="M276,4498.991v3.275h3.312v-3.275a.139.139,0,0,0-.019-.093,1,1,0,0,0-.6-.837.691.691,0,0,1-.428-.577l-.019-.483h-1.209l-.019.483a.622.622,0,0,1-.409.577.985.985,0,0,0-.614.837Z" transform="translate(-217.093 -4413.328)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10137" data-name="Path 10137" d="M327,4489.372h1.414l-.037-.373h-1.34Z" transform="translate(-267.144 -4405.477)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10138" data-name="Path 10138" d="M276,4599.093v2.121h3.312v-2.121a.139.139,0,0,0-.019-.093H276Z" transform="translate(-217.093 -4513.431)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10139" data-name="Path 10139" d="M67,2802.414h64.88V2801H67Z" transform="translate(-65.772 -2748.884)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10140" data-name="Path 10140" d="M1437,2429.624v4.335h4.372v-4.466a1.338,1.338,0,0,0-.818-1.1.906.906,0,0,1-.54-.763l-.037-.633h-1.6l-.019.633a.844.844,0,0,1-.54.763,1.319,1.319,0,0,0-.8,1.1A.316.316,0,0,0,1437,2429.624Z" transform="translate(-1400.755 -2381.843)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10141" data-name="Path 10141" d="M1504,2416.484h1.861l-.037-.484h-1.786Z" transform="translate(-1466.49 -2371.047)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10142" data-name="Path 10142" d="M1437,2561.13v2.809h4.372V2561h-4.354A.316.316,0,0,0,1437,2561.13Z" transform="translate(-1400.755 -2513.35)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10143" data-name="Path 10143" d="M1104,2358.391h4.782V2350H1104Z" transform="translate(-1061.969 -2306.275)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10144" data-name="Path 10144" d="M1143.526,2565.466V2561H1142v4.466Z" transform="translate(-1097.42 -2513.35)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10145" data-name="Path 10145" d="M642,2429.624v4.335h4.372v-4.466a1.338,1.338,0,0,0-.819-1.1.873.873,0,0,1-.54-.763l-.037-.633h-1.6l-.019.633a.844.844,0,0,1-.54.763,1.319,1.319,0,0,0-.8,1.1A.317.317,0,0,0,642,2429.624Z" transform="translate(-590.964 -2381.843)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10146" data-name="Path 10146" d="M709,2416.484h1.861L710.8,2416h-1.768Z" transform="translate(-656.698 -2371.047)" fill="#2a4e96" fill-rule="evenodd"/>
+            <path id="Path_10147" data-name="Path 10147" d="M642,2561.13v2.809h4.372V2561h-4.354A.317.317,0,0,0,642,2561.13Z" transform="translate(-590.964 -2513.35)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10148" data-name="Path 10148" d="M287,2358.391h4.763V2350H287Z" transform="translate(-229.749 -2306.275)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10149" data-name="Path 10149" d="M325.526,2565.466V2561H324v4.466Z" transform="translate(-264.2 -2513.35)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10150" data-name="Path 10150" d="M89,2.714h64.489V0H89Z" transform="translate(-87.791)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10151" data-name="Path 10151" d="M2.76,104.045H0V0H2.76Z" transform="translate(65.698)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10152" data-name="Path 10152" d="M3534.714,104.045H3532V0h2.714Z" transform="translate(-3532)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10153" data-name="Path 10153" d="M89,852.433h64.061V851H89Z" transform="translate(-87.363 -835.166)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10154" data-name="Path 10154" d="M605,853.419h4.3V851H605Z" transform="translate(-553.201 -835.166)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10155" data-name="Path 10155" d="M1456,853.419h4.317V851H1456Z" transform="translate(-1420.053 -835.166)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10156" data-name="Path 10156" d="M2818,853.419h4.3V851H2818Z" transform="translate(-2807.376 -835.166)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10157" data-name="Path 10157" d="M89,3797.414h64.061V3796H89Z" transform="translate(-87.363 -3725.371)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10158" data-name="Path 10158" d="M89,4781.433h64.061V4780H89Z" transform="translate(-87.363 -4691.063)" fill="#ffae3e" fill-rule="evenodd"/>
+            <path id="Path_10159" data-name="Path 10159" d="M324,3532h7.163v-5H324Z" transform="translate(-269.838 -3461.376)" fill="#f99746" fill-rule="evenodd"/>
+            <path id="Path_10160" data-name="Path 10160" d="M866,3418.163h7.145V3411H866Z" transform="translate(-821.904 -3347.535)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10161" data-name="Path 10161" d="M1407,3418.163h7.145V3411H1407Z" transform="translate(-1372.97 -3347.535)" fill="#f99746" fill-rule="evenodd"/>
+            <path id="Path_10162" data-name="Path 10162" d="M324,3603.67h3.479V3603H324Z" transform="translate(-266.154 -3535.962)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10163" data-name="Path 10163" d="M866,3476.67h3.461V3476H866Z" transform="translate(-818.22 -3411.325)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10164" data-name="Path 10164" d="M1407,3476.67h3.479V3476H1407Z" transform="translate(-1369.304 -3411.325)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10165" data-name="Path 10165" d="M247,549v5.619h4.856V549Z" transform="translate(-189.098 -538.785)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10166" data-name="Path 10166" d="M247,604v1.786h3V604Z" transform="translate(-187.237 -592.762)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10167" data-name="Path 10167" d="M713,549v5.619h4.875V549Z" transform="translate(-663.787 -538.785)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10168" data-name="Path 10168" d="M713,604v1.786h3.014V604Z" transform="translate(-661.927 -592.762)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10169" data-name="Path 10169" d="M1085,665v3.461h3V665Z" transform="translate(-1040.829 -652.627)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_10170" data-name="Path 10170" d="M1085,699v1.1h1.842V699Z" transform="translate(-1039.676 -685.994)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10171" data-name="Path 10171" d="M1388,665v3.461h3V665Z" transform="translate(-1349.467 -652.627)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_10172" data-name="Path 10172" d="M1388,699v1.1h1.842V699Z" transform="translate(-1348.313 -685.994)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10173" data-name="Path 10173" d="M1730,665v3.461h3V665Z" transform="translate(-1697.831 -652.627)" fill="#ffa561" fill-rule="evenodd"/>
+            <path id="Path_10174" data-name="Path 10174" d="M1730,699v1.1h1.842V699Z" transform="translate(-1696.677 -685.994)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10175" data-name="Path 10175" d="M2639,576v5.117h4.428V576Z" transform="translate(-2625.176 -565.283)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10176" data-name="Path 10176" d="M2639,626v1.637h2.735V626Z" transform="translate(-2623.483 -614.353)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10177" data-name="Path 10177" d="M3124,576v5.117h4.428V576Z" transform="translate(-3119.2 -565.283)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10178" data-name="Path 10178" d="M3124,626v1.637h2.735V626Z" transform="translate(-3117.507 -614.353)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10179" data-name="Path 10179" d="M2204,576v5.117h4.428V576Z" transform="translate(-2182.083 -565.283)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10180" data-name="Path 10180" d="M2204,626v1.637h2.735V626Z" transform="translate(-2180.389 -614.353)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10181" data-name="Path 10181" d="M852,1522.26l.074.372,1.042,5.9,1.116-.149-.279-5.991-.019-.391Z" transform="translate(-802.731 -1493.681)" fill="#fff" fill-rule="evenodd"/>
+            <path id="Path_10182" data-name="Path 10182" d="M867,1522.26l.074.372,1.879-.242-.019-.391Z" transform="translate(-817.731 -1493.681)" fill="#ebf3fa" fill-rule="evenodd"/>
+            <path id="Path_10183" data-name="Path 10183" d="M846.13,1837.135l1.191-.149-.13-.986-1.191.149Z" transform="translate(-795.708 -1801.839)" fill="#92CBC8" fill-rule="evenodd"/>
+            <path id="Path_10184" data-name="Path 10184" d="M884.168,1752.321h.074l-.167-1.321-.074.019Z" transform="translate(-833.336 -1718.421)" fill="#cde0fb" fill-rule="evenodd"/>
+          </g>
+        </g>
+      </g>
+      <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(48.782 365.785)">
+        <g id="_405563152" transform="translate(0 0)">
+          <path id="Path_10076" data-name="Path 10076" d="M1,69.9s.882-2.822,1.411-3.175,2.646-1.411,2.822-1.058c0,.176-1.235,1.587-1.411,2.116-.353.353-.529.882-.353.705s1.235-.882,1.411-.705S4.351,68.49,4,68.843a1.931,1.931,0,0,1-1.764,1.411C1.176,70.43,1,69.9,1,69.9Z" transform="translate(40.109 -54.09)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10077" data-name="Path 10077" d="M1,55.176l.176.353L2.235,61.7H3.293l-.176-6.349V55Z" transform="translate(42.049 -45.362)" fill="#fff" fill-rule="evenodd"/>
+          <path id="Path_10078" data-name="Path 10078" d="M2,55.176l.176.353,1.94-.176V55Z" transform="translate(41.049 -45.362)" fill="#ebf3fa" fill-rule="evenodd"/>
+          <path id="Path_10079" data-name="Path 10079" d="M.176,90.235l1.235-.176L1.235,89,0,89.176Z" transform="translate(44.108 -73.365)" fill="#92CBC8" fill-rule="evenodd"/>
+          <path id="Path_10080" data-name="Path 10080" d="M4.176,81.411h.176L4.176,80H4Z" transform="translate(40.46 -65.953)" fill="#cde0fb" fill-rule="evenodd"/>
+          <path id="Path_10081" data-name="Path 10081" d="M14.976,85.837S17.445,96.242,31.555,97.83c3.88.353,10.935-10.759,10.935-10.759s.176-2.293-1.764-2.116c0,0-7.76,7.055-8.818,7.584-.882.529-8.995-5.291-11.817-6.526A7.752,7.752,0,0,0,14.976,85.837Z" transform="translate(0.383 -70.026)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_10082" data-name="Path 10082" d="M221.93,463.705S220.519,464.94,220.7,466c.353.882,1.587,1.587,1.94,2.646.176,1.234.882,1.94,1.411,1.94h3.175s.353-.882-.705-1.058c-1.235-.353-1.587-1.764-1.587-3a15.408,15.408,0,0,0,0-3L222.459,463Z" transform="translate(-220.68 -381.403)" fill="#1e7dbd" fill-rule="evenodd"/>
+          <path id="Path_10083" data-name="Path 10083" d="M100.028,480.772s-.176,3.174.353,3.527l8.289-.176s0-.882-1.235-1.058c-1.411-.177-3.7-1.059-4.057-2.822C102.85,478.656,100.028,480.772,100.028,480.772Z" transform="translate(-80.789 -395.119)" fill="#1e7dbd" fill-rule="evenodd"/>
+          <path id="Path_10084" data-name="Path 10084" d="M121.169,238.705s-.529,5.291-1.058,11.817c-.705,8.642-1.411,19.4-1.587,21.517-.176,3.527-.705,9.171-.705,9.171a4.856,4.856,0,0,1-4.057.705,90.956,90.956,0,0,1-3.175-16.579v-.353C109.882,256.342,109,238,109,238Z" transform="translate(-94.875 -196.086)" fill="#131d3d" fill-rule="evenodd"/>
+          <path id="Path_10085" data-name="Path 10085" d="M121.169,238.705s-.529,5.291-1.058,11.817l-9.524,14.815v-.353C109.882,256.342,109,238,109,238Z" transform="translate(-94.875 -196.086)" fill="#131d3d" fill-rule="evenodd"/>
+          <path id="Path_10086" data-name="Path 10086" d="M143.928,229.527s-7.76,19.4-12.875,28.4c-5.291,9.171-6.878,11.64-6.878,11.64s-2.822-1.058-3.175-1.94c0,0,1.94-17.637,5.467-21.87,1.94-2.469,4.233-9.7,4.409-12.17,0-2.646.529-7.584.529-7.584Z" transform="translate(-119.75 -186.203)" fill="#22325e" fill-rule="evenodd"/>
+          <path id="Path_10087" data-name="Path 10087" d="M132,46.349s5.291,2.646,8.289,1.764a6.336,6.336,0,0,0-1.94-1.764c0-.529.176-1.058.176-1.587a10.886,10.886,0,0,0,.176-1.587l-2.117-1.587L134.646,40A7.372,7.372,0,0,1,132,46.349Z" transform="translate(-118.052 -33.007)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10088" data-name="Path 10088" d="M107,98.443c0,.176.705.529,1.058.705a19.3,19.3,0,0,0,6.7,1.94c2.822.353,6.173-.353,7.407-.353h.353V92.27c0-1.587,0-3.351-.176-5.115a92.68,92.68,0,0,0-.882-9.7,11.919,11.919,0,0,0-3.351-5.291l-1.058-.882a5.525,5.525,0,0,1-3.351-.353c-1.235-.529-2.469-1.235-2.822-1.058-1.587,1.058-2.645,3.7-3.175,7.055V77.1a35.556,35.556,0,0,0-.529,6.349,12.493,12.493,0,0,0,.176,2.469,78,78,0,0,1-.176,9.524v1.411A4.884,4.884,0,0,0,107,98.443Z" transform="translate(-95.873 -57.587)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_10089" data-name="Path 10089" d="M165.5,129.342c8.818-10.053,3.351-17.461,3.351-17.461L166.029,111a35.563,35.563,0,0,0-.529,6.349,12.492,12.492,0,0,0,.176,2.469A78,78,0,0,1,165.5,129.342Z" transform="translate(-154.197 -91.485)" fill="#05968F" fill-rule="evenodd"/>
+          <path id="Path_10090" data-name="Path 10090" d="M141,49a6.664,6.664,0,0,0,3.88,3.175,10.887,10.887,0,0,0,.176-1.587L142.94,49Z" transform="translate(-124.406 -40.42)" fill="#ed985f" fill-rule="evenodd"/>
+          <path id="Path_10091" data-name="Path 10091" d="M136.58,18.87s-5.115.882-5.467-2.116c-.529-3.175-1.587-5.115,1.764-5.82,3.175-.705,3.88.353,4.409,1.411C137.638,13.4,137.815,18.694,136.58,18.87Z" transform="translate(-115.048 -8.879)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10092" data-name="Path 10092" d="M121.4,2.054c0-.176-.176-.176-.353-.176A.616.616,0,0,1,121.4,1.7c.176-.176.353-.882.882-1.058a.652.652,0,0,0-.353.529c.705-.529,2.116-1.058,6-.705,5.115.353,3.351,3.527,2.646,4.056-.529.353-2.293-.705-3.527-.705-1.235.176-1.411,1.94-1.94,2.116-.353.353-.176-.176-.705-.353-.529-.353-.705.705-.529,1.235a1.763,1.763,0,0,1-.529,1.411l-.882-.882c-.705-.705-1.411-4.409-1.058-5.115Z" transform="translate(-107.279 -0.352)" fill="#2c3a64" fill-rule="evenodd"/>
+          <path id="Path_10093" data-name="Path 10093" d="M5.645,78.671s.882-1.411.705-1.764c0-.176-1.235.882-1.411.882C4.587,77.789,5.645,78.671,5.645,78.671Z" transform="translate(38.286 -63.389)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10094" data-name="Path 10094" d="M196,238.538s.353,2.469.529,3c.353.882,1.764,1.411,3.175,1.058,0,0-1.235-.882-1.235-1.235s.705.353.882.353v-.882c0-.529-1.235-1.587-1.587-2.469S196,238.538,196,238.538Z" transform="translate(-188.754 -196.095)" fill="#ffb27d" fill-rule="evenodd"/>
+          <path id="Path_10095" data-name="Path 10095" d="M168.511,70a12.412,12.412,0,0,0-4.762,3.88c-2.293,3.527-5.115,16.755-5.115,17.99s1.94,9.877,1.94,9.877,2.116-.176,2.646-1.235c0,0-.353-8.818,0-9.524.176-.529,8.642-11.817,7.76-14.286C169.922,74.409,168.511,70,168.511,70Z" transform="translate(-153.505 -57.716)" fill="#05968F" fill-rule="evenodd"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/stock_icon.svg b/src/assets/performics/main_menu_icons/stock_icon.svg
new file mode 100644
index 0000000..2110f34
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/stock_icon.svg
@@ -0,0 +1,235 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16350" data-name="Group 16350" transform="translate(-43 -149)">
+    <g id="Group_14304" data-name="Group 14304" transform="translate(0 1)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#aad8ec"/>
+    </g>
+    <g id="Group_16342" data-name="Group 16342">
+      <g id="Layer_x0020_1" transform="translate(49.385 158.861)">
+        <g id="_118514128" transform="translate(0 0)">
+          <g id="Group_14130" data-name="Group 14130" transform="translate(0 51.005)">
+            <g id="Group_14129" data-name="Group 14129">
+              <g id="Group_14123" data-name="Group 14123" transform="translate(0 13.84)">
+                <path id="Path_9943" data-name="Path 9943" d="M79.331,328v1.582H56l3.757-1.186.791-.4Z" transform="translate(-56 -328)" fill="#de7625"/>
+                <g id="Group_14121" data-name="Group 14121" transform="translate(0 1.582)">
+                  <path id="Path_9944" data-name="Path 9944" d="M76.365,355.574H56V336H76.365Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                  <g id="Group_14120" data-name="Group 14120" transform="translate(0.791 15.027)">
+                    <g id="Group_14119" data-name="Group 14119">
+                      <path id="Path_9945" data-name="Path 9945" d="M68.7,420.186H60V419h8.7Z" transform="translate(-60 -417.616)" fill="#de7625"/>
+                      <path id="Path_9946" data-name="Path 9946" d="M65.734,412.989H60V412h5.734Z" transform="translate(-60 -412)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9947" data-name="Path 9947" d="M138.164,344.582a1.6,1.6,0,0,1-3.164,0,1.582,1.582,0,0,1,3.164,0Z" transform="translate(-119.38 -341.616)" fill="#de7625"/>
+                  <path id="Path_9948" data-name="Path 9948" d="M56,355.574h.791V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14122" data-name="Group 14122" transform="translate(20.365)">
+                  <path id="Path_9949" data-name="Path 9949" d="M161.966,328v19.377L159,349.156V329.582l.791-.4Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                  <path id="Path_9950" data-name="Path 9950" d="M161.966,348.433v3.757L159,353.97V334.4l.791-.4a67,67,0,0,0,.4,8.9,15.854,15.854,0,0,0,.989,4.152A4.954,4.954,0,0,0,161.966,348.433Z" transform="translate(-159 -332.814)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9951" data-name="Path 9951" d="M94.574,328v.4A88.693,88.693,0,0,1,75,328.4l.791-.4Z" transform="translate(-71.243 -328)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+              <g id="Group_14128" data-name="Group 14128" transform="translate(2.966)">
+                <path id="Path_9952" data-name="Path 9952" d="M88.4,258v1.186H71l2.768-.989.791-.2Z" transform="translate(-71 -258)" fill="#de7625"/>
+                <g id="Group_14126" data-name="Group 14126" transform="translate(0 1.186)">
+                  <path id="Path_9953" data-name="Path 9953" d="M86.027,278.236H71V264H86.027Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                  <g id="Group_14125" data-name="Group 14125" transform="translate(0.791 11.072)">
+                    <g id="Group_14124" data-name="Group 14124">
+                      <path id="Path_9954" data-name="Path 9954" d="M81.327,325.988H75V325h6.327Z" transform="translate(-75 -324.011)" fill="#de7625"/>
+                      <path id="Path_9955" data-name="Path 9955" d="M79.152,320.593H75V320h4.152Z" transform="translate(-75 -320)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9956" data-name="Path 9956" d="M132.175,269.989c0,.791-.4,1.186-.989,1.186A1.049,1.049,0,0,1,130,269.989c0-.593.4-.989,1.186-.989A.934.934,0,0,1,132.175,269.989Z" transform="translate(-118.334 -268.011)" fill="#de7625"/>
+                  <path id="Path_9957" data-name="Path 9957" d="M71,278.236h.791V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14127" data-name="Group 14127" transform="translate(15.027)">
+                  <path id="Path_9958" data-name="Path 9958" d="M149.373,258v14.236L147,273.422V259.186l.593-.4Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                  <path id="Path_9959" data-name="Path 9959" d="M149.373,272.677v2.768L147,276.631V262.4l.593-.4a36.159,36.159,0,0,0,.4,6.525,8.2,8.2,0,0,0,.593,3.164A1.974,1.974,0,0,0,149.373,272.677Z" transform="translate(-147 -261.209)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9960" data-name="Path 9960" d="M99.631,258v.2A57.915,57.915,0,0,1,85,258.2l.791-.2Z" transform="translate(-82.232 -258)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14173" data-name="Group 14173" transform="translate(25.814 0)">
+            <g id="Group_14172" data-name="Group 14172" transform="translate(0)">
+              <g id="Group_14136" data-name="Group 14136" transform="translate(1.274 31.628)">
+                <g id="Group_14133" data-name="Group 14133" transform="translate(6.525)">
+                  <g id="Group_14131" data-name="Group 14131">
+                    <path id="Path_9962" data-name="Path 9962" d="M241.818,211.407h-5.536L226,181.156l.4-19.179L232.92,160l2.175,12.852Z" transform="translate(-226 -160)" fill="#131d3d"/>
+                    <path id="Path_9963" data-name="Path 9963" d="M237.665,211.407h-1.384L226,181.156l.4-19.179L232.92,160l2.175,12.852a39.452,39.452,0,0,0-1.186,26.1Z" transform="translate(-226 -160)" fill="rgba(19,29,61,0.5)"/>
+                  </g>
+                  <g id="Group_14132" data-name="Group 14132" transform="translate(10.413 51.407)">
+                    <path id="Path_9964" data-name="Path 9964" d="M278.93,420.4a3.675,3.675,0,0,0,0,2.768h8.7s.4-.593,0-.791c-.2-.4-3.164-.4-4.35-2.373h-4.35Z" transform="translate(-278.667 -420)" fill="#1e7dbd"/>
+                    <path id="Path_9965" data-name="Path 9965" d="M288.1,435.2H279V435h9.1Z" transform="translate(-278.934 -432.034)" fill="#1e7dbd"/>
+                  </g>
+                </g>
+                <g id="Group_14135" data-name="Group 14135">
+                  <path id="Path_9966" data-name="Path 9966" d="M194.582,160.4a18.582,18.582,0,0,0-.2,6.525l.2,21.551L193,211.407h5.141l6.92-44.289L206.445,160Z" transform="translate(-193 -160)" fill="#22325e"/>
+                  <g id="Group_14134" data-name="Group 14134" transform="translate(0.132 51.407)">
+                    <path id="Path_9967" data-name="Path 9967" d="M193.93,420.4a3.675,3.675,0,0,0,0,2.768h8.7s.4-.593,0-.791c-.2-.4-3.164-.4-4.35-2.373h-4.35Z" transform="translate(-193.667 -420)" fill="#1e7dbd"/>
+                    <path id="Path_9968" data-name="Path 9968" d="M203.9,435.2H195V435h8.9Z" transform="translate(-194.736 -432.034)" fill="#1e7dbd"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_14153" data-name="Group 14153" transform="translate(0 7.111)">
+                <g id="Group_14140" data-name="Group 14140" transform="translate(2.658)">
+                  <g id="Group_14137" data-name="Group 14137" transform="translate(4.745)">
+                    <path id="Path_9969" data-name="Path 9969" d="M225.582,43.118a7.255,7.255,0,0,0,3.361,1.977,1.222,1.222,0,0,0,1.384-.4c0-.2.2-.2.2-.4a2.729,2.729,0,0,1-.593-.791,7.179,7.179,0,0,0-1.582-1.779V36h-3.361v5.338H224A12.786,12.786,0,0,0,225.582,43.118Z" transform="translate(-224 -36)" fill="#ffb17c"/>
+                    <path id="Path_9970" data-name="Path 9970" d="M235.57,50.989v.791h-.4a3.027,3.027,0,0,1-1.384-.989A1.544,1.544,0,0,1,233,50a11.348,11.348,0,0,0,1.384.791A2.939,2.939,0,0,0,235.57,50.989Z" transform="translate(-231.22 -47.232)" fill="#fe884f"/>
+                  </g>
+                  <g id="Group_14139" data-name="Group 14139" transform="translate(0 3.757)">
+                    <path id="Path_9971" data-name="Path 9971" d="M212.654,78.852c-.2,2.175-.4,3.757-.4,3.757s-1.186.2-2.966.4h-.2a23.979,23.979,0,0,1-9.1-.4l1.582-6.722.593-4.943.791-7.711a5.89,5.89,0,0,1,2.768-.4s2.57,2.175,3.361,1.977h0l.2-.2c.2-.2,0-.791,0-.989a.612.612,0,0,1-.2-.4h.2a2.844,2.844,0,0,1,.593.4c.2.2,2.57,3.559,3.164,4.548C213.247,68.57,212.852,74.7,212.654,78.852Z" transform="translate(-200 -61.255)" fill="#05968F"/>
+                    <path id="Path_9972" data-name="Path 9972" d="M227.643,56.582s-.2-1.582,0-1.582a11.84,11.84,0,0,1,3.164,1.582,11.379,11.379,0,0,1,.4,1.977S230.412,59.152,227.643,56.582Z" transform="translate(-222.107 -55)" fill="#05968F"/>
+                    <path id="Path_9973" data-name="Path 9973" d="M246,61.768V59a6.344,6.344,0,0,1,.989.593c.2.2.2,1.384.2,1.384S246.989,61.57,246,61.768Z" transform="translate(-236.905 -58.209)" fill="#05968F"/>
+                    <g id="Group_14138" data-name="Group 14138" transform="translate(9.095 3.361)">
+                      <path id="Path_9974" data-name="Path 9974" d="M246.2,90.388H246c.791-4.35.2-14.434,0-18.19h0l.2-.2C246.4,75.757,246.989,85.84,246.2,90.388Z" transform="translate(-246 -72)" fill="#05968F"/>
+                    </g>
+                    <path id="Path_9975" data-name="Path 9975" d="M212.654,110.3c-.2,2.175-.4,3.757-.4,3.757s-1.186.2-2.966.4h-.2a23.979,23.979,0,0,1-9.1-.4l1.582-6.722.593-4.943a7.023,7.023,0,0,1,1.977-.4,8.749,8.749,0,0,0,3.559,6.525A8.845,8.845,0,0,0,212.654,110.3Z" transform="translate(-200 -92.707)" fill="#05968F"/>
+                  </g>
+                </g>
+                <g id="Group_14152" data-name="Group 14152" transform="translate(0 5.497)">
+                  <g id="Group_14145" data-name="Group 14145" transform="translate(11.358 12.298)">
+                    <path id="Path_9976" data-name="Path 9976" d="M261.4,126v1.186H244l2.966-.989.593-.2Z" transform="translate(-244 -126)" fill="#de7625"/>
+                    <g id="Group_14143" data-name="Group 14143" transform="translate(0 1.186)">
+                      <path id="Path_9977" data-name="Path 9977" d="M259.027,146.236H244V132h15.027Z" transform="translate(-244 -132)" fill="#ffae3e"/>
+                      <g id="Group_14142" data-name="Group 14142" transform="translate(0.791 11.072)">
+                        <g id="Group_14141" data-name="Group 14141">
+                          <path id="Path_9978" data-name="Path 9978" d="M254.327,193.791H248V193h6.327Z" transform="translate(-248 -192.011)" fill="#de7625"/>
+                          <path id="Path_9979" data-name="Path 9979" d="M252.152,188.593H248V188h4.152Z" transform="translate(-248 -188)" fill="#de7625"/>
+                        </g>
+                      </g>
+                      <path id="Path_9980" data-name="Path 9980" d="M305.373,137.186A1.186,1.186,0,1,1,304.186,136,1.276,1.276,0,0,1,305.373,137.186Z" transform="translate(-291.334 -135.209)" fill="#de7625"/>
+                      <path id="Path_9981" data-name="Path 9981" d="M244,146.236h.791V132H244Z" transform="translate(-244 -132)" fill="rgba(255,174,62,0.5)"/>
+                    </g>
+                    <g id="Group_14144" data-name="Group 14144" transform="translate(15.027)">
+                      <path id="Path_9982" data-name="Path 9982" d="M322.373,126v14.236L320,141.422V127.186l.791-.4Z" transform="translate(-320 -126)" fill="#fc8d2f"/>
+                      <path id="Path_9983" data-name="Path 9983" d="M322.373,140.677v2.768L320,144.631V130.4l.791-.4a36,36,0,0,0,.2,6.525,13.125,13.125,0,0,0,.593,2.966C321.779,139.886,322.175,140.281,322.373,140.677Z" transform="translate(-320 -129.209)" fill="rgba(252,141,47,0.5)"/>
+                    </g>
+                    <path id="Path_9984" data-name="Path 9984" d="M273.434,126v.2a56.056,56.056,0,0,1-14.434,0l.593-.2Z" transform="translate(-256.034 -126)" fill="rgba(222,118,37,0.5)"/>
+                  </g>
+                  <g id="Group_14151" data-name="Group 14151">
+                    <path id="Path_9985" data-name="Path 9985" d="M235.338,181.757s1.186.2,1.186,0c.2-.2-.989-.593-.989-.593l-.989-.593a29.561,29.561,0,0,1-2.175-2.57c0,.2,0,.2-.2.2a10.97,10.97,0,0,1-1.582,1.186l-.593.593c.791.791,1.779,1.582,2.57,2.373l1.186,1.186c.2.2.791,0,.791,0,.2.2.791,0,.791,0a.866.866,0,0,0,.593-.2,1.542,1.542,0,0,0,1.384-.2h-.593Z" transform="translate(-221.41 -155.421)" fill="#ffb17c"/>
+                    <g id="Group_14150" data-name="Group 14150">
+                      <path id="Path_9986" data-name="Path 9986" d="M199.5,88.16l-.4.4-1.779,1.384-.4.4s-9.886-8.7-10.281-10.281a14.535,14.535,0,0,1,0-2.966,53.006,53.006,0,0,1,1.384-5.338c.791-2.373,2.175-5.932,2.966-6.92,0-.2,0-.2.2-.2v-.2A2.8,2.8,0,0,1,195.739,67v.791l-.4.593v.2l-.4,1.582-2.57,8.7Z" transform="translate(-186.556 -63.801)" fill="#05968F"/>
+                      <path id="Path_9987" data-name="Path 9987" d="M215.1,107.574l-.4.4-8.3-9.886.593-.4L206,96.106l1.582.593,3.361-8.7-.4,1.582-2.57,8.7Z" transform="translate(-202.155 -83.215)" fill="#05968F"/>
+                      <path id="Path_9988" data-name="Path 9988" d="M197.32,94.11l-.4.4s-9.886-8.7-10.281-10.281a14.535,14.535,0,0,1,0-2.966,53.007,53.007,0,0,1,1.384-5.338c.791-2.373,2.175-5.932,2.966-6.92-.791,2.57-4.35,13.84-3.954,15.027S195.739,92.726,197.32,94.11Z" transform="translate(-186.556 -67.972)" fill="#05968F"/>
+                      <g id="Group_14149" data-name="Group 14149" transform="translate(5.229 4.587)">
+                        <g id="Group_14148" data-name="Group 14148">
+                          <g id="Group_14146" data-name="Group 14146" transform="translate(0 9.886)">
+                            <path id="Path_9989" data-name="Path 9989" d="M217.548,142.734c-.4-.4-.791-.989-1.186-1.384s-.791-.989-1.186-1.384c-.4-.593-.791-.989-1.186-1.582l-.593-.791c0-.2-.2-.4-.4-.593l.593.593.593.791c.4.4.791.989,1.186,1.384a10.97,10.97,0,0,1,1.186,1.582C216.954,141.745,217.152,142.338,217.548,142.734Z" transform="translate(-213 -137)" fill="#05968F"/>
+                          </g>
+                          <g id="Group_14147" data-name="Group 14147" transform="translate(0.593)">
+                            <path id="Path_9990" data-name="Path 9990" d="M218.966,87c-.2.989-.4,1.779-.593,2.768a12.785,12.785,0,0,1-.791,2.57,12.792,12.792,0,0,1-.791,2.57l-.4,1.384a2.81,2.81,0,0,1-.4,1.186,12.587,12.587,0,0,0,.4-1.384l.2-1.186a18.37,18.37,0,0,0,.791-2.57c.2-.989.593-1.779.791-2.768C218.373,88.779,218.768,87.989,218.966,87Z" transform="translate(-216 -87)" fill="#05968F"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_14171" data-name="Group 14171" transform="translate(6.805)">
+                <g id="Group_14169" data-name="Group 14169" transform="translate(0.187 0.745)">
+                  <g id="Group_14168" data-name="Group 14168">
+                    <path id="Path_9991" data-name="Path 9991" d="M230.832,9.774a1.027,1.027,0,0,0-.4-.791c-.2-.2-.2-.4-.4-.593-.2-1.582-.4-3.164-.791-3.559-.2-.593-2.175-1.186-3.954-.989-1.779.4-3.361,1.582-3.361,2.373a10.175,10.175,0,0,0,.791,4.35,21.569,21.569,0,0,0,1.186,2.175,4.96,4.96,0,0,0,1.582.989,3.674,3.674,0,0,0,1.582,0h.2a2.449,2.449,0,0,0,1.582-.791,4.136,4.136,0,0,0,.791-1.186,2.858,2.858,0,0,0,.4-1.384,1.189,1.189,0,0,0,.791-.2Z" transform="translate(-221.918 -3.804)" fill="#ffb17c"/>
+                    <g id="Group_14167" data-name="Group 14167" transform="translate(1.993 3.4)">
+                      <g id="Group_14166" data-name="Group 14166">
+                        <g id="Group_14156" data-name="Group 14156" transform="translate(0 1.384)">
+                          <g id="Group_14154" data-name="Group 14154">
+                            <path id="Path_9992" data-name="Path 9992" d="M232.2,28.989a.194.194,0,0,1-.2-.2v-.4a.425.425,0,0,1,.4-.4.612.612,0,0,1,.4.2c.2.2.4.4.4.593v.791c0-.4,0-.593-.2-.791a.425.425,0,0,0-.4-.4c-.2-.2-.4-.2-.4,0-.2,0-.2.2-.2.4A.194.194,0,0,0,232.2,28.989Z" transform="translate(-232 -28)" fill="#fe884f"/>
+                          </g>
+                          <g id="Group_14155" data-name="Group 14155" transform="translate(0.395 0.505)">
+                            <path id="Path_9993" data-name="Path 9993" d="M234.4,31.632a.194.194,0,0,1-.2-.2.612.612,0,0,1-.2-.4.69.69,0,0,1,.2-.4c.2,0,.2-.2.4,0-.2,0-.2,0-.2.2-.2,0-.2,0-.2.2A.726.726,0,0,0,234.4,31.632Z" transform="translate(-234 -30.556)" fill="#fe884f"/>
+                          </g>
+                        </g>
+                        <g id="Group_14159" data-name="Group 14159" transform="translate(4.35 3.164)">
+                          <g id="Group_14157" data-name="Group 14157" transform="translate(0.395 0.593)">
+                            <path id="Path_9994" data-name="Path 9994" d="M256,40c0,.2,0,.2.2.2a.194.194,0,0,1,.2.2.194.194,0,0,1-.2-.2C256,40.2,256,40.2,256,40Z" transform="translate(-256 -40)" fill="#fe884f"/>
+                          </g>
+                          <g id="Group_14158" data-name="Group 14158">
+                            <path id="Path_9995" data-name="Path 9995" d="M254,37a1.5,1.5,0,0,0,.791.4c0,.2.2.2.4.2a.612.612,0,0,1,.4.2h-.4c-.2,0-.4-.2-.593-.2a.69.69,0,0,1-.2-.4C254.2,37.2,254.2,37,254,37Z" transform="translate(-254 -37)" fill="#fe884f"/>
+                          </g>
+                        </g>
+                        <g id="Group_14161" data-name="Group 14161" transform="translate(5.338 2.966)">
+                          <g id="Group_14160" data-name="Group 14160">
+                            <path id="Path_9996" data-name="Path 9996" d="M259,36h.2v.2H259Z" transform="translate(-259 -36)" fill="#fe884f"/>
+                          </g>
+                        </g>
+                        <g id="Group_14163" data-name="Group 14163" transform="translate(4.548 1.186)">
+                          <g id="Group_14162" data-name="Group 14162">
+                            <path id="Path_9997" data-name="Path 9997" d="M255.593,27.593a.425.425,0,0,1-.4.4c-.2,0-.2-.2-.2-.4,0-.4,0-.593.2-.593S255.593,27.2,255.593,27.593Z" transform="translate(-255 -27)" fill="#6a2509"/>
+                          </g>
+                        </g>
+                        <g id="Group_14165" data-name="Group 14165" transform="translate(3.559)">
+                          <g id="Group_14164" data-name="Group 14164">
+                            <path id="Path_9998" data-name="Path 9998" d="M251.78,21.4h-1.186c-.2.2-.2.2-.4.2H250c.2-.2.4-.2.4-.4.2,0,.4,0,.4-.2h.989a.2.2,0,0,1,0,.4Z" transform="translate(-250 -21)" fill="#6a2509"/>
+                            <path id="Path_9999" data-name="Path 9999" d="M258.841,21v.2a.194.194,0,0,1-.2.2h0c-.2-.2,0-.2,0-.2h.2V21Z" transform="translate(-256.864 -21)" fill="#6a2509"/>
+                          </g>
+                        </g>
+                      </g>
+                      <path id="Path_10000" data-name="Path 10000" d="M241.163,36.582a1.559,1.559,0,0,1-1.582,1.582A1.455,1.455,0,0,1,238,36.582,1.559,1.559,0,0,1,239.582,35,1.7,1.7,0,0,1,241.163,36.582Z" transform="translate(-236.814 -32.232)" fill="#fda96d"/>
+                    </g>
+                  </g>
+                  <path id="Path_10001" data-name="Path 10001" d="M226.952,6.768a4.006,4.006,0,0,1-.791,2.966,1.253,1.253,0,0,0-.989-1.186.726.726,0,0,0-.593.2c-.4.2-.4.4-.4.791a2.025,2.025,0,0,0,.989,1.186c0,.4-.2.593-.4.989-.2.2-.4.593-.593.593A5.076,5.076,0,0,1,222.8,8.745c0-.791-.2-1.582.2-2.175a2.743,2.743,0,0,1,1.384-1.582A6.184,6.184,0,0,1,226.358,4h.593a.726.726,0,0,1,.593.2,1.189,1.189,0,0,1,.2.791A1.6,1.6,0,0,1,226.952,6.768Z" transform="translate(-222.586 -3.961)" fill="#6a2509"/>
+                </g>
+                <g id="Group_14170" data-name="Group 14170">
+                  <path id="Path_10002" data-name="Path 10002" d="M232.643.868a.274.274,0,0,1,0-.4c.2-.2.791-.2.593.2Z" transform="translate(-230.265 -0.282)" fill="#05968F"/>
+                  <path id="Path_10003" data-name="Path 10003" d="M221.372,6.219s-1.384-2.966.989-4.943,5.932-1.384,6.723,1.384l-2.57,1.384Z" transform="translate(-220.97 -0.096)" fill="#05968F"/>
+                  <path id="Path_10004" data-name="Path 10004" d="M235,.423s2.768,1.384,2.57,3.559L240.932,2.6A4.436,4.436,0,0,0,235,.423Z" transform="translate(-232.226 -0.034)" fill="#05968F"/>
+                  <path id="Path_10005" data-name="Path 10005" d="M221,23.2a.69.69,0,0,1,.4-.2c.2.2.4.2.4.4v.4l-.593.2A2.045,2.045,0,0,1,221,23.2Z" transform="translate(-220.994 -18.459)" fill="#6a2509"/>
+                  <path id="Path_10006" data-name="Path 10006" d="M236.593,11.788s4.745-1.977,4.745-2.57c0,0,2.373-.989,3.164,0s-8.5,2.768-8.5,2.768Z" transform="translate(-233.028 -7.049)" fill="#05968F"/>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(105.096 188.408)">
+        <g id="_118514128-2" data-name="_118514128" transform="translate(0 0)">
+          <g id="Group_14130-2" data-name="Group 14130" transform="translate(0 0)">
+            <g id="Group_14129-2" data-name="Group 14129">
+              <g id="Group_14123-2" data-name="Group 14123" transform="translate(0 21.892)">
+                <path id="Path_9943-2" data-name="Path 9943" d="M92.9,328v2.5H56l5.942-1.876L63.193,328Z" transform="translate(-56 -328)" fill="#de7625"/>
+                <g id="Group_14121-2" data-name="Group 14121" transform="translate(0 2.502)">
+                  <path id="Path_9944-2" data-name="Path 9944" d="M88.213,366.962H56V336H88.213Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                  <g id="Group_14120-2" data-name="Group 14120" transform="translate(1.251 23.769)">
+                    <g id="Group_14119-2" data-name="Group 14119">
+                      <path id="Path_9945-2" data-name="Path 9945" d="M73.761,420.876H60V419H73.761Z" transform="translate(-60 -416.811)" fill="#de7625"/>
+                      <path id="Path_9946-2" data-name="Path 9946" d="M69.07,413.564H60V412h9.07Z" transform="translate(-60 -412)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9947-2" data-name="Path 9947" d="M140,345.5a2.524,2.524,0,0,1-5,0,2.5,2.5,0,0,1,5,0Z" transform="translate(-110.293 -340.811)" fill="#de7625"/>
+                  <path id="Path_9948-2" data-name="Path 9948" d="M56,366.962h1.251V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14122-2" data-name="Group 14122" transform="translate(32.213)">
+                  <path id="Path_9949-2" data-name="Path 9949" d="M163.691,328v30.649L159,361.464V330.5l1.251-.626Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                  <path id="Path_9950-2" data-name="Path 9950" d="M163.691,356.83v5.942L159,365.587V334.625l1.251-.625a105.983,105.983,0,0,0,.625,14.073,25.078,25.078,0,0,0,1.564,6.568A7.838,7.838,0,0,0,163.691,356.83Z" transform="translate(-159 -332.124)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9951-2" data-name="Path 9951" d="M105.962,328v.625a140.306,140.306,0,0,1-30.962,0L76.251,328Z" transform="translate(-69.058 -328)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+              <g id="Group_14128-2" data-name="Group 14128" transform="translate(4.691)">
+                <path id="Path_9952-2" data-name="Path 9952" d="M98.522,258v1.876H71l4.378-1.564L76.629,258Z" transform="translate(-71 -258)" fill="#de7625"/>
+                <g id="Group_14126-2" data-name="Group 14126" transform="translate(0 1.876)">
+                  <path id="Path_9953-2" data-name="Path 9953" d="M94.769,286.518H71V264H94.769Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                  <g id="Group_14125-2" data-name="Group 14125" transform="translate(1.251 17.514)">
+                    <g id="Group_14124-2" data-name="Group 14124">
+                      <path id="Path_9954-2" data-name="Path 9954" d="M85.008,326.564H75V325H85.008Z" transform="translate(-75 -323.436)" fill="#de7625"/>
+                      <path id="Path_9955-2" data-name="Path 9955" d="M81.568,320.938H75V320h6.568Z" transform="translate(-75 -320)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9956-2" data-name="Path 9956" d="M133.44,270.564c0,1.251-.625,1.876-1.564,1.876A1.659,1.659,0,0,1,130,270.564c0-.938.625-1.564,1.876-1.564A1.477,1.477,0,0,1,133.44,270.564Z" transform="translate(-111.548 -267.436)" fill="#de7625"/>
+                  <path id="Path_9957-2" data-name="Path 9957" d="M71,286.518h1.251V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14127-2" data-name="Group 14127" transform="translate(23.769)">
+                  <path id="Path_9958-2" data-name="Path 9958" d="M150.753,258v22.517L147,282.394V259.876l.938-.626Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                  <path id="Path_9959-2" data-name="Path 9959" d="M150.753,278.888v4.378L147,285.143V262.625l.938-.625a57.193,57.193,0,0,0,.625,10.321,12.965,12.965,0,0,0,.938,5A3.122,3.122,0,0,0,150.753,278.888Z" transform="translate(-147 -260.749)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9960-2" data-name="Path 9960" d="M108.143,258v.313a91.618,91.618,0,0,1-23.143,0L86.251,258Z" transform="translate(-80.622 -258)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/main_menu_icons/window_icon.svg b/src/assets/performics/main_menu_icons/window_icon.svg
new file mode 100644
index 0000000..160b035
--- /dev/null
+++ b/src/assets/performics/main_menu_icons/window_icon.svg
@@ -0,0 +1,627 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="107" viewBox="0 0 109 107">
+  <g id="Group_16363" data-name="Group 16363" transform="translate(-42 -149)">
+    <g id="Group_14304" data-name="Group 14304" transform="translate(-1 1)">
+      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="47.5" cy="47" rx="47.5" ry="47" transform="translate(47 155)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_7" data-name="Ellipse 7" cx="4.5" cy="5" rx="4.5" ry="5" transform="translate(122 148)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_8" data-name="Ellipse 8" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(133 155)" fill="#aad8ec"/>
+      <ellipse id="Ellipse_9" data-name="Ellipse 9" cx="9.5" cy="10" rx="9.5" ry="10" transform="translate(43 235)" fill="#aad8ec"/>
+    </g>
+    <g id="Group_16349" data-name="Group 16349">
+      <g id="Layer_x0020_1" transform="translate(55.844 149)">
+        <g id="_414659472">
+          <g id="Group_15517" data-name="Group 15517">
+            <path id="Path_10680" data-name="Path 10680" d="M95.156,77.555H0V0H95.156Z" fill="#ffae3e"/>
+          </g>
+          <g id="Group_15518" data-name="Group 15518" transform="translate(2.352 2.241)">
+            <path id="Path_10681" data-name="Path 10681" d="M344.962,315.083H254V242h90.962Z" transform="translate(-254 -242)" fill="#f5f5f5"/>
+          </g>
+          <g id="Group_15529" data-name="Group 15529" transform="translate(6.37 2.167)">
+            <g id="Group_15519" data-name="Group 15519" transform="translate(0 6.87)">
+              <path id="Path_10682" data-name="Path 10682" d="M721.972,978.13H688V976h33.972Z" transform="translate(-688 -976)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15520" data-name="Group 15520" transform="translate(0.926 8.926)">
+              <path id="Path_10683" data-name="Path 10683" d="M788.463,1198.074v2.231h.583a3.153,3.153,0,0,0-1.046,1.537h3.417s0-.565-1.046-1.519h.574V1198Z" transform="translate(-788 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15521" data-name="Group 15521" transform="translate(8.139 8.926)">
+              <path id="Path_10684" data-name="Path 10684" d="M1567.454,1198.074v2.231h.583a3.157,3.157,0,0,0-1.037,1.537h3.417s-.009-.565-1.046-1.519h.574V1198Z" transform="translate(-1567 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15522" data-name="Group 15522" transform="translate(15.352 8.926)">
+              <path id="Path_10685" data-name="Path 10685" d="M2346.454,1198.074v2.231h.583a3.158,3.158,0,0,0-1.037,1.537h3.407s0-.565-1.037-1.519h.574V1198Z" transform="translate(-2346 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15523" data-name="Group 15523" transform="translate(22.555 8.926)">
+              <path id="Path_10686" data-name="Path 10686" d="M3124.463,1198.074v2.231h.583a3.153,3.153,0,0,0-1.046,1.537h3.417s0-.565-1.046-1.519h.574V1198Z" transform="translate(-3124 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15524" data-name="Group 15524" transform="translate(29.768 8.926)">
+              <path id="Path_10687" data-name="Path 10687" d="M3903.454,1198.074v2.231h.583a3.157,3.157,0,0,0-1.037,1.537h3.417s-.009-.565-1.046-1.519h.574V1198Z" transform="translate(-3903 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15526" data-name="Group 15526" transform="translate(2.352)">
+              <g id="Group_15525" data-name="Group 15525">
+                <path id="Path_10688" data-name="Path 10688" d="M942.074,234c.037,0,.065,1.759.065,3.926s-.028,3.917-.065,3.917-.074-1.75-.074-3.917S942.028,234,942.074,234Z" transform="translate(-942 -234)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15528" data-name="Group 15528" transform="translate(31.435)">
+              <g id="Group_15527" data-name="Group 15527">
+                <path id="Path_10689" data-name="Path 10689" d="M4083.065,234c.046,0,.074,1.759.074,3.926s-.028,3.917-.074,3.917-.065-1.75-.065-3.917S4083.028,234,4083.065,234Z" transform="translate(-4083 -234)" fill="#ffae3e"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15540" data-name="Group 15540" transform="translate(48.481 2.167)">
+            <g id="Group_15530" data-name="Group 15530" transform="translate(0 6.87)">
+              <path id="Path_10690" data-name="Path 10690" d="M5269.981,978.13H5236V976h33.981Z" transform="translate(-5236 -976)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15531" data-name="Group 15531" transform="translate(0.926 8.926)">
+              <path id="Path_10691" data-name="Path 10691" d="M5336.463,1198.074v2.231h.583a3.154,3.154,0,0,0-1.046,1.537h3.417s0-.565-1.046-1.519h.583V1198Z" transform="translate(-5336 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15532" data-name="Group 15532" transform="translate(8.139 8.926)">
+              <path id="Path_10692" data-name="Path 10692" d="M6115.463,1198.074v2.231h.583a3.155,3.155,0,0,0-1.046,1.537h3.417s0-.565-1.046-1.519h.574V1198Z" transform="translate(-6115 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15533" data-name="Group 15533" transform="translate(15.352 8.926)">
+              <path id="Path_10693" data-name="Path 10693" d="M6894.453,1198.074v2.231h.584a3.155,3.155,0,0,0-1.037,1.537h3.416s-.009-.565-1.046-1.519h.574V1198Z" transform="translate(-6894 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15534" data-name="Group 15534" transform="translate(22.555 8.926)">
+              <path id="Path_10694" data-name="Path 10694" d="M7672.463,1198.074v2.231h.583a3.154,3.154,0,0,0-1.046,1.537h3.417s0-.565-1.046-1.519h.583V1198Z" transform="translate(-7672 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15535" data-name="Group 15535" transform="translate(29.768 8.926)">
+              <path id="Path_10695" data-name="Path 10695" d="M8451.463,1198.074v2.231h.583a3.151,3.151,0,0,0-1.046,1.537h3.417s0-.565-1.047-1.519h.574V1198Z" transform="translate(-8451 -1198)" fill="#ffae3e"/>
+            </g>
+            <g id="Group_15537" data-name="Group 15537" transform="translate(2.352)">
+              <g id="Group_15536" data-name="Group 15536">
+                <path id="Path_10696" data-name="Path 10696" d="M5490.074,234c.037,0,.064,1.759.064,3.926s-.027,3.917-.064,3.917-.074-1.75-.074-3.917S5490.037,234,5490.074,234Z" transform="translate(-5490 -234)" fill="#ffae3e"/>
+              </g>
+            </g>
+            <g id="Group_15539" data-name="Group 15539" transform="translate(31.435)">
+              <g id="Group_15538" data-name="Group 15538">
+                <path id="Path_10697" data-name="Path 10697" d="M8631.074,234c.037,0,.064,1.759.064,3.926s-.027,3.917-.064,3.917-.074-1.75-.074-3.917S8631.027,234,8631.074,234Z" transform="translate(-8631 -234)" fill="#ffae3e"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15541" data-name="Group 15541" transform="translate(66.444 24.787)">
+            <path id="Path_10698" data-name="Path 10698" d="M7195.305,2678.454H7176V2677h19.305Z" transform="translate(-7176 -2677)" fill="#202d34"/>
+          </g>
+          <g id="Group_15544" data-name="Group 15544" transform="translate(55.157 63.398)">
+            <g id="Group_15542" data-name="Group 15542" transform="translate(3.481)">
+              <path id="Path_10699" data-name="Path 10699" d="M6364.8,6859.083H6333V6847h31.8Z" transform="translate(-6333 -6847)" fill="#05968F"/>
+            </g>
+            <g id="Group_15543" data-name="Group 15543">
+              <path id="Path_10700" data-name="Path 10700" d="M5988.805,6859.083H5957V6847h31.805Z" transform="translate(-5957 -6847)" fill="#92CBC8"/>
+            </g>
+          </g>
+          <g id="Group_15554" data-name="Group 15554" transform="translate(62.56 54.361)">
+            <g id="Group_15549" data-name="Group 15549">
+              <g id="Group_15545" data-name="Group 15545" transform="translate(2.661 6.907)">
+                <path id="Path_10701" data-name="Path 10701" d="M7044.907,6619.129H7044V6617h.907Z" transform="translate(-7044 -6617)" fill="#202d34"/>
+              </g>
+              <g id="Group_15546" data-name="Group 15546" transform="translate(0 1.62)">
+                <path id="Path_10702" data-name="Path 10702" d="M6758.758,6046l-.027.462a1.381,1.381,0,0,1-1.019,1.343l-1.14.315s-.24,4.463,3.019,4.574,3.334-4.556,3.334-4.556-.519-.111-1.037-.26a1.284,1.284,0,0,1-.963-1.305l.019-.574Z" transform="translate(-6756.568 -6046)" fill="#202d34"/>
+              </g>
+              <g id="Group_15547" data-name="Group 15547" transform="translate(3.004 0.898)">
+                <path id="Path_10703" data-name="Path 10703" d="M7081.564,5969.25H7081V5968h.564Z" transform="translate(-7081 -5968)" fill="#202d34"/>
+              </g>
+              <g id="Group_15548" data-name="Group 15548" transform="translate(2.708)">
+                <path id="Path_10704" data-name="Path 10704" d="M7050.166,5871.583a.583.583,0,1,1-.583-.583A.581.581,0,0,1,7050.166,5871.583Z" transform="translate(-7049 -5871)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15551" data-name="Group 15551" transform="translate(1.724 2.935)">
+              <g id="Group_15550" data-name="Group 15550">
+                <path id="Path_10705" data-name="Path 10705" d="M6945.546,6188a1.071,1.071,0,0,1-.2.546,1.673,1.673,0,0,1-.426.481,1.394,1.394,0,0,1-.722.315,1.205,1.205,0,0,1-.76-.241,2,2,0,0,1-.435-.463,1.461,1.461,0,0,1-.269-.519,4.124,4.124,0,0,1,.352.454,1.868,1.868,0,0,0,.426.426,1.059,1.059,0,0,0,.676.194,1.338,1.338,0,0,0,.657-.268,1.964,1.964,0,0,0,.417-.426C6945.463,6188.213,6945.519,6188,6945.546,6188Z" transform="translate(-6942.729 -6188)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15552" data-name="Group 15552" transform="translate(2.826 4.231)">
+              <path id="Path_10706" data-name="Path 10706" d="M7062.16,6328a.36.36,0,1,0,.278.6.381.381,0,0,0-.157-.583Z" transform="translate(-7061.816 -6328)" fill="#ff4e5b"/>
+            </g>
+            <g id="Group_15553" data-name="Group 15553" transform="translate(2.958 4.944)">
+              <path id="Path_10707" data-name="Path 10707" d="M7076.265,6405a.231.231,0,0,0-.194.314.236.236,0,0,0,.37.046.229.229,0,0,0-.1-.352Z" transform="translate(-7076.052 -6405)" fill="#ff4e5b"/>
+            </g>
+          </g>
+          <g id="Group_15589" data-name="Group 15589" transform="translate(72.097 54.361)">
+            <g id="Group_15559" data-name="Group 15559">
+              <g id="Group_15555" data-name="Group 15555" transform="translate(2.661 6.907)">
+                <path id="Path_10708" data-name="Path 10708" d="M8074.907,6619.129H8074V6617h.907Z" transform="translate(-8074 -6617)" fill="#202d34"/>
+              </g>
+              <g id="Group_15556" data-name="Group 15556" transform="translate(0 1.62)">
+                <path id="Path_10709" data-name="Path 10709" d="M7788.758,6046l-.019.462a1.389,1.389,0,0,1-1.028,1.343l-1.139.315s-.241,4.463,3.019,4.574,3.333-4.556,3.333-4.556-.519-.111-1.037-.26a1.3,1.3,0,0,1-.963-1.305l.018-.574Z" transform="translate(-7786.569 -6046)" fill="#202d34"/>
+              </g>
+              <g id="Group_15557" data-name="Group 15557" transform="translate(3.013 0.898)">
+                <path id="Path_10710" data-name="Path 10710" d="M8112.556,5969.25H8112V5968h.556Z" transform="translate(-8112 -5968)" fill="#202d34"/>
+              </g>
+              <g id="Group_15558" data-name="Group 15558" transform="translate(2.708)">
+                <path id="Path_10711" data-name="Path 10711" d="M8080.167,5871.583a.583.583,0,1,1-.583-.583A.581.581,0,0,1,8080.167,5871.583Z" transform="translate(-8079 -5871)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15561" data-name="Group 15561" transform="translate(1.724 2.935)">
+              <g id="Group_15560" data-name="Group 15560">
+                <path id="Path_10712" data-name="Path 10712" d="M7975.566,6188a1.049,1.049,0,0,1-.2.546,1.784,1.784,0,0,1-.416.481,1.43,1.43,0,0,1-.731.315,1.205,1.205,0,0,1-.76-.241,2,2,0,0,1-.435-.463,1.679,1.679,0,0,1-.269-.519,4.124,4.124,0,0,1,.352.454,1.868,1.868,0,0,0,.426.426,1.059,1.059,0,0,0,.676.194,1.338,1.338,0,0,0,.657-.268,2.056,2.056,0,0,0,.427-.426C7975.483,6188.213,7975.539,6188,7975.566,6188Z" transform="translate(-7972.75 -6188)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15563" data-name="Group 15563" transform="translate(2.068 2.581)">
+              <g id="Group_15562" data-name="Group 15562">
+                <path id="Path_10713" data-name="Path 10713" d="M8012.266,6149.766c.019.01-.065.13-.259.278a1.672,1.672,0,0,1-.88.305,1.574,1.574,0,0,1-.9-.2c-.213-.12-.306-.231-.3-.241a3.042,3.042,0,0,1,.343.148,1.863,1.863,0,0,0,.852.158,1.929,1.929,0,0,0,.824-.25C8012.146,6149.849,8012.256,6149.748,8012.266,6149.766Z" transform="translate(-8009.932 -6149.764)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15565" data-name="Group 15565" transform="translate(2.143 2.249)">
+              <g id="Group_15564" data-name="Group 15564">
+                <path id="Path_10714" data-name="Path 10714" d="M8020.171,6113.906a2.5,2.5,0,0,1-1.093.194,2.47,2.47,0,0,1-1.092-.148c.009-.038.491.018,1.092.009S8020.162,6113.869,8020.171,6113.906Z" transform="translate(-8017.986 -6113.896)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15567" data-name="Group 15567" transform="translate(1.121 3.435)">
+              <g id="Group_15566" data-name="Group 15566">
+                <path id="Path_10715" data-name="Path 10715" d="M7911.55,6241.98a1.2,1.2,0,0,1-.037.241,2.587,2.587,0,0,1-.232.6,2.838,2.838,0,0,1-.592.759,1.807,1.807,0,0,1-1.074.509,1.526,1.526,0,0,1-1.093-.462,3.272,3.272,0,0,1-.6-.76,2.643,2.643,0,0,1-.241-.6.618.618,0,0,1-.037-.232,5.773,5.773,0,0,0,.37.787,3.068,3.068,0,0,0,.593.7,1.454,1.454,0,0,0,1,.426,1.768,1.768,0,0,0,1-.463,3.328,3.328,0,0,0,.593-.713A6.784,6.784,0,0,0,7911.55,6241.98Z" transform="translate(-7907.64 -6241.98)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15569" data-name="Group 15569" transform="translate(3.058 4.231)">
+              <g id="Group_15568" data-name="Group 15568">
+                <path id="Path_10716" data-name="Path 10716" d="M8116.891,6329.324a1.722,1.722,0,0,1-.083-.658,1.652,1.652,0,0,1,.056-.667,1.714,1.714,0,0,1,.083.667A1.594,1.594,0,0,1,8116.891,6329.324Z" transform="translate(-8116.806 -6328)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15571" data-name="Group 15571" transform="translate(1.565 3.767)">
+              <g id="Group_15570" data-name="Group 15570">
+                <path id="Path_10717" data-name="Path 10717" d="M7955.6,6278.638c-.028-.019.1-.222.287-.444s.352-.371.389-.352-.1.231-.287.445S7955.626,6278.666,7955.6,6278.638Z" transform="translate(-7955.595 -6277.84)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15573" data-name="Group 15573" transform="translate(3.981 3.802)">
+              <g id="Group_15572" data-name="Group 15572">
+                <path id="Path_10718" data-name="Path 10718" d="M8217.136,6282.472c-.036.028-.185-.129-.353-.352s-.268-.426-.24-.444.2.139.352.361S8217.164,6282.454,8217.136,6282.472Z" transform="translate(-8216.539 -6281.673)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15575" data-name="Group 15575" transform="translate(2.598 3.065)">
+              <g id="Group_15574" data-name="Group 15574">
+                <path id="Path_10719" data-name="Path 10719" d="M8067.128,6202.99c-.037-.019-.009-.231.028-.5s.065-.49.111-.49.074.231.037.509S8067.166,6203,8067.128,6202.99Z" transform="translate(-8067.111 -6202)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15577" data-name="Group 15577" transform="translate(3.485 3.009)">
+              <g id="Group_15576" data-name="Group 15576">
+                <path id="Path_10720" data-name="Path 10720" d="M8163.28,6196.954c-.027.019-.194-.158-.277-.436s-.037-.519,0-.519a2.234,2.234,0,0,1,.139.481A2,2,0,0,1,8163.28,6196.954Z" transform="translate(-8162.956 -6196)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15579" data-name="Group 15579" transform="translate(3.121 2.324)">
+              <g id="Group_15578" data-name="Group 15578">
+                <path id="Path_10721" data-name="Path 10721" d="M8123.736,6122.778c-.037.009-.111-.157-.13-.38s.037-.4.074-.4.056.176.074.389S8123.773,6122.768,8123.736,6122.778Z" transform="translate(-8123.602 -6122)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15581" data-name="Group 15581" transform="translate(3.858 2.397)">
+              <g id="Group_15580" data-name="Group 15580">
+                <path id="Path_10722" data-name="Path 10722" d="M8203.432,6130.342c-.027.027-.12-.047-.176-.167s-.055-.231-.018-.25.092.074.148.185S8203.47,6130.323,8203.432,6130.342Z" transform="translate(-8203.212 -6129.924)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15583" data-name="Group 15583" transform="translate(2.27 2.343)">
+              <g id="Group_15582" data-name="Group 15582">
+                <path id="Path_10723" data-name="Path 10723" d="M8031.711,6124.528c-.037-.019-.019-.13,0-.25a1.732,1.732,0,0,1,.047-.2l.064.028c-.027,0-.046,0-.055-.009a.042.042,0,0,1,0-.046l.028-.046.037.074a.4.4,0,0,1,.018.223C8031.832,6124.454,8031.739,6124.546,8031.711,6124.528Z" transform="translate(-8031.69 -6124)" fill="#f5f5f5"/>
+              </g>
+            </g>
+            <g id="Group_15584" data-name="Group 15584" transform="translate(2.898 5.509)">
+              <path id="Path_10724" data-name="Path 10724" d="M8099.857,6466a.455.455,0,0,0-.213.1.253.253,0,0,0-.019.324.248.248,0,0,0,.324.065.254.254,0,0,0,.093-.315.246.246,0,0,0-.306-.13Z" transform="translate(-8099.576 -6466)" fill="#365864"/>
+            </g>
+            <g id="Group_15585" data-name="Group 15585" transform="translate(4.467 4.38)">
+              <path id="Path_10725" data-name="Path 10725" d="M8269.275,6344a.483.483,0,0,0-.213.092.252.252,0,0,0,.3.4.252.252,0,0,0-.213-.454Z" transform="translate(-8268.988 -6344)" fill="#365864"/>
+            </g>
+            <g id="Group_15586" data-name="Group 15586" transform="translate(1.223 4.398)">
+              <path id="Path_10726" data-name="Path 10726" d="M7918.947,6346a.345.345,0,0,0-.2.093.246.246,0,1,0,.4.074.262.262,0,0,0-.306-.13Z" transform="translate(-7918.666 -6346)" fill="#365864"/>
+            </g>
+            <g id="Group_15587" data-name="Group 15587" transform="translate(2.042 5.176)">
+              <path id="Path_10727" data-name="Path 10727" d="M8007.253,6430a.32.32,0,0,0-.1.046.126.126,0,0,0-.009.167.12.12,0,0,0,.157.037.132.132,0,0,0,.046-.167.12.12,0,0,0-.147-.065Z" transform="translate(-8007.114 -6430)" fill="#365864"/>
+            </g>
+            <g id="Group_15588" data-name="Group 15588" transform="translate(3.875 5.13)">
+              <path id="Path_10728" data-name="Path 10728" d="M8205.252,6425a.217.217,0,0,0-.1.056.114.114,0,0,0-.01.158.13.13,0,0,0,.167.037.161.161,0,0,0,.046-.167.132.132,0,0,0-.157-.056Z" transform="translate(-8205.114 -6425)" fill="#365864"/>
+            </g>
+          </g>
+          <g id="Group_15607" data-name="Group 15607" transform="translate(80.008 58.416)">
+            <g id="Group_15592" data-name="Group 15592">
+              <g id="Group_15590" data-name="Group 15590">
+                <path id="Path_10729" data-name="Path 10729" d="M8646.426,6314l1.1-5h-5.055l-1.473,5Z" transform="translate(-8641 -6309)" fill="#ececec"/>
+              </g>
+              <g id="Group_15591" data-name="Group 15591" transform="translate(5.426)">
+                <path id="Path_10730" data-name="Path 10730" d="M9228.1,6309l1.564,5H9227Z" transform="translate(-9227 -6309)" fill="#e0e0e0"/>
+              </g>
+            </g>
+            <g id="Group_15594" data-name="Group 15594" transform="translate(1.917 0.806)">
+              <g id="Group_15593" data-name="Group 15593">
+                <path id="Path_10731" data-name="Path 10731" d="M8848,6396.065a24.878,24.878,0,0,1,3.593,0,21.777,21.777,0,0,1-3.593,0Z" transform="translate(-8848 -6396)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15596" data-name="Group 15596" transform="translate(2.963 1.861)">
+              <g id="Group_15595" data-name="Group 15595">
+                <path id="Path_10732" data-name="Path 10732" d="M8961,6510.064a5.6,5.6,0,0,1,1.213-.064,5.717,5.717,0,0,1,1.222.064,4.749,4.749,0,0,1-1.222.074A4.652,4.652,0,0,1,8961,6510.064Z" transform="translate(-8961 -6510)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15598" data-name="Group 15598" transform="translate(1.657 1.713)">
+              <g id="Group_15597" data-name="Group 15597">
+                <path id="Path_10733" data-name="Path 10733" d="M8820,6494.074c0-.037.1-.074.223-.074s.213.037.213.074-.094.064-.213.064S8820,6494.111,8820,6494.074Z" transform="translate(-8820 -6494)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15600" data-name="Group 15600" transform="translate(2.62 2.704)">
+              <g id="Group_15599" data-name="Group 15599">
+                <path id="Path_10734" data-name="Path 10734" d="M8924,6601.074a5.342,5.342,0,0,1,1.222-.074.609.609,0,1,1,0,.148A5.342,5.342,0,0,1,8924,6601.074Z" transform="translate(-8924 -6601)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15602" data-name="Group 15602" transform="translate(1.324 2.565)">
+              <g id="Group_15601" data-name="Group 15601">
+                <path id="Path_10735" data-name="Path 10735" d="M8784,6586.074c0-.046.092-.074.213-.074s.223.027.223.074-.1.065-.223.065S8784,6586.111,8784,6586.074Z" transform="translate(-8784 -6586)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15604" data-name="Group 15604" transform="translate(2.287 3.556)">
+              <g id="Group_15603" data-name="Group 15603">
+                <path id="Path_10736" data-name="Path 10736" d="M8888,6693.074a10.027,10.027,0,0,1,2.436,0,5.73,5.73,0,0,1-1.223.064A5.672,5.672,0,0,1,8888,6693.074Z" transform="translate(-8888 -6693)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15606" data-name="Group 15606" transform="translate(0.991 3.417)">
+              <g id="Group_15605" data-name="Group 15605">
+                <path id="Path_10737" data-name="Path 10737" d="M8748,6678.064c0-.037.092-.064.213-.064s.213.028.213.064-.092.074-.213.074S8748,6678.1,8748,6678.064Z" transform="translate(-8748 -6678)" fill="#202d34"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15608" data-name="Group 15608" transform="translate(60.731 66.555)">
+            <path id="Path_10738" data-name="Path 10738" d="M6581.194,7192.166H6559V7188h22.194Z" transform="translate(-6559 -7188)" fill="#f5f5f5"/>
+          </g>
+          <g id="Group_15675" data-name="Group 15675" transform="translate(66.351 16.544)">
+            <g id="Group_15609" data-name="Group 15609" transform="translate(0.407 33.483)">
+              <path id="Path_10739" data-name="Path 10739" d="M7229.306,5404.454H7210V5403h19.306Z" transform="translate(-7210 -5403)" fill="#202d34"/>
+            </g>
+            <g id="Group_15619" data-name="Group 15619" transform="translate(2.726 25.52)">
+              <g id="Group_15612" data-name="Group 15612" transform="translate(1.014 0.213)">
+                <g id="Group_15610" data-name="Group 15610">
+                  <path id="Path_10740" data-name="Path 10740" d="M7582.87,4573.852H7570V4566h12.87Z" transform="translate(-7570 -4566)" fill="#ff4e5b"/>
+                </g>
+                <g id="Group_15611" data-name="Group 15611">
+                  <path id="Path_10741" data-name="Path 10741" d="M7582.87,4573.852H7570V4566h12.87Z" transform="translate(-7570 -4566)" fill="rgba(0,0,0,0.6)"/>
+                </g>
+              </g>
+              <g id="Group_15613" data-name="Group 15613" transform="translate(0.385 0.213)">
+                <path id="Path_10742" data-name="Path 10742" d="M7514.87,4573.852H7502V4566h12.87Z" transform="translate(-7502 -4566)" fill="#05968F"/>
+              </g>
+              <g id="Group_15615" data-name="Group 15615" transform="translate(0.385 0.213)">
+                <g id="Group_15614" data-name="Group 15614">
+                  <path id="Path_10743" data-name="Path 10743" d="M7514.87,4565.954c.01.009-.027.046-.093.111a3,3,0,0,1-.3.288,7.161,7.161,0,0,1-1.213.916,9.571,9.571,0,0,1-4.806,1.371,9.264,9.264,0,0,1-4.814-1.3,8.353,8.353,0,0,1-1.241-.879c-.139-.111-.231-.213-.306-.278a.6.6,0,0,1-.1-.111,4.123,4.123,0,0,1,.444.343,10.17,10.17,0,0,0,1.25.843,9.393,9.393,0,0,0,4.769,1.231,9.715,9.715,0,0,0,4.75-1.306,8.83,8.83,0,0,0,1.231-.871C7514.722,4566.083,7514.861,4565.944,7514.87,4565.954Z" transform="translate(-7502 -4565.953)" fill="#202d34"/>
+                </g>
+              </g>
+              <g id="Group_15616" data-name="Group 15616" transform="translate(6.22 2.321)">
+                <path id="Path_10744" data-name="Path 10744" d="M8133.377,4794.149c-.028-.121-.074-.268-.157-.314a.551.551,0,0,0-.852.083.569.569,0,1,0,1.009.231Z" transform="translate(-8132.25 -4793.665)" fill="#fafafa"/>
+              </g>
+              <g id="Group_15618" data-name="Group 15618" transform="translate(0 0)">
+                <g id="Group_15617" data-name="Group 15617">
+                  <path id="Path_10745" data-name="Path 10745" d="M7473.932,4543s.019.028.056.074.083.13.148.232c.13.2.306.5.519.907a12.762,12.762,0,0,1,1.2,3.667,10.407,10.407,0,0,0,.222,1.25,1.464,1.464,0,0,0,.306.565,1.4,1.4,0,0,0,.574.352,5.3,5.3,0,0,1,.685.269,1.072,1.072,0,0,1,.528.574,1.477,1.477,0,0,1-.408,1.51,3.576,3.576,0,0,1-1.463.787,10.948,10.948,0,0,1-1.676.445,6.052,6.052,0,0,1-3.6-.315,5.494,5.494,0,0,1-1.519-1.055,9.171,9.171,0,0,0-1.361-1.139,3.184,3.184,0,0,0-1.592-.491,8.748,8.748,0,0,0-1.639.111,11.344,11.344,0,0,1-1.574.148,3.581,3.581,0,0,1-1.472-.269,2.267,2.267,0,0,1-1.074-.889,2.584,2.584,0,0,1-.333-1.25c-.019-.407.019-.8.037-1.157s.037-.713.046-1.037c.037-.648.064-1.2.092-1.658s.046-.8.065-1.046a2.183,2.183,0,0,1,.019-.277.421.421,0,0,1,.009-.093v.37c-.009.25-.028.6-.037,1.046-.019.463-.037,1.019-.064,1.658-.009.324-.028.667-.046,1.037s-.037.75-.019,1.157a2.437,2.437,0,0,0,.324,1.194,2.191,2.191,0,0,0,1.027.833,3.643,3.643,0,0,0,1.426.26,12.98,12.98,0,0,0,1.556-.158,8.979,8.979,0,0,1,1.667-.111,3.267,3.267,0,0,1,1.658.5c1.019.639,1.722,1.7,2.861,2.185a6.068,6.068,0,0,0,3.518.315,11.732,11.732,0,0,0,1.658-.436,3.646,3.646,0,0,0,1.426-.759,1.334,1.334,0,0,0,.371-1.371.9.9,0,0,0-.463-.509,4.55,4.55,0,0,0-.667-.269,1.509,1.509,0,0,1-.621-.389,1.653,1.653,0,0,1-.333-.611c-.121-.435-.139-.87-.213-1.269a13.041,13.041,0,0,0-1.148-3.648c-.2-.407-.379-.713-.5-.926-.055-.092-.1-.176-.139-.231S7473.923,4543,7473.932,4543Z" transform="translate(-7460.455 -4543)" fill="#202d34"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15655" data-name="Group 15655" transform="translate(0 12.316)">
+              <g id="Group_15620" data-name="Group 15620" transform="translate(0 6.805)">
+                <path id="Path_10746" data-name="Path 10746" d="M7185.3,3853.454H7166V3852h19.3Z" transform="translate(-7166 -3852)" fill="#202d34"/>
+              </g>
+              <g id="Group_15654" data-name="Group 15654" transform="translate(3.537)">
+                <g id="Group_15621" data-name="Group 15621" transform="translate(3.009 0.074)">
+                  <path id="Path_10747" data-name="Path 10747" d="M7881.833,3131.75H7873V3125h7.62Z" transform="translate(-7873 -3125)" fill="#202d34"/>
+                </g>
+                <g id="Group_15622" data-name="Group 15622" transform="translate(0 0.074)">
+                  <path id="Path_10748" data-name="Path 10748" d="M7557.833,3131.75H7548l.824-6.75h9.564Z" transform="translate(-7548 -3125)" fill="#365864"/>
+                </g>
+                <g id="Group_15624" data-name="Group 15624" transform="translate(0.91)">
+                  <g id="Group_15623" data-name="Group 15623">
+                    <path id="Path_10749" data-name="Path 10749" d="M7655.692,3117a.785.785,0,0,1-.037.139c-.037.083-.084.213-.148.38a9.486,9.486,0,0,1-.657,1.324,6.166,6.166,0,0,1-1.454,1.648,4.257,4.257,0,0,1-2.5.954,4.408,4.408,0,0,1-2.574-.732,4.48,4.48,0,0,1-1.481-1.62,4.726,4.726,0,0,1-.519-1.389,3.732,3.732,0,0,1-.064-.4c-.01-.083-.01-.139,0-.139s.037.194.12.528a5.023,5.023,0,0,0,.547,1.352,4.607,4.607,0,0,0,1.463,1.555,4.4,4.4,0,0,0,2.509.7,4.2,4.2,0,0,0,2.426-.917,6.258,6.258,0,0,0,1.436-1.6,10.29,10.29,0,0,0,.7-1.3c.064-.148.12-.269.166-.361S7655.683,3117,7655.692,3117Z" transform="translate(-7646.25 -3117)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15626" data-name="Group 15626" transform="translate(5.193 4.398)">
+                  <g id="Group_15625" data-name="Group 15625">
+                    <path id="Path_10750" data-name="Path 10750" d="M8108.875,3593.287c-.046,0-.074-.287-.065-.639a1.538,1.538,0,0,1,.074-.648,1.639,1.639,0,0,1,.064.648A1.517,1.517,0,0,1,8108.875,3593.287Z" transform="translate(-8108.809 -3592)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15628" data-name="Group 15628" transform="translate(5.888 4.296)">
+                  <g id="Group_15627" data-name="Group 15627">
+                    <path id="Path_10751" data-name="Path 10751" d="M8183.974,3582.37a1.543,1.543,0,0,1-.1-.685,1.357,1.357,0,0,1,.083-.685,1.994,1.994,0,0,1,.056.685C8184.021,3582.065,8184.021,3582.37,8183.974,3582.37Z" transform="translate(-8183.871 -3581)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15630" data-name="Group 15630" transform="translate(6.499 4.139)">
+                  <g id="Group_15629" data-name="Group 15629">
+                    <path id="Path_10752" data-name="Path 10752" d="M8249.946,3565.333a2.444,2.444,0,0,1,.037-1.333,2.062,2.062,0,0,1,.027.667A1.967,1.967,0,0,1,8249.946,3565.333Z" transform="translate(-8249.871 -3564)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15632" data-name="Group 15632" transform="translate(7.176 3.88)">
+                  <g id="Group_15631" data-name="Group 15631">
+                    <path id="Path_10753" data-name="Path 10753" d="M8323.064,3537.435a2.041,2.041,0,0,1-.064-.722,2.008,2.008,0,0,1,.064-.713,1.679,1.679,0,0,1,.074.713A1.706,1.706,0,0,1,8323.064,3537.435Z" transform="translate(-8323 -3536)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15634" data-name="Group 15634" transform="translate(7.909 3.407)">
+                  <g id="Group_15633" data-name="Group 15633">
+                    <path id="Path_10754" data-name="Path 10754" d="M8402.261,3486.565a2.294,2.294,0,0,1-.036-.787.395.395,0,1,1,.139.01A2.055,2.055,0,0,1,8402.261,3486.565Z" transform="translate(-8402.217 -3485)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15636" data-name="Group 15636" transform="translate(8.586 2.75)">
+                  <g id="Group_15635" data-name="Group 15635">
+                    <path id="Path_10755" data-name="Path 10755" d="M8475.395,3415.508a1.784,1.784,0,0,1-.036-.769,1.758,1.758,0,0,1,.166-.759,2.726,2.726,0,0,1-.028.769A2.928,2.928,0,0,1,8475.395,3415.508Z" transform="translate(-8475.343 -3413.98)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15638" data-name="Group 15638" transform="translate(9.19 1.852)">
+                  <g id="Group_15637" data-name="Group 15637">
+                    <path id="Path_10756" data-name="Path 10756" d="M8540.555,3318.852a3.276,3.276,0,0,1,.019-.926,3.338,3.338,0,0,1,.148-.926,2.814,2.814,0,0,1-.01.935A3.131,3.131,0,0,1,8540.555,3318.852Z" transform="translate(-8540.532 -3317)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15640" data-name="Group 15640" transform="translate(9.815 0.944)">
+                  <g id="Group_15639" data-name="Group 15639">
+                    <path id="Path_10757" data-name="Path 10757" d="M8608.027,3220.508a2.232,2.232,0,0,1,0-.768,2.207,2.207,0,0,1,.149-.759,3.973,3.973,0,0,1-.149,1.528Z" transform="translate(-8608 -3218.98)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15642" data-name="Group 15642" transform="translate(4.292 4.296)">
+                  <g id="Group_15641" data-name="Group 15641">
+                    <path id="Path_10758" data-name="Path 10758" d="M8011.627,3582.093c-.046.009-.093-.241-.074-.546a1.026,1.026,0,0,1,.13-.546,1.412,1.412,0,0,1,.009.546A1.563,1.563,0,0,1,8011.627,3582.093Z" transform="translate(-8011.548 -3581)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15644" data-name="Group 15644" transform="translate(3.573 4.018)">
+                  <g id="Group_15643" data-name="Group 15643">
+                    <path id="Path_10759" data-name="Path 10759" d="M7933.89,3552.389a1.929,1.929,0,0,1-.009-.694,1.865,1.865,0,0,1,.12-.694,1.826,1.826,0,0,1,.019.7C7933.992,3552.083,7933.936,3552.4,7933.89,3552.389Z" transform="translate(-7933.86 -3551)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15646" data-name="Group 15646" transform="translate(2.916 3.62)">
+                  <g id="Group_15645" data-name="Group 15645">
+                    <path id="Path_10760" data-name="Path 10760" d="M7862.938,3509.333a3.041,3.041,0,0,1-.009-.667,2.435,2.435,0,0,1,.028-.667,1.236,1.236,0,0,1,.111.667A1.175,1.175,0,0,1,7862.938,3509.333Z" transform="translate(-7862.919 -3508)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15648" data-name="Group 15648" transform="translate(2.197 3.046)">
+                  <g id="Group_15647" data-name="Group 15647">
+                    <path id="Path_10761" data-name="Path 10761" d="M7785.291,3447.685a5.182,5.182,0,0,1,.1-1.685,2.685,2.685,0,0,1,.019.852A2.305,2.305,0,0,1,7785.291,3447.685Z" transform="translate(-7785.256 -3446)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15650" data-name="Group 15650" transform="translate(1.56 2.342)">
+                  <g id="Group_15649" data-name="Group 15649">
+                    <path id="Path_10762" data-name="Path 10762" d="M7716.511,3371.6a1.73,1.73,0,0,1,0-.824,2.628,2.628,0,0,1,.157-.8,2.015,2.015,0,0,1-.019.815A3.278,3.278,0,0,1,7716.511,3371.6Z" transform="translate(-7716.469 -3369.981)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15652" data-name="Group 15652" transform="translate(1.043 1.25)">
+                  <g id="Group_15651" data-name="Group 15651">
+                    <path id="Path_10763" data-name="Path 10763" d="M7660.681,3253.629a2.007,2.007,0,0,1-.074-.824,1.955,1.955,0,0,1,.147-.824,3.732,3.732,0,0,1-.009.824A3.043,3.043,0,0,1,7660.681,3253.629Z" transform="translate(-7660.603 -3251.981)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15653" data-name="Group 15653" transform="translate(4.426 1.25)">
+                  <path id="Path_10764" data-name="Path 10764" d="M8028.139,3252.305H8026V3252h2.139Z" transform="translate(-8026 -3252)" fill="#fafafa"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15674" data-name="Group 15674" transform="translate(1.676)">
+              <g id="Group_15656" data-name="Group 15656" transform="translate(1.361 2.928)">
+                <path id="Path_10765" data-name="Path 10765" d="M7508.444,2108.315H7494V2103h14.444Z" transform="translate(-7494 -2103)" fill="#ff4e5b"/>
+              </g>
+              <g id="Group_15657" data-name="Group 15657" transform="translate(0.083 2.928)">
+                <path id="Path_10766" data-name="Path 10766" d="M7370.444,2108.315H7356V2103h14.444Z" transform="translate(-7356 -2103)" fill="#05968F"/>
+              </g>
+              <g id="Group_15659" data-name="Group 15659" transform="translate(0.148 4.548)">
+                <g id="Group_15658" data-name="Group 15658">
+                  <path id="Path_10767" data-name="Path 10767" d="M7378.657,2278.065c0,.037-3.509.074-7.833.074s-7.824-.037-7.824-.074,3.5-.065,7.824-.065S7378.657,2278.028,7378.657,2278.065Z" transform="translate(-7363 -2278)" fill="#fafafa"/>
+                </g>
+              </g>
+              <g id="Group_15661" data-name="Group 15661" transform="translate(0 3.511)">
+                <g id="Group_15660" data-name="Group 15660">
+                  <path id="Path_10768" data-name="Path 10768" d="M7362.777,2166.074c0,.037-3.537.074-7.889.074s-7.889-.037-7.889-.074,3.527-.074,7.889-.074S7362.777,2166.037,7362.777,2166.074Z" transform="translate(-7347 -2166)" fill="#fafafa"/>
+                </g>
+              </g>
+              <g id="Group_15663" data-name="Group 15663" transform="translate(0.148 6.603)">
+                <g id="Group_15662" data-name="Group 15662">
+                  <path id="Path_10769" data-name="Path 10769" d="M7378.657,2500.074c0,.037-3.509.065-7.833.065s-7.824-.028-7.824-.065,3.5-.074,7.824-.074S7378.657,2500.037,7378.657,2500.074Z" transform="translate(-7363 -2500)" fill="#fafafa"/>
+                </g>
+              </g>
+              <g id="Group_15665" data-name="Group 15665" transform="translate(0.083 7.529)">
+                <g id="Group_15664" data-name="Group 15664">
+                  <path id="Path_10770" data-name="Path 10770" d="M7371.667,2600.065c0,.046-3.509.074-7.833.074s-7.833-.028-7.833-.074,3.509-.065,7.833-.065S7371.667,2600.028,7371.667,2600.065Z" transform="translate(-7356 -2600)" fill="#fafafa"/>
+                </g>
+              </g>
+              <g id="Group_15667" data-name="Group 15667" transform="translate(0 5.576)">
+                <g id="Group_15666" data-name="Group 15666">
+                  <path id="Path_10771" data-name="Path 10771" d="M7362.777,2389.074c0,.037-3.537.065-7.889.065s-7.889-.027-7.889-.065,3.527-.074,7.889-.074S7362.777,2389.028,7362.777,2389.074Z" transform="translate(-7347 -2389)" fill="#fafafa"/>
+                </g>
+              </g>
+              <g id="Group_15668" data-name="Group 15668" transform="translate(14.704 2.928)">
+                <path id="Path_10772" data-name="Path 10772" d="M8936.1,2108.315H8935V2103h1.1Z" transform="translate(-8935 -2103)" fill="rgba(0,0,0,0.6)"/>
+              </g>
+              <g id="Group_15670" data-name="Group 15670" transform="translate(0.083 2.928)">
+                <g id="Group_15669" data-name="Group 15669">
+                  <path id="Path_10773" data-name="Path 10773" d="M7370.444,2103c0,.009-.047.037-.139.083-.111.056-.241.129-.408.213-.37.185-.879.435-1.509.75-1.3.62-3.056,1.481-5.009,2.426l-.028.009-.037-.009a.335.335,0,0,0-.1-.046c-1.991-.935-3.787-1.778-5.111-2.4-.639-.306-1.167-.556-1.546-.731-.167-.093-.305-.157-.416-.213-.093-.046-.139-.074-.139-.083s.056.019.148.056c.121.056.259.111.435.185.38.176.908.407,1.556.7,1.333.6,3.139,1.435,5.139,2.352.028.019.065.028.1.046h-.065c1.963-.935,3.731-1.768,5.028-2.389.639-.3,1.158-.537,1.528-.7.176-.083.314-.139.426-.194C7370.389,2103.019,7370.444,2103,7370.444,2103Z" transform="translate(-7356 -2103)" fill="#202d34"/>
+                </g>
+              </g>
+              <g id="Group_15671" data-name="Group 15671" transform="translate(6.631 5.442)">
+                <path id="Path_10774" data-name="Path 10774" d="M8064.024,2374.59a.8.8,0,1,0,.445,1.407.82.82,0,0,0-.611-1.445Z" transform="translate(-8063.156 -2374.549)" fill="#202d34"/>
+              </g>
+              <g id="Group_15673" data-name="Group 15673" transform="translate(3.419)">
+                <g id="Group_15672" data-name="Group 15672">
+                  <path id="Path_10775" data-name="Path 10775" d="M7724.97,1789.75c-.009.009-.074-.139-.213-.38a5.476,5.476,0,0,0-.686-.981,3.977,3.977,0,0,0-1.389-1.055,5.141,5.141,0,0,0-2.111-.37,6.343,6.343,0,0,0-2.12.407,3.832,3.832,0,0,0-1.463.954,3.013,3.013,0,0,0-.611,1.009c-.093.269-.11.426-.12.426s-.009-.046,0-.12a2.386,2.386,0,0,1,.065-.324,2.813,2.813,0,0,1,.592-1.056,3.882,3.882,0,0,1,1.491-1.009,6.3,6.3,0,0,1,2.157-.426,5.258,5.258,0,0,1,2.167.389,3.866,3.866,0,0,1,1.416,1.111,5.073,5.073,0,0,1,.658,1.018c.064.13.11.232.139.3S7724.979,1789.75,7724.97,1789.75Z" transform="translate(-7716.25 -1786.823)" fill="#202d34"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15723" data-name="Group 15723" transform="translate(20.854 19.759)">
+            <g id="Group_15693" data-name="Group 15693">
+              <g id="Group_15676" data-name="Group 15676" transform="translate(8.618 31.49)">
+                <path id="Path_10776" data-name="Path 10776" d="M3183,5559.167h.815V5535H3183Z" transform="translate(-3183 -5535)" fill="#202d34"/>
+              </g>
+              <g id="Group_15692" data-name="Group 15692">
+                <g id="Group_15680" data-name="Group 15680" transform="translate(16.22 12.75)">
+                  <g id="Group_15677" data-name="Group 15677">
+                    <path id="Path_10777" data-name="Path 10777" d="M4011.583,3522.694a3.746,3.746,0,0,0-.019-4.926l-5.972-6.769-1.593,4.463c.1.074,4.648,4.945,4.648,4.945l-3.907,4.852a2.85,2.85,0,0,0-.463,2.667l.176.713a1.72,1.72,0,0,0,2.38,1.157l1.093-.491a.231.231,0,0,0-.093-.444h-1.491a.673.673,0,0,1-.648-.51Z" transform="translate(-4004 -3511)" fill="#365864"/>
+                  </g>
+                  <g id="Group_15679" data-name="Group 15679" transform="translate(4.541 8.534)">
+                    <g id="Group_15678" data-name="Group 15678">
+                      <path id="Path_10778" data-name="Path 10778" d="M4495.409,4432.728c.028.028-.157.278-.426.537s-.481.481-.509.454.139-.287.407-.556S4495.382,4432.7,4495.409,4432.728Z" transform="translate(-4494.47 -4432.726)" fill="#202d34"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15682" data-name="Group 15682" transform="translate(6.127)">
+                  <g id="Group_15681" data-name="Group 15681">
+                    <path id="Path_10779" data-name="Path 10779" d="M2917.116,2134a3.122,3.122,0,0,0-3.121,3.148c0,1.37.019,2.843.074,3.6a1.972,1.972,0,0,0,1.759,1.824s.13,1.759.12,2.2l4.01.019.287-7.546A3.13,3.13,0,0,0,2917.116,2134Z" transform="translate(-2913.995 -2134)" fill="#365864"/>
+                  </g>
+                </g>
+                <g id="Group_15684" data-name="Group 15684" transform="translate(7.96 7.805)">
+                  <g id="Group_15683" data-name="Group 15683">
+                    <path id="Path_10780" data-name="Path 10780" d="M3112,2977.768a3.971,3.971,0,0,0,2.139-.768,2.083,2.083,0,0,1-2.1,1.176Z" transform="translate(-3112 -2977)" fill="#202d34"/>
+                  </g>
+                </g>
+                <g id="Group_15690" data-name="Group 15690" transform="translate(4.688 10.705)">
+                  <g id="Group_15689" data-name="Group 15689">
+                    <g id="Group_15688" data-name="Group 15688">
+                      <g id="Group_15687" data-name="Group 15687">
+                        <g id="Group_15686" data-name="Group 15686">
+                          <g id="Group_15685" data-name="Group 15685">
+                            <path id="Path_10781" data-name="Path 10781" d="M2769.732,3290.636a8.592,8.592,0,0,0-3.333-.435l-4.1.046h-.037a3.531,3.531,0,0,0-3.593,4.167l.528,2.963a4.051,4.051,0,0,0,.352,3.676,3.76,3.76,0,0,1,.639,2.129l-1.13,5.111,11.213-.093-1.639-4.046,1.148-6.129,2.7,1.759,3.907-2.843-3.777-4.241C2771.2,3291.173,2770.677,3290.868,2769.732,3290.636Z" transform="translate(-2758.608 -3290.184)" fill="#ffae3e"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_15691" data-name="Group 15691" transform="translate(0 25.065)">
+                  <path id="Path_10782" data-name="Path 10782" d="M2267.9,4843.972a11.128,11.128,0,0,1,2.4,7.037,33.286,33.286,0,0,1-.954,7.5q-.959,4.666-1.926,9.342c-.083.435-.324.991-.768.935-.472-.056-.546-.713-.871-1.055-.435-.445-1.2-.241-1.731.092a2.843,2.843,0,0,1-1.685.713c-.8-.065-1.38-.944-2.176-.879-.87.074-1.389,1.25-2.268,1.2-.695-.037-1.083-.833-1.695-1.176-1.028-.565-2.5.213-3.417-.519a1.763,1.763,0,0,1-.472-1.824,6.96,6.96,0,0,1,.889-1.778c3.945-6.759,1.343-16.018,5.639-22.564Z" transform="translate(-2252.265 -4841)" fill="#ffae3e"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15720" data-name="Group 15720" transform="translate(1.059 10.528)">
+              <g id="Group_15695" data-name="Group 15695" transform="translate(3.717 3.125)">
+                <g id="Group_15694" data-name="Group 15694">
+                  <path id="Path_10783" data-name="Path 10783" d="M2768,3608.815c-.009-.046,3.2-.148,7.157-.241s7.167-.129,7.167-.093-3.2.148-7.167.241S2768,3608.852,2768,3608.815Z" transform="translate(-2767.998 -3608.467)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15697" data-name="Group 15697" transform="translate(4.393 6.634)">
+                <g id="Group_15696" data-name="Group 15696">
+                  <path id="Path_10784" data-name="Path 10784" d="M2841,3987.769c0-.037,3.769-.139,8.417-.222s8.417-.12,8.417-.083-3.769.139-8.417.222S2841,3987.806,2841,3987.769Z" transform="translate(-2841 -3987.449)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15699" data-name="Group 15699" transform="translate(5.143 11.435)">
+                <g id="Group_15698" data-name="Group 15698">
+                  <path id="Path_10785" data-name="Path 10785" d="M2922,4506.212c0-.047,1.981-.121,4.444-.186s4.445-.083,4.445-.046-1.991.121-4.445.185S2922,4506.249,2922,4506.212Z" transform="translate(-2922 -4505.961)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15701" data-name="Group 15701" transform="translate(5.004 14.627)">
+                <g id="Group_15700" data-name="Group 15700">
+                  <path id="Path_10786" data-name="Path 10786" d="M2907,4851.654a1.666,1.666,0,0,1,.343-.027c.25-.01.574-.019.945-.037.8-.028,1.9-.093,3.111-.213s2.3-.3,3.083-.426c.379-.065.685-.121.935-.157a1.877,1.877,0,0,1,.343-.046,1.29,1.29,0,0,1-.333.1c-.213.056-.528.121-.926.2-.778.157-1.87.333-3.083.463s-2.324.167-3.12.176c-.407,0-.731,0-.954-.009A1.639,1.639,0,0,1,2907,4851.654Z" transform="translate(-2907 -4850.745)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15703" data-name="Group 15703" transform="translate(3.439 18.11)">
+                <g id="Group_15702" data-name="Group 15702">
+                  <path id="Path_10787" data-name="Path 10787" d="M2738,5228.4a2.989,2.989,0,0,1,.472.028c.306.019.75.046,1.3.064a25.474,25.474,0,0,0,4.25-.185,27.109,27.109,0,0,0,4.167-.9c.528-.157.944-.3,1.231-.4a2.5,2.5,0,0,1,.454-.139,3.01,3.01,0,0,1-.435.194c-.278.111-.694.269-1.213.435a23.939,23.939,0,0,1-4.185.945,22.659,22.659,0,0,1-4.278.148c-.546-.028-.981-.074-1.287-.12A2.939,2.939,0,0,1,2738,5228.4Z" transform="translate(-2738 -5226.875)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15705" data-name="Group 15705" transform="translate(3.309 23.2)">
+                <g id="Group_15704" data-name="Group 15704">
+                  <path id="Path_10788" data-name="Path 10788" d="M2724,5777.619a1.389,1.389,0,0,1,.139.009c.111.009.24.028.4.046.352.037.852.093,1.463.148s1.361.092,2.185.1,1.722-.01,2.667-.074,1.833-.185,2.648-.314,1.537-.278,2.139-.417,1.093-.269,1.426-.361a3.539,3.539,0,0,1,.389-.1q.125-.042.139-.028s-.046.019-.13.046c-.111.037-.232.083-.38.129-.333.111-.815.25-1.426.408s-1.324.315-2.139.454-1.713.25-2.657.324-1.861.084-2.685.065-1.565-.065-2.185-.13-1.111-.139-1.454-.2c-.158-.028-.3-.046-.4-.065S2724,5777.628,2724,5777.619Z" transform="translate(-2724 -5776.625)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15707" data-name="Group 15707" transform="translate(2.401 29.07)">
+                <g id="Group_15706" data-name="Group 15706">
+                  <path id="Path_10789" data-name="Path 10789" d="M2625.85,6410.837c0-.018.157.111.482.269a4.431,4.431,0,0,0,1.435.4,7.463,7.463,0,0,0,2.213-.13c.824-.148,1.722-.407,2.685-.574a13.979,13.979,0,0,1,6.463.473c.167.046.3.1.389.129s.129.046.129.056-.194-.046-.537-.139-.852-.213-1.472-.324a14.907,14.907,0,0,0-4.945-.056c-.963.157-1.852.417-2.694.565a7.6,7.6,0,0,1-2.25.1,4.073,4.073,0,0,1-1.444-.454,2.681,2.681,0,0,1-.352-.222C2625.878,6410.865,2625.841,6410.837,2625.85,6410.837Z" transform="translate(-2625.849 -6410.621)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15709" data-name="Group 15709" transform="translate(1.096 34.848)">
+                <g id="Group_15708" data-name="Group 15708">
+                  <path id="Path_10790" data-name="Path 10790" d="M2485,7034.891c0-.01.046-.028.129-.074a3.01,3.01,0,0,1,.408-.13,3.84,3.84,0,0,1,1.555-.019,10.165,10.165,0,0,1,2.195.713,8.09,8.09,0,0,0,2.676.759,8.729,8.729,0,0,0,2.75-.379c.842-.213,1.6-.417,2.25-.51a5.694,5.694,0,0,1,1.555-.037,3.212,3.212,0,0,1,.417.084c.092.019.148.027.148.037s-.2-.028-.565-.065a5.829,5.829,0,0,0-1.537.084c-.648.1-1.4.314-2.232.537a9.19,9.19,0,0,1-2.8.4,8.119,8.119,0,0,1-2.722-.787,10.288,10.288,0,0,0-2.158-.731,4.067,4.067,0,0,0-1.528-.027A5.556,5.556,0,0,0,2485,7034.891Z" transform="translate(-2485 -7034.599)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15711" data-name="Group 15711" transform="translate(11.319)">
+                <g id="Group_15710" data-name="Group 15710">
+                  <path id="Path_10791" data-name="Path 10791" d="M3589,3312.092a1.051,1.051,0,0,0,.019-.111c.018-.074.046-.176.074-.305.065-.278.157-.667.278-1.176.231-1.019.565-2.5.889-4.343a46.786,46.786,0,0,0,.694-6.528,26.338,26.338,0,0,0-.176-3.871c-.148-1.343-.269-2.731-.389-4.157s-.25-2.815-.407-4.148-.389-2.62-.463-3.861a64.868,64.868,0,0,1,0-6.592,30.775,30.775,0,0,1,.37-4.417c.093-.519.194-.917.259-1.185.037-.12.074-.222.093-.3s.028-.1.037-.1-.009.037-.028.1-.037.176-.074.306c-.056.269-.148.667-.232,1.185a32.091,32.091,0,0,0-.324,4.417,65.32,65.32,0,0,0,.028,6.574c.074,1.231.315,2.509.472,3.852s.287,2.731.407,4.157.241,2.815.389,4.148a26.633,26.633,0,0,1,.167,3.889,45.193,45.193,0,0,1-.732,6.546c-.333,1.843-.676,3.324-.926,4.343q-.194.764-.305,1.167-.055.194-.083.306C3589.019,3312.055,3589.009,3312.092,3589,3312.092Z" transform="translate(-3589 -3271)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15713" data-name="Group 15713" transform="translate(4.05 0.222)">
+                <g id="Group_15712" data-name="Group 15712">
+                  <path id="Path_10792" data-name="Path 10792" d="M2804,3336.685a1.165,1.165,0,0,1,.037-.111c.019-.074.055-.167.1-.3.093-.269.241-.657.407-1.167.343-1.009.787-2.49,1.259-4.342s.944-4.074,1.333-6.565a58.011,58.011,0,0,0,.722-8.176c.009-1.454-.074-2.87-.12-4.25s-.093-2.694-.111-3.963c-.046-2.528.019-4.806.176-6.713a39.074,39.074,0,0,1,.611-4.482c.1-.528.2-.935.269-1.2.037-.13.055-.232.074-.315.019-.065.028-.1.037-.1a1.09,1.09,0,0,0-.018.111c-.019.074-.037.176-.065.315-.055.269-.157.676-.241,1.2a40.95,40.95,0,0,0-.565,4.481c-.139,1.907-.2,4.176-.148,6.7.028,1.259.074,2.583.12,3.963s.129,2.8.12,4.26a58.1,58.1,0,0,1-.731,8.185c-.4,2.5-.889,4.722-1.37,6.574s-.945,3.333-1.306,4.333c-.167.509-.333.889-.426,1.157-.055.12-.093.222-.12.3S2804,3336.685,2804,3336.685Z" transform="translate(-2804 -3295)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15715" data-name="Group 15715" transform="translate(14.919 0.361)">
+                <g id="Group_15714" data-name="Group 15714">
+                  <path id="Path_10793" data-name="Path 10793" d="M3978.238,3310a4.772,4.772,0,0,0-.241,1.343,4.678,4.678,0,0,0,.241,1.463,6.832,6.832,0,0,0,.8,1.639c.352.546.731,1.037,1.074,1.481s.657.843.926,1.195q.361.486.611.805a1.551,1.551,0,0,1,.2.315s-.093-.093-.25-.278c-.167-.2-.389-.472-.648-.787-.268-.333-.593-.731-.944-1.167s-.731-.935-1.093-1.491a6.935,6.935,0,0,1-.806-1.676,4.837,4.837,0,0,1-.213-1.5,3.317,3.317,0,0,1,.185-1c.046-.12.083-.2.111-.259A.842.842,0,0,1,3978.238,3310Z" transform="translate(-3977.894 -3310)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15717" data-name="Group 15717" transform="translate(4.642 0.5)">
+                <g id="Group_15716" data-name="Group 15716">
+                  <path id="Path_10794" data-name="Path 10794" d="M2867.964,3335.731a2.25,2.25,0,0,1-.046-.426c-.019-.269-.037-.676-.037-1.167a28.434,28.434,0,0,1,.231-3.843,29.426,29.426,0,0,1,.741-3.778c.13-.472.25-.852.333-1.12a3.871,3.871,0,0,1,.148-.4,1.968,1.968,0,0,1-.092.417c-.074.269-.176.648-.287,1.13a36.406,36.406,0,0,0-.7,3.769,34.734,34.734,0,0,0-.269,3.824c-.009.491-.009.889-.009,1.167A3.009,3.009,0,0,1,2867.964,3335.731Z" transform="translate(-2867.88 -3325)" fill="#f5f5f5"/>
+                </g>
+              </g>
+              <g id="Group_15719" data-name="Group 15719" transform="translate(0 14.028)">
+                <g id="Group_15718" data-name="Group 15718">
+                  <path id="Path_10795" data-name="Path 10795" d="M2366.636,4812.639a.42.42,0,0,0-.009-.074c-.009-.056-.019-.12-.028-.2a1.991,1.991,0,0,1-.009-.343,2.768,2.768,0,0,1,.018-.463,7.986,7.986,0,0,1,.917-2.778,21.452,21.452,0,0,0,1.741-3.972,33.3,33.3,0,0,0,.917-5.231c.481-3.741.907-7.129,1.222-9.6.167-1.222.3-2.2.389-2.908.055-.333.093-.593.12-.787.009-.083.019-.148.028-.2a.66.66,0,0,1,.018-.074v.074a1.184,1.184,0,0,0-.018.2c-.028.194-.056.462-.093.8-.083.694-.194,1.694-.343,2.916-.306,2.463-.722,5.852-1.185,9.6a33.747,33.747,0,0,1-.926,5.25,21.575,21.575,0,0,1-1.778,3.981,8.2,8.2,0,0,0-.954,2.741A7.887,7.887,0,0,0,2366.636,4812.639Z" transform="translate(-2366.586 -4786)" fill="#f5f5f5"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_15722" data-name="Group 15722" transform="translate(13.375 18.528)">
+              <g id="Group_15721" data-name="Group 15721">
+                <path id="Path_10796" data-name="Path 10796" d="M3699.183,4135.037a.727.727,0,0,0-.722.194,2.271,2.271,0,0,0-.407.676l-.861,2.028a4.091,4.091,0,0,0-.435,1.731,4.21,4.21,0,0,0,1.167,2.361.767.767,0,0,0,.333.287c.139.037.333-.046.333-.195s-.139-.231-.231-.324a1.2,1.2,0,0,1-.157-1.074q.514-2.861,1.019-5.722Z" transform="translate(-3696.755 -4135)" fill="rgba(0,0,0,0.2)"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_15741" data-name="Group 15741" transform="translate(38.055 68.546)">
+            <g id="Group_15726" data-name="Group 15726">
+              <g id="Group_15724" data-name="Group 15724" transform="translate(2.148)">
+                <path id="Path_10797" data-name="Path 10797" d="M4343.527,7409.9,4342,7403h6.972l2.028,6.9Z" transform="translate(-4342 -7403)" fill="#ececec"/>
+              </g>
+              <g id="Group_15725" data-name="Group 15725">
+                <path id="Path_10798" data-name="Path 10798" d="M4112.148,7403l-2.148,6.9h3.676Z" transform="translate(-4110 -7403)" fill="#e0e0e0"/>
+              </g>
+            </g>
+            <g id="Group_15728" data-name="Group 15728" transform="translate(3.556 1.139)">
+              <g id="Group_15727" data-name="Group 15727">
+                <path id="Path_10799" data-name="Path 10799" d="M4498.954,7526.074a47.621,47.621,0,0,1-4.954,0,41.365,41.365,0,0,1,4.954,0Z" transform="translate(-4494 -7526)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15730" data-name="Group 15730" transform="translate(3.713 2.593)">
+              <g id="Group_15729" data-name="Group 15729">
+                <path id="Path_10800" data-name="Path 10800" d="M4514.361,7683.074a21.944,21.944,0,0,1-3.361,0,19.066,19.066,0,0,1,3.361,0Z" transform="translate(-4511 -7683)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15732" data-name="Group 15732" transform="translate(8.268 2.398)">
+              <g id="Group_15731" data-name="Group 15731">
+                <path id="Path_10801" data-name="Path 10801" d="M5003.593,7662.064c0,.047-.13.074-.3.074s-.3-.027-.3-.074.129-.064.3-.064S5003.593,7662.027,5003.593,7662.064Z" transform="translate(-5003 -7662)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15734" data-name="Group 15734" transform="translate(4.176 3.768)">
+              <g id="Group_15733" data-name="Group 15733">
+                <path id="Path_10802" data-name="Path 10802" d="M4564.361,7810.065a10.092,10.092,0,0,1-1.676.074,10.253,10.253,0,0,1-1.685-.074,10.852,10.852,0,0,1,1.685-.065A10.684,10.684,0,0,1,4564.361,7810.065Z" transform="translate(-4561 -7810)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15736" data-name="Group 15736" transform="translate(8.731 3.565)">
+              <g id="Group_15735" data-name="Group 15735">
+                <path id="Path_10803" data-name="Path 10803" d="M5053.593,7788.074c0,.038-.13.065-.3.065s-.3-.028-.3-.065.129-.074.3-.074S5053.593,7788.037,5053.593,7788.074Z" transform="translate(-5053 -7788)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15738" data-name="Group 15738" transform="translate(4.639 4.935)">
+              <g id="Group_15737" data-name="Group 15737">
+                <path id="Path_10804" data-name="Path 10804" d="M4614.361,7936.074a10.786,10.786,0,0,1-1.676.064,10.96,10.96,0,0,1-1.685-.064,10.149,10.149,0,0,1,1.685-.074A9.987,9.987,0,0,1,4614.361,7936.074Z" transform="translate(-4611 -7936)" fill="#202d34"/>
+              </g>
+            </g>
+            <g id="Group_15740" data-name="Group 15740" transform="translate(9.194 4.741)">
+              <g id="Group_15739" data-name="Group 15739">
+                <path id="Path_10805" data-name="Path 10805" d="M5103.593,7915.064c0,.037-.13.074-.3.074s-.3-.037-.3-.074.129-.064.3-.064S5103.593,7915.028,5103.593,7915.064Z" transform="translate(-5103 -7915)" fill="#202d34"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Group_11944" data-name="Group 11944" transform="translate(48.844 171.734)">
+        <path id="Path_8702" data-name="Path 8702" d="M513.26,3508.707h-.292v-.43a.289.289,0,0,0-.292-.277h-1.291a.279.279,0,0,0-.276.292v.416h-.292a.855.855,0,0,0-.845.86l.015,6.683a.855.855,0,0,0,.845.86h2.443a.864.864,0,0,0,.845-.86l-.015-6.683A.856.856,0,0,0,513.26,3508.707Z" transform="translate(-502.135 -3471.169)" fill="#bed1f4" fill-rule="evenodd"/>
+        <path id="Path_8703" data-name="Path 8703" d="M892.288,3510.706H892v-.43a.276.276,0,0,0-.277-.277h-1.29a.289.289,0,0,0-.292.277v.43h-.277a.859.859,0,0,0-.86.86l.015,6.684a.859.859,0,0,0,.86.86l2.428-.015a.86.86,0,0,0,.861-.861l-.016-6.684A.856.856,0,0,0,892.288,3510.706Z" transform="translate(-875.34 -3473.138)" fill="#bed1f4" fill-rule="evenodd"/>
+        <path id="Path_8704" data-name="Path 8704" d="M1706,2208.34a4.6,4.6,0,0,1,.691-1.214,3.307,3.307,0,0,1,2.335-.783c.753.214.507.921,0,1.474a13.985,13.985,0,0,1-2,1.476Z" transform="translate(-1679.788 -2189.471)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8705" data-name="Path 8705" d="M357.967,1126.233c-.261-.491,5.654-2.3,5.746,2.627,0,0,11.062-.261,5.777-6.438-1.828-2.135-1.644-3.9-1.582-5.546s-1.137-6.423-5.239-5.931a3.032,3.032,0,0,0-2.412.246C357.214,1112.774,350.393,1128.046,357.967,1126.233Z" transform="translate(-349.07 -1110.804)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8706" data-name="Path 8706" d="M.938,5281.537s-1.244,1.123-1,1.938c.246.8,1.367,1.338,1.506,2.32.154.984.768,1.521,1.306,1.521h2.6s.4-.694-.568-.907-1.337-1.368-1.275-2.43a18.581,18.581,0,0,0-.092-2.5L1.368,5281Z" transform="translate(0.093 -5216.931)" fill="#1e7dbd" fill-rule="evenodd"/>
+        <path id="Path_8707" data-name="Path 8707" d="M739.129,5347s-.446,4.855.108,5.117h7.021a1.24,1.24,0,0,0-1.183-1.044c-1.122-.185-3.088-.845-3.411-2.305C741.326,5347.31,739.129,5347,739.129,5347Z" transform="translate(-727.605 -5281.916)" fill="#1e7dbd" fill-rule="evenodd"/>
+        <path id="Path_8708" data-name="Path 8708" d="M965,1621.608a1.038,1.038,0,0,0,.845.338.728.728,0,0,0,.63-.415A2.72,2.72,0,0,0,965,1621.608Z" transform="translate(-950.173 -1613.615)" fill="#ebf3fa" fill-rule="evenodd"/>
+        <path id="Path_8709" data-name="Path 8709" d="M381.365,1880.933l-4.056,1.214-1.291-.308-1.214-.307-2.443-.6s-.461-.154-.891-1.122a13.871,13.871,0,0,1-.369-1.4c-.169-.737-.338-1.6-.43-2.2-.138-.891-.43-2-.676-3.2h0a22.332,22.332,0,0,1-.415-2.719,2.3,2.3,0,0,1,2.043-2.474l1.352-.138a27.961,27.961,0,0,1,7.59.538,16.369,16.369,0,0,1,1.905,4.655C383.224,1875.786,381.365,1880.933,381.365,1880.933Z" transform="translate(-363.894 -1855.979)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8710" data-name="Path 8710" d="M472.7,2385.01l-2.443-.6s-.461-.154-.891-1.122a13.916,13.916,0,0,1-.369-1.4s.753-3.011,1.106-2.95c.338.062.384,2.029,1.075,3.181C471.889,2383.273,473.379,2384.61,472.7,2385.01Z" transform="translate(-461.793 -2359.456)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8711" data-name="Path 8711" d="M689.179,2786s2.013,6.254,2.151,8.389c.123,2.12-3.841,30.236-4.01,31.219-.154.923-1.291,1.506-1.291,1.506a1.729,1.729,0,0,1-1.291.107,3.17,3.17,0,0,1-1.367-.66s-1.567-20.035-.6-27.21a113.886,113.886,0,0,0,.983-13.352Z" transform="translate(-671.969 -2760.262)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_8712" data-name="Path 8712" d="M102.252,2774s-3.073,4.116-3.365,6.882c-.277,2.781-.446,12.554-1.045,15.257-.615,2.7-2.842,7.928-2.842,16.378a1.7,1.7,0,0,0,.937.737,7.322,7.322,0,0,0,.845.231,1.3,1.3,0,0,0,1.46-.692c1.521-3.042,6.33-12.859,6.576-14.9.184-1.445,1.705-10.987,5.009-16.579.8-1.351-.476-6.7-.476-6.7Z" transform="translate(-93.539 -2748.447)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_8713" data-name="Path 8713" d="M547.265,2723a4.118,4.118,0,0,1-2.4.677c-1.921.03-6.668-.492-6.668-.492a4.255,4.255,0,0,0-.2,1.215s5.792,1.458,9.157.214A2.112,2.112,0,0,0,547.265,2723Z" transform="translate(-529.733 -2698.23)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_8714" data-name="Path 8714" d="M958.277,2746.983a.653.653,0,0,0,.584.692.643.643,0,0,0,.584-.692.658.658,0,0,0-.584-.707A.669.669,0,0,0,958.277,2746.983Zm-.277,0a.875.875,0,1,1,1.736,0,.875.875,0,1,1-1.736,0Z" transform="translate(-943.28 -2720.876)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8715" data-name="Path 8715" d="M931.152,1875.326s-2.136,3.6-4.409,3.6a1.949,1.949,0,0,1-.507-.077c-1.352-.307-2.935-1.706-3.964-2.75-.676-.691-1.121-1.229-1.121-1.229L918,1866s2.873.231,4.364,1.552,4.517,7.62,4.778,7.313a21.18,21.18,0,0,1,3.134-2.12A2.677,2.677,0,0,1,931.152,1875.326Z" transform="translate(-903.894 -1854.397)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8716" data-name="Path 8716" d="M201.059,2986.546l-8.2-1.337a1.465,1.465,0,0,1-1.214-1.69l.707-4.409a1.485,1.485,0,0,1,1.705-1.231l8.189,1.338a1.476,1.476,0,0,1,1.229,1.689l-.707,4.41A1.512,1.512,0,0,1,201.059,2986.546Z" transform="translate(-188.674 -2949.177)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8717" data-name="Path 8717" d="M234.347,3112.366h0L229,3110.078l.031-.077,5.331,2.273,5.777-.476v.094Z" transform="translate(-225.48 -3079.285)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8718" data-name="Path 8718" d="M549.538,3225.445l-.538-.077.215-1.367.553.092Z" transform="translate(-540.564 -3191.533)" fill="#ffa561" fill-rule="evenodd"/>
+        <path id="Path_8719" data-name="Path 8719" d="M317.17,2942.416a.412.412,0,0,0-.23.077.442.442,0,0,0-.169.276.411.411,0,0,0,.338.461.4.4,0,0,0,.476-.338.443.443,0,0,0-.077-.307.417.417,0,0,0-.261-.154C317.216,2942.431,317.2,2942.416,317.17,2942.416Zm0,1a.194.194,0,0,1-.092-.015.577.577,0,0,1-.476-.661.624.624,0,0,1,.23-.384.532.532,0,0,1,.43-.093.563.563,0,0,1,.384.231.606.606,0,0,1,.108.43A.58.58,0,0,1,317.17,2943.415Z" transform="translate(-311.729 -2914.112)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8720" data-name="Path 8720" d="M826.562,3025.108a.444.444,0,0,0,.077.308.377.377,0,0,0,.261.169.444.444,0,0,0,.307-.077.438.438,0,0,0,.169-.262.428.428,0,0,0-.338-.476.419.419,0,0,0-.476.338Zm.4.645h-.092a.588.588,0,0,1-.369-.23.6.6,0,0,1-.108-.447h0a.586.586,0,0,1,.661-.476.6.6,0,0,1,.492.676.556.556,0,0,1-.246.369A.526.526,0,0,1,826.961,3025.754Z" transform="translate(-813.685 -2995.191)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8721" data-name="Path 8721" d="M712.628,1661.133a.978.978,0,0,1-.461-1.184,8.876,8.876,0,0,0,.446-2.95l.184.031,3.088.615s-.077.968-.077,1.89v.015c0,.8.138,1.567-.215,1.813A2.7,2.7,0,0,1,712.628,1661.133Z" transform="translate(-701.165 -1648.608)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8722" data-name="Path 8722" d="M760.088,1659.615s-.077.969-.077,1.89c-1.736-.062-2.643-1.629-3.012-2.5Z" transform="translate(-745.368 -1650.578)" fill="#e8945b" fill-rule="evenodd"/>
+        <path id="Path_8723" data-name="Path 8723" d="M730.155,1312.858s-4.087.077-4.087-2.474-.538-4.256,2.074-4.409,3.119.83,3.334,1.675C731.676,1308.5,731.215,1312.781,730.155,1312.858Z" transform="translate(-714.867 -1302.961)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8724" data-name="Path 8724" d="M645.3,1270.072s-1.121,3-2.827,3.426a3.4,3.4,0,0,1-2.474-.015,4.864,4.864,0,0,0,1.6-2.873S644.456,1268.659,645.3,1270.072Z" transform="translate(-630.166 -1267.12)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8725" data-name="Path 8725" d="M967,1287.591a2.514,2.514,0,0,1,1.168.906,4.047,4.047,0,0,1,.553,2.351s.845-2.043-.092-3.18C967.615,1286.438,967,1287.591,967,1287.591Z" transform="translate(-952.142 -1284.392)" fill="#163560" fill-rule="evenodd"/>
+        <path id="Path_8726" data-name="Path 8726" d="M943,1644.391s.077.292.814.246c0,0,.63-.031.615-.369A2.036,2.036,0,0,0,943,1644.391Z" transform="translate(-928.51 -1635.999)" fill="#fff" fill-rule="evenodd"/>
+        <path id="Path_8727" data-name="Path 8727" d="M722,3095.709a8.448,8.448,0,0,0,1.951-.214c.845-.246,1.905.384,1.967.953.077.629-1.229.184-2.259.859-.461.324-1.367-.352-1.367-.352Z" transform="translate(-710.906 -3064.949)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8728" data-name="Path 8728" d="M792,3072.976s.83-.644.968-.552c.215.153-.323.552-.323.552Z" transform="translate(-779.83 -3042.276)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_8729" data-name="Path 8729" d="M579.618,1875.9c-.031-.122-2.09-12.614-4.225-17.792a.207.207,0,0,1,.107-.245h0a.4.4,0,0,1,.522.215,70.841,70.841,0,0,1,2.843,10.632c.8,3.826,1.321,7.068,1.321,7.1Z" transform="translate(-566.541 -1846.351)" fill="#0c2442" fill-rule="evenodd"/>
+        <path id="Path_8730" data-name="Path 8730" d="M151.288,1952s-4.671,7.083-3.6,13.658c.43,2.628,8.635,6.085,8.635,6.085s.353-.047.415-.923a1.253,1.253,0,0,0-.261-.983s-4.916-4.348-4.9-5.639c0-.415,3.15-8.711,3.15-8.711Z" transform="translate(-145.264 -1939.076)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8750" data-name="Path 8750" d="M1199.964,2301c-1.352-.307-2.935-1.706-3.964-2.75a26.884,26.884,0,0,0,.384-3.457C1196.307,2294.149,1197.905,2299.942,1199.964,2301Z" transform="translate(-1177.623 -2276.554)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_8751" data-name="Path 8751" d="M1751,2178.05a14.69,14.69,0,0,0,1.444-1.214c.185-.246.169.262,0,.6a3.686,3.686,0,0,0-.507,1.382c-.031.63-.738.446-.738.446Z" transform="translate(-1724.096 -2160.394)" fill="#ffb27d" fill-rule="evenodd"/>
+      </g>
+      <path id="Path_8700" data-name="Path 8700" d="M2436.769,5327l-2.014,10.871a.73.73,0,0,0,.739.839h0a1.383,1.383,0,0,0,1.341-.905l4.564-10.8Z" transform="translate(-2369.666 -5100.446)" fill="#77a4e5" fill-rule="evenodd"/>
+      <path id="Path_8701" data-name="Path 8701" d="M5536.661,5327l1.979,10.871a.7.7,0,0,1-.7.839h0a1.47,1.47,0,0,1-1.38-.905L5532,5327Z" transform="translate(-5394.001 -5100.446)" fill="#77a4e5" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/map_icon.svg b/src/assets/performics/map_icon.svg
new file mode 100644
index 0000000..81e1766
--- /dev/null
+++ b/src/assets/performics/map_icon.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <g id="Group_16336" data-name="Group 16336" transform="translate(-317 -87)">
+    <rect id="Rectangle_17334" data-name="Rectangle 17334" width="30" height="30" rx="15" transform="translate(317 87)" fill="#f7f8f8"/>
+    <g id="Layer_x0020_1" transform="translate(325.951 93)">
+      <g id="_1404243710144" transform="translate(0.009 0)">
+        <path id="Path_10007" data-name="Path 10007" d="M102.41,67.356a3.075,3.075,0,0,1-.346.98,3.372,3.372,0,0,1-2.316,1.682l-.579.593-.03.057.007,8.4c.787,0,.385-.785.9-1.806a8.009,8.009,0,0,1,1.085-1.624c.069-.088.086-.1.154-.181s.073-.1.15-.183l.312-.356c.114-.141.2-.216.307-.361l.965-1.113a11.955,11.955,0,0,0,2.478-4.313,8.344,8.344,0,0,0,.218-3.648,4.344,4.344,0,0,0-.129-.539l-.172-.539c-.187.1-1.264,1.238-1.5,1.474s-1.312,1.371-1.5,1.474Z" transform="translate(-92.465 -60.073)" fill="#00a66c" fill-rule="evenodd"/>
+        <path id="Path_10008" data-name="Path 10008" d="M29.22,1.983l2.356,2.359a2.858,2.858,0,0,1,.749-.57,3,3,0,0,1,1.011-.358,1.131,1.131,0,0,1,.279-.318,1.429,1.429,0,0,1,.319-.288V3.34a4.579,4.579,0,0,1,.779.111,2.915,2.915,0,0,1,.68.248A3.293,3.293,0,0,1,37.2,7.283c.193-.1,1.258-1.226,1.5-1.474s1.314-1.373,1.5-1.474l-.3-.662A6.786,6.786,0,0,0,36.255.408c-.057.123-2.069,2.124-2.32,2.351V0a6.473,6.473,0,0,0-2.762.581,5.935,5.935,0,0,0-1.954,1.4Z" transform="translate(-27.253 0)" fill="#4086f3" fill-rule="evenodd"/>
+        <path id="Path_10009" data-name="Path 10009" d="M4.961,93.274a13.234,13.234,0,0,0,.875,2.01l.375.627a16.984,16.984,0,0,0,1.735,2.214c.1-.173,3.2-3.275,3.356-3.358l.03-.057a2.012,2.012,0,0,1-.024-.518A3.347,3.347,0,0,1,8.04,90.25a2.72,2.72,0,0,0-.4.388L6.5,91.766c-.331.308-1.3,1.372-1.545,1.508Z" transform="translate(-4.627 -84.173)" fill="#ffd92d" fill-rule="evenodd"/>
+        <path id="Path_10010" data-name="Path 10010" d="M.343,36.568c.24-.136,1.214-1.2,1.545-1.508l1.137-1.127a2.755,2.755,0,0,1,.4-.389,2.739,2.739,0,0,1,.334-.957,2.8,2.8,0,0,1,.575-.779L1.977,29.45c-.054.021-.007-.006-.063.035l-.225.217c-.069.074-.069.091-.132.165A6.642,6.642,0,0,0,.227,32.4a7.35,7.35,0,0,0-.218,2.12,9.345,9.345,0,0,0,.335,2.05Z" transform="translate(-0.009 -27.467)" fill="#ef3800" fill-rule="evenodd"/>
+        <path id="Path_10011" data-name="Path 10011" d="M49.291,160.718l.472.551c.16.2.315.362.485.553l.235.284a5.506,5.506,0,0,1,1.611,3.139.516.516,0,0,0,.56.519l-.007-8.4c-.152.083-3.257,3.185-3.356,3.358Z" transform="translate(-45.972 -146.765)" fill="#59c36a" fill-rule="evenodd"/>
+        <path id="Path_10012" data-name="Path 10012" d="M101.58.408A6.089,6.089,0,0,0,99.26,0V2.759c.25-.227,2.262-2.228,2.32-2.351Z" transform="translate(-92.577 0)" fill="#4175de" fill-rule="evenodd"/>
+        <path id="Path_10013" data-name="Path 10013" d="M90.33,42.307a3.928,3.928,0,0,1,.6-.075V41.7a1.429,1.429,0,0,0-.319.287,1.131,1.131,0,0,0-.279.318Z" transform="translate(-84.249 -38.892)" fill="#80aef7" fill-rule="evenodd"/>
+        <path id="Path_10014" data-name="Path 10014" d="M99.172,147.784a1.983,1.983,0,0,0,.024.518l.579-.593a1.373,1.373,0,0,1-.306.038c-.165.009-.139.032-.3.036Z" transform="translate(-92.492 -137.765)" fill="#fdbf00" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/merchandised.svg b/src/assets/performics/merchandised.svg
new file mode 100644
index 0000000..8bc8b66
--- /dev/null
+++ b/src/assets/performics/merchandised.svg
@@ -0,0 +1,235 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="79" height="82.657" viewBox="0 0 79 82.657">
+  <g id="Group_17185" data-name="Group 17185" transform="translate(-319 -631.343)">
+    <g id="Group_11008" data-name="Group 11008" transform="translate(0 203)">
+      <ellipse id="Ellipse_14" data-name="Ellipse 14" cx="34.5" cy="34" rx="34.5" ry="34" transform="translate(322 439)" fill="#8cdccc"/>
+      <circle id="Ellipse_17" data-name="Ellipse 17" cx="7" cy="7" r="7" transform="translate(319 497)" fill="#8cdccc"/>
+      <circle id="Ellipse_15" data-name="Ellipse 15" cx="3.5" cy="3.5" r="3.5" transform="translate(376 434)" fill="#8cdccc"/>
+      <circle id="Ellipse_16" data-name="Ellipse 16" cx="7" cy="7" r="7" transform="translate(384 439)" fill="#8cdccc"/>
+    </g>
+    <g id="Group_16331" data-name="Group 16331" transform="translate(0 174)">
+      <g id="Layer_x0020_1" transform="translate(308.255 459.508)">
+        <g id="_118514128" transform="translate(13.515 0.034)">
+          <g id="Group_14130" data-name="Group 14130" transform="translate(0 39.36)">
+            <g id="Group_14129" data-name="Group 14129">
+              <g id="Group_14123" data-name="Group 14123" transform="translate(0 10.68)">
+                <path id="Path_9943" data-name="Path 9943" d="M74,328v1.221H56l2.9-.915.61-.305Z" transform="translate(-56 -328)" fill="#de7625"/>
+                <g id="Group_14121" data-name="Group 14121" transform="translate(0 1.221)">
+                  <path id="Path_9944" data-name="Path 9944" d="M71.715,351.105H56V336H71.715Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                  <g id="Group_14120" data-name="Group 14120" transform="translate(0.61 11.596)">
+                    <g id="Group_14119" data-name="Group 14119">
+                      <path id="Path_9945" data-name="Path 9945" d="M66.713,419.915H60V419h6.713Z" transform="translate(-60 -417.932)" fill="#de7625"/>
+                      <path id="Path_9946" data-name="Path 9946" d="M64.425,412.763H60V412h4.425Z" transform="translate(-60 -412)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9947" data-name="Path 9947" d="M137.441,344.221a1.232,1.232,0,0,1-2.441,0,1.221,1.221,0,0,1,2.441,0Z" transform="translate(-122.946 -341.932)" fill="#de7625"/>
+                  <path id="Path_9948" data-name="Path 9948" d="M56,351.105h.61V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14122" data-name="Group 14122" transform="translate(15.715)">
+                  <path id="Path_9949" data-name="Path 9949" d="M161.289,328v14.953L159,344.326V329.221l.61-.305Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                  <path id="Path_9950" data-name="Path 9950" d="M161.289,345.138v2.9L159,349.41V334.305l.61-.305a51.7,51.7,0,0,0,.305,6.866,12.234,12.234,0,0,0,.763,3.2A3.823,3.823,0,0,0,161.289,345.138Z" transform="translate(-159 -333.085)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9951" data-name="Path 9951" d="M90.105,328v.305a68.443,68.443,0,0,1-15.105,0l.61-.305Z" transform="translate(-72.101 -328)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+              <g id="Group_14128" data-name="Group 14128" transform="translate(2.289)">
+                <path id="Path_9952" data-name="Path 9952" d="M84.427,258v.915H71l2.136-.763.61-.153Z" transform="translate(-71 -258)" fill="#de7625"/>
+                <g id="Group_14126" data-name="Group 14126" transform="translate(0 0.915)">
+                  <path id="Path_9953" data-name="Path 9953" d="M82.6,274.986H71V264H82.6Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                  <g id="Group_14125" data-name="Group 14125" transform="translate(0.61 8.544)">
+                    <g id="Group_14124" data-name="Group 14124">
+                      <path id="Path_9954" data-name="Path 9954" d="M79.882,325.763H75V325h4.882Z" transform="translate(-75 -324.237)" fill="#de7625"/>
+                      <path id="Path_9955" data-name="Path 9955" d="M78.2,320.458H75V320h3.2Z" transform="translate(-75 -320)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9956" data-name="Path 9956" d="M131.678,269.763c0,.61-.305.915-.763.915a.809.809,0,0,1-.915-.915c0-.458.305-.763.915-.763A.721.721,0,0,1,131.678,269.763Z" transform="translate(-120.998 -268.237)" fill="#de7625"/>
+                  <path id="Path_9957" data-name="Path 9957" d="M71,274.986h.61V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14127" data-name="Group 14127" transform="translate(11.596)">
+                  <path id="Path_9958" data-name="Path 9958" d="M148.831,258v10.985L147,269.9V258.915l.458-.305Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                  <path id="Path_9959" data-name="Path 9959" d="M148.831,270.239v2.136l-1.831.915V262.305l.458-.305a27.9,27.9,0,0,0,.305,5.035,6.326,6.326,0,0,0,.458,2.441A1.523,1.523,0,0,0,148.831,270.239Z" transform="translate(-147 -261.39)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9960" data-name="Path 9960" d="M96.291,258v.153a44.693,44.693,0,0,1-11.291,0l.61-.153Z" transform="translate(-82.864 -258)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_14173" data-name="Group 14173" transform="translate(19.92 0)">
+            <g id="Group_14172" data-name="Group 14172" transform="translate(0)">
+              <g id="Group_14136" data-name="Group 14136" transform="translate(0.983 24.407)">
+                <g id="Group_14133" data-name="Group 14133" transform="translate(5.035)">
+                  <g id="Group_14131" data-name="Group 14131">
+                    <path id="Path_9962" data-name="Path 9962" d="M238.206,199.67h-4.272L226,176.326l.305-14.8L231.34,160l1.678,9.917Z" transform="translate(-226 -160)" fill="#131d3d"/>
+                    <path id="Path_9963" data-name="Path 9963" d="M235,199.67h-1.068L226,176.326l.305-14.8L231.34,160l1.678,9.917a30.445,30.445,0,0,0-.915,20.14Z" transform="translate(-226 -160)" fill="rgba(19,29,61,0.5)"/>
+                  </g>
+                  <g id="Group_14132" data-name="Group 14132" transform="translate(8.036 39.67)">
+                    <path id="Path_9964" data-name="Path 9964" d="M278.87,420.305a2.836,2.836,0,0,0,0,2.136h6.713s.305-.458,0-.61c-.153-.305-2.441-.305-3.357-1.831H278.87Z" transform="translate(-278.667 -420)" fill="#1e7dbd"/>
+                    <path id="Path_9965" data-name="Path 9965" d="M286.018,435.153H279V435h7.018Z" transform="translate(-278.949 -432.711)" fill="#1e7dbd"/>
+                  </g>
+                </g>
+                <g id="Group_14135" data-name="Group 14135">
+                  <path id="Path_9966" data-name="Path 9966" d="M194.221,160.305a14.34,14.34,0,0,0-.153,5.035l.153,16.631L193,199.67h3.967l5.34-34.177L203.375,160Z" transform="translate(-193 -160)" fill="#22325e"/>
+                  <g id="Group_14134" data-name="Group 14134" transform="translate(0.102 39.67)">
+                    <path id="Path_9967" data-name="Path 9967" d="M193.87,420.305a2.836,2.836,0,0,0,0,2.136h6.713s.305-.458,0-.61c-.153-.305-2.441-.305-3.357-1.831H193.87Z" transform="translate(-193.667 -420)" fill="#1e7dbd"/>
+                    <path id="Path_9968" data-name="Path 9968" d="M201.866,435.153H195V435h6.866Z" transform="translate(-194.797 -432.711)" fill="#1e7dbd"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_14153" data-name="Group 14153" transform="translate(0 5.488)">
+                <g id="Group_14140" data-name="Group 14140" transform="translate(2.051)">
+                  <g id="Group_14137" data-name="Group 14137" transform="translate(3.662)">
+                    <path id="Path_9969" data-name="Path 9969" d="M225.221,41.493a5.6,5.6,0,0,0,2.594,1.526.943.943,0,0,0,1.068-.305c0-.153.153-.153.153-.305a2.106,2.106,0,0,1-.458-.61,5.541,5.541,0,0,0-1.221-1.373V36h-2.594v4.12H224A9.869,9.869,0,0,0,225.221,41.493Z" transform="translate(-224 -36)" fill="#ffb17c"/>
+                    <path id="Path_9970" data-name="Path 9970" d="M234.984,50.763v.61h-.305a2.336,2.336,0,0,1-1.068-.763A1.191,1.191,0,0,1,233,50a8.758,8.758,0,0,0,1.068.61A2.268,2.268,0,0,0,234.984,50.763Z" transform="translate(-231.627 -47.864)" fill="#fe884f"/>
+                  </g>
+                  <g id="Group_14139" data-name="Group 14139" transform="translate(0 2.899)">
+                    <path id="Path_9971" data-name="Path 9971" d="M209.765,75.186c-.153,1.678-.305,2.9-.305,2.9s-.915.153-2.289.305h-.153A18.5,18.5,0,0,1,200,78.085l1.221-5.188.458-3.814.61-5.951a4.545,4.545,0,0,1,2.136-.305s1.983,1.678,2.594,1.526h0l.153-.153c.153-.153,0-.61,0-.763a.473.473,0,0,1-.153-.305h.153a2.2,2.2,0,0,1,.458.305c.153.153,1.983,2.746,2.441,3.509C210.223,67.252,209.917,71.982,209.765,75.186Z" transform="translate(-200 -61.606)" fill="#ff4644"/>
+                    <path id="Path_9972" data-name="Path 9972" d="M227.623,56.221s-.153-1.221,0-1.221a9.137,9.137,0,0,1,2.441,1.221,8.781,8.781,0,0,1,.305,1.526S229.759,58.2,227.623,56.221Z" transform="translate(-223.351 -55)" fill="#ff814a"/>
+                    <path id="Path_9973" data-name="Path 9973" d="M246,61.136V59a4.9,4.9,0,0,1,.763.458c.153.153.153,1.068.153,1.068S246.763,60.983,246,61.136Z" transform="translate(-238.981 -58.39)" fill="#ff814a"/>
+                    <g id="Group_14138" data-name="Group 14138" transform="translate(7.019 2.594)">
+                      <path id="Path_9974" data-name="Path 9974" d="M246.153,86.19H246c.61-3.357.153-11.138,0-14.037h0l.153-.153C246.305,74.9,246.763,82.68,246.153,86.19Z" transform="translate(-246 -72)" fill="#ff814a"/>
+                    </g>
+                    <path id="Path_9975" data-name="Path 9975" d="M209.765,108.408c-.153,1.678-.305,2.9-.305,2.9s-.915.153-2.289.305h-.153a18.5,18.5,0,0,1-7.019-.305l1.221-5.188.458-3.814A5.42,5.42,0,0,1,203.2,102a6.751,6.751,0,0,0,2.746,5.035A6.826,6.826,0,0,0,209.765,108.408Z" transform="translate(-200 -94.829)" fill="rgba(158,17,17,0.5)"/>
+                  </g>
+                </g>
+                <g id="Group_14152" data-name="Group 14152" transform="translate(0 4.242)">
+                  <g id="Group_14145" data-name="Group 14145" transform="translate(8.765 9.49)">
+                    <path id="Path_9976" data-name="Path 9976" d="M257.427,126v.915H244l2.289-.763.458-.153Z" transform="translate(-244 -126)" fill="#de7625"/>
+                    <g id="Group_14143" data-name="Group 14143" transform="translate(0 0.915)">
+                      <path id="Path_9977" data-name="Path 9977" d="M255.6,142.986H244V132h11.6Z" transform="translate(-244 -132)" fill="#ffae3e"/>
+                      <g id="Group_14142" data-name="Group 14142" transform="translate(0.61 8.544)">
+                        <g id="Group_14141" data-name="Group 14141">
+                          <path id="Path_9978" data-name="Path 9978" d="M252.882,193.61H248V193h4.882Z" transform="translate(-248 -192.237)" fill="#de7625"/>
+                          <path id="Path_9979" data-name="Path 9979" d="M251.2,188.458H248V188h3.2Z" transform="translate(-248 -188)" fill="#de7625"/>
+                        </g>
+                      </g>
+                      <path id="Path_9980" data-name="Path 9980" d="M304.831,136.915a.915.915,0,1,1-.915-.915A.984.984,0,0,1,304.831,136.915Z" transform="translate(-293.998 -135.39)" fill="#de7625"/>
+                      <path id="Path_9981" data-name="Path 9981" d="M244,142.986h.61V132H244Z" transform="translate(-244 -132)" fill="rgba(255,174,62,0.5)"/>
+                    </g>
+                    <g id="Group_14144" data-name="Group 14144" transform="translate(11.596)">
+                      <path id="Path_9982" data-name="Path 9982" d="M321.831,126v10.986L320,137.9V126.915l.61-.305Z" transform="translate(-320 -126)" fill="#fc8d2f"/>
+                      <path id="Path_9983" data-name="Path 9983" d="M321.831,138.239v2.136l-1.831.915V130.305l.61-.305a27.786,27.786,0,0,0,.153,5.035,10.13,10.13,0,0,0,.458,2.289C321.373,137.629,321.678,137.934,321.831,138.239Z" transform="translate(-320 -129.39)" fill="rgba(252,141,47,0.5)"/>
+                    </g>
+                    <path id="Path_9984" data-name="Path 9984" d="M270.138,126v.153a43.257,43.257,0,0,1-11.138,0l.458-.153Z" transform="translate(-256.711 -126)" fill="rgba(222,118,37,0.5)"/>
+                  </g>
+                  <g id="Group_14151" data-name="Group 14151">
+                    <path id="Path_9985" data-name="Path 9985" d="M234.12,180.9s.915.153.915,0c.153-.153-.763-.458-.763-.458l-.763-.458A22.813,22.813,0,0,1,231.831,178c0,.153,0,.153-.153.153a8.466,8.466,0,0,1-1.221.915l-.458.458c.61.61,1.373,1.221,1.984,1.831l.915.915c.153.153.61,0,.61,0,.153.153.61,0,.61,0a.668.668,0,0,0,.458-.153,1.19,1.19,0,0,0,1.068-.153h-.458Z" transform="translate(-223.371 -160.576)" fill="#ffb17c"/>
+                    <g id="Group_14150" data-name="Group 14150">
+                      <path id="Path_9986" data-name="Path 9986" d="M196.541,82.6l-.305.305-1.373,1.068-.305.305s-7.629-6.713-7.934-7.934a11.217,11.217,0,0,1,0-2.289,40.907,40.907,0,0,1,1.068-4.12,26.4,26.4,0,0,1,2.289-5.34c0-.153,0-.153.153-.153v-.153a2.16,2.16,0,0,1,3.509,1.984v.61l-.305.458v.153l-.305,1.221-1.983,6.713Z" transform="translate(-186.556 -63.801)" fill="#ff4644"/>
+                      <path id="Path_9987" data-name="Path 9987" d="M213.019,103.105l-.305.305-6.408-7.629.458-.305L206,94.256l1.221.458L209.814,88l-.305,1.221-1.983,6.713Z" transform="translate(-203.033 -84.308)" fill="rgba(158,17,17,0.5)"/>
+                      <path id="Path_9988" data-name="Path 9988" d="M194.863,88.377l-.305.305s-7.629-6.713-7.934-7.934a11.217,11.217,0,0,1,0-2.289,40.907,40.907,0,0,1,1.068-4.12A26.4,26.4,0,0,1,189.98,69c-.61,1.983-3.357,10.68-3.052,11.6S193.642,87.309,194.863,88.377Z" transform="translate(-186.556 -68.207)" fill="rgba(255,122,64,0.5)"/>
+                      <g id="Group_14149" data-name="Group 14149" transform="translate(4.035 3.54)">
+                        <g id="Group_14148" data-name="Group 14148">
+                          <g id="Group_14146" data-name="Group 14146" transform="translate(0 7.629)">
+                            <path id="Path_9989" data-name="Path 9989" d="M216.509,141.425c-.305-.305-.61-.763-.915-1.068s-.61-.763-.915-1.068c-.305-.458-.61-.763-.915-1.221l-.458-.61c0-.153-.153-.305-.305-.458l.458.458.458.61c.305.305.61.763.915,1.068a8.464,8.464,0,0,1,.915,1.221C216.051,140.662,216.2,141.12,216.509,141.425Z" transform="translate(-213 -137)" fill="#a91111"/>
+                          </g>
+                          <g id="Group_14147" data-name="Group 14147" transform="translate(0.458)">
+                            <path id="Path_9990" data-name="Path 9990" d="M218.289,87c-.153.763-.305,1.373-.458,2.136a9.865,9.865,0,0,1-.61,1.983,9.87,9.87,0,0,1-.61,1.984l-.305,1.068a2.168,2.168,0,0,1-.305.915,9.717,9.717,0,0,0,.305-1.068l.153-.915a14.179,14.179,0,0,0,.61-1.984c.153-.763.458-1.373.61-2.136C217.831,88.373,218.136,87.763,218.289,87Z" transform="translate(-216 -87)" fill="#a91111"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_14171" data-name="Group 14171" transform="translate(5.251)">
+                <g id="Group_14169" data-name="Group 14169" transform="translate(0.145 0.575)">
+                  <g id="Group_14168" data-name="Group 14168">
+                    <path id="Path_9991" data-name="Path 9991" d="M228.8,8.411a.793.793,0,0,0-.305-.61c-.153-.153-.153-.305-.305-.458a7.265,7.265,0,0,0-.61-2.746c-.153-.458-1.678-.915-3.052-.763-1.373.305-2.594,1.221-2.594,1.831a7.852,7.852,0,0,0,.61,3.357,16.642,16.642,0,0,0,.915,1.678,3.828,3.828,0,0,0,1.221.763,2.835,2.835,0,0,0,1.221,0h.153a1.89,1.89,0,0,0,1.221-.61,3.192,3.192,0,0,0,.61-.915,2.205,2.205,0,0,0,.305-1.068.917.917,0,0,0,.61-.153Z" transform="translate(-221.918 -3.804)" fill="#ffb17c"/>
+                    <g id="Group_14167" data-name="Group 14167" transform="translate(1.538 2.624)">
+                      <g id="Group_14166" data-name="Group 14166">
+                        <g id="Group_14156" data-name="Group 14156" transform="translate(0 1.068)">
+                          <g id="Group_14154" data-name="Group 14154">
+                            <path id="Path_9992" data-name="Path 9992" d="M232.153,28.763A.149.149,0,0,1,232,28.61v-.305a.328.328,0,0,1,.305-.305.473.473,0,0,1,.305.153c.153.153.305.305.305.458v.61c0-.305,0-.458-.153-.61a.328.328,0,0,0-.305-.305c-.153-.153-.305-.153-.305,0-.153,0-.153.153-.153.305A.149.149,0,0,0,232.153,28.763Z" transform="translate(-232 -28)" fill="#fe884f"/>
+                          </g>
+                          <g id="Group_14155" data-name="Group 14155" transform="translate(0.305 0.39)">
+                            <path id="Path_9993" data-name="Path 9993" d="M234.305,31.386a.149.149,0,0,1-.153-.153.473.473,0,0,1-.153-.305.533.533,0,0,1,.153-.305c.153,0,.153-.153.305,0-.153,0-.153,0-.153.153-.153,0-.153,0-.153.153A.561.561,0,0,0,234.305,31.386Z" transform="translate(-234 -30.556)" fill="#fe884f"/>
+                          </g>
+                        </g>
+                        <g id="Group_14159" data-name="Group 14159" transform="translate(3.357 2.441)">
+                          <g id="Group_14157" data-name="Group 14157" transform="translate(0.305 0.458)">
+                            <path id="Path_9994" data-name="Path 9994" d="M256,40c0,.153,0,.153.153.153a.149.149,0,0,1,.153.153.149.149,0,0,1-.153-.153C256,40.153,256,40.153,256,40Z" transform="translate(-256 -40)" fill="#fe884f"/>
+                          </g>
+                          <g id="Group_14158" data-name="Group 14158">
+                            <path id="Path_9995" data-name="Path 9995" d="M254,37a1.156,1.156,0,0,0,.61.305c0,.153.153.153.305.153a.473.473,0,0,1,.305.153h-.305c-.153,0-.305-.153-.458-.153a.533.533,0,0,1-.153-.305C254.153,37.153,254.153,37,254,37Z" transform="translate(-254 -37)" fill="#fe884f"/>
+                          </g>
+                        </g>
+                        <g id="Group_14161" data-name="Group 14161" transform="translate(4.12 2.289)">
+                          <g id="Group_14160" data-name="Group 14160">
+                            <path id="Path_9996" data-name="Path 9996" d="M259,36h.153v.153H259Z" transform="translate(-259 -36)" fill="#fe884f"/>
+                          </g>
+                        </g>
+                        <g id="Group_14163" data-name="Group 14163" transform="translate(3.509 0.915)">
+                          <g id="Group_14162" data-name="Group 14162">
+                            <path id="Path_9997" data-name="Path 9997" d="M255.458,27.458a.328.328,0,0,1-.305.305c-.153,0-.153-.153-.153-.305,0-.305,0-.458.153-.458S255.458,27.153,255.458,27.458Z" transform="translate(-255 -27)" fill="#6a2509"/>
+                          </g>
+                        </g>
+                        <g id="Group_14165" data-name="Group 14165" transform="translate(2.746)">
+                          <g id="Group_14164" data-name="Group 14164">
+                            <path id="Path_9998" data-name="Path 9998" d="M251.373,21.305h-.915c-.153.153-.153.153-.305.153H250c.153-.153.305-.153.305-.305.153,0,.305,0,.305-.153h.763a.153.153,0,0,1,0,.305Z" transform="translate(-250 -21)" fill="#6a2509"/>
+                            <path id="Path_9999" data-name="Path 9999" d="M258.776,21v.153a.149.149,0,0,1-.153.153h0c-.153-.153,0-.153,0-.153h.153V21Z" transform="translate(-257.25 -21)" fill="#6a2509"/>
+                          </g>
+                        </g>
+                      </g>
+                      <path id="Path_10000" data-name="Path 10000" d="M240.441,36.221a1.2,1.2,0,0,1-1.221,1.221A1.123,1.123,0,0,1,238,36.221,1.2,1.2,0,0,1,239.221,35,1.313,1.313,0,0,1,240.441,36.221Z" transform="translate(-237.085 -32.864)" fill="#fda96d"/>
+                    </g>
+                  </g>
+                  <path id="Path_10001" data-name="Path 10001" d="M225.992,6.136a3.091,3.091,0,0,1-.61,2.289.967.967,0,0,0-.763-.915.561.561,0,0,0-.458.153c-.305.153-.305.305-.305.61a1.563,1.563,0,0,0,.763.915c0,.305-.153.458-.305.763-.153.153-.305.458-.458.458a3.917,3.917,0,0,1-1.068-2.746c0-.61-.153-1.221.153-1.678a2.117,2.117,0,0,1,1.068-1.221A4.772,4.772,0,0,1,225.535,4h.458a.561.561,0,0,1,.458.153.917.917,0,0,1,.153.61A1.232,1.232,0,0,1,225.992,6.136Z" transform="translate(-222.623 -3.97)" fill="#6a2509"/>
+                </g>
+                <g id="Group_14170" data-name="Group 14170">
+                  <path id="Path_10002" data-name="Path 10002" d="M232.623.749a.211.211,0,0,1,0-.305c.153-.153.61-.153.458.153Z" transform="translate(-230.788 -0.296)" fill="#ff814a"/>
+                  <path id="Path_10003" data-name="Path 10003" d="M221.28,4.824a3.3,3.3,0,0,1,.763-3.814c1.831-1.526,4.577-1.068,5.188,1.068l-1.984,1.068Z" transform="translate(-220.97 -0.1)" fill="#ff4644"/>
+                  <path id="Path_10004" data-name="Path 10004" d="M235,.334s2.136,1.068,1.983,2.746l2.594-1.068A3.423,3.423,0,0,0,235,.334Z" transform="translate(-232.859 -0.034)" fill="#e32625"/>
+                  <path id="Path_10005" data-name="Path 10005" d="M221,23.153a.533.533,0,0,1,.305-.153c.153.153.305.153.305.305v.305l-.458.153A1.578,1.578,0,0,1,221,23.153Z" transform="translate(-220.995 -19.496)" fill="#6a2509"/>
+                  <path id="Path_10006" data-name="Path 10006" d="M236.458,11.1s3.662-1.526,3.662-1.983c0,0,1.831-.763,2.441,0S236,11.253,236,11.253Z" transform="translate(-233.707 -7.444)" fill="#ff814a"/>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(351.246 395.052)">
+        <g id="_118514128-2" data-name="_118514128" transform="translate(0 0.034)">
+          <g id="Group_14130-2" data-name="Group 14130" transform="translate(0 62.257)">
+            <g id="Group_14129-2" data-name="Group 14129" transform="translate(13.515)">
+              <g id="Group_14123-2" data-name="Group 14123" transform="translate(0 16.894)">
+                <path id="Path_9943-2" data-name="Path 9943" d="M84.478,328v1.931H56l4.585-1.448.965-.483Z" transform="translate(-56 -328)" fill="#de7625"/>
+                <g id="Group_14121-2" data-name="Group 14121" transform="translate(0 1.931)">
+                  <path id="Path_9944-2" data-name="Path 9944" d="M80.858,359.893H56V336H80.858Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                  <g id="Group_14120-2" data-name="Group 14120" transform="translate(0.965 18.342)">
+                    <g id="Group_14119-2" data-name="Group 14119">
+                      <path id="Path_9945-2" data-name="Path 9945" d="M70.619,420.448H60V419H70.619Z" transform="translate(-60 -417.311)" fill="#de7625"/>
+                      <path id="Path_9946-2" data-name="Path 9946" d="M67,413.207H60V412h7Z" transform="translate(-60 -412)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9947-2" data-name="Path 9947" d="M138.861,344.931a1.948,1.948,0,0,1-3.861,0,1.931,1.931,0,0,1,3.861,0Z" transform="translate(-115.934 -341.311)" fill="#de7625"/>
+                  <path id="Path_9948-2" data-name="Path 9948" d="M56,359.893h.965V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14122-2" data-name="Group 14122" transform="translate(24.858)">
+                  <path id="Path_9949-2" data-name="Path 9949" d="M162.62,328v23.651L159,353.823V329.931l.965-.483Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                  <path id="Path_9950-2" data-name="Path 9950" d="M162.62,351.618V356.2L159,358.375V334.483l.965-.483a81.785,81.785,0,0,0,.483,10.86,19.352,19.352,0,0,0,1.207,5.068A6.049,6.049,0,0,0,162.62,351.618Z" transform="translate(-159 -332.552)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9951-2" data-name="Path 9951" d="M98.893,328v.483a108.268,108.268,0,0,1-23.893,0l.965-.483Z" transform="translate(-70.415 -328)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+              <g id="Group_14128-2" data-name="Group 14128" transform="translate(3.62)">
+                <path id="Path_9952-2" data-name="Path 9952" d="M92.238,258v1.448H71l3.379-1.207.965-.241Z" transform="translate(-71 -258)" fill="#de7625"/>
+                <g id="Group_14126-2" data-name="Group 14126" transform="translate(0 1.448)">
+                  <path id="Path_9953-2" data-name="Path 9953" d="M89.342,281.376H71V264H89.342Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                  <g id="Group_14125-2" data-name="Group 14125" transform="translate(0.965 13.515)">
+                    <g id="Group_14124-2" data-name="Group 14124">
+                      <path id="Path_9954-2" data-name="Path 9954" d="M82.723,326.207H75V325h7.723Z" transform="translate(-75 -323.793)" fill="#de7625"/>
+                      <path id="Path_9955-2" data-name="Path 9955" d="M80.068,320.724H75V320h5.068Z" transform="translate(-75 -320)" fill="#de7625"/>
+                    </g>
+                  </g>
+                  <path id="Path_9956-2" data-name="Path 9956" d="M132.655,270.207c0,.965-.483,1.448-1.207,1.448A1.28,1.28,0,0,1,130,270.207c0-.724.483-1.207,1.448-1.207A1.14,1.14,0,0,1,132.655,270.207Z" transform="translate(-115.761 -267.793)" fill="#de7625"/>
+                  <path id="Path_9957-2" data-name="Path 9957" d="M71,281.376h.965V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+                </g>
+                <g id="Group_14127-2" data-name="Group 14127" transform="translate(18.342)">
+                  <path id="Path_9958-2" data-name="Path 9958" d="M149.9,258v17.376l-2.9,1.448V259.448l.724-.483Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                  <path id="Path_9959-2" data-name="Path 9959" d="M149.9,275.032v3.379l-2.9,1.448V262.483l.724-.483a44.134,44.134,0,0,0,.483,7.964,10,10,0,0,0,.724,3.861A2.409,2.409,0,0,0,149.9,275.032Z" transform="translate(-147 -261.035)" fill="rgba(252,141,47,0.5)"/>
+                </g>
+                <path id="Path_9960-2" data-name="Path 9960" d="M102.859,258v.241a70.7,70.7,0,0,1-17.859,0l.965-.241Z" transform="translate(-81.621 -258)" fill="rgba(222,118,37,0.5)"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/message_icon.svg b/src/assets/performics/message_icon.svg
new file mode 100644
index 0000000..2a3d688
--- /dev/null
+++ b/src/assets/performics/message_icon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14.625" viewBox="0 0 18 14.625">
+  <g id="briefcase" transform="translate(0 -2.25)">
+    <path id="Path_1" data-name="Path 1" d="M0,21.34a1.683,1.683,0,0,0,1.688,1.679H16.313A1.683,1.683,0,0,0,18,21.34V14.625H16.875V21.34a.561.561,0,0,1-.562.56H1.687a.561.561,0,0,1-.562-.56V14.625H0Z" transform="translate(0 -6.144)" fill="#323232" fill-rule="evenodd"/>
+    <path id="Path_2" data-name="Path 2" d="M0,6.167A1.683,1.683,0,0,1,1.688,4.488H16.313A1.683,1.683,0,0,1,18,6.167V8.835L9.434,11.107a1.7,1.7,0,0,1-.868,0L0,8.835Zm1.687-.56a.561.561,0,0,0-.562.56V7.976l7.73,2.05a.565.565,0,0,0,.291,0l7.729-2.05V6.167a.561.561,0,0,0-.562-.56ZM5.625,3.929A1.683,1.683,0,0,1,7.313,2.25h3.375a1.683,1.683,0,0,1,1.687,1.679v.56H11.25v-.56a.561.561,0,0,0-.562-.56H7.312a.561.561,0,0,0-.562.56v.56H5.625Z" fill="#323232" fill-rule="evenodd"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/message_outline.svg b/src/assets/performics/message_outline.svg
new file mode 100644
index 0000000..578dfe7
--- /dev/null
+++ b/src/assets/performics/message_outline.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.384" height="20.384" viewBox="0 0 20.384 20.384">
+  <g id="email_black_24dp" transform="translate(0.25 0.25)">
+    <path id="Path_10898" data-name="Path 10898" d="M0,0H19.884V19.884H0Z" fill="none" stroke="#fff" stroke-width="0.5"/>
+    <path id="Path_10899" data-name="Path 10899" d="M18.57,5.657A1.662,1.662,0,0,0,16.913,4H3.657A1.662,1.662,0,0,0,2,5.657V15.6a1.662,1.662,0,0,0,1.657,1.657H16.913A1.662,1.662,0,0,0,18.57,15.6Zm-1.657,0L10.285,9.8,3.657,5.657Zm0,9.942H3.657V7.314l6.628,4.143,6.628-4.143Z" transform="translate(-0.343 -0.686)" fill="#05968F" stroke="#fff" stroke-width="0.5"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/mpin.svg b/src/assets/performics/mpin.svg
new file mode 100644
index 0000000..5eca1e7
--- /dev/null
+++ b/src/assets/performics/mpin.svg
@@ -0,0 +1,374 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="259.767" height="205.752" viewBox="0 0 259.767 205.752">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.022" y1="0.5" x2="0.982" y2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#92CBC8"/>
+      <stop offset="1" stop-color="#05968F"/>
+    </linearGradient>
+    <filter id="Rectangle_17325" x="60.767" y="108.549" width="123" height="58" filterUnits="userSpaceOnUse">
+      <feOffset dy="4" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7" result="blur"/>
+      <feFlood flood-color="#92CBC8" flood-opacity="0.659"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_16326" data-name="Group 16326" transform="translate(-57.233 -213)">
+    <g id="Group_14192" data-name="Group 14192" transform="translate(0 -64)">
+      <path id="Path_2932" data-name="Path 2932" d="M282.015,267.793a42.592,42.592,0,0,1-3.707,7.129,30.675,30.675,0,0,1-2.245,3.088.158.158,0,0,1-.025.027H25l.034-.027c.226-.176,1.552-1.249,3.614-3.088,1.48-1.317,3.336-3.029,5.421-5.089,17.052-16.772,49.808-56.471,22.528-92.839-25.36-33.808,1.945-39.943,19.957-40.659a51.46,51.46,0,0,1,20.3,3.318A180.342,180.342,0,0,0,140.2,149.886c.651.072,1.306.145,1.97.21a189.767,189.767,0,0,0,31.574.574h0c.309-.018.621-.041.935-.063a187.622,187.622,0,0,0,30.883-4.777c.657-.16,1.306-.312,1.952-.463,33.8-7.82,64.958,18.832,57.167,48.952-2.88,11.141-2.148,23.015,7.454,32.622C287.854,242.621,285.95,258.065,282.015,267.793Z" transform="translate(32.233 204.714)" fill="#ebf0f4" opacity="0.47"/>
+      <g id="Layer_x0020_1" transform="translate(81 276.99)">
+        <g id="_1627761470800" transform="translate(0 0.01)">
+          <g id="Group_10392" data-name="Group 10392" transform="translate(1.399 12.551)">
+            <g id="Group_10388" data-name="Group 10388" transform="translate(11.112)">
+              <g id="Group_10379" data-name="Group 10379">
+                <g id="Group_10373" data-name="Group 10373" transform="translate(-3)">
+                  <path id="Path_7255" data-name="Path 7255" d="M297.939,289.521a17.092,17.092,0,0,0-9.33,22.269l10.6,25.876,4.754-1.947-10.6-25.876a11.935,11.935,0,1,1,22.091-9.046l4.754-1.947a17.092,17.092,0,0,0-22.269-9.33Z" transform="translate(-284.336 -288.246)" fill="#92CBC8"/>
+                </g>
+                <g id="Group_10376" data-name="Group 10376" transform="translate(2.499 23.556)">
+                  <g id="Group_10375" data-name="Group 10375">
+                    <g id="Group_10374" data-name="Group 10374">
+                      <path id="Path_7256" data-name="Path 7256" d="M395.117,856.763l-37.5,15.354a2.748,2.748,0,0,1-3.585-1.5l-9.1-22.233a2.748,2.748,0,0,1,1.5-3.585l37.5-15.354a2.748,2.748,0,0,1,3.585,1.5l9.1,22.233A2.748,2.748,0,0,1,395.117,856.763Z" transform="translate(-344.726 -829.237)" fill="#92CBC8"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10378" data-name="Group 10378" transform="translate(23.244 37.693)">
+                  <g id="Group_10377" data-name="Group 10377">
+                    <path id="Path_7257" data-name="Path 7257" d="M828.555,1156.286a3.846,3.846,0,1,0-3.135,5.264l2.179,5.321,1.942-.8-2.179-5.322a3.834,3.834,0,0,0,1.193-4.468Z" transform="translate(-821.148 -1153.897)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10383" data-name="Group 10383" transform="translate(5.723 43.605)">
+                <g id="Group_10382" data-name="Group 10382">
+                  <g id="Group_10381" data-name="Group 10381">
+                    <g id="Group_10380" data-name="Group 10380">
+                      <path id="Path_7258" data-name="Path 7258" d="M427.1,1310.036c-.1.04-2.043-4.484-4.343-10.1s-4.088-10.209-3.99-10.249,2.042,4.483,4.344,10.1,4.087,10.208,3.99,10.248Z" transform="translate(-418.762 -1289.684)" fill="#f9f9f9"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10387" data-name="Group 10387" transform="translate(21.718 37.253)">
+                <g id="Group_10386" data-name="Group 10386">
+                  <g id="Group_10385" data-name="Group 10385">
+                    <g id="Group_10384" data-name="Group 10384">
+                      <path id="Path_7259" data-name="Path 7259" d="M790.567,1153.785a1.189,1.189,0,0,1-.514-.066,4.7,4.7,0,0,1-1.3-.559,5.39,5.39,0,0,1-1.292-8.21,4.7,4.7,0,0,1,1.065-.932c.285-.174.458-.24.469-.221a11.978,11.978,0,0,0-1.325,1.323,5.332,5.332,0,0,0,1.23,7.814,12.023,12.023,0,0,0,1.667.852Z" transform="translate(-786.113 -1143.793)" fill="#f9f9f9"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10389" data-name="Group 10389" transform="translate(5.576 51.238)">
+              <path id="Path_7260" data-name="Path 7260" d="M161.709,1465.651l.23-.671.441.556a2.97,2.97,0,0,0,1.363.964l.671.23-.556.441a2.969,2.969,0,0,0-.964,1.363l-.23.671-.44-.556a2.969,2.969,0,0,0-1.363-.964l-.671-.23.556-.441a2.967,2.967,0,0,0,.964-1.363Z" transform="translate(-160.19 -1464.98)" fill="#92CBC8"/>
+            </g>
+            <g id="Group_10390" data-name="Group 10390" transform="translate(28.661 25.132)">
+              <path id="Path_7261" data-name="Path 7261" d="M691.233,865.819l.134-.389.256.323a1.722,1.722,0,0,0,.792.56l.389.134-.323.256a1.721,1.721,0,0,0-.56.792l-.134.389-.256-.323a1.721,1.721,0,0,0-.792-.56l-.389-.134.323-.256a1.725,1.725,0,0,0,.56-.792Z" transform="translate(-690.35 -865.43)" fill="#92CBC8"/>
+            </g>
+            <g id="Group_10391" data-name="Group 10391" transform="translate(0 27.68)">
+              <path id="Path_7262" data-name="Path 7262" d="M34.682,925.077l.387-1.127.74.934a4.985,4.985,0,0,0,2.29,1.62l1.127.387-.934.74a4.988,4.988,0,0,0-1.62,2.29l-.387,1.127-.74-.934a4.988,4.988,0,0,0-2.29-1.62l-1.126-.387.934-.74a4.99,4.99,0,0,0,1.62-2.29Z" transform="translate(-32.13 -923.95)" fill="#92CBC8"/>
+            </g>
+          </g>
+          <g id="Group_10443" data-name="Group 10443" transform="translate(49.348 0)">
+            <g id="Group_10412" data-name="Group 10412">
+              <g id="Group_10398" data-name="Group 10398">
+                <g id="Group_10397" data-name="Group 10397">
+                  <g id="Group_10394" data-name="Group 10394">
+                    <g id="Group_10393" data-name="Group 10393">
+                      <path id="Path_7263" data-name="Path 7263" d="M1218.34,205.508l-69.819-.041a15.208,15.208,0,0,1-15.2-15.212l.034-175.039A15.209,15.209,0,0,1,1148.572.01l69.82.041a15.209,15.209,0,0,1,15.2,15.212l-.034,175.039a15.209,15.209,0,0,1-15.218,15.206Z" transform="translate(-1133.32 -0.01)" fill="#92CBC8"/>
+                    </g>
+                  </g>
+                  <g id="Group_10396" data-name="Group 10396" transform="translate(4.626 6.191)">
+                    <g id="Group_10395" data-name="Group 10395">
+                      <path id="Path_7264" data-name="Path 7264" d="M1319.941,142.231l-13.537-.008a3.363,3.363,0,0,0-3.287,3.434v2.455a3.362,3.362,0,0,1-3.287,3.434l-26.386-.016a3.366,3.366,0,0,1-3.287-3.438v-2.455a3.366,3.366,0,0,0-3.287-3.438l-4.761,0-11.848-.007a10.652,10.652,0,0,0-10.657,10.649l-.034,170.851a10.651,10.651,0,0,0,10.645,10.654l69.68.04a10.651,10.651,0,0,0,10.657-10.649l.034-170.851a10.652,10.652,0,0,0-10.645-10.654Z" transform="translate(-1239.57 -142.19)" fill="#fff"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10402" data-name="Group 10402" transform="translate(40.988 183.878)">
+                <g id="Group_10399" data-name="Group 10399" transform="translate(0 0.124)">
+                  <path id="Path_7265" data-name="Path 7265" d="M2077.324,4227.116a1.338,1.338,0,1,1-1.349-1.327A1.338,1.338,0,0,1,2077.324,4227.116Z" transform="translate(-2074.649 -4225.789)" fill="#263138"/>
+                </g>
+                <g id="Group_10400" data-name="Group 10400" transform="translate(7.495 0.062)">
+                  <path id="Path_7266" data-name="Path 7266" d="M2249.454,4225.686a1.338,1.338,0,1,1-1.348-1.327,1.338,1.338,0,0,1,1.348,1.327Z" transform="translate(-2246.779 -4224.359)" fill="#263138"/>
+                </g>
+                <g id="Group_10401" data-name="Group 10401" transform="translate(14.99)">
+                  <path id="Path_7267" data-name="Path 7267" d="M2421.575,4224.266a1.338,1.338,0,1,1-1.349-1.327,1.338,1.338,0,0,1,1.349,1.327Z" transform="translate(-2418.899 -4222.939)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10409" data-name="Group 10409" transform="translate(77.54 23.435)">
+                <g id="Group_10404" data-name="Group 10404">
+                  <g id="Group_10403" data-name="Group 10403">
+                    <path id="Path_7268" data-name="Path 7268" d="M2921.954,538.271c0,.041-1.76.088-3.931.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2921.954,538.23,2921.954,538.271Z" transform="translate(-2914.09 -538.223)" fill="#263138"/>
+                  </g>
+                </g>
+                <g id="Group_10406" data-name="Group 10406" transform="translate(0.017 2.012)">
+                  <g id="Group_10405" data-name="Group 10405">
+                    <path id="Path_7269" data-name="Path 7269" d="M2922.334,584.483c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.334,584.442,2922.334,584.483Z" transform="translate(-2914.47 -584.435)" fill="#263138"/>
+                  </g>
+                </g>
+                <g id="Group_10408" data-name="Group 10408" transform="translate(0.033 4.025)">
+                  <g id="Group_10407" data-name="Group 10407">
+                    <path id="Path_7270" data-name="Path 7270" d="M2922.714,630.7c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.714,630.662,2922.714,630.7Z" transform="translate(-2914.85 -630.655)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10411" data-name="Group 10411" transform="translate(13.799 23.231)">
+                <g id="Group_10410" data-name="Group 10410">
+                  <path id="Path_7271" data-name="Path 7271" d="M1450.306,540.11a1.369,1.369,0,0,1,.163-.01l.454-.014,1.681-.037-.042.042c-.006-.371-.012-.778-.019-1.217,0-.226-.019-.441,0-.7a.639.639,0,0,1,.558-.512c.269-.005.51-.017.8,0a.644.644,0,0,1,.544.641c.006.567.013,1.161.02,1.776l-.069-.068,2.118-.021-.072.073c-.007-.853-.015-1.735-.024-2.639q0-.338-.006-.672a.538.538,0,0,0-.086-.277,1.7,1.7,0,0,0-.215-.23l-.926-.913-.894-.881-.433-.428a1.013,1.013,0,0,0-.442-.329.576.576,0,0,0-.493.094c-.13.11-.266.263-.395.389l-.76.767c-.478.5-.975.95-1.338,1.381a1.505,1.505,0,0,0-.107.794q0,.395,0,.747c0,.46,0,.862-.006,1.2,0,.311-.005.565-.007.768,0,.177-.009.276-.009.276s-.008-.084-.013-.256c-.005-.2-.012-.451-.02-.758-.007-.344-.016-.748-.026-1.211,0-.239-.008-.492-.013-.76,0-.135,0-.274-.006-.416a.876.876,0,0,1,.116-.44c.39-.477.859-.9,1.341-1.414l.755-.772c.136-.133.248-.267.408-.4a.712.712,0,0,1,.607-.119,1.131,1.131,0,0,1,.5.362l.435.426.9.879.928.911a1.752,1.752,0,0,1,.235.255.689.689,0,0,1,.11.353q0,.336.006.675c.007.9.014,1.786.021,2.639v.073h-.072l-2.118.014h-.069v-.069c0-.615-.007-1.209-.01-1.776a.518.518,0,0,0-.435-.521c-.246-.013-.531,0-.77,0a.526.526,0,0,0-.463.418c-.02.216,0,.462-.009.678,0,.439,0,.846,0,1.217v.043h-.041l-1.706-.009-.446-.007a.866.866,0,0,1-.147-.007Z" transform="translate(-1450.23 -533.537)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10415" data-name="Group 10415" transform="translate(11.499 81.014)">
+              <g id="Group_10414" data-name="Group 10414">
+                <path id="Path_7280" data-name="Path 7280" d="M1475.642,1860.7c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1475.642,1860.635,1475.642,1860.7Z" transform="translate(-1397.41 -1860.58)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10417" data-name="Group 10417" transform="translate(9.666 153.033)">
+              <g id="Group_10416" data-name="Group 10416">
+                <path id="Path_7281" data-name="Path 7281" d="M1433.542,3514.683c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1433.542,3514.615,1433.542,3514.683Z" transform="translate(-1355.31 -3514.56)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10419" data-name="Group 10419" transform="translate(26.745 158.441)">
+              <g id="Group_10418" data-name="Group 10418">
+                <path id="Path_7282" data-name="Path 7282" d="M1791,3638.873c0,.068-9.729.123-21.728.123s-21.73-.055-21.73-.123,9.727-.123,21.73-.123S1791,3638.805,1791,3638.873Z" transform="translate(-1747.54 -3638.75)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10442" data-name="Group 10442" transform="translate(35.923 32.182)">
+              <g id="Group_10434" data-name="Group 10434">
+                <path id="Path_7298" data-name="Path 7298" d="M1986.755,753.322a14.212,14.212,0,1,1-14.212-14.212A14.212,14.212,0,0,1,1986.755,753.322Z" transform="translate(-1958.33 -739.11)" fill="#92CBC8"/>
+              </g>
+              <g id="Group_10441" data-name="Group 10441" transform="translate(9.519 7.529)">
+                <g id="Group_10435" data-name="Group 10435" transform="translate(1.955)">
+                  <path id="Path_7299" data-name="Path 7299" d="M2222.076,916.109h-.236v-1.327a2.772,2.772,0,1,1,5.545,0v1.081h-.237v-1.081a2.536,2.536,0,1,0-5.072,0Z" transform="translate(-2221.84 -912.01)" fill="#fff"/>
+                </g>
+                <g id="Group_10440" data-name="Group 10440" transform="translate(0 3.982)">
+                  <g id="Group_10436" data-name="Group 10436">
+                    <path id="Path_7300" data-name="Path 7300" d="M2185.157,1012.836h-7.048a1.171,1.171,0,0,1-1.169-1.169v-7.048a1.17,1.17,0,0,1,1.169-1.169h7.048a1.17,1.17,0,0,1,1.169,1.169v7.048A1.17,1.17,0,0,1,2185.157,1012.836Zm-7.048-9.15h0a.933.933,0,0,0-.933.932v7.048a.933.933,0,0,0,.933.933h7.048a.934.934,0,0,0,.933-.933v-7.048a.933.933,0,0,0-.933-.932Z" transform="translate(-2176.94 -1003.45)" fill="#fff"/>
+                  </g>
+                  <g id="Group_10439" data-name="Group 10439" transform="translate(3.621 2.711)">
+                    <g id="Group_10437" data-name="Group 10437">
+                      <path id="Path_7301" data-name="Path 7301" d="M2261.207,1067.933a1.106,1.106,0,1,1,1.107-1.106A1.108,1.108,0,0,1,2261.207,1067.933Zm0-1.976h0a.87.87,0,1,0,.87.87A.87.87,0,0,0,2261.207,1065.957Z" transform="translate(-2260.1 -1065.72)" fill="#fff"/>
+                    </g>
+                    <g id="Group_10438" data-name="Group 10438" transform="translate(0.954 2.044)">
+                      <path id="Path_7302" data-name="Path 7302" d="M2282.256,1114.657h-.236v-2h.236Z" transform="translate(-2282.02 -1112.66)" fill="#fff"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <text id="MPIN" transform="translate(37.652 75)" fill="#3f5365" font-size="10" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">MPIN</tspan></text>
+          </g>
+          <g id="Group_10934" data-name="Group 10934" transform="translate(0 205.505)">
+            <g id="Group_10933" data-name="Group 10933">
+              <path id="Path_7391" data-name="Path 7391" d="M205.3,4719.744c0,.067-45.961.123-102.643.123-56.7,0-102.653-.056-102.653-.123s45.951-.124,102.653-.124C159.334,4719.621,205.3,4719.675,205.3,4719.744Z" transform="translate(0 -4719.621)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10996" data-name="Group 10996" transform="translate(13.216 113.829)">
+            <g id="Group_10969" data-name="Group 10969" transform="translate(0 0.071)">
+              <g id="Group_10955" data-name="Group 10955">
+                <g id="Group_10936" data-name="Group 10936">
+                  <g id="Group_10935" data-name="Group 10935">
+                    <path id="Path_7392" data-name="Path 7392" d="M317.114,2642.423c4.5-6.885,4.328-16.95-1.048-23.177-1.669-1.932-4-3.612-6.545-3.395-2.6.223-4.7,2.457-5.5,4.948a16.2,16.2,0,0,0-.052,7.763c.652,3.6,1.743,7.288,4.242,9.963s5.687,5.651,8.9,3.9Z" transform="translate(-303.523 -2615.832)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10938" data-name="Group 10938" transform="translate(2.607 46.57)">
+                  <g id="Group_10937" data-name="Group 10937">
+                    <path id="Path_7393" data-name="Path 7393" d="M372.378,3698.3a10.29,10.29,0,0,0-2.869-11.685,4.326,4.326,0,0,0-3.68-1.156,3.574,3.574,0,0,0-2.383,3.047,8.471,8.471,0,0,0,.677,4,10.119,10.119,0,0,0,3.089,4.749c1.53,1.152,3.671,2.235,5.167,1.04Z" transform="translate(-363.4 -3685.366)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10940" data-name="Group 10940" transform="translate(22.177 40.432)">
+                  <g id="Group_10939" data-name="Group 10939">
+                    <path id="Path_7394" data-name="Path 7394" d="M813.1,3561.1a14.891,14.891,0,0,1,7.505-15.714c1.715-.892,3.827-1.42,5.555-.555a5.173,5.173,0,0,1,2.48,5.021,12.265,12.265,0,0,1-2.138,5.476c-1.467,2.351-3.268,4.638-5.775,5.82s-5.86,2.087-7.627-.047Z" transform="translate(-812.836 -3544.391)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10942" data-name="Group 10942" transform="translate(21.037 19.647)">
+                  <g id="Group_10941" data-name="Group 10941">
+                    <path id="Path_7395" data-name="Path 7395" d="M787.291,3088.042c-2.155-6.955,1.5-15.389,7.59-19.379,1.891-1.239,4.284-2.1,6.4-1.3,2.163.824,3.405,3.236,3.474,5.549a14.341,14.341,0,0,1-1.845,6.62c-1.431,2.907-3.257,5.778-6.035,7.446s-7.273,3.336-9.579,1.06Z" transform="translate(-786.668 -3067.054)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10945" data-name="Group 10945" transform="translate(17.328 45.666)">
+                  <g id="Group_10944" data-name="Group 10944">
+                    <g id="Group_10943" data-name="Group 10943">
+                      <path id="Path_7396" data-name="Path 7396" d="M701.47,3693.561a1.5,1.5,0,0,0,.071-.336c.038-.253.085-.575.145-.97q.044-.322.1-.7c.05-.256.1-.533.159-.827.113-.594.23-1.271.425-2.007q.134-.555.28-1.16l.364-1.241c.232-.863.575-1.756.9-2.707a47.433,47.433,0,0,1,6.163-11.483c.615-.794,1.17-1.573,1.761-2.243l.833-.989.811-.875c.505-.569,1.006-1.041,1.438-1.463l.6-.59.53-.469.729-.656a1.493,1.493,0,0,0,.242-.245,1.477,1.477,0,0,0-.279.2l-.766.616-.55.451-.62.574c-.445.413-.958.877-1.475,1.439l-.829.867-.851.983c-.6.668-1.168,1.446-1.793,2.24a45.39,45.39,0,0,0-6.2,11.551c-.316.959-.652,1.86-.875,2.732q-.181.648-.349,1.252l-.263,1.17c-.182.743-.286,1.426-.384,2.025-.048.3-.094.576-.136.835q-.039.383-.072.707c-.037.4-.066.723-.09.979a1.5,1.5,0,0,0-.011.343Z" transform="translate(-701.466 -3664.596)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10948" data-name="Group 10948" transform="translate(16.83 26.279)">
+                  <g id="Group_10947" data-name="Group 10947">
+                    <g id="Group_10946" data-name="Group 10946">
+                      <path id="Path_7397" data-name="Path 7397" d="M690.691,3268.947a.52.52,0,0,0,0-.139c-.008-.108-.018-.241-.03-.4q-.052-.566-.143-1.545c-.033-.337-.07-.71-.11-1.115s-.042-.854-.067-1.332c-.036-.956-.127-2.042-.093-3.247,0-.6.006-1.233.009-1.889s.069-1.338.1-2.044c.047-1.415.24-2.915.41-4.5a64.408,64.408,0,0,1,5.859-19.759c.719-1.419,1.376-2.781,2.108-3.994.357-.61.677-1.216,1.029-1.77l1.022-1.588c.628-1.028,1.3-1.889,1.848-2.67.281-.387.533-.754.782-1.08l.7-.875.962-1.218.245-.322a.484.484,0,0,0,.076-.116s-.037.029-.1.1l-.267.3-1.006,1.185-.722.861c-.256.321-.515.684-.8,1.067-.565.775-1.247,1.63-1.889,2.654l-1.042,1.584c-.359.553-.685,1.158-1.048,1.768-.744,1.212-1.411,2.576-2.141,4A62.946,62.946,0,0,0,690.5,3252.7c-.164,1.589-.347,3.1-.384,4.518-.028.709-.085,1.394-.085,2.053s.007,1.291.01,1.9c-.02,1.208.086,2.3.137,3.255.033.478.052.924.091,1.333s.095.778.136,1.116q.125.975.2,1.541c.024.16.043.292.059.4a.467.467,0,0,0,.03.135Z" transform="translate(-690.03 -3219.345)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10951" data-name="Group 10951" transform="translate(5.771 8.334)">
+                  <g id="Group_10950" data-name="Group 10950">
+                    <g id="Group_10949" data-name="Group 10949">
+                      <path id="Path_7398" data-name="Path 7398" d="M436.057,2807.237a.508.508,0,0,0,.057.128l.194.362.769,1.373c.165.3.364.623.555.992l.6,1.211.694,1.39c.235.5.458,1.035.706,1.593s.512,1.141.761,1.759l.748,1.939.393,1.022.362,1.071.754,2.235c.954,3.085,1.858,6.522,2.622,10.17.739,3.655,1.258,7.171,1.641,10.38.328,3.214.571,6.115.637,8.559.062,1.221.074,2.326.078,3.3s.019,1.807,0,2.491q-.014,1-.022,1.574c0,.166,0,.3,0,.41a.5.5,0,0,0,.011.14.516.516,0,0,0,.019-.139l.028-.409q.028-.576.078-1.574c.041-.684.054-1.521.054-2.494s.013-2.08-.035-3.3c-.04-2.449-.261-5.358-.576-8.582-.369-3.217-.881-6.744-1.622-10.409-.765-3.658-1.68-7.1-2.652-10.194l-.768-2.239-.37-1.072-.4-1.022-.765-1.939c-.256-.618-.533-1.2-.781-1.757s-.486-1.093-.727-1.589l-.717-1.385-.625-1.2c-.2-.366-.405-.687-.578-.982l-.819-1.348-.219-.346a.477.477,0,0,0-.083-.112Z" transform="translate(-436.056 -2807.237)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10954" data-name="Group 10954" transform="translate(7.3 50.584)">
+                  <g id="Group_10953" data-name="Group 10953">
+                    <g id="Group_10952" data-name="Group 10952">
+                      <path id="Path_7399" data-name="Path 7399" d="M471.176,3777.55a6.118,6.118,0,0,0,.479.84c.329.526.781,1.3,1.311,2.277s1.116,2.158,1.705,3.5a47.535,47.535,0,0,1,1.655,4.467c.494,1.618.869,3.186,1.154,4.623.27,1.441.459,2.748.566,3.852s.177,2,.2,2.62a6.059,6.059,0,0,0,.079.964,6.016,6.016,0,0,0,.036-.967c.01-.623-.023-1.525-.109-2.636a39.052,39.052,0,0,0-.506-3.883,40.038,40.038,0,0,0-2.827-9.149,38.932,38.932,0,0,0-1.772-3.491c-.556-.966-1.037-1.729-1.4-2.238a6.063,6.063,0,0,0-.575-.778Z" transform="translate(-471.175 -3777.55)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10957" data-name="Group 10957" transform="translate(6.399 71.531)">
+                <g id="Group_10956" data-name="Group 10956">
+                  <path id="Path_7400" data-name="Path 7400" d="M470.255,4258.609H450.48l2.393,20.2h14.919Z" transform="translate(-450.48 -4258.609)" fill="#323232"/>
+                </g>
+              </g>
+              <g id="Group_10959" data-name="Group 10959" transform="translate(7.064 89.548)">
+                <g id="Group_10958" data-name="Group 10958">
+                  <path id="Path_7401" data-name="Path 7401" d="M484.138,4672.39l-1.68,2.18h-14.98l-1.728-2.11Z" transform="translate(-465.75 -4672.39)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10962" data-name="Group 10962" transform="translate(7.169 77.324)">
+                <g id="Group_10961" data-name="Group 10961">
+                  <g id="Group_10960" data-name="Group 10960">
+                    <path id="Path_7402" data-name="Path 7402" d="M468.17,4391.8c0,.082,4.1.148,9.164.148s9.165-.066,9.165-.148-4.1-.147-9.165-.147S468.17,4391.717,468.17,4391.8Z" transform="translate(-468.17 -4391.65)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10965" data-name="Group 10965" transform="translate(7.169 78.669)">
+                <g id="Group_10964" data-name="Group 10964">
+                  <g id="Group_10963" data-name="Group 10963">
+                    <path id="Path_7403" data-name="Path 7403" d="M468.17,4422.687c0,.082,4.1.147,9.164.147s9.165-.066,9.165-.147-4.1-.147-9.165-.147S468.17,4422.605,468.17,4422.687Z" transform="translate(-468.17 -4422.54)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10968" data-name="Group 10968" transform="translate(7.416 79.971)">
+                <g id="Group_10967" data-name="Group 10967">
+                  <g id="Group_10966" data-name="Group 10966">
+                    <path id="Path_7404" data-name="Path 7404" d="M473.84,4452.577c0,.082,3.96.147,8.844.147s8.845-.066,8.845-.147-3.959-.147-8.845-.147S473.84,4452.5,473.84,4452.577Z" transform="translate(-473.84 -4452.429)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10971" data-name="Group 10971" transform="translate(23.148 28.074)">
+              <g id="Group_10970" data-name="Group 10970">
+                <path id="Path_7405" data-name="Path 7405" d="M835.137,3258.94a.686.686,0,0,0,0,.193c.012.148.027.329.045.548.051.506.12,1.186.2,2.012.181,1.7.444,4.042.746,6.63.012.1.023.2.034.289l.01.087h.088c2.541.039,4.827.064,6.478.072H844.7l.53-.01a.641.641,0,0,0,.185-.017.673.673,0,0,0-.184-.023l-.53-.027-1.952-.062c-1.651-.044-3.937-.091-6.477-.132l.1.088c-.011-.091-.022-.19-.034-.289-.3-2.588-.588-4.929-.8-6.623-.11-.824-.2-1.5-.266-2.005-.033-.217-.06-.4-.083-.544a.708.708,0,0,0-.042-.188Z" transform="translate(-835.133 -3258.939)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10973" data-name="Group 10973" transform="translate(27.629 22.033)">
+              <g id="Group_10972" data-name="Group 10972">
+                <path id="Path_7406" data-name="Path 7406" d="M938.06,3120.211a.726.726,0,0,0-.015.2c0,.153,0,.34,0,.567,0,.522.011,1.227.019,2.084.025,1.759.073,4.19.138,6.874,0,.108.005.217.008.317l0,.105.1-.008a61.719,61.719,0,0,1,6.649-.15c.848.026,1.532.06,2,.086l.544.026a.681.681,0,0,0,.191,0,.7.7,0,0,0-.187-.036c-.124-.016-.306-.04-.542-.063-.471-.049-1.156-.1-2.005-.149a52.531,52.531,0,0,0-6.67.09l.108.1c0-.1,0-.208-.008-.317-.066-2.684-.136-5.114-.2-6.873-.034-.856-.062-1.561-.083-2.083-.013-.227-.024-.414-.033-.566a.76.76,0,0,0-.025-.2Z" transform="translate(-938.04 -3120.21)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10975" data-name="Group 10975" transform="translate(31.213 19.976)">
+              <g id="Group_10974" data-name="Group 10974">
+                <path id="Path_7407" data-name="Path 7407" d="M1022.058,3072.97a3.5,3.5,0,0,0-.123.58c-.075.409-.174.944-.293,1.59-.256,1.342-.657,3.192-1.222,5.217l-.06.213.2-.1.237-.114a17.033,17.033,0,0,1,5.271-1.542c.7-.086,1.274-.118,1.669-.133a4.078,4.078,0,0,0,.616-.034.467.467,0,0,0-.159-.022c-.1-.006-.259-.02-.458-.021a14.189,14.189,0,0,0-1.684.069,16.027,16.027,0,0,0-5.342,1.5l-.24.116.141.116a50.731,50.731,0,0,0,1.166-5.246c.112-.676.187-1.223.232-1.6a3.3,3.3,0,0,0,.047-.591Z" transform="translate(-1020.36 -3072.97)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10977" data-name="Group 10977" transform="translate(4.986 52.646)">
+              <g id="Group_10976" data-name="Group 10976">
+                <path id="Path_7408" data-name="Path 7408" d="M418.031,3827.411c0,.031.573-.028,1.5-.065a25.183,25.183,0,0,1,3.6.118c.284.029.562.065.827.1l.094.013.017-.093c.213-1.2.393-2.25.512-3.006a8.172,8.172,0,0,0,.155-1.219,8.316,8.316,0,0,0-.284,1.2c-.154.75-.358,1.8-.579,2.994l.111-.08c-.268-.038-.548-.075-.834-.1a20.18,20.18,0,0,0-3.625-.06c-.463.036-.836.083-1.092.121a1.528,1.528,0,0,0-.395.085Z" transform="translate(-418.03 -3823.26)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10979" data-name="Group 10979" transform="translate(3.118 48.469)">
+              <g id="Group_10978" data-name="Group 10978">
+                <path id="Path_7409" data-name="Path 7409" d="M375.13,3731.956c.007.031.554-.1,1.449-.207a15.716,15.716,0,0,1,3.509-.035c.213.022.422.05.62.077l.1.014.01-.1c.125-1.229.226-2.318.289-3.1a8.415,8.415,0,0,0,.064-1.261,8.533,8.533,0,0,0-.2,1.248c-.1.779-.224,1.866-.354,3.094l.113-.088c-.2-.029-.412-.057-.628-.08a13.605,13.605,0,0,0-3.55.094c-.449.073-.808.156-1.054.221a1.457,1.457,0,0,0-.375.126Z" transform="translate(-375.129 -3727.34)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10981" data-name="Group 10981" transform="translate(1.779 12.675)">
+              <g id="Group_10980" data-name="Group 10980">
+                <path id="Path_7410" data-name="Path 7410" d="M344.378,2910.541a.936.936,0,0,0,.2.1l.578.257,2.138.91,7.084,2.935.382.157.09.037.039-.088,2.993-6.76.881-2.044.23-.558a.864.864,0,0,0,.068-.2.845.845,0,0,0-.1.184l-.263.543-.938,2.019-3.048,6.734.129-.052-.382-.156-7.106-2.88-2.163-.852-.592-.222a.883.883,0,0,0-.212-.065Z" transform="translate(-344.378 -2905.288)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10983" data-name="Group 10983" transform="translate(0.046 4.299)">
+              <g id="Group_10982" data-name="Group 10982">
+                <path id="Path_7411" data-name="Path 7411" d="M304.59,2718.005a.88.88,0,0,0,.174.128l.519.335,1.931,1.2,6.441,3.928.1.063.043-.114.117-.311,2.7-7.283.8-2.215.207-.606a.928.928,0,0,0,.059-.216.972.972,0,0,0-.1.2l-.242.593-.856,2.193-2.754,7.263-.117.311.146-.051-6.473-3.876-1.963-1.15-.538-.3a.936.936,0,0,0-.194-.095Z" transform="translate(-304.59 -2712.918)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10985" data-name="Group 10985" transform="translate(0.614)">
+              <g id="Group_10984" data-name="Group 10984">
+                <path id="Path_7412" data-name="Path 7412" d="M317.627,2619.025a2.8,2.8,0,0,0,.425.25c.278.153.68.38,1.167.682a20.842,20.842,0,0,1,3.584,2.8l.248.243-.083-.338c-.087-.354-.167-.727-.228-1.11a12.889,12.889,0,0,1,.28-5.269,15.043,15.043,0,0,1,.506-1.533,3.718,3.718,0,0,0,.212-.557,3.209,3.209,0,0,0-.283.525,11.6,11.6,0,0,0-.571,1.525,12.336,12.336,0,0,0-.341,5.339c.062.39.144.769.234,1.128l.165-.1a18.9,18.9,0,0,0-3.655-2.775c-.5-.289-.914-.5-1.2-.634a2.436,2.436,0,0,0-.457-.187Z" transform="translate(-317.627 -2614.197)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10987" data-name="Group 10987" transform="translate(23.176 49.166)">
+              <g id="Group_10986" data-name="Group 10986">
+                <path id="Path_7413" data-name="Path 7413" d="M835.787,3743.339a2.826,2.826,0,0,0,.091.511c.069.327.168.8.276,1.39a34.228,34.228,0,0,1,.531,4.684l0,.09.09.006.443.027c1.961.119,3.736.214,5.022.274l1.524.06a2.974,2.974,0,0,0,.56-.005,3.042,3.042,0,0,0-.556-.073l-1.52-.124c-1.284-.1-3.058-.214-5.019-.332l-.443-.027.094.1a28.833,28.833,0,0,0-.6-4.7c-.126-.589-.246-1.059-.338-1.381a2.6,2.6,0,0,0-.164-.494Z" transform="translate(-835.785 -3743.339)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10989" data-name="Group 10989" transform="translate(27.059 43.594)">
+              <g id="Group_10988" data-name="Group 10988">
+                <path id="Path_7414" data-name="Path 7414" d="M924.967,3615.38a2.669,2.669,0,0,0,.033.516c.042.367.1.838.16,1.405.144,1.189.356,2.842.606,4.694l.011.081.082,0,.637.042c2.009.136,3.821.344,5.13.514l1.55.208a.288.288,0,1,0,.013-.077c-.363-.072-.889-.168-1.543-.271-1.306-.207-3.121-.437-5.136-.574l-.638-.041.093.086c-.254-1.852-.49-3.5-.669-4.686-.089-.563-.163-1.032-.221-1.4a2.675,2.675,0,0,0-.106-.506Z" transform="translate(-924.962 -3615.38)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10991" data-name="Group 10991" transform="translate(31.634 41.195)">
+              <g id="Group_10990" data-name="Group 10990">
+                <path id="Path_7415" data-name="Path 7415" d="M1030.033,3560.28c-.029.007.091.543.233,1.426a25.505,25.505,0,0,1,.318,3.5l0,.111.111-.014.332-.042a30.778,30.778,0,0,1,3.735-.221l1.137.012a.211.211,0,1,0,0-.078c-.268-.028-.657-.059-1.139-.077a24.042,24.042,0,0,0-3.762.164l-.334.043.113.1a20.475,20.475,0,0,0-.382-3.52c-.089-.44-.175-.793-.242-1.034a1.475,1.475,0,0,0-.125-.368Z" transform="translate(-1030.029 -3560.279)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10993" data-name="Group 10993" transform="translate(5.582 46.766)">
+              <g id="Group_10992" data-name="Group 10992">
+                <path id="Path_7416" data-name="Path 7416" d="M431.732,3688.218a63.274,63.274,0,0,0,1.834,3.981,14.882,14.882,0,0,0-1.834-3.981Z" transform="translate(-431.728 -3688.217)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10995" data-name="Group 10995" transform="translate(3.101 49.359)">
+              <g id="Group_10994" data-name="Group 10994">
+                <path id="Path_7417" data-name="Path 7417" d="M374.729,3747.81a11.409,11.409,0,0,1,4.359,1.351,6.26,6.26,0,0,0-4.359-1.351Z" transform="translate(-374.729 -3747.769)" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10998" data-name="Group 10998" transform="translate(27.788 -573.451)">
+            <g transform="matrix(1, 0, 0, 1, -51.55, 573.45)" filter="url(#Rectangle_17325)">
+              <rect id="Rectangle_17325-2" data-name="Rectangle 17325" width="81" height="16" rx="8" transform="translate(81.77 125.55)" fill="url(#linear-gradient)"/>
+            </g>
+            <text id="Next" transform="translate(66.212 708)" fill="#fff" font-size="4" font-family="OpenSans-Semibold, Open Sans" font-weight="600"><tspan x="0" y="0">Next</tspan></text>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g id="Group_16310" data-name="Group 16310" transform="translate(110 -185)">
+      <rect id="Rectangle_17326" data-name="Rectangle 17326" width="80" height="12" rx="6" transform="translate(30 504)" fill="#f7f8f8"/>
+      <text id="Confirm_Your_Pin" data-name="Confirm Your Pin" transform="translate(42 511)" fill="#323232" font-size="3" font-family="OpenSans-Regular, Open Sans"><tspan x="0" y="0">Confirm Your Pin</tspan></text>
+      <rect id="Rectangle_17326-2" data-name="Rectangle 17326" width="80" height="12" rx="6" transform="translate(30 488)" fill="#f7f8f8"/>
+      <text id="Your_Pin" data-name="Your Pin" transform="translate(42 495)" fill="#323232" font-size="3" font-family="OpenSans-Regular, Open Sans"><tspan x="0" y="0">Your Pin</tspan></text>
+      <g id="lock_open_black_24dp" transform="translate(33.017 490.54)">
+        <path id="Path_7423" data-name="Path 7423" d="M0,0H6.888V6.888H0Z" fill="none" stroke="#f7f8f8" stroke-width="0.1"/>
+        <path id="Path_7424" data-name="Path 7424" d="M8.018,3.009H7.731V2.435a1.435,1.435,0,0,0-2.87,0h.574a.861.861,0,0,1,1.722,0v.574H4.574A.576.576,0,0,0,4,3.583v2.87a.576.576,0,0,0,.574.574H8.018a.576.576,0,0,0,.574-.574V3.583A.576.576,0,0,0,8.018,3.009Zm0,3.444H4.574V3.583H8.018ZM6.3,5.592a.574.574,0,1,0-.574-.574A.576.576,0,0,0,6.3,5.592Z" transform="translate(-2.852 -0.713)" fill="#323232" stroke="#f7f8f8" stroke-width="0.1"/>
+      </g>
+      <g id="lock_open_black_24dp-2" data-name="lock_open_black_24dp" transform="translate(33.017 506.286)">
+        <path id="Path_7423-2" data-name="Path 7423" d="M0,0H6.888V6.888H0Z" fill="none" stroke="#f7f8f8" stroke-width="0.1"/>
+        <path id="Path_7424-2" data-name="Path 7424" d="M8.018,3.009H7.731V2.435a1.435,1.435,0,0,0-2.87,0h.574a.861.861,0,0,1,1.722,0v.574H4.574A.576.576,0,0,0,4,3.583v2.87a.576.576,0,0,0,.574.574H8.018a.576.576,0,0,0,.574-.574V3.583A.576.576,0,0,0,8.018,3.009Zm0,3.444H4.574V3.583H8.018ZM6.3,5.592a.574.574,0,1,0-.574-.574A.576.576,0,0,0,6.3,5.592Z" transform="translate(-2.852 -0.713)" fill="#323232" stroke="#f7f8f8" stroke-width="0.1"/>
+      </g>
+    </g>
+    <g id="_278464288" transform="translate(220 230.949)">
+      <path id="Path_10377" data-name="Path 10377" d="M309.986,707.893H307.38a1.374,1.374,0,0,1-1.38-1.38v-6.286A1.352,1.352,0,0,1,307.38,699h2.607a1.319,1.319,0,0,1,1.227,1.227v6.286A1.352,1.352,0,0,1,309.986,707.893Z" transform="translate(-259.083 -591.845)" fill="#ebf3fa" fill-rule="evenodd"/>
+      <path id="Path_10378" data-name="Path 10378" d="M317.147,694.767H315V694h2.146Z" transform="translate(-266.704 -587.612)" fill="#ffa561" fill-rule="evenodd"/>
+      <path id="Path_10379" data-name="Path 10379" d="M311.213,720.3H306V718h5.213Z" transform="translate(-259.083 -607.932)" fill="#fff" fill-rule="evenodd"/>
+      <path id="Path_10386" data-name="Path 10386" d="M581.153,828.76H581l.766-2.76h.153Z" transform="translate(-491.92 -699.373)" fill="#cde0fb" fill-rule="evenodd"/>
+      <path id="Path_10387" data-name="Path 10387" d="M444.22,611s3.833,2.453,4.446,3.68a7.916,7.916,0,0,1,.46,3.373s-3.833,1.687-3.373-.306-1.38-1.227-2.453-2.147a14.133,14.133,0,0,1-2.3-3.68Z" transform="translate(-373.385 -517.338)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10388" data-name="Path 10388" d="M208,23.556s9.659-11.5,14.719-4.14c0,0,3.68,1.533,5.06,7.973,1.38,6.593-2.913,11.653-5.213,10.426-1.38-.92-2.453,1.687-2.453,1.687Z" transform="translate(-176.109 -14.374)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10389" data-name="Path 10389" d="M47.872,268.651C40.359,265.891,33,252.859,33,252.859l2.3-1.687c1.993,2.913,11.039,8.433,11.039,8.433.307-2.453.46-4.6.92-6.593,2.453-13.8,8.279-17.939,9.813-18.859a.475.475,0,0,1,.307-.153v.307a15.162,15.162,0,0,1-.153,2.3C56.612,245.192,54.312,270.951,47.872,268.651Z" transform="translate(-27.94 -198.14)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10390" data-name="Path 10390" d="M297,3.929s1.227-5.06,8.893-3.526c0,0-3.68-.46-4.6.92,0,0,2.76-1.227,4.6-.153s2.146,4.753,1.84,5.98c-.307,1.073-2.3,4.446-3.526,4.446a5.773,5.773,0,0,1-2.913-1.227Z" transform="translate(-251.463 -0.113)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10391" data-name="Path 10391" d="M200.319,215.022c-3.833-8.433-5.673-10.886-5.673-13.492,0-2.146,1.073-4.446,3.066-9.966a16.8,16.8,0,0,0,.92-3.986c1.687-10.733-4.6-22.385-8.433-23.152-1.073-.307-2.913-4.14-2.913-10.426l-.46.153-8.126,1.533s.153,2.606.153,5.06c0,1.993,0,3.833-.46,4.14h-.92s-6.9,9.506-7.359,18.245c-.613,8.739,5.366,12.572-.153,29.9C164.442,230.968,202.312,219.622,200.319,215.022Z" transform="translate(-143.437 -130.406)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10392" data-name="Path 10392" d="M230,156.533s.153,2.606.153,5.06c4.6-.153,7.053-4.293,7.973-6.593Z" transform="translate(-194.736 -131.252)" fill="#e8945b" fill-rule="evenodd"/>
+      <path id="Path_10393" data-name="Path 10393" d="M211.132,56.9a24.556,24.556,0,0,0,2.913-6.9c.307-2.3-.767-10.886-9.353-9.659a12.318,12.318,0,0,0-4.753,1.84c-1.84,1.227-4.6,3.986-1.533,11.346l.767,2.606Z" transform="translate(-166.822 -34.073)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10394" data-name="Path 10394" d="M200.518,79.948s10.733.153,10.733-6.44c0-6.746,1.533-11.193-5.366-11.652-6.9-.307-8.279,2.147-8.739,4.446C196.532,68.449,197.759,79.795,200.518,79.948Z" transform="translate(-166.788 -52.367)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10395" data-name="Path 10395" d="M223,53.594s2.913,7.819,7.513,9.046c4.446,1.227,6.44,0,6.44,0a12.98,12.98,0,0,1-4.293-7.666S225.147,49.915,223,53.594Z" transform="translate(-188.809 -44.259)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10396" data-name="Path 10396" d="M197.8,58.327s-2.3,1.84-2.76,3.526c-.613,1.687-.767,5.213-1.84,5.06,0,0-2.146-5.366.307-8.279C196.113,55.414,197.8,58.327,197.8,58.327Z" transform="translate(-162.842 -48.378)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10397" data-name="Path 10397" d="M188.227,645.808a114.423,114.423,0,0,1-6.746,19.012l-3.68-.307a92.613,92.613,0,0,0,1.687-19.318,80.029,80.029,0,0,0-4.14-25.911C164.769,588.925,166.456,567,166.456,567l19.932,2.3.92.153c.153,9.046.307,21.465.613,31.278.153,8.739.307,15.332.307,15.332C192.061,624.189,190.681,635.842,188.227,645.808Z" transform="translate(-140.851 -480.084)" fill="#131d3d" fill-rule="evenodd"/>
+      <path id="Path_10398" data-name="Path 10398" d="M325.685,280.8l-3.22.92s-10.579-17.632-11.653-22.232c-.307-1.533-1.073-4.6-1.993-7.819-1.84-7.053-4.293-15.486-4.293-15.486l-.767-3.526L301,221s5.213.46,8.279,1.84a3.019,3.019,0,0,1,1.993,1.38c2.3,4.906,4.446,17.325,6.133,26.218a83.655,83.655,0,0,0,1.84,9.506C320.165,262.244,323.232,274.663,325.685,280.8Z" transform="translate(-254.85 -187.133)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10399" data-name="Path 10399" d="M253.458,620.414a47.577,47.577,0,0,1-6.133,20.085l-1.687,1.227s-1.687-8.586-2.76-18.859c-1.073-9.659-2.606-20.085-4.293-23.151C231.993,587.143,230,540.073,230,540.073L250.238,539c1.993,3.526,2.913,9.046,3.066,15.486.613,16.1-3.22,36.951-3.833,40.017h0c0,.306.153.46.153.766C253.765,603.242,254.225,612.288,253.458,620.414Z" transform="translate(-194.736 -456.377)" fill="#22325e" fill-rule="evenodd"/>
+      <path id="Path_10400" data-name="Path 10400" d="M225,55.3s2.147,8.279,7.82,10.886c0,0-5.673-5.06-6.286-10.426C226.073,50.242,225,55.3,225,55.3Z" transform="translate(-190.503 -45.047)" fill="#233862" fill-rule="evenodd"/>
+      <path id="Path_10401" data-name="Path 10401" d="M15.771,298.586c0-.46.307-5.213-.46-6.133C14.391,291.38,12.7,290,12.091,290s-2.76,2.913-1.993,5.06c.613,2.147,3.373,5.213,3.373,5.213Z" transform="translate(-8.411 -245.554)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10402" data-name="Path 10402" d="M324.579,1070a47.58,47.58,0,0,1-6.133,20.085l-1.686,1.686s-1.687-9.046-2.76-19.319A17.443,17.443,0,0,0,324.579,1070Z" transform="translate(-265.857 -905.962)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10403" data-name="Path 10403" d="M251.426,1077.613a114.414,114.414,0,0,1-6.746,19.012l-3.68-.306A92.622,92.622,0,0,0,242.687,1077C243.913,1077.613,246.366,1078.226,251.426,1077.613Z" transform="translate(-204.049 -911.889)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10404" data-name="Path 10404" d="M190.068,1179.126h-2.3c-.767,0-1.227-.307-2.147-.307a3.426,3.426,0,0,0-1.84.307v.153h-9.506c-.307-.46,0-1.227.153-1.84a1.57,1.57,0,0,1,.92-.767,10.446,10.446,0,0,0,4.906-2.3,48.627,48.627,0,0,1,4.906-3.373h0c.153,0,.613.153,2.3,1.687,1.073.767,2.606-1.227,2.606-1.227a2.16,2.16,0,0,1,.46.767,3.843,3.843,0,0,1,.307,1.532,10.67,10.67,0,0,0,.613,3.527,9.1,9.1,0,0,1,.46,1.073S192.061,1178.973,190.068,1179.126Z" transform="translate(-147.444 -991.477)" fill="#1e7dbd" fill-rule="evenodd"/>
+      <path id="Path_10405" data-name="Path 10405" d="M251.366,1172.227a6.166,6.166,0,0,1-2.453,1.226c-.92.153-2.913-2.453-2.913-2.453h0c.153,0,.613.153,2.3,1.687,1.073.767,2.607-1.227,2.607-1.227A2.16,2.16,0,0,1,251.366,1172.227Z" transform="translate(-208.283 -991.477)" fill="#466aa5" fill-rule="evenodd"/>
+      <path id="Path_10406" data-name="Path 10406" d="M190.068,1213.84h-2.3c-.767,0-1.227-.306-2.147-.306a3.423,3.423,0,0,0-1.84.306v.153h-9.506c-.307-.46,0-1.226.153-1.84.307-.153.46,1.227.613,1.38s7.819.153,8.279-.307a4.559,4.559,0,0,1,3.526-.306,9,9,0,0,0,4.6-.92,9.119,9.119,0,0,1,.46,1.073S192.061,1213.687,190.068,1213.84Z" transform="translate(-147.444 -1026.191)" fill="#466aa5" fill-rule="evenodd"/>
+      <path id="Path_10407" data-name="Path 10407" d="M268.613,1179.126h-2.3c-.767,0-1.38-.307-2.147-.307a3.426,3.426,0,0,0-1.84.307v.153h-9.659a2.765,2.765,0,0,1,.307-1.84,1.57,1.57,0,0,1,.92-.767,10.763,10.763,0,0,0,4.753-2.3c1.073-.92,5.06-3.373,5.06-3.373h0c.153,0,.46.153,2.3,1.687.92.767,2.607-1.227,2.607-1.227a2.16,2.16,0,0,1,.46.767,2.379,2.379,0,0,1,.153,1.532,18.446,18.446,0,0,0,.767,3.527,3.816,3.816,0,0,0,.46,1.073S270.453,1178.973,268.613,1179.126Z" transform="translate(-213.877 -991.477)" fill="#1e7dbd" fill-rule="evenodd"/>
+      <path id="Path_10408" data-name="Path 10408" d="M330.366,1172.227a6.165,6.165,0,0,1-2.453,1.226c-.92.153-2.913-2.453-2.913-2.453h0c.153,0,.46.153,2.3,1.687.92.767,2.607-1.227,2.607-1.227A2.16,2.16,0,0,1,330.366,1172.227Z" transform="translate(-275.17 -991.477)" fill="#466aa5" fill-rule="evenodd"/>
+      <path id="Path_10409" data-name="Path 10409" d="M268.613,1213.84h-2.3c-.767,0-1.38-.306-2.147-.306a3.423,3.423,0,0,0-1.84.306v.153h-9.659a2.766,2.766,0,0,1,.307-1.84c.307-.153.307,1.227.46,1.38s7.819.153,8.279-.307a5,5,0,0,1,3.68-.306,9,9,0,0,0,4.6-.92,3.809,3.809,0,0,0,.46,1.073S270.453,1213.687,268.613,1213.84Z" transform="translate(-213.877 -1026.191)" fill="#466aa5" fill-rule="evenodd"/>
+      <path id="Path_10410" data-name="Path 10410" d="M163.457,237.566c-4.14-7.053-4.293-9.966-8.279-12.419A22.57,22.57,0,0,0,147.511,223s-1.533,6.746-2.453,7.666-15.026,2.3-15.332.767,3.68-7.513,3.986-8.126H133.1c-1.687.307-2.76.46-3.526.613a6.061,6.061,0,0,0-1.993.46c-1.073.153-5.673,1.533-10.579,15.026,0,0,3.986,4.906,7.053,5.826.153,0,.153,0,.307.153-.613,8.893-3.833,23.765-2.76,32.5,1.227,8.279,18.705,6.133,22.078,5.366,2.453-.46,4.293-3.067,5.52-7.513.46,3.066,1.533,6.746,3.68,7.053,3.526.307,5.06-.307,5.52-1.687a5.027,5.027,0,0,0,0-1.533c-.153-3.373-2.453-14.566-4.6-24.072-.92-3.986-2.146-6.9-2.606-9.966C155.484,245.538,161.31,242.165,163.457,237.566Z" transform="translate(-99.061 -188.826)" fill="#05968F" fill-rule="evenodd"/>
+      <path id="Path_10411" data-name="Path 10411" d="M11,271.062c0-.46.46-8.126.767-7.359.153.767.767,4.753.767,4.753Z" transform="translate(-9.313 -223.243)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10412" data-name="Path 10412" d="M3.833,240l.307.767,4.6,11.959L6.44,253.8.46,242.453,0,241.687Z" transform="translate(0 -203.22)" fill="#225399" fill-rule="evenodd"/>
+      <path id="Path_10413" data-name="Path 10413" d="M3.833,240l.307.767L.46,242.453,0,241.687Z" transform="translate(0 -203.22)" fill="#174884" fill-rule="evenodd"/>
+      <path id="Path_10414" data-name="Path 10414" d="M42.22,317.993l-2.453,1.073L39,317.073,41.3,316Z" transform="translate(-33.02 -267.568)" fill="#fff" fill-rule="evenodd"/>
+      <path id="Path_10415" data-name="Path 10415" d="M21,275.882s1.993-3.066,2.453-2.913c.767.153-1.84,4.293-1.84,4.293s1.993-3.066,2.3-2.76c.613.46-.46,2.3-1.533,3.833,0,0,1.993-1.84,1.993-1.533.307,1.227-2.147,3.833-2.147,3.833L21,277.722Z" transform="translate(-17.78 -231.13)" fill="#ffb27d" fill-rule="evenodd"/>
+      <path id="Path_10416" data-name="Path 10416" d="M213.625,151.2s-.153.92-2.147.767c0,0-1.687-.153-1.533-1.073A5.114,5.114,0,0,1,213.625,151.2Z" transform="translate(-177.748 -127.606)" fill="#fff" fill-rule="evenodd"/>
+      <path id="Path_10427" data-name="Path 10427" d="M444,622s.613,3.066,1.38,3.986,1.84,2.453,2.3,1.993c.46-.307-.46-3.68-.46-3.68Z" transform="translate(-375.925 -526.651)" fill="#ffb27d" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/next_icon.svg b/src/assets/performics/next_icon.svg
new file mode 100644
index 0000000..8a42b09
--- /dev/null
+++ b/src/assets/performics/next_icon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="53" height="53" viewBox="0 0 53 53">
+  <g id="Group_16338" data-name="Group 16338" transform="translate(-301 -738)">
+    <g id="Ellipse_56" data-name="Ellipse 56" transform="translate(301 738)" fill="#fff" stroke="#05968F" stroke-width="2">
+      <circle cx="26.5" cy="26.5" r="26.5" stroke="none"/>
+      <circle cx="26.5" cy="26.5" r="25.5" fill="none"/>
+    </g>
+    <g id="subdirectory_arrow_right_black_24dp" transform="translate(316 753)">
+      <path id="Path_10833" data-name="Path 10833" d="M24,24H0V0H24Z" fill="none" opacity="0.87"/>
+      <path id="Path_10834" data-name="Path 10834" d="M19,15l-6,6-1.42-1.42L15.17,16H4V4H6V14h9.17l-3.59-3.58L13,9Z" fill="#05968F"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/notification_icon.svg b/src/assets/performics/notification_icon.svg
new file mode 100644
index 0000000..cd9db3b
--- /dev/null
+++ b/src/assets/performics/notification_icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.934" height="17.582" viewBox="0 0 14.934 17.582">
+  <g id="Layer_x0020_1" transform="translate(0.086 0.76)">
+    <g id="_1591421611472" transform="translate(0 -0.01)">
+      <path id="Path_7580" data-name="Path 7580" d="M15.675,1.373a4.675,4.675,0,0,0-2.1.88,4.454,4.454,0,0,0-.92.9c-2.1,2.834.136,4.848-2.014,7.6-.47.6-.889.623-.98,1.408A1.2,1.2,0,0,0,10.806,13.4H21.925a1.205,1.205,0,0,0,1.154-1.217c-.085-1.08-1.208-1.019-1.818-2.988-.593-1.917.513-3.762-1.18-6.044A1.343,1.343,0,0,0,19.954,3a4.343,4.343,0,0,0-.775-.733,2.868,2.868,0,0,0-.354-.243,4.683,4.683,0,0,0-1.769-.649c0-.66.1-1.382-.753-1.382a.648.648,0,0,0-.575.43,3.451,3.451,0,0,0-.053.952Z" transform="translate(-8.985 0.01)" fill="#05968F" stroke="#fff" stroke-width="1.5" fill-rule="evenodd"/>
+      <path id="Path_7581" data-name="Path 7581" d="M161.74,7.927c0,.463.193.479.43.763a7.377,7.377,0,0,1,.931,1.3c.072.142.132.22.2.366a7.793,7.793,0,0,1,.7,2.913c.007.088-.007.194,0,.278a.673.673,0,0,0,.594.537.613.613,0,0,0,.588-.228.678.678,0,0,0,.165-.525A8.249,8.249,0,0,0,163.275,7.9c-.272-.338-.469-.6-.907-.6a.658.658,0,0,0-.628.628Z" transform="translate(-150.59 -6.796)" fill="#fff" fill-rule="evenodd"/>
+      <path id="Path_7582" data-name="Path 7582" d="M0,13.33a.686.686,0,0,0,.565.753H.753a.677.677,0,0,0,.589-.509l.072-1.058a7.186,7.186,0,0,1,.473-1.789A6.968,6.968,0,0,1,3.07,8.83c.063-.068.067-.09.126-.156.212-.241.416-.314.416-.746A.657.657,0,0,0,2.889,7.3c-.325,0-.494.259-.668.432a1.026,1.026,0,0,0-.13.152c-.054.07-.081.085-.134.148A8.449,8.449,0,0,0,0,13.331Z" transform="translate(0 -6.796)" fill="#fff" fill-rule="evenodd"/>
+      <path id="Path_7583" data-name="Path 7583" d="M73.436,206.12a2.426,2.426,0,0,0,1.8-.623,2.555,2.555,0,0,0,.5-.6,3.855,3.855,0,0,0,.315-.785H71.08a2.784,2.784,0,0,0,.794,1.373A2.532,2.532,0,0,0,73.436,206.12Z" transform="translate(-66.18 -190.038)" fill="#05968F" stroke="#fff" stroke-width="1.5" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/oqad_graphic.svg b/src/assets/performics/oqad_graphic.svg
new file mode 100644
index 0000000..22236db
--- /dev/null
+++ b/src/assets/performics/oqad_graphic.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="192.351" height="126" viewBox="0 0 192.351 126">
+  <g id="Group_14201" data-name="Group 14201" transform="translate(-91.324 -5)">
+    <path id="Path_10042" data-name="Path 10042" d="M2255.17,766.284l-9.829-101.565h63.705V766.284Z" transform="translate(-2154.016 -636)" fill="#6277e4" opacity="0.35"/>
+    <rect id="Rectangle_17368" data-name="Rectangle 17368" width="61" height="126" transform="translate(154.984 5)" fill="#c8e3ff"/>
+    <path id="Path_10043" data-name="Path 10043" d="M2371,692.272h67.692L2426.6,766.5H2371Z" transform="translate(-2155.016 -636)" fill="#05968F"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/otp.svg b/src/assets/performics/otp.svg
new file mode 100644
index 0000000..2f9300c
--- /dev/null
+++ b/src/assets/performics/otp.svg
@@ -0,0 +1,1397 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="259.767" height="205.751" viewBox="0 0 259.767 205.751">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.022" y1="0.5" x2="0.982" y2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#92CBC8"/>
+      <stop offset="1" stop-color="#05968F"/>
+    </linearGradient>
+    <filter id="Rectangle_17325" x="60.767" y="108.549" width="123" height="58" filterUnits="userSpaceOnUse">
+      <feOffset dy="4" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7" result="blur"/>
+      <feFlood flood-color="#92CBC8" flood-opacity="0.659"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_16324" data-name="Group 16324" transform="translate(-57.233 -191.249)">
+    <g id="Group_14191" data-name="Group 14191" transform="translate(0 -24.202)">
+      <path id="Path_2932" data-name="Path 2932" d="M282.015,267.793a42.592,42.592,0,0,1-3.707,7.129,30.675,30.675,0,0,1-2.245,3.088.158.158,0,0,1-.025.027H25l.034-.027c.226-.176,1.552-1.249,3.614-3.088,1.48-1.317,3.336-3.029,5.421-5.089,17.052-16.772,49.808-56.471,22.528-92.839-25.36-33.808,1.945-39.943,19.957-40.659a51.46,51.46,0,0,1,20.3,3.318A180.342,180.342,0,0,0,140.2,149.886c.651.072,1.306.145,1.97.21a189.767,189.767,0,0,0,31.574.574h0c.309-.018.621-.041.935-.063a187.622,187.622,0,0,0,30.883-4.777c.657-.16,1.306-.312,1.952-.463,33.8-7.82,64.958,18.832,57.167,48.952-2.88,11.141-2.148,23.015,7.454,32.622C287.854,242.621,285.95,258.065,282.015,267.793Z" transform="translate(32.233 143.165)" fill="#ebf0f4" opacity="0.47"/>
+      <g id="Layer_x0020_1" transform="translate(81 215.441)">
+        <g id="_1627761470800" transform="translate(0 0.01)">
+          <g id="Group_10392" data-name="Group 10392" transform="translate(1.399 12.551)">
+            <g id="Group_10388" data-name="Group 10388" transform="translate(11.112)">
+              <g id="Group_10379" data-name="Group 10379">
+                <g id="Group_10373" data-name="Group 10373" transform="translate(-3)">
+                  <path id="Path_7255" data-name="Path 7255" d="M297.939,289.521a17.092,17.092,0,0,0-9.33,22.269l10.6,25.876,4.754-1.947-10.6-25.876a11.935,11.935,0,1,1,22.091-9.046l4.754-1.947a17.092,17.092,0,0,0-22.269-9.33Z" transform="translate(-284.336 -288.246)" fill="#92CBC8"/>
+                </g>
+                <g id="Group_10376" data-name="Group 10376" transform="translate(2.499 23.556)">
+                  <g id="Group_10375" data-name="Group 10375">
+                    <g id="Group_10374" data-name="Group 10374">
+                      <path id="Path_7256" data-name="Path 7256" d="M395.117,856.763l-37.5,15.354a2.748,2.748,0,0,1-3.585-1.5l-9.1-22.233a2.748,2.748,0,0,1,1.5-3.585l37.5-15.354a2.748,2.748,0,0,1,3.585,1.5l9.1,22.233A2.748,2.748,0,0,1,395.117,856.763Z" transform="translate(-344.726 -829.237)" fill="#92CBC8"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10378" data-name="Group 10378" transform="translate(23.244 37.693)">
+                  <g id="Group_10377" data-name="Group 10377">
+                    <path id="Path_7257" data-name="Path 7257" d="M828.555,1156.286a3.846,3.846,0,1,0-3.135,5.264l2.179,5.321,1.942-.8-2.179-5.322a3.834,3.834,0,0,0,1.193-4.468Z" transform="translate(-821.148 -1153.897)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10383" data-name="Group 10383" transform="translate(5.723 43.605)">
+                <g id="Group_10382" data-name="Group 10382">
+                  <g id="Group_10381" data-name="Group 10381">
+                    <g id="Group_10380" data-name="Group 10380">
+                      <path id="Path_7258" data-name="Path 7258" d="M427.1,1310.036c-.1.04-2.043-4.484-4.343-10.1s-4.088-10.209-3.99-10.249,2.042,4.483,4.344,10.1,4.087,10.208,3.99,10.248Z" transform="translate(-418.762 -1289.684)" fill="#f9f9f9"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10387" data-name="Group 10387" transform="translate(21.718 37.253)">
+                <g id="Group_10386" data-name="Group 10386">
+                  <g id="Group_10385" data-name="Group 10385">
+                    <g id="Group_10384" data-name="Group 10384">
+                      <path id="Path_7259" data-name="Path 7259" d="M790.567,1153.785a1.189,1.189,0,0,1-.514-.066,4.7,4.7,0,0,1-1.3-.559,5.39,5.39,0,0,1-1.292-8.21,4.7,4.7,0,0,1,1.065-.932c.285-.174.458-.24.469-.221a11.978,11.978,0,0,0-1.325,1.323,5.332,5.332,0,0,0,1.23,7.814,12.023,12.023,0,0,0,1.667.852Z" transform="translate(-786.113 -1143.793)" fill="#f9f9f9"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10389" data-name="Group 10389" transform="translate(5.576 51.238)">
+              <path id="Path_7260" data-name="Path 7260" d="M161.709,1465.651l.23-.671.441.556a2.97,2.97,0,0,0,1.363.964l.671.23-.556.441a2.969,2.969,0,0,0-.964,1.363l-.23.671-.44-.556a2.969,2.969,0,0,0-1.363-.964l-.671-.23.556-.441a2.967,2.967,0,0,0,.964-1.363Z" transform="translate(-160.19 -1464.98)" fill="#92CBC8"/>
+            </g>
+            <g id="Group_10390" data-name="Group 10390" transform="translate(28.661 25.132)">
+              <path id="Path_7261" data-name="Path 7261" d="M691.233,865.819l.134-.389.256.323a1.722,1.722,0,0,0,.792.56l.389.134-.323.256a1.721,1.721,0,0,0-.56.792l-.134.389-.256-.323a1.721,1.721,0,0,0-.792-.56l-.389-.134.323-.256a1.725,1.725,0,0,0,.56-.792Z" transform="translate(-690.35 -865.43)" fill="#92CBC8"/>
+            </g>
+            <g id="Group_10391" data-name="Group 10391" transform="translate(0 27.68)">
+              <path id="Path_7262" data-name="Path 7262" d="M34.682,925.077l.387-1.127.74.934a4.985,4.985,0,0,0,2.29,1.62l1.127.387-.934.74a4.988,4.988,0,0,0-1.62,2.29l-.387,1.127-.74-.934a4.988,4.988,0,0,0-2.29-1.62l-1.126-.387.934-.74a4.99,4.99,0,0,0,1.62-2.29Z" transform="translate(-32.13 -923.95)" fill="#92CBC8"/>
+            </g>
+          </g>
+          <g id="Group_10443" data-name="Group 10443" transform="translate(49.348 0)">
+            <g id="Group_10412" data-name="Group 10412">
+              <g id="Group_10398" data-name="Group 10398">
+                <g id="Group_10397" data-name="Group 10397">
+                  <g id="Group_10394" data-name="Group 10394">
+                    <g id="Group_10393" data-name="Group 10393">
+                      <path id="Path_7263" data-name="Path 7263" d="M1218.34,205.508l-69.819-.041a15.208,15.208,0,0,1-15.2-15.212l.034-175.039A15.209,15.209,0,0,1,1148.572.01l69.82.041a15.209,15.209,0,0,1,15.2,15.212l-.034,175.039a15.209,15.209,0,0,1-15.218,15.206Z" transform="translate(-1133.32 -0.01)" fill="#92CBC8"/>
+                    </g>
+                  </g>
+                  <g id="Group_10396" data-name="Group 10396" transform="translate(4.626 6.191)">
+                    <g id="Group_10395" data-name="Group 10395">
+                      <path id="Path_7264" data-name="Path 7264" d="M1319.941,142.231l-13.537-.008a3.363,3.363,0,0,0-3.287,3.434v2.455a3.362,3.362,0,0,1-3.287,3.434l-26.386-.016a3.366,3.366,0,0,1-3.287-3.438v-2.455a3.366,3.366,0,0,0-3.287-3.438l-4.761,0-11.848-.007a10.652,10.652,0,0,0-10.657,10.649l-.034,170.851a10.651,10.651,0,0,0,10.645,10.654l69.68.04a10.651,10.651,0,0,0,10.657-10.649l.034-170.851a10.652,10.652,0,0,0-10.645-10.654Z" transform="translate(-1239.57 -142.19)" fill="#fff"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10402" data-name="Group 10402" transform="translate(40.988 183.878)">
+                <g id="Group_10399" data-name="Group 10399" transform="translate(0 0.124)">
+                  <path id="Path_7265" data-name="Path 7265" d="M2077.324,4227.116a1.338,1.338,0,1,1-1.349-1.327A1.338,1.338,0,0,1,2077.324,4227.116Z" transform="translate(-2074.649 -4225.789)" fill="#263138"/>
+                </g>
+                <g id="Group_10400" data-name="Group 10400" transform="translate(7.495 0.062)">
+                  <path id="Path_7266" data-name="Path 7266" d="M2249.454,4225.686a1.338,1.338,0,1,1-1.348-1.327,1.338,1.338,0,0,1,1.348,1.327Z" transform="translate(-2246.779 -4224.359)" fill="#263138"/>
+                </g>
+                <g id="Group_10401" data-name="Group 10401" transform="translate(14.99)">
+                  <path id="Path_7267" data-name="Path 7267" d="M2421.575,4224.266a1.338,1.338,0,1,1-1.349-1.327,1.338,1.338,0,0,1,1.349,1.327Z" transform="translate(-2418.899 -4222.939)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10409" data-name="Group 10409" transform="translate(77.54 23.435)">
+                <g id="Group_10404" data-name="Group 10404">
+                  <g id="Group_10403" data-name="Group 10403">
+                    <path id="Path_7268" data-name="Path 7268" d="M2921.954,538.271c0,.041-1.76.088-3.931.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2921.954,538.23,2921.954,538.271Z" transform="translate(-2914.09 -538.223)" fill="#263138"/>
+                  </g>
+                </g>
+                <g id="Group_10406" data-name="Group 10406" transform="translate(0.017 2.012)">
+                  <g id="Group_10405" data-name="Group 10405">
+                    <path id="Path_7269" data-name="Path 7269" d="M2922.334,584.483c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.334,584.442,2922.334,584.483Z" transform="translate(-2914.47 -584.435)" fill="#263138"/>
+                  </g>
+                </g>
+                <g id="Group_10408" data-name="Group 10408" transform="translate(0.033 4.025)">
+                  <g id="Group_10407" data-name="Group 10407">
+                    <path id="Path_7270" data-name="Path 7270" d="M2922.714,630.7c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.714,630.662,2922.714,630.7Z" transform="translate(-2914.85 -630.655)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10411" data-name="Group 10411" transform="translate(13.799 23.231)">
+                <g id="Group_10410" data-name="Group 10410">
+                  <path id="Path_7271" data-name="Path 7271" d="M1450.306,540.11a1.369,1.369,0,0,1,.163-.01l.454-.014,1.681-.037-.042.042c-.006-.371-.012-.778-.019-1.217,0-.226-.019-.441,0-.7a.639.639,0,0,1,.558-.512c.269-.005.51-.017.8,0a.644.644,0,0,1,.544.641c.006.567.013,1.161.02,1.776l-.069-.068,2.118-.021-.072.073c-.007-.853-.015-1.735-.024-2.639q0-.338-.006-.672a.538.538,0,0,0-.086-.277,1.7,1.7,0,0,0-.215-.23l-.926-.913-.894-.881-.433-.428a1.013,1.013,0,0,0-.442-.329.576.576,0,0,0-.493.094c-.13.11-.266.263-.395.389l-.76.767c-.478.5-.975.95-1.338,1.381a1.505,1.505,0,0,0-.107.794q0,.395,0,.747c0,.46,0,.862-.006,1.2,0,.311-.005.565-.007.768,0,.177-.009.276-.009.276s-.008-.084-.013-.256c-.005-.2-.012-.451-.02-.758-.007-.344-.016-.748-.026-1.211,0-.239-.008-.492-.013-.76,0-.135,0-.274-.006-.416a.876.876,0,0,1,.116-.44c.39-.477.859-.9,1.341-1.414l.755-.772c.136-.133.248-.267.408-.4a.712.712,0,0,1,.607-.119,1.131,1.131,0,0,1,.5.362l.435.426.9.879.928.911a1.752,1.752,0,0,1,.235.255.689.689,0,0,1,.11.353q0,.336.006.675c.007.9.014,1.786.021,2.639v.073h-.072l-2.118.014h-.069v-.069c0-.615-.007-1.209-.01-1.776a.518.518,0,0,0-.435-.521c-.246-.013-.531,0-.77,0a.526.526,0,0,0-.463.418c-.02.216,0,.462-.009.678,0,.439,0,.846,0,1.217v.043h-.041l-1.706-.009-.446-.007a.866.866,0,0,1-.147-.007Z" transform="translate(-1450.23 -533.537)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10415" data-name="Group 10415" transform="translate(11.499 81.014)">
+              <g id="Group_10414" data-name="Group 10414">
+                <path id="Path_7280" data-name="Path 7280" d="M1475.642,1860.7c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1475.642,1860.635,1475.642,1860.7Z" transform="translate(-1397.41 -1860.58)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10417" data-name="Group 10417" transform="translate(9.666 153.033)">
+              <g id="Group_10416" data-name="Group 10416">
+                <path id="Path_7281" data-name="Path 7281" d="M1433.542,3514.683c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1433.542,3514.615,1433.542,3514.683Z" transform="translate(-1355.31 -3514.56)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10419" data-name="Group 10419" transform="translate(26.745 158.441)">
+              <g id="Group_10418" data-name="Group 10418">
+                <path id="Path_7282" data-name="Path 7282" d="M1791,3638.873c0,.068-9.729.123-21.728.123s-21.73-.055-21.73-.123,9.727-.123,21.73-.123S1791,3638.805,1791,3638.873Z" transform="translate(-1747.54 -3638.75)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10442" data-name="Group 10442" transform="translate(35.923 32.182)">
+              <g id="Group_10434" data-name="Group 10434">
+                <path id="Path_7298" data-name="Path 7298" d="M1986.755,753.322a14.212,14.212,0,1,1-14.212-14.212A14.212,14.212,0,0,1,1986.755,753.322Z" transform="translate(-1958.33 -739.11)" fill="#92CBC8"/>
+              </g>
+              <g id="Group_10441" data-name="Group 10441" transform="translate(9.519 7.529)">
+                <g id="Group_10435" data-name="Group 10435" transform="translate(1.955)">
+                  <path id="Path_7299" data-name="Path 7299" d="M2222.076,916.109h-.236v-1.327a2.772,2.772,0,1,1,5.545,0v1.081h-.237v-1.081a2.536,2.536,0,1,0-5.072,0Z" transform="translate(-2221.84 -912.01)" fill="#fff"/>
+                </g>
+                <g id="Group_10440" data-name="Group 10440" transform="translate(0 3.982)">
+                  <g id="Group_10436" data-name="Group 10436">
+                    <path id="Path_7300" data-name="Path 7300" d="M2185.157,1012.836h-7.048a1.171,1.171,0,0,1-1.169-1.169v-7.048a1.17,1.17,0,0,1,1.169-1.169h7.048a1.17,1.17,0,0,1,1.169,1.169v7.048A1.17,1.17,0,0,1,2185.157,1012.836Zm-7.048-9.15h0a.933.933,0,0,0-.933.932v7.048a.933.933,0,0,0,.933.933h7.048a.934.934,0,0,0,.933-.933v-7.048a.933.933,0,0,0-.933-.932Z" transform="translate(-2176.94 -1003.45)" fill="#fff"/>
+                  </g>
+                  <g id="Group_10439" data-name="Group 10439" transform="translate(3.621 2.711)">
+                    <g id="Group_10437" data-name="Group 10437">
+                      <path id="Path_7301" data-name="Path 7301" d="M2261.207,1067.933a1.106,1.106,0,1,1,1.107-1.106A1.108,1.108,0,0,1,2261.207,1067.933Zm0-1.976h0a.87.87,0,1,0,.87.87A.87.87,0,0,0,2261.207,1065.957Z" transform="translate(-2260.1 -1065.72)" fill="#fff"/>
+                    </g>
+                    <g id="Group_10438" data-name="Group 10438" transform="translate(0.954 2.044)">
+                      <path id="Path_7302" data-name="Path 7302" d="M2282.256,1114.657h-.236v-2h.236Z" transform="translate(-2282.02 -1112.66)" fill="#fff"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <text id="OTP" transform="translate(39.282 75)" fill="#3f5365" font-size="10" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">OTP</tspan></text>
+          </g>
+          <g id="Group_10934" data-name="Group 10934" transform="translate(0 205.505)">
+            <g id="Group_10933" data-name="Group 10933">
+              <path id="Path_7391" data-name="Path 7391" d="M205.3,4719.744c0,.067-45.961.123-102.643.123-56.7,0-102.653-.056-102.653-.123s45.951-.124,102.653-.124C159.334,4719.621,205.3,4719.675,205.3,4719.744Z" transform="translate(0 -4719.621)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10996" data-name="Group 10996" transform="translate(13.216 113.829)">
+            <g id="Group_10969" data-name="Group 10969" transform="translate(0 0.071)">
+              <g id="Group_10955" data-name="Group 10955">
+                <g id="Group_10936" data-name="Group 10936">
+                  <g id="Group_10935" data-name="Group 10935">
+                    <path id="Path_7392" data-name="Path 7392" d="M317.114,2642.423c4.5-6.885,4.328-16.95-1.048-23.177-1.669-1.932-4-3.612-6.545-3.395-2.6.223-4.7,2.457-5.5,4.948a16.2,16.2,0,0,0-.052,7.763c.652,3.6,1.743,7.288,4.242,9.963s5.687,5.651,8.9,3.9Z" transform="translate(-303.523 -2615.832)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10938" data-name="Group 10938" transform="translate(2.607 46.57)">
+                  <g id="Group_10937" data-name="Group 10937">
+                    <path id="Path_7393" data-name="Path 7393" d="M372.378,3698.3a10.29,10.29,0,0,0-2.869-11.685,4.326,4.326,0,0,0-3.68-1.156,3.574,3.574,0,0,0-2.383,3.047,8.471,8.471,0,0,0,.677,4,10.119,10.119,0,0,0,3.089,4.749c1.53,1.152,3.671,2.235,5.167,1.04Z" transform="translate(-363.4 -3685.366)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10940" data-name="Group 10940" transform="translate(22.177 40.432)">
+                  <g id="Group_10939" data-name="Group 10939">
+                    <path id="Path_7394" data-name="Path 7394" d="M813.1,3561.1a14.891,14.891,0,0,1,7.505-15.714c1.715-.892,3.827-1.42,5.555-.555a5.173,5.173,0,0,1,2.48,5.021,12.265,12.265,0,0,1-2.138,5.476c-1.467,2.351-3.268,4.638-5.775,5.82s-5.86,2.087-7.627-.047Z" transform="translate(-812.836 -3544.391)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10942" data-name="Group 10942" transform="translate(21.037 19.647)">
+                  <g id="Group_10941" data-name="Group 10941">
+                    <path id="Path_7395" data-name="Path 7395" d="M787.291,3088.042c-2.155-6.955,1.5-15.389,7.59-19.379,1.891-1.239,4.284-2.1,6.4-1.3,2.163.824,3.405,3.236,3.474,5.549a14.341,14.341,0,0,1-1.845,6.62c-1.431,2.907-3.257,5.778-6.035,7.446s-7.273,3.336-9.579,1.06Z" transform="translate(-786.668 -3067.054)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10945" data-name="Group 10945" transform="translate(17.328 45.666)">
+                  <g id="Group_10944" data-name="Group 10944">
+                    <g id="Group_10943" data-name="Group 10943">
+                      <path id="Path_7396" data-name="Path 7396" d="M701.47,3693.561a1.5,1.5,0,0,0,.071-.336c.038-.253.085-.575.145-.97q.044-.322.1-.7c.05-.256.1-.533.159-.827.113-.594.23-1.271.425-2.007q.134-.555.28-1.16l.364-1.241c.232-.863.575-1.756.9-2.707a47.433,47.433,0,0,1,6.163-11.483c.615-.794,1.17-1.573,1.761-2.243l.833-.989.811-.875c.505-.569,1.006-1.041,1.438-1.463l.6-.59.53-.469.729-.656a1.493,1.493,0,0,0,.242-.245,1.477,1.477,0,0,0-.279.2l-.766.616-.55.451-.62.574c-.445.413-.958.877-1.475,1.439l-.829.867-.851.983c-.6.668-1.168,1.446-1.793,2.24a45.39,45.39,0,0,0-6.2,11.551c-.316.959-.652,1.86-.875,2.732q-.181.648-.349,1.252l-.263,1.17c-.182.743-.286,1.426-.384,2.025-.048.3-.094.576-.136.835q-.039.383-.072.707c-.037.4-.066.723-.09.979a1.5,1.5,0,0,0-.011.343Z" transform="translate(-701.466 -3664.596)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10948" data-name="Group 10948" transform="translate(16.83 26.279)">
+                  <g id="Group_10947" data-name="Group 10947">
+                    <g id="Group_10946" data-name="Group 10946">
+                      <path id="Path_7397" data-name="Path 7397" d="M690.691,3268.947a.52.52,0,0,0,0-.139c-.008-.108-.018-.241-.03-.4q-.052-.566-.143-1.545c-.033-.337-.07-.71-.11-1.115s-.042-.854-.067-1.332c-.036-.956-.127-2.042-.093-3.247,0-.6.006-1.233.009-1.889s.069-1.338.1-2.044c.047-1.415.24-2.915.41-4.5a64.408,64.408,0,0,1,5.859-19.759c.719-1.419,1.376-2.781,2.108-3.994.357-.61.677-1.216,1.029-1.77l1.022-1.588c.628-1.028,1.3-1.889,1.848-2.67.281-.387.533-.754.782-1.08l.7-.875.962-1.218.245-.322a.484.484,0,0,0,.076-.116s-.037.029-.1.1l-.267.3-1.006,1.185-.722.861c-.256.321-.515.684-.8,1.067-.565.775-1.247,1.63-1.889,2.654l-1.042,1.584c-.359.553-.685,1.158-1.048,1.768-.744,1.212-1.411,2.576-2.141,4A62.946,62.946,0,0,0,690.5,3252.7c-.164,1.589-.347,3.1-.384,4.518-.028.709-.085,1.394-.085,2.053s.007,1.291.01,1.9c-.02,1.208.086,2.3.137,3.255.033.478.052.924.091,1.333s.095.778.136,1.116q.125.975.2,1.541c.024.16.043.292.059.4a.467.467,0,0,0,.03.135Z" transform="translate(-690.03 -3219.345)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10951" data-name="Group 10951" transform="translate(5.771 8.334)">
+                  <g id="Group_10950" data-name="Group 10950">
+                    <g id="Group_10949" data-name="Group 10949">
+                      <path id="Path_7398" data-name="Path 7398" d="M436.057,2807.237a.508.508,0,0,0,.057.128l.194.362.769,1.373c.165.3.364.623.555.992l.6,1.211.694,1.39c.235.5.458,1.035.706,1.593s.512,1.141.761,1.759l.748,1.939.393,1.022.362,1.071.754,2.235c.954,3.085,1.858,6.522,2.622,10.17.739,3.655,1.258,7.171,1.641,10.38.328,3.214.571,6.115.637,8.559.062,1.221.074,2.326.078,3.3s.019,1.807,0,2.491q-.014,1-.022,1.574c0,.166,0,.3,0,.41a.5.5,0,0,0,.011.14.516.516,0,0,0,.019-.139l.028-.409q.028-.576.078-1.574c.041-.684.054-1.521.054-2.494s.013-2.08-.035-3.3c-.04-2.449-.261-5.358-.576-8.582-.369-3.217-.881-6.744-1.622-10.409-.765-3.658-1.68-7.1-2.652-10.194l-.768-2.239-.37-1.072-.4-1.022-.765-1.939c-.256-.618-.533-1.2-.781-1.757s-.486-1.093-.727-1.589l-.717-1.385-.625-1.2c-.2-.366-.405-.687-.578-.982l-.819-1.348-.219-.346a.477.477,0,0,0-.083-.112Z" transform="translate(-436.056 -2807.237)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10954" data-name="Group 10954" transform="translate(7.3 50.584)">
+                  <g id="Group_10953" data-name="Group 10953">
+                    <g id="Group_10952" data-name="Group 10952">
+                      <path id="Path_7399" data-name="Path 7399" d="M471.176,3777.55a6.118,6.118,0,0,0,.479.84c.329.526.781,1.3,1.311,2.277s1.116,2.158,1.705,3.5a47.535,47.535,0,0,1,1.655,4.467c.494,1.618.869,3.186,1.154,4.623.27,1.441.459,2.748.566,3.852s.177,2,.2,2.62a6.059,6.059,0,0,0,.079.964,6.016,6.016,0,0,0,.036-.967c.01-.623-.023-1.525-.109-2.636a39.052,39.052,0,0,0-.506-3.883,40.038,40.038,0,0,0-2.827-9.149,38.932,38.932,0,0,0-1.772-3.491c-.556-.966-1.037-1.729-1.4-2.238a6.063,6.063,0,0,0-.575-.778Z" transform="translate(-471.175 -3777.55)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10957" data-name="Group 10957" transform="translate(6.399 71.531)">
+                <g id="Group_10956" data-name="Group 10956">
+                  <path id="Path_7400" data-name="Path 7400" d="M470.255,4258.609H450.48l2.393,20.2h14.919Z" transform="translate(-450.48 -4258.609)" fill="#323232"/>
+                </g>
+              </g>
+              <g id="Group_10959" data-name="Group 10959" transform="translate(7.064 89.548)">
+                <g id="Group_10958" data-name="Group 10958">
+                  <path id="Path_7401" data-name="Path 7401" d="M484.138,4672.39l-1.68,2.18h-14.98l-1.728-2.11Z" transform="translate(-465.75 -4672.39)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10962" data-name="Group 10962" transform="translate(7.169 77.324)">
+                <g id="Group_10961" data-name="Group 10961">
+                  <g id="Group_10960" data-name="Group 10960">
+                    <path id="Path_7402" data-name="Path 7402" d="M468.17,4391.8c0,.082,4.1.148,9.164.148s9.165-.066,9.165-.148-4.1-.147-9.165-.147S468.17,4391.717,468.17,4391.8Z" transform="translate(-468.17 -4391.65)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10965" data-name="Group 10965" transform="translate(7.169 78.669)">
+                <g id="Group_10964" data-name="Group 10964">
+                  <g id="Group_10963" data-name="Group 10963">
+                    <path id="Path_7403" data-name="Path 7403" d="M468.17,4422.687c0,.082,4.1.147,9.164.147s9.165-.066,9.165-.147-4.1-.147-9.165-.147S468.17,4422.605,468.17,4422.687Z" transform="translate(-468.17 -4422.54)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10968" data-name="Group 10968" transform="translate(7.416 79.971)">
+                <g id="Group_10967" data-name="Group 10967">
+                  <g id="Group_10966" data-name="Group 10966">
+                    <path id="Path_7404" data-name="Path 7404" d="M473.84,4452.577c0,.082,3.96.147,8.844.147s8.845-.066,8.845-.147-3.959-.147-8.845-.147S473.84,4452.5,473.84,4452.577Z" transform="translate(-473.84 -4452.429)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10971" data-name="Group 10971" transform="translate(23.148 28.074)">
+              <g id="Group_10970" data-name="Group 10970">
+                <path id="Path_7405" data-name="Path 7405" d="M835.137,3258.94a.686.686,0,0,0,0,.193c.012.148.027.329.045.548.051.506.12,1.186.2,2.012.181,1.7.444,4.042.746,6.63.012.1.023.2.034.289l.01.087h.088c2.541.039,4.827.064,6.478.072H844.7l.53-.01a.641.641,0,0,0,.185-.017.673.673,0,0,0-.184-.023l-.53-.027-1.952-.062c-1.651-.044-3.937-.091-6.477-.132l.1.088c-.011-.091-.022-.19-.034-.289-.3-2.588-.588-4.929-.8-6.623-.11-.824-.2-1.5-.266-2.005-.033-.217-.06-.4-.083-.544a.708.708,0,0,0-.042-.188Z" transform="translate(-835.133 -3258.939)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10973" data-name="Group 10973" transform="translate(27.629 22.033)">
+              <g id="Group_10972" data-name="Group 10972">
+                <path id="Path_7406" data-name="Path 7406" d="M938.06,3120.211a.726.726,0,0,0-.015.2c0,.153,0,.34,0,.567,0,.522.011,1.227.019,2.084.025,1.759.073,4.19.138,6.874,0,.108.005.217.008.317l0,.105.1-.008a61.719,61.719,0,0,1,6.649-.15c.848.026,1.532.06,2,.086l.544.026a.681.681,0,0,0,.191,0,.7.7,0,0,0-.187-.036c-.124-.016-.306-.04-.542-.063-.471-.049-1.156-.1-2.005-.149a52.531,52.531,0,0,0-6.67.09l.108.1c0-.1,0-.208-.008-.317-.066-2.684-.136-5.114-.2-6.873-.034-.856-.062-1.561-.083-2.083-.013-.227-.024-.414-.033-.566a.76.76,0,0,0-.025-.2Z" transform="translate(-938.04 -3120.21)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10975" data-name="Group 10975" transform="translate(31.213 19.976)">
+              <g id="Group_10974" data-name="Group 10974">
+                <path id="Path_7407" data-name="Path 7407" d="M1022.058,3072.97a3.5,3.5,0,0,0-.123.58c-.075.409-.174.944-.293,1.59-.256,1.342-.657,3.192-1.222,5.217l-.06.213.2-.1.237-.114a17.033,17.033,0,0,1,5.271-1.542c.7-.086,1.274-.118,1.669-.133a4.078,4.078,0,0,0,.616-.034.467.467,0,0,0-.159-.022c-.1-.006-.259-.02-.458-.021a14.189,14.189,0,0,0-1.684.069,16.027,16.027,0,0,0-5.342,1.5l-.24.116.141.116a50.731,50.731,0,0,0,1.166-5.246c.112-.676.187-1.223.232-1.6a3.3,3.3,0,0,0,.047-.591Z" transform="translate(-1020.36 -3072.97)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10977" data-name="Group 10977" transform="translate(4.986 52.646)">
+              <g id="Group_10976" data-name="Group 10976">
+                <path id="Path_7408" data-name="Path 7408" d="M418.031,3827.411c0,.031.573-.028,1.5-.065a25.183,25.183,0,0,1,3.6.118c.284.029.562.065.827.1l.094.013.017-.093c.213-1.2.393-2.25.512-3.006a8.172,8.172,0,0,0,.155-1.219,8.316,8.316,0,0,0-.284,1.2c-.154.75-.358,1.8-.579,2.994l.111-.08c-.268-.038-.548-.075-.834-.1a20.18,20.18,0,0,0-3.625-.06c-.463.036-.836.083-1.092.121a1.528,1.528,0,0,0-.395.085Z" transform="translate(-418.03 -3823.26)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10979" data-name="Group 10979" transform="translate(3.118 48.469)">
+              <g id="Group_10978" data-name="Group 10978">
+                <path id="Path_7409" data-name="Path 7409" d="M375.13,3731.956c.007.031.554-.1,1.449-.207a15.716,15.716,0,0,1,3.509-.035c.213.022.422.05.62.077l.1.014.01-.1c.125-1.229.226-2.318.289-3.1a8.415,8.415,0,0,0,.064-1.261,8.533,8.533,0,0,0-.2,1.248c-.1.779-.224,1.866-.354,3.094l.113-.088c-.2-.029-.412-.057-.628-.08a13.605,13.605,0,0,0-3.55.094c-.449.073-.808.156-1.054.221a1.457,1.457,0,0,0-.375.126Z" transform="translate(-375.129 -3727.34)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10981" data-name="Group 10981" transform="translate(1.779 12.675)">
+              <g id="Group_10980" data-name="Group 10980">
+                <path id="Path_7410" data-name="Path 7410" d="M344.378,2910.541a.936.936,0,0,0,.2.1l.578.257,2.138.91,7.084,2.935.382.157.09.037.039-.088,2.993-6.76.881-2.044.23-.558a.864.864,0,0,0,.068-.2.845.845,0,0,0-.1.184l-.263.543-.938,2.019-3.048,6.734.129-.052-.382-.156-7.106-2.88-2.163-.852-.592-.222a.883.883,0,0,0-.212-.065Z" transform="translate(-344.378 -2905.288)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10983" data-name="Group 10983" transform="translate(0.046 4.299)">
+              <g id="Group_10982" data-name="Group 10982">
+                <path id="Path_7411" data-name="Path 7411" d="M304.59,2718.005a.88.88,0,0,0,.174.128l.519.335,1.931,1.2,6.441,3.928.1.063.043-.114.117-.311,2.7-7.283.8-2.215.207-.606a.928.928,0,0,0,.059-.216.972.972,0,0,0-.1.2l-.242.593-.856,2.193-2.754,7.263-.117.311.146-.051-6.473-3.876-1.963-1.15-.538-.3a.936.936,0,0,0-.194-.095Z" transform="translate(-304.59 -2712.918)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10985" data-name="Group 10985" transform="translate(0.614)">
+              <g id="Group_10984" data-name="Group 10984">
+                <path id="Path_7412" data-name="Path 7412" d="M317.627,2619.025a2.8,2.8,0,0,0,.425.25c.278.153.68.38,1.167.682a20.842,20.842,0,0,1,3.584,2.8l.248.243-.083-.338c-.087-.354-.167-.727-.228-1.11a12.889,12.889,0,0,1,.28-5.269,15.043,15.043,0,0,1,.506-1.533,3.718,3.718,0,0,0,.212-.557,3.209,3.209,0,0,0-.283.525,11.6,11.6,0,0,0-.571,1.525,12.336,12.336,0,0,0-.341,5.339c.062.39.144.769.234,1.128l.165-.1a18.9,18.9,0,0,0-3.655-2.775c-.5-.289-.914-.5-1.2-.634a2.436,2.436,0,0,0-.457-.187Z" transform="translate(-317.627 -2614.197)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10987" data-name="Group 10987" transform="translate(23.176 49.166)">
+              <g id="Group_10986" data-name="Group 10986">
+                <path id="Path_7413" data-name="Path 7413" d="M835.787,3743.339a2.826,2.826,0,0,0,.091.511c.069.327.168.8.276,1.39a34.228,34.228,0,0,1,.531,4.684l0,.09.09.006.443.027c1.961.119,3.736.214,5.022.274l1.524.06a2.974,2.974,0,0,0,.56-.005,3.042,3.042,0,0,0-.556-.073l-1.52-.124c-1.284-.1-3.058-.214-5.019-.332l-.443-.027.094.1a28.833,28.833,0,0,0-.6-4.7c-.126-.589-.246-1.059-.338-1.381a2.6,2.6,0,0,0-.164-.494Z" transform="translate(-835.785 -3743.339)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10989" data-name="Group 10989" transform="translate(27.059 43.594)">
+              <g id="Group_10988" data-name="Group 10988">
+                <path id="Path_7414" data-name="Path 7414" d="M924.967,3615.38a2.669,2.669,0,0,0,.033.516c.042.367.1.838.16,1.405.144,1.189.356,2.842.606,4.694l.011.081.082,0,.637.042c2.009.136,3.821.344,5.13.514l1.55.208a.288.288,0,1,0,.013-.077c-.363-.072-.889-.168-1.543-.271-1.306-.207-3.121-.437-5.136-.574l-.638-.041.093.086c-.254-1.852-.49-3.5-.669-4.686-.089-.563-.163-1.032-.221-1.4a2.675,2.675,0,0,0-.106-.506Z" transform="translate(-924.962 -3615.38)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10991" data-name="Group 10991" transform="translate(31.634 41.195)">
+              <g id="Group_10990" data-name="Group 10990">
+                <path id="Path_7415" data-name="Path 7415" d="M1030.033,3560.28c-.029.007.091.543.233,1.426a25.505,25.505,0,0,1,.318,3.5l0,.111.111-.014.332-.042a30.778,30.778,0,0,1,3.735-.221l1.137.012a.211.211,0,1,0,0-.078c-.268-.028-.657-.059-1.139-.077a24.042,24.042,0,0,0-3.762.164l-.334.043.113.1a20.475,20.475,0,0,0-.382-3.52c-.089-.44-.175-.793-.242-1.034a1.475,1.475,0,0,0-.125-.368Z" transform="translate(-1030.029 -3560.279)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10993" data-name="Group 10993" transform="translate(5.582 46.766)">
+              <g id="Group_10992" data-name="Group 10992">
+                <path id="Path_7416" data-name="Path 7416" d="M431.732,3688.218a63.274,63.274,0,0,0,1.834,3.981,14.882,14.882,0,0,0-1.834-3.981Z" transform="translate(-431.728 -3688.217)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10995" data-name="Group 10995" transform="translate(3.101 49.359)">
+              <g id="Group_10994" data-name="Group 10994">
+                <path id="Path_7417" data-name="Path 7417" d="M374.729,3747.81a11.409,11.409,0,0,1,4.359,1.351,6.26,6.26,0,0,0-4.359-1.351Z" transform="translate(-374.729 -3747.769)" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10998" data-name="Group 10998" transform="translate(27.788 -573.451)">
+            <g transform="matrix(1, 0, 0, 1, -51.55, 573.45)" filter="url(#Rectangle_17325)">
+              <rect id="Rectangle_17325-2" data-name="Rectangle 17325" width="81" height="16" rx="8" transform="translate(81.77 125.55)" fill="url(#linear-gradient)"/>
+            </g>
+            <text id="Next" transform="translate(66.212 708)" fill="#fff" font-size="4" font-family="OpenSans-Semibold, Open Sans" font-weight="600"><tspan x="0" y="0">Next</tspan></text>
+          </g>
+          <g id="Group_11000" data-name="Group 11000" transform="translate(28 -452.451)">
+            <rect id="Rectangle_17326" data-name="Rectangle 17326" width="81" height="17" rx="3" transform="translate(30 550)" fill="#f7f8f8"/>
+            <text id="OTP-2" data-name="OTP" transform="translate(42 560)" fill="#323232" font-size="3" font-family="OpenSans-Regular, Open Sans"><tspan x="0" y="0">OTP</tspan></text>
+            <g id="person_outline_black_24dp" transform="translate(32.77 554.608)">
+              <path id="Path_7418" data-name="Path 7418" d="M0,0H7.784V7.784H0Z" fill="none" stroke="#f7f8f8" stroke-width="0.1"/>
+              <path id="Path_7419" data-name="Path 7419" d="M6.595,4.616a.681.681,0,1,1-.681.681.681.681,0,0,1,.681-.681m0,2.919c.963,0,1.978.474,1.978.681v.357H4.616V8.216c0-.208,1.015-.681,1.978-.681M6.595,4a1.3,1.3,0,1,0,1.3,1.3A1.3,1.3,0,0,0,6.595,4Zm0,2.919C5.729,6.919,4,7.354,4,8.216v.973H9.189V8.216C9.189,7.354,7.461,6.919,6.595,6.919Z" transform="translate(-2.703 -2.703)" fill="#323232" stroke="#f7f8f8" stroke-width="0.1"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g id="Group_10932" data-name="Group 10932" transform="translate(224.752 205.944)">
+      <g id="Group_10633" data-name="Group 10633" transform="translate(7.331 74.848)">
+        <g id="Group_10532" data-name="Group 10532" transform="translate(28.089 85.571)">
+          <g id="Group_10446" data-name="Group 10446">
+            <g id="Group_10445" data-name="Group 10445">
+              <g id="Group_10444" data-name="Group 10444">
+                <path id="Path_7303" data-name="Path 7303" d="M4134.018,4037.71l-8.927-20.59-10.24,6.573,10.86,18.822,5.445-2.441Z" transform="translate(-4114.851 -4017.12)" fill="#ffbd9c"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10531" data-name="Group 10531" transform="translate(9.52 19.442)">
+            <g id="Group_10530" data-name="Group 10530">
+              <g id="Group_10529" data-name="Group 10529">
+                <g id="Group_10459" data-name="Group 10459">
+                  <g id="Group_10458" data-name="Group 10458">
+                    <g id="Group_10457" data-name="Group 10457">
+                      <g id="Group_10456" data-name="Group 10456">
+                        <g id="Group_10455" data-name="Group 10455">
+                          <g id="Group_10454" data-name="Group 10454">
+                            <g id="Group_10453" data-name="Group 10453">
+                              <g id="Group_10452" data-name="Group 10452">
+                                <g id="Group_10451" data-name="Group 10451">
+                                  <g id="Group_10450" data-name="Group 10450">
+                                    <g id="Group_10449" data-name="Group 10449">
+                                      <g id="Group_10448" data-name="Group 10448">
+                                        <g id="Group_10447" data-name="Group 10447">
+                                          <path id="Path_7304" data-name="Path 7304" d="M4342.936,4463.63l.3.583s11.9-1.015,12.947.81l-19.695,9.8-2.994-6.687A12.583,12.583,0,0,0,4342.936,4463.63Z" transform="translate(-4333.49 -4463.63)" fill="#1e7dbd"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10473" data-name="Group 10473" transform="translate(2.756 5.41)">
+                  <g id="Group_10472" data-name="Group 10472">
+                    <g id="Group_10471" data-name="Group 10471">
+                      <g id="Group_10470" data-name="Group 10470">
+                        <g id="Group_10469" data-name="Group 10469">
+                          <g id="Group_10468" data-name="Group 10468">
+                            <g id="Group_10467" data-name="Group 10467">
+                              <g id="Group_10466" data-name="Group 10466">
+                                <g id="Group_10465" data-name="Group 10465">
+                                  <g id="Group_10464" data-name="Group 10464">
+                                    <g id="Group_10463" data-name="Group 10463">
+                                      <g id="Group_10462" data-name="Group 10462">
+                                        <g id="Group_10461" data-name="Group 10461">
+                                          <g id="Group_10460" data-name="Group 10460">
+                                            <path id="Path_7305" data-name="Path 7305" d="M4397.057,4588.077a.9.9,0,0,0-.1,1.195.864.864,0,0,0,1.183.109.947.947,0,0,0,.1-1.266.9.9,0,0,0-1.243.023l.061-.061Z" transform="translate(-4396.775 -4587.876)" fill="rgba(255,255,255,0.6)"/>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10486" data-name="Group 10486" transform="translate(2.274 0.779)">
+                  <g id="Group_10485" data-name="Group 10485">
+                    <g id="Group_10484" data-name="Group 10484">
+                      <g id="Group_10483" data-name="Group 10483">
+                        <g id="Group_10482" data-name="Group 10482">
+                          <g id="Group_10481" data-name="Group 10481">
+                            <g id="Group_10480" data-name="Group 10480">
+                              <g id="Group_10479" data-name="Group 10479">
+                                <g id="Group_10478" data-name="Group 10478">
+                                  <g id="Group_10477" data-name="Group 10477">
+                                    <g id="Group_10476" data-name="Group 10476">
+                                      <g id="Group_10475" data-name="Group 10475">
+                                        <g id="Group_10474" data-name="Group 10474">
+                                          <path id="Path_7306" data-name="Path 7306" d="M4386.431,4491.94l-.721-1.608,19.14-8.806s1.066-.055,1.275.612l-19.7,9.8Z" transform="translate(-4385.71 -4481.525)" fill="rgba(255,255,255,0.6)"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10500" data-name="Group 10500" transform="translate(8.519 0.578)">
+                  <g id="Group_10499" data-name="Group 10499">
+                    <g id="Group_10498" data-name="Group 10498">
+                      <g id="Group_10497" data-name="Group 10497">
+                        <g id="Group_10496" data-name="Group 10496">
+                          <g id="Group_10495" data-name="Group 10495">
+                            <g id="Group_10494" data-name="Group 10494">
+                              <g id="Group_10493" data-name="Group 10493">
+                                <g id="Group_10492" data-name="Group 10492">
+                                  <g id="Group_10491" data-name="Group 10491">
+                                    <g id="Group_10490" data-name="Group 10490">
+                                      <g id="Group_10489" data-name="Group 10489">
+                                        <g id="Group_10488" data-name="Group 10488">
+                                          <g id="Group_10487" data-name="Group 10487">
+                                            <path id="Path_7307" data-name="Path 7307" d="M4530.451,4476.92c.044.1-.415.38-.734.926s-.37,1.074-.478,1.08c-.1.026-.24-.621.157-1.273s1.031-.831,1.054-.732Z" transform="translate(-4529.132 -4476.895)" fill="#263138"/>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10514" data-name="Group 10514" transform="translate(11.528 0.414)">
+                  <g id="Group_10513" data-name="Group 10513">
+                    <g id="Group_10512" data-name="Group 10512">
+                      <g id="Group_10511" data-name="Group 10511">
+                        <g id="Group_10510" data-name="Group 10510">
+                          <g id="Group_10509" data-name="Group 10509">
+                            <g id="Group_10508" data-name="Group 10508">
+                              <g id="Group_10507" data-name="Group 10507">
+                                <g id="Group_10506" data-name="Group 10506">
+                                  <g id="Group_10505" data-name="Group 10505">
+                                    <g id="Group_10504" data-name="Group 10504">
+                                      <g id="Group_10503" data-name="Group 10503">
+                                        <g id="Group_10502" data-name="Group 10502">
+                                          <g id="Group_10501" data-name="Group 10501">
+                                            <path id="Path_7308" data-name="Path 7308" d="M4599.047,4473.152c.068.083-.266.453-.391,1.022-.141.566,0,1.046-.1,1.09-.083.061-.43-.47-.262-1.175S4599,4473.062,4599.047,4473.152Z" transform="translate(-4598.247 -4473.137)" fill="#263138"/>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10528" data-name="Group 10528" transform="translate(14.266 0.29)">
+                  <g id="Group_10527" data-name="Group 10527">
+                    <g id="Group_10526" data-name="Group 10526">
+                      <g id="Group_10525" data-name="Group 10525">
+                        <g id="Group_10524" data-name="Group 10524">
+                          <g id="Group_10523" data-name="Group 10523">
+                            <g id="Group_10522" data-name="Group 10522">
+                              <g id="Group_10521" data-name="Group 10521">
+                                <g id="Group_10520" data-name="Group 10520">
+                                  <g id="Group_10519" data-name="Group 10519">
+                                    <g id="Group_10518" data-name="Group 10518">
+                                      <g id="Group_10517" data-name="Group 10517">
+                                        <g id="Group_10516" data-name="Group 10516">
+                                          <g id="Group_10515" data-name="Group 10515">
+                                            <path id="Path_7309" data-name="Path 7309" d="M4661.6,4472.312c-.077.064-.451-.35-.465-1s.33-1.083.411-1.023-.058.48-.037,1.013.182.952.091,1.009Z" transform="translate(-4661.132 -4470.284)" fill="#263138"/>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10535" data-name="Group 10535" transform="translate(18.771 87.295)">
+          <g id="Group_10534" data-name="Group 10534">
+            <g id="Group_10533" data-name="Group 10533">
+              <path id="Path_7310" data-name="Path 7310" d="M3912.558,4079.159l.341-22.439-12.038,1.775,2.15,21.625,5.967.016Z" transform="translate(-3900.86 -4056.72)" fill="#ffbd9c"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10620" data-name="Group 10620" transform="translate(20.27 108.605)">
+          <g id="Group_10619" data-name="Group 10619">
+            <g id="Group_10618" data-name="Group 10618">
+              <g id="Group_10548" data-name="Group 10548" transform="translate(0)">
+                <g id="Group_10547" data-name="Group 10547">
+                  <g id="Group_10546" data-name="Group 10546">
+                    <g id="Group_10545" data-name="Group 10545">
+                      <g id="Group_10544" data-name="Group 10544">
+                        <g id="Group_10543" data-name="Group 10543">
+                          <g id="Group_10542" data-name="Group 10542">
+                            <g id="Group_10541" data-name="Group 10541">
+                              <g id="Group_10540" data-name="Group 10540">
+                                <g id="Group_10539" data-name="Group 10539">
+                                  <g id="Group_10538" data-name="Group 10538">
+                                    <g id="Group_10537" data-name="Group 10537">
+                                      <g id="Group_10536" data-name="Group 10536">
+                                        <path id="Path_7311" data-name="Path 7311" d="M3945.768,4546.12l.03.653s11.259,3.973,11.466,6.068l-21.984.825.024-7.327a12.586,12.586,0,0,0,10.463-.22Z" transform="translate(-3935.281 -4546.12)" fill="#1e7dbd"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10562" data-name="Group 10562" transform="translate(1.73 2.43)">
+                <g id="Group_10561" data-name="Group 10561">
+                  <g id="Group_10560" data-name="Group 10560">
+                    <g id="Group_10559" data-name="Group 10559">
+                      <g id="Group_10558" data-name="Group 10558">
+                        <g id="Group_10557" data-name="Group 10557">
+                          <g id="Group_10556" data-name="Group 10556">
+                            <g id="Group_10555" data-name="Group 10555">
+                              <g id="Group_10554" data-name="Group 10554">
+                                <g id="Group_10553" data-name="Group 10553">
+                                  <g id="Group_10552" data-name="Group 10552">
+                                    <g id="Group_10551" data-name="Group 10551">
+                                      <g id="Group_10550" data-name="Group 10550">
+                                        <g id="Group_10549" data-name="Group 10549">
+                                          <path id="Path_7312" data-name="Path 7312" d="M3975.617,4601.976a.9.9,0,0,0-.582,1.048.864.864,0,0,0,1.033.586.948.948,0,0,0,.611-1.113.9.9,0,0,0-1.143-.49Z" transform="translate(-3975.009 -4601.932)" fill="rgba(255,255,255,0.6)"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10575" data-name="Group 10575" transform="translate(0 5.638)">
+                <g id="Group_10574" data-name="Group 10574">
+                  <g id="Group_10573" data-name="Group 10573">
+                    <g id="Group_10572" data-name="Group 10572">
+                      <g id="Group_10571" data-name="Group 10571">
+                        <g id="Group_10570" data-name="Group 10570">
+                          <g id="Group_10569" data-name="Group 10569">
+                            <g id="Group_10568" data-name="Group 10568">
+                              <g id="Group_10567" data-name="Group 10567">
+                                <g id="Group_10566" data-name="Group 10566">
+                                  <g id="Group_10565" data-name="Group 10565">
+                                    <g id="Group_10564" data-name="Group 10564">
+                                      <g id="Group_10563" data-name="Group 10563">
+                                        <path id="Path_7313" data-name="Path 7313" d="M3935.28,4677.518l.006-1.762,21.068-.146s.995.389.91,1.083l-21.984.825Z" transform="translate(-3935.28 -4675.61)" fill="rgba(255,255,255,0.6)"/>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10589" data-name="Group 10589" transform="translate(8.638 0.624)">
+                <g id="Group_10588" data-name="Group 10588">
+                  <g id="Group_10587" data-name="Group 10587">
+                    <g id="Group_10586" data-name="Group 10586">
+                      <g id="Group_10585" data-name="Group 10585">
+                        <g id="Group_10584" data-name="Group 10584">
+                          <g id="Group_10583" data-name="Group 10583">
+                            <g id="Group_10582" data-name="Group 10582">
+                              <g id="Group_10581" data-name="Group 10581">
+                                <g id="Group_10580" data-name="Group 10580">
+                                  <g id="Group_10579" data-name="Group 10579">
+                                    <g id="Group_10578" data-name="Group 10578">
+                                      <g id="Group_10577" data-name="Group 10577">
+                                        <g id="Group_10576" data-name="Group 10576">
+                                          <path id="Path_7314" data-name="Path 7314" d="M4135.621,4560.532c0,.107-.535.176-1.05.542s-.78.827-.88.788c-.1-.017.036-.666.667-1.1s1.281-.333,1.262-.233Z" transform="translate(-4133.662 -4560.444)" fill="#263138"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10603" data-name="Group 10603" transform="translate(11.534 1.539)">
+                <g id="Group_10602" data-name="Group 10602">
+                  <g id="Group_10601" data-name="Group 10601">
+                    <g id="Group_10600" data-name="Group 10600">
+                      <g id="Group_10599" data-name="Group 10599">
+                        <g id="Group_10598" data-name="Group 10598">
+                          <g id="Group_10597" data-name="Group 10597">
+                            <g id="Group_10596" data-name="Group 10596">
+                              <g id="Group_10595" data-name="Group 10595">
+                                <g id="Group_10594" data-name="Group 10594">
+                                  <g id="Group_10593" data-name="Group 10593">
+                                    <g id="Group_10592" data-name="Group 10592">
+                                      <g id="Group_10591" data-name="Group 10591">
+                                        <g id="Group_10590" data-name="Group 10590">
+                                          <path id="Path_7315" data-name="Path 7315" d="M4201.57,4581.514c.028.1-.43.3-.777.771s-.435.952-.542.951c-.1.021-.2-.6.245-1.178s1.068-.646,1.074-.543Z" transform="translate(-4200.165 -4581.475)" fill="#263138"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10617" data-name="Group 10617" transform="translate(14.206 2.406)">
+                <g id="Group_10616" data-name="Group 10616">
+                  <g id="Group_10615" data-name="Group 10615">
+                    <g id="Group_10614" data-name="Group 10614">
+                      <g id="Group_10613" data-name="Group 10613">
+                        <g id="Group_10612" data-name="Group 10612">
+                          <g id="Group_10611" data-name="Group 10611">
+                            <g id="Group_10610" data-name="Group 10610">
+                              <g id="Group_10609" data-name="Group 10609">
+                                <g id="Group_10608" data-name="Group 10608">
+                                  <g id="Group_10607" data-name="Group 10607">
+                                    <g id="Group_10606" data-name="Group 10606">
+                                      <g id="Group_10605" data-name="Group 10605">
+                                        <g id="Group_10604" data-name="Group 10604">
+                                          <path id="Path_7316" data-name="Path 7316" d="M4261.677,4603.27c-.1.026-.266-.5-.013-1.1s.747-.852.8-.764c.064.086-.25.414-.451.909s-.226.943-.332.958Z" transform="translate(-4261.531 -4601.387)" fill="#263138"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10632" data-name="Group 10632">
+          <g id="Group_10621" data-name="Group 10621" transform="translate(0.674 0.571)">
+            <path id="Path_7317" data-name="Path 7317" d="M3506.384,2082.7l-.448-17.668-17.2.905-.559,2.09a94.5,94.5,0,0,0-2.251,9.837c-1.154,7.4-1.018,14.138,1.883,22.048s7.462,22.959,7.462,22.959l17.063,47.124,19.867-6.531Z" transform="translate(-3485.252 -2065.03)" fill="#131d3d"/>
+          </g>
+          <g id="Group_10623" data-name="Group 10623" transform="translate(16.093)">
+            <g id="Group_10622" data-name="Group 10622">
+              <path id="Path_7318" data-name="Path 7318" d="M3855.483,2051.911l1.5,4.891c2.2,1.4,5.763,8.374,6.091,11.221a162.314,162.314,0,0,1,.3,24.022c-.55,9.4-5.205,64.409-5.205,64.409l-18.8.989,1.959-88.95.826-15.882,13.328-.7Z" transform="translate(-3839.37 -2051.911)" fill="#22325e"/>
+            </g>
+          </g>
+          <g id="Group_10626" data-name="Group 10626" transform="translate(0 8.015)">
+            <g id="Group_10625" data-name="Group 10625">
+              <g id="Group_10624" data-name="Group 10624">
+                <path id="Path_7319" data-name="Path 7319" d="M3469.769,2243a2.889,2.889,0,0,0,.65.193,10.613,10.613,0,0,0,1.833.247,11.943,11.943,0,0,0,10.512-5.211,10.73,10.73,0,0,0,.913-1.608,2.86,2.86,0,0,0,.24-.634c-.048-.024-.4.883-1.305,2.135a12.308,12.308,0,0,1-10.354,5.132,24.878,24.878,0,0,1-2.489-.254Z" transform="translate(-3469.769 -2235.989)" fill="#445964"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10629" data-name="Group 10629" transform="translate(31.485 5.582)">
+            <g id="Group_10628" data-name="Group 10628">
+              <g id="Group_10627" data-name="Group 10627">
+                <path id="Path_7320" data-name="Path 7320" d="M4192.864,2180.1a1.312,1.312,0,0,0,.107.408,9.421,9.421,0,0,0,.435,1.063,13.686,13.686,0,0,0,4.959,5.626,9.468,9.468,0,0,0,1,.565,1.3,1.3,0,0,0,.392.157c.021-.039-.5-.326-1.288-.877a15.758,15.758,0,0,1-4.9-5.555c-.448-.847-.667-1.4-.708-1.387Z" transform="translate(-4192.86 -2180.1)" fill="#445964"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10631" data-name="Group 10631" transform="translate(11.839 20.599)">
+            <g id="Group_10630" data-name="Group 10630">
+              <path id="Path_7321" data-name="Path 7321" d="M3752.463,2524.98s.047.123.126.366l.346,1.083,1.306,4.17c1.126,3.631,2.752,8.873,4.76,15.349,4.08,12.94,9.258,30.965,16.2,50.474l2.364,6.922.041.12-.121.04-19.869,6.522-.108.035-.038-.107-11.421-31.677-3.251-9.077-.855-2.417c-.094-.27-.165-.477-.216-.624s-.067-.214-.067-.214.032.069.085.207l.234.617.89,2.4,3.314,9.054,11.507,31.645-.146-.071,19.864-6.54-.08.16-2.366-6.923c-6.944-19.512-12.095-37.546-16.131-50.5l-4.684-15.373c-.546-1.812-.971-3.22-1.262-4.184q-.209-.711-.322-1.09c-.071-.246-.1-.374-.1-.374Z" transform="translate(-3741.66 -2524.979)" fill="#445964"/>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g id="Group_10682" data-name="Group 10682" transform="translate(0 30.25)">
+        <g id="Group_10635" data-name="Group 10635" transform="translate(0 0)">
+          <g id="Group_10634" data-name="Group 10634">
+            <path id="Path_7322" data-name="Path 7322" d="M3348.274,1041.6s-.9-5.032-3.475-7.436-13.319-5.131-13.319-5.131.127,3.729-2.273,4.729a6.055,6.055,0,0,1-7.109-1.4,10.286,10.286,0,0,1-2.447-4.676s-12.731,1.858-14.546,5.309-3.7,16.55-3.7,16.55l11.536,1.821-.376,22.412,30.317-1.6-1.7-20.925,8.315.744-1.222-10.4Z" transform="translate(-3301.4 -1027.68)" fill="#05968F"/>
+          </g>
+        </g>
+        <g id="Group_10638" data-name="Group 10638" transform="translate(12.884 11.518)">
+          <g id="Group_10637" data-name="Group 10637">
+            <g id="Group_10636" data-name="Group 10636">
+              <path id="Path_7323" data-name="Path 7323" d="M3598.258,1304.98a1.9,1.9,0,0,0,.014-.506c-.008-.324-.028-.793-.059-1.373-.061-1.158-.164-2.756-.293-4.52s-.262-3.361-.37-4.515c-.055-.577-.1-1.045-.143-1.367a1.9,1.9,0,0,0-.088-.5,1.867,1.867,0,0,0-.015.5c.008.324.029.793.059,1.372.061,1.158.164,2.756.293,4.521s.262,3.361.37,4.516c.054.577.1,1.044.142,1.366a1.876,1.876,0,0,0,.088.5Z" transform="translate(-3597.302 -1292.2)" fill="#263138"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10641" data-name="Group 10641" transform="translate(39.677 13.593)">
+          <g id="Group_10640" data-name="Group 10640">
+            <g id="Group_10639" data-name="Group 10639">
+              <path id="Path_7324" data-name="Path 7324" d="M4215.01,1339.848c-.071-.017-.664,2.286-1.324,5.141s-1.138,5.184-1.068,5.2.664-2.285,1.324-5.141S4215.08,1339.864,4215.01,1339.848Z" transform="translate(-4212.611 -1339.848)" fill="#263138"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10644" data-name="Group 10644" transform="translate(4.938 4.427)">
+          <g id="Group_10643" data-name="Group 10643">
+            <g id="Group_10642" data-name="Group 10642">
+              <path id="Path_7325" data-name="Path 7325" d="M3414.8,1129.354c-.006.047.549.119,1.4.392a9.926,9.926,0,0,1,5.368,4.194c.47.759.674,1.28.719,1.262a1.146,1.146,0,0,0-.106-.38,6.317,6.317,0,0,0-.452-.976,9.059,9.059,0,0,0-5.475-4.278,6.283,6.283,0,0,0-1.056-.2,1.157,1.157,0,0,0-.4-.011Z" transform="translate(-3414.799 -1129.343)" fill="#263138"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10647" data-name="Group 10647" transform="translate(42.966 7.493)">
+          <g id="Group_10646" data-name="Group 10646">
+            <g id="Group_10645" data-name="Group 10645">
+              <path id="Path_7326" data-name="Path 7326" d="M4288.818,1199.756a10.512,10.512,0,1,0-.194,1.652,5.37,5.37,0,0,0,.194-1.652Z" transform="translate(-4288.146 -1199.755)" fill="#263138"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10648" data-name="Group 10648" transform="translate(2.052 22.182)">
+          <path id="Path_7327" data-name="Path 7327" d="M3348.531,1537.12s4.331,17.174,4.8,18.638,1.311,5.428,5.492,6.037c5.645.822,27.545-1.112,27.545-1.112l-4.414-5.021-19.48-4.373-3.288-12.488-10.655-1.682Z" transform="translate(-3348.53 -1537.12)" fill="#ffbd9c"/>
+        </g>
+        <g id="Group_10651" data-name="Group 10651" transform="translate(35.376 37.777)">
+          <g id="Group_10650" data-name="Group 10650">
+            <g id="Group_10649" data-name="Group 10649">
+              <path id="Path_7328" data-name="Path 7328" d="M4114.146,1895.258a1.225,1.225,0,0,0-.143.408,5.673,5.673,0,0,0-.159,1.169,6.684,6.684,0,0,0,.983,3.738,7.8,7.8,0,0,0,1.347,1.674,4.2,4.2,0,0,0,1.517.9,4.1,4.1,0,0,0,1.167.2,1.266,1.266,0,0,0,.431-.037,8.84,8.84,0,0,1-1.537-.337,4.264,4.264,0,0,1-1.415-.9,8.183,8.183,0,0,1-1.288-1.635,6.985,6.985,0,0,1-1.021-3.6c-.007-.976.164-1.57.116-1.58Z" transform="translate(-4113.837 -1895.258)" fill="#eb996e"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10653" data-name="Group 10653" transform="translate(0.686 17.903)">
+          <g id="Group_10652" data-name="Group 10652">
+            <path id="Path_7329" data-name="Path 7329" d="M3330.167,1441.054a2.083,2.083,0,0,1-.519-.051l-1.4-.2c-1.182-.171-2.82-.364-4.631-.6a45.976,45.976,0,0,1-4.611-.8c-.583-.14-1.051-.267-1.37-.372a2.083,2.083,0,0,1-.488-.182c.011-.039.727.147,1.9.38s2.8.491,4.606.725,3.448.455,4.626.672c.589.108,1.065.2,1.39.284A2.089,2.089,0,0,1,3330.167,1441.054Z" transform="translate(-3317.148 -1438.84)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10655" data-name="Group 10655" transform="translate(1.539 12.984)">
+          <g id="Group_10654" data-name="Group 10654">
+            <path id="Path_7330" data-name="Path 7330" d="M3348.013,1327.286a1.549,1.549,0,0,1-.449.024c-.288,0-.7-.012-1.219-.038-1.028-.05-2.447-.162-4.007-.357s-2.962-.436-3.972-.64c-.5-.1-.912-.192-1.191-.263a1.546,1.546,0,0,1-.428-.134,12.384,12.384,0,0,1,1.65.221c1.015.159,2.417.37,3.972.565s2.965.333,3.988.429a12.548,12.548,0,0,1,1.655.191Z" transform="translate(-3336.749 -1325.872)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10657" data-name="Group 10657" transform="translate(2.837 8.354)">
+          <g id="Group_10656" data-name="Group 10656">
+            <path id="Path_7331" data-name="Path 7331" d="M3375.548,1221.236a6.051,6.051,0,0,1-1.348-.011,28.061,28.061,0,0,1-6.383-1.2,6.077,6.077,0,0,1-1.26-.478,8.688,8.688,0,0,1,1.309.307c.8.207,1.914.475,3.155.708s2.373.386,3.2.484a8.7,8.7,0,0,1,1.332.188Z" transform="translate(-3366.557 -1219.542)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10659" data-name="Group 10659" transform="translate(9.331 3.84)">
+          <g id="Group_10658" data-name="Group 10658">
+            <path id="Path_7332" data-name="Path 7332" d="M3526.292,1115.875a9.287,9.287,0,0,1-1.52.452c-.948.243-2.265.549-3.729.841s-2.8.517-3.767.657a9.336,9.336,0,0,1-1.576.167,10.591,10.591,0,0,1,1.547-.343l3.747-.729,3.739-.768a10.581,10.581,0,0,1,1.56-.278Z" transform="translate(-3515.7 -1115.868)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10661" data-name="Group 10661" transform="translate(29.845 3.653)">
+          <g id="Group_10660" data-name="Group 10660">
+            <path id="Path_7333" data-name="Path 7333" d="M4000.388,1116.881a2.552,2.552,0,0,1-.542-.19l-1.444-.594c-1.218-.505-2.9-1.2-4.774-1.929s-3.581-1.363-4.818-1.817l-1.464-.543a.288.288,0,1,1,.031-.093c.355.1.865.261,1.492.467,1.254.411,2.974,1.018,4.851,1.75s3.552,1.453,4.753,2c.6.273,1.083.5,1.413.668a2.516,2.516,0,0,1,.5.28Z" transform="translate(-3986.818 -1111.577)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10663" data-name="Group 10663" transform="translate(13.16 10.301)">
+          <g id="Group_10662" data-name="Group 10662">
+            <path id="Path_7334" data-name="Path 7334" d="M3632.545,1267.333a1.347,1.347,0,0,1-.3-.031l-.838-.136-3.077-.537c-2.6-.454-6.186-1.084-10.176-1.565-2-.234-3.9-.4-5.643-.5s-3.307-.128-4.623-.107c-.658-.005-1.254.027-1.777.041s-.973.037-1.341.061l-.848.043a.149.149,0,1,1,0-.051l.845-.09c.367-.04.817-.08,1.341-.1s1.12-.073,1.781-.079c1.32-.044,2.894-.024,4.639.053s3.658.247,5.66.482c4,.482,7.589,1.141,10.178,1.64,1.295.25,2.341.463,3.063.616l.83.182a1.319,1.319,0,0,1,.286.081Z" transform="translate(-3603.63 -1264.255)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10665" data-name="Group 10665" transform="translate(13.61 18.142)">
+          <g id="Group_10664" data-name="Group 10664">
+            <path id="Path_7335" data-name="Path 7335" d="M3630.2,1447.294a3.207,3.207,0,0,1-.651-.015c-.417-.025-1.021-.077-1.765-.154-1.488-.153-3.539-.425-5.786-.834s-4.262-.88-5.708-1.262c-.723-.191-1.306-.355-1.706-.479a3.206,3.206,0,0,1-.614-.216,3.246,3.246,0,0,1,.639.121l1.723.4c1.455.337,3.47.778,5.711,1.187s4.281.707,5.761.905l1.754.233a3.278,3.278,0,0,1,.641.113Z" transform="translate(-3613.969 -1444.331)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10667" data-name="Group 10667" transform="translate(30.513 21.178)">
+          <g id="Group_10666" data-name="Group 10666">
+            <path id="Path_7336" data-name="Path 7336" d="M4011.776,1514.135a91.687,91.687,0,0,1-9.616.09,91.781,91.781,0,0,1,9.616-.091Z" transform="translate(-4002.16 -1514.046)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10669" data-name="Group 10669" transform="translate(13.709 25.038)">
+          <g id="Group_10668" data-name="Group 10668">
+            <path id="Path_7337" data-name="Path 7337" d="M3629.146,1605.723a2.123,2.123,0,0,1-.523-.024c-.335-.031-.819-.09-1.414-.175-1.191-.17-2.83-.459-4.618-.877s-3.386-.887-4.529-1.263c-.572-.188-1.031-.349-1.345-.47a.263.263,0,1,1,.031-.093l1.367.393c1.153.332,2.752.77,4.534,1.188s3.408.732,4.589.947l1.4.254a2.154,2.154,0,0,1,.51.121Z" transform="translate(-3616.237 -1602.7)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10671" data-name="Group 10671" transform="translate(27.483 27.212)">
+          <g id="Group_10670" data-name="Group 10670">
+            <path id="Path_7338" data-name="Path 7338" d="M3942.841,1653.979a7.938,7.938,0,0,1-1.523.016c-.94-.034-2.237-.129-3.661-.313s-2.7-.426-3.62-.633a7.9,7.9,0,0,1-1.469-.4,10.7,10.7,0,0,1,1.5.229c.923.162,2.2.373,3.618.558s2.706.305,3.64.385a10.663,10.663,0,0,1,1.512.162Z" transform="translate(-3932.569 -1652.638)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10673" data-name="Group 10673" transform="translate(15.485 33.381)">
+          <g id="Group_10672" data-name="Group 10672">
+            <path id="Path_7339" data-name="Path 7339" d="M3676.966,1795.648a.648.648,0,0,1-.192.078c-.129.041-.317.107-.566.171a18.382,18.382,0,0,1-2.129.442,27.756,27.756,0,0,1-7.16.06,56.038,56.038,0,0,1-7.04-1.32c-.889-.219-1.606-.407-2.1-.543a4.8,4.8,0,0,1-.761-.236,4.86,4.86,0,0,1,.784.141l2.117.465a68.306,68.306,0,0,0,7.027,1.243,30.237,30.237,0,0,0,7.108.014c.9-.115,1.631-.252,2.13-.361a5.656,5.656,0,0,1,.781-.153Z" transform="translate(-3657.019 -1794.297)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10675" data-name="Group 10675" transform="translate(41.555 16.889)">
+          <g id="Group_10674" data-name="Group 10674">
+            <path id="Path_7340" data-name="Path 7340" d="M4260.55,1415.648a14.916,14.916,0,0,1-2.4.2,9.467,9.467,0,0,1-2.41-.057,14.877,14.877,0,0,1,2.4-.2,9.462,9.462,0,0,1,2.41.057Z" transform="translate(-4255.741 -1415.559)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10677" data-name="Group 10677" transform="translate(43.11 10.982)">
+          <g id="Group_10676" data-name="Group 10676">
+            <path id="Path_7341" data-name="Path 7341" d="M4294.077,1280.135a6.887,6.887,0,1,1-1.3-.211A3.519,3.519,0,0,1,4294.077,1280.135Z" transform="translate(-4291.459 -1279.898)" fill="#11ace2"/>
+          </g>
+        </g>
+        <g id="Group_10679" data-name="Group 10679" transform="translate(25.701 19.832)">
+          <g id="Group_10678" data-name="Group 10678">
+            <path id="Path_7342" data-name="Path 7342" d="M3891.643,1491.788c-.023-.043.5-.3,1.2-.888a8.39,8.39,0,0,0,1.127-1.146,8.554,8.554,0,0,0,1.7-3.516,8.331,8.331,0,0,0,.2-1.6c.021-.919-.1-1.485-.052-1.494a1.271,1.271,0,0,1,.112.391,3.042,3.042,0,0,1,.075.471,5.115,5.115,0,0,1,.044.632,7.5,7.5,0,0,1-.148,1.644,8.124,8.124,0,0,1-1.745,3.615,7.509,7.509,0,0,1-1.2,1.138,5.084,5.084,0,0,1-.521.359,2.954,2.954,0,0,1-.416.234,1.276,1.276,0,0,1-.376.156Z" transform="translate(-3891.642 -1483.148)" fill="#263138"/>
+          </g>
+        </g>
+        <g id="Group_10681" data-name="Group 10681" transform="translate(22.985 23.867)">
+          <g id="Group_10680" data-name="Group 10680">
+            <path id="Path_7343" data-name="Path 7343" d="M3836.041,1575.81l-1.843,2.732a8.741,8.741,0,0,1-4.928,3.07,5.157,5.157,0,0,0,6.771-5.8Z" transform="translate(-3829.27 -1575.81)"/>
+          </g>
+        </g>
+      </g>
+      <g id="Group_10866" data-name="Group 10866" transform="translate(6.628)">
+        <g id="Group_10683" data-name="Group 10683" transform="translate(23.409 8.375)">
+          <path id="Path_7344" data-name="Path 7344" d="M3996.4,542.545a9.16,9.16,0,0,0,5.077-1.035,10.762,10.762,0,0,1-4.432-6.5,47.836,47.836,0,0,1-1.625-9.709l-4.189,18.621a11.278,11.278,0,0,0,6.647-.514,1.835,1.835,0,0,1-1.477-.861Z" transform="translate(-3991.23 -525.3)" fill="#263138"/>
+        </g>
+        <g id="Group_10684" data-name="Group 10684" transform="translate(3.525 17.993)">
+          <path id="Path_7345" data-name="Path 7345" d="M3547.658,756.039a13.121,13.121,0,0,1-1.013-6.657l-8.448-3.2a14.924,14.924,0,0,1-2.695,6.35c-.517.7-1.13,1.513-.888,2.348a1.765,1.765,0,0,0,1.31,1.12,5.209,5.209,0,0,0,1.8.022l-1.08,1.177a64.875,64.875,0,0,1,11.018-1.156Z" transform="translate(-3534.56 -746.18)" fill="#263138"/>
+        </g>
+        <g id="Group_10685" data-name="Group 10685" transform="translate(5.195)">
+          <path id="Path_7346" data-name="Path 7346" d="M3585.072,332.995c-2.664-.275-4.914.891-7.039,2.521a13.61,13.61,0,0,0-4.4,14.85,10.465,10.465,0,0,0,5.563,6.063,10.578,10.578,0,0,0,10.8-1.9,13.254,13.254,0,0,0,4.312-10.318,12.726,12.726,0,0,0-2.5-7.419,9.691,9.691,0,0,0-6.736-3.8Z" transform="translate(-3572.932 -332.954)" fill="#263138"/>
+        </g>
+        <g id="Group_10859" data-name="Group 10859" transform="translate(7.972 0.039)">
+          <g id="Group_10687" data-name="Group 10687" transform="translate(2.175)">
+            <g id="Group_10686" data-name="Group 10686">
+              <path id="Path_7347" data-name="Path 7347" d="M3686.934,343.311a14.619,14.619,0,0,0,.178-3.227,7.018,7.018,0,0,1,4.086-5.445,10.235,10.235,0,0,1,7-.33,9.4,9.4,0,0,1,4.579,2.574,7.406,7.406,0,0,1,1.792,6.547l-12.151-.965a13.448,13.448,0,0,1-3.49,2.639,2.494,2.494,0,0,1-1.243.283,1.123,1.123,0,0,1-.986-.711A2.378,2.378,0,0,1,3686.934,343.311Z" transform="translate(-3686.652 -333.86)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10689" data-name="Group 10689" transform="translate(2.122 3.721)">
+            <g id="Group_10688" data-name="Group 10688">
+              <path id="Path_7348" data-name="Path 7348" d="M3697.492,419.349l-10.362,2.914a1.968,1.968,0,0,0-1.706,2.041l1.615,22.733a7.075,7.075,0,0,0,1.762,4.191l1.087,1.227a5.2,5.2,0,0,0,8.617-1.212,2.494,2.494,0,0,0,.2-.611,4.688,4.688,0,0,0,.065-.52,16.471,16.471,0,0,0-.043-3.456c-.03-2.032-.052-2.865-.051-2.846,0,0,4.265-.825,5-6.438a59.742,59.742,0,0,0-.227-11.064c-.3-3.348-2.631-7.4-5.963-6.96Z" transform="translate(-3685.421 -419.316)" fill="#ffbd9c"/>
+            </g>
+          </g>
+          <g id="Group_10817" data-name="Group 10817" transform="translate(7.84 12.394)">
+            <g id="Group_10816" data-name="Group 10816">
+              <g id="Group_10721" data-name="Group 10721" transform="translate(8.556)">
+                <g id="Group_10704" data-name="Group 10704" transform="translate(0.335 1.271)">
+                  <g id="Group_10703" data-name="Group 10703">
+                    <g id="Group_10702" data-name="Group 10702">
+                      <g id="Group_10701" data-name="Group 10701">
+                        <g id="Group_10700" data-name="Group 10700">
+                          <g id="Group_10699" data-name="Group 10699">
+                            <g id="Group_10698" data-name="Group 10698">
+                              <g id="Group_10697" data-name="Group 10697">
+                                <g id="Group_10696" data-name="Group 10696">
+                                  <g id="Group_10695" data-name="Group 10695">
+                                    <g id="Group_10694" data-name="Group 10694">
+                                      <g id="Group_10693" data-name="Group 10693">
+                                        <g id="Group_10692" data-name="Group 10692">
+                                          <g id="Group_10691" data-name="Group 10691">
+                                            <g id="Group_10690" data-name="Group 10690">
+                                              <path id="Path_7349" data-name="Path 7349" d="M4022.35,648.313a.717.717,0,0,1-.672.742.686.686,0,0,1-.756-.627.717.717,0,0,1,.671-.742.686.686,0,0,1,.757.627Z" transform="translate(-4020.921 -647.684)" fill="#263138"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10720" data-name="Group 10720">
+                  <g id="Group_10719" data-name="Group 10719">
+                    <g id="Group_10718" data-name="Group 10718">
+                      <g id="Group_10717" data-name="Group 10717">
+                        <g id="Group_10716" data-name="Group 10716">
+                          <g id="Group_10715" data-name="Group 10715">
+                            <g id="Group_10714" data-name="Group 10714">
+                              <g id="Group_10713" data-name="Group 10713">
+                                <g id="Group_10712" data-name="Group 10712">
+                                  <g id="Group_10711" data-name="Group 10711">
+                                    <g id="Group_10710" data-name="Group 10710">
+                                      <g id="Group_10709" data-name="Group 10709">
+                                        <g id="Group_10708" data-name="Group 10708">
+                                          <g id="Group_10707" data-name="Group 10707">
+                                            <g id="Group_10706" data-name="Group 10706">
+                                              <g id="Group_10705" data-name="Group 10705">
+                                                <path id="Path_7350" data-name="Path 7350" d="M4016.068,619.217c-.086.1-.64-.292-1.411-.269s-1.327.423-1.413.331c-.042-.04.044-.212.286-.4a1.969,1.969,0,0,1,1.128-.381,1.892,1.892,0,0,1,1.127.331C4016.025,619.007,4016.111,619.174,4016.068,619.217Z" transform="translate(-4013.234 -618.5)" fill="#263138"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10753" data-name="Group 10753" transform="translate(0.977 0.345)">
+                <g id="Group_10736" data-name="Group 10736" transform="translate(0.612 1.31)">
+                  <g id="Group_10735" data-name="Group 10735">
+                    <g id="Group_10734" data-name="Group 10734">
+                      <g id="Group_10733" data-name="Group 10733">
+                        <g id="Group_10732" data-name="Group 10732">
+                          <g id="Group_10731" data-name="Group 10731">
+                            <g id="Group_10730" data-name="Group 10730">
+                              <g id="Group_10729" data-name="Group 10729">
+                                <g id="Group_10728" data-name="Group 10728">
+                                  <g id="Group_10727" data-name="Group 10727">
+                                    <g id="Group_10726" data-name="Group 10726">
+                                      <g id="Group_10725" data-name="Group 10725">
+                                        <g id="Group_10724" data-name="Group 10724">
+                                          <g id="Group_10723" data-name="Group 10723">
+                                            <g id="Group_10722" data-name="Group 10722">
+                                              <path id="Path_7351" data-name="Path 7351" d="M3854.669,657.143a.717.717,0,0,1-.672.742.686.686,0,0,1-.756-.627.717.717,0,0,1,.671-.742A.686.686,0,0,1,3854.669,657.143Z" transform="translate(-3853.24 -656.514)" fill="#263138"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10752" data-name="Group 10752">
+                  <g id="Group_10751" data-name="Group 10751">
+                    <g id="Group_10750" data-name="Group 10750">
+                      <g id="Group_10749" data-name="Group 10749">
+                        <g id="Group_10748" data-name="Group 10748">
+                          <g id="Group_10747" data-name="Group 10747">
+                            <g id="Group_10746" data-name="Group 10746">
+                              <g id="Group_10745" data-name="Group 10745">
+                                <g id="Group_10744" data-name="Group 10744">
+                                  <g id="Group_10743" data-name="Group 10743">
+                                    <g id="Group_10742" data-name="Group 10742">
+                                      <g id="Group_10741" data-name="Group 10741">
+                                        <g id="Group_10740" data-name="Group 10740">
+                                          <g id="Group_10739" data-name="Group 10739">
+                                            <g id="Group_10738" data-name="Group 10738">
+                                              <g id="Group_10737" data-name="Group 10737">
+                                                <path id="Path_7352" data-name="Path 7352" d="M3842.021,627.148c-.087.1-.641-.291-1.412-.269s-1.326.423-1.413.331c-.042-.041.043-.212.286-.4a1.965,1.965,0,0,1,1.127-.381,1.889,1.889,0,0,1,1.126.331c.241.175.326.343.284.386Z" transform="translate(-3839.186 -626.43)" fill="#263138"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10769" data-name="Group 10769" transform="translate(6.232 0.291)">
+                <g id="Group_10768" data-name="Group 10768">
+                  <g id="Group_10767" data-name="Group 10767">
+                    <g id="Group_10766" data-name="Group 10766">
+                      <g id="Group_10765" data-name="Group 10765">
+                        <g id="Group_10764" data-name="Group 10764">
+                          <g id="Group_10763" data-name="Group 10763">
+                            <g id="Group_10762" data-name="Group 10762">
+                              <g id="Group_10761" data-name="Group 10761">
+                                <g id="Group_10760" data-name="Group 10760">
+                                  <g id="Group_10759" data-name="Group 10759">
+                                    <g id="Group_10758" data-name="Group 10758">
+                                      <g id="Group_10757" data-name="Group 10757">
+                                        <g id="Group_10756" data-name="Group 10756">
+                                          <g id="Group_10755" data-name="Group 10755">
+                                            <g id="Group_10754" data-name="Group 10754">
+                                              <path id="Path_7353" data-name="Path 7353" d="M3960.384,631.6a5.116,5.116,0,0,1,1.246-.26c.2-.026.382-.07.411-.2a1,1,0,0,0-.146-.58q-.3-.708-.623-1.484a25.887,25.887,0,0,1-1.413-3.888,25.838,25.838,0,0,1,1.722,3.766q.313.782.6,1.494a1.138,1.138,0,0,1,.123.77.5.5,0,0,1-.316.3,1.335,1.335,0,0,1-.333.055,5.033,5.033,0,0,1-1.27.036Z" transform="translate(-3959.852 -625.178)" fill="#263138"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10784" data-name="Group 10784" transform="translate(0 14.024)">
+                <g id="Group_10783" data-name="Group 10783">
+                  <g id="Group_10782" data-name="Group 10782">
+                    <g id="Group_10781" data-name="Group 10781">
+                      <g id="Group_10780" data-name="Group 10780">
+                        <g id="Group_10779" data-name="Group 10779">
+                          <g id="Group_10778" data-name="Group 10778">
+                            <g id="Group_10777" data-name="Group 10777">
+                              <g id="Group_10776" data-name="Group 10776">
+                                <g id="Group_10775" data-name="Group 10775">
+                                  <g id="Group_10774" data-name="Group 10774">
+                                    <g id="Group_10773" data-name="Group 10773">
+                                      <g id="Group_10772" data-name="Group 10772">
+                                        <g id="Group_10771" data-name="Group 10771">
+                                          <g id="Group_10770" data-name="Group 10770">
+                                            <path id="Path_7354" data-name="Path 7354" d="M3824.279,942.378a14.227,14.227,0,0,1-7.539-1.8s1.985,3.819,7.565,3.147Z" transform="translate(-3816.74 -940.58)" fill="#eb996e"/>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10799" data-name="Group 10799" transform="translate(4.198 8.081)">
+                <g id="Group_10798" data-name="Group 10798">
+                  <g id="Group_10797" data-name="Group 10797">
+                    <g id="Group_10796" data-name="Group 10796">
+                      <g id="Group_10795" data-name="Group 10795">
+                        <g id="Group_10794" data-name="Group 10794">
+                          <g id="Group_10793" data-name="Group 10793">
+                            <g id="Group_10792" data-name="Group 10792">
+                              <g id="Group_10791" data-name="Group 10791">
+                                <g id="Group_10790" data-name="Group 10790">
+                                  <g id="Group_10789" data-name="Group 10789">
+                                    <g id="Group_10788" data-name="Group 10788">
+                                      <g id="Group_10787" data-name="Group 10787">
+                                        <g id="Group_10786" data-name="Group 10786">
+                                          <g id="Group_10785" data-name="Group 10785">
+                                            <path id="Path_7355" data-name="Path 7355" d="M3915.431,804.575a1.39,1.39,0,0,0-1.26-.483,1.272,1.272,0,0,0-.864.493.8.8,0,0,0-.037.921.934.934,0,0,0,1.018.229,2.926,2.926,0,0,0,.97-.614.856.856,0,0,0,.214-.234.258.258,0,0,0-.009-.287l-.034-.024Z" transform="translate(-3913.142 -804.08)" fill="#eb996e"/>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10815" data-name="Group 10815" transform="translate(4.393 7.302)">
+                <g id="Group_10814" data-name="Group 10814">
+                  <g id="Group_10813" data-name="Group 10813">
+                    <g id="Group_10812" data-name="Group 10812">
+                      <g id="Group_10811" data-name="Group 10811">
+                        <g id="Group_10810" data-name="Group 10810">
+                          <g id="Group_10809" data-name="Group 10809">
+                            <g id="Group_10808" data-name="Group 10808">
+                              <g id="Group_10807" data-name="Group 10807">
+                                <g id="Group_10806" data-name="Group 10806">
+                                  <g id="Group_10805" data-name="Group 10805">
+                                    <g id="Group_10804" data-name="Group 10804">
+                                      <g id="Group_10803" data-name="Group 10803">
+                                        <g id="Group_10802" data-name="Group 10802">
+                                          <g id="Group_10801" data-name="Group 10801">
+                                            <g id="Group_10800" data-name="Group 10800">
+                                              <path id="Path_7356" data-name="Path 7356" d="M3917.739,786.208c.125-.011.149.826.882,1.4s1.621.459,1.63.577c.013.052-.194.168-.571.188a2.084,2.084,0,0,1-1.36-.434,1.816,1.816,0,0,1-.685-1.177c-.042-.349.046-.559.1-.556Z" transform="translate(-3917.625 -786.208)" fill="#263138"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10831" data-name="Group 10831" transform="translate(8.207 10.581)">
+            <g id="Group_10830" data-name="Group 10830">
+              <g id="Group_10829" data-name="Group 10829">
+                <g id="Group_10828" data-name="Group 10828">
+                  <g id="Group_10827" data-name="Group 10827">
+                    <g id="Group_10826" data-name="Group 10826">
+                      <g id="Group_10825" data-name="Group 10825">
+                        <g id="Group_10824" data-name="Group 10824">
+                          <g id="Group_10823" data-name="Group 10823">
+                            <g id="Group_10822" data-name="Group 10822">
+                              <g id="Group_10821" data-name="Group 10821">
+                                <g id="Group_10820" data-name="Group 10820">
+                                  <g id="Group_10819" data-name="Group 10819">
+                                    <g id="Group_10818" data-name="Group 10818">
+                                      <path id="Path_7357" data-name="Path 7357" d="M3828.695,577.409c-.07.212-.844.133-1.745.266-.905.115-1.628.4-1.753.214-.056-.089.066-.289.356-.5a3.07,3.07,0,0,1,2.665-.366C3828.553,577.149,3828.725,577.309,3828.695,577.409Z" transform="translate(-3825.183 -576.869)" fill="#263138"/>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10845" data-name="Group 10845" transform="translate(16.285 8.98)">
+            <g id="Group_10844" data-name="Group 10844">
+              <g id="Group_10843" data-name="Group 10843">
+                <g id="Group_10842" data-name="Group 10842">
+                  <g id="Group_10841" data-name="Group 10841">
+                    <g id="Group_10840" data-name="Group 10840">
+                      <g id="Group_10839" data-name="Group 10839">
+                        <g id="Group_10838" data-name="Group 10838">
+                          <g id="Group_10837" data-name="Group 10837">
+                            <g id="Group_10836" data-name="Group 10836">
+                              <g id="Group_10835" data-name="Group 10835">
+                                <g id="Group_10834" data-name="Group 10834">
+                                  <g id="Group_10833" data-name="Group 10833">
+                                    <g id="Group_10832" data-name="Group 10832">
+                                      <path id="Path_7358" data-name="Path 7358" d="M4013.336,540.863c-.131.179-.667.011-1.306.02-.639-.014-1.177.149-1.307-.031-.057-.088.024-.265.256-.437a1.892,1.892,0,0,1,2.1.009c.23.174.31.353.252.44Z" transform="translate(-4010.706 -540.1)" fill="#263138"/>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10847" data-name="Group 10847" transform="translate(0.132 0.093)">
+            <g id="Group_10846" data-name="Group 10846">
+              <path id="Path_7359" data-name="Path 7359" d="M3640.029,343.847c.88-3.271,5.351-7.943,8.738-7.86l5.538,2.988a5.21,5.21,0,0,1-3.348,4.14c-.94.334-2.085.465-2.614,1.311-.541.863-.147,2.067-.646,2.954-.692,1.23-2.735,1.267-3.237,2.586-.219.576-.061,1.246-.29,1.819a3.628,3.628,0,0,1-2.948,1.584c-.794-.212-.856-1.545-1.144-2.232a3.7,3.7,0,0,1-.226-2.472C3640.12,347.071,3639.609,345.408,3640.029,343.847Z" transform="translate(-3639.736 -335.985)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10852" data-name="Group 10852" transform="translate(0 16.556)">
+            <g id="Group_10851" data-name="Group 10851">
+              <g id="Group_10850" data-name="Group 10850">
+                <g id="Group_10849" data-name="Group 10849">
+                  <g id="Group_10848" data-name="Group 10848">
+                    <path id="Path_7360" data-name="Path 7360" d="M3640.65,715.559c-.012-.416-.519-1.385-.932-1.438-1.1-.142-3.078,0-3.022,2.787.076,3.811,3.887,2.949,3.891,2.839,0-.085.1-2.751.063-4.188Z" transform="translate(-3636.695 -714.085)" fill="#ffbd9c"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10858" data-name="Group 10858" transform="translate(0.97 17.797)">
+            <g id="Group_10857" data-name="Group 10857">
+              <g id="Group_10856" data-name="Group 10856">
+                <g id="Group_10855" data-name="Group 10855">
+                  <g id="Group_10854" data-name="Group 10854">
+                    <g id="Group_10853" data-name="Group 10853">
+                      <path id="Path_7361" data-name="Path 7361" d="M3660.69,745.576c-.017-.012-.065.048-.176.1a.664.664,0,0,1-.5.02,1.643,1.643,0,0,1-.79-1.459,2.19,2.19,0,0,1,.167-.954.766.766,0,0,1,.489-.519.337.337,0,0,1,.4.174c.053.106.031.182.051.188s.08-.065.046-.222a.423.423,0,0,0-.154-.236.5.5,0,0,0-.369-.09.933.933,0,0,0-.681.6,2.26,2.26,0,0,0-.209,1.067,1.724,1.724,0,0,0,1,1.627.711.711,0,0,0,.605-.113c.116-.1.135-.182.121-.189Z" transform="translate(-3658.96 -742.574)" fill="#eb996e"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10860" data-name="Group 10860" transform="translate(0 4.951)">
+          <path id="Path_7362" data-name="Path 7362" d="M3461.134,448.772c-.065-1.19-1.6-1.87-2.777-2.063a4.955,4.955,0,0,0-3.382.878,2.439,2.439,0,0,0-1.263,1.581c-.092.691.618,1.461,1.253,1.174a2.258,2.258,0,1,0,2.434,3.711,5.045,5.045,0,0,1-1.8,2.827,5.665,5.665,0,0,0,5.535-8.107Z" transform="translate(-3453.615 -446.663)" fill="#263138"/>
+        </g>
+        <g id="Group_10862" data-name="Group 10862" transform="translate(0.883 18.676)">
+          <g id="Group_10861" data-name="Group 10861">
+            <path id="Path_7363" data-name="Path 7363" d="M3473.886,766.585c.019-.182.493-.264,1.173-.468a6.62,6.62,0,0,0,4.115-3.216c.362-.611.557-1.051.737-1.025.162.019.285.537.093,1.351a5.074,5.074,0,0,1-4.828,3.774c-.836-.01-1.31-.254-1.29-.416Z" transform="translate(-3473.885 -761.875)" fill="#263138"/>
+          </g>
+        </g>
+        <g id="Group_10864" data-name="Group 10864" transform="translate(5.034 5.966)">
+          <g id="Group_10863" data-name="Group 10863">
+            <path id="Path_7364" data-name="Path 7364" d="M3569.466,477.274a3.4,3.4,0,0,1-.217-1.131,8.388,8.388,0,0,1,1.409-5.306,3.4,3.4,0,0,1,.75-.875,10.439,10.439,0,0,0-1.942,7.312Z" transform="translate(-3569.224 -469.961)" fill="#ff725d"/>
+          </g>
+        </g>
+        <g id="Group_10865" data-name="Group 10865" transform="translate(21.493 1.922)">
+          <path id="Path_7365" data-name="Path 7365" d="M3947.22,377.224c.451,1.524,2.932,3.354,4.043,4.491,2.12,2.17,2.558,2.907,2.875,8.047a10.908,10.908,0,0,0,1.21-5.618,8.312,8.312,0,0,0-2.558-5.3A6.47,6.47,0,0,0,3947.22,377.224Z" transform="translate(-3947.22 -377.102)" fill="#263138"/>
+        </g>
+      </g>
+      <g id="Group_10931" data-name="Group 10931" transform="translate(35.485 37.918)">
+        <g id="Group_10872" data-name="Group 10872" transform="translate(0 3.531)">
+          <g id="Group_10868" data-name="Group 10868">
+            <g id="Group_10867" data-name="Group 10867">
+              <path id="Path_7366" data-name="Path 7366" d="M4133.837,1289.952s-2.545,10.572-3.592,15.138c-1.113,4.851-3.521,15.86-9.976,14.267-4.91-1.212-3.816-7.55-3.816-7.55l4.192-14.554,3.88.439,3.562-8.766,3.838-4.046,1.914,5.072Z" transform="translate(-4116.348 -1284.88)" fill="#ffbd9c"/>
+            </g>
+          </g>
+          <g id="Group_10871" data-name="Group 10871" transform="translate(1.453 12.676)">
+            <g id="Group_10870" data-name="Group 10870">
+              <g id="Group_10869" data-name="Group 10869">
+                <path id="Path_7367" data-name="Path 7367" d="M4150.087,1590.61a5.4,5.4,0,0,1-.126-2.355,7.338,7.338,0,0,1,.907-2.394,20.821,20.821,0,0,1,1.875-2.564,20.5,20.5,0,0,0,1.881-2.607,15.8,15.8,0,0,0,1.143-2.366,14.332,14.332,0,0,0,.532-1.687,2.634,2.634,0,0,0,.117-.638,3.7,3.7,0,0,0-.215.61c-.129.394-.32.964-.607,1.646a17.364,17.364,0,0,1-1.178,2.311,22.006,22.006,0,0,1-1.877,2.566,19.389,19.389,0,0,0-1.881,2.609,7.194,7.194,0,0,0-.88,2.486,4.581,4.581,0,0,0,.072,1.777,3.165,3.165,0,0,0,.157.458c.045.1.072.152.08.149Z" transform="translate(-4149.724 -1575.998)" fill="#eb996e"/>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10930" data-name="Group 10930" transform="translate(11.433)">
+          <g id="Group_10873" data-name="Group 10873">
+            <path id="Path_7368" data-name="Path 7368" d="M4378.91,1212.154c0-.186.093-3.264.155-4.071a4.16,4.16,0,0,1,.423-1.46,1.239,1.239,0,0,1,1.93-.342l.069.063a5.425,5.425,0,0,1,1.521-1.831c.9-.59,1.645-.993,2.421-.528a1.336,1.336,0,0,1,.745,1.118s1.149-.155,1.646.311,0,1.863,0,1.863,1.024-.311,1.272.435a2.056,2.056,0,0,1-.217,1.521s.807.249.9.838-.808,1.242-.808,1.242l-2.8,2.229A5.321,5.321,0,0,1,4384,1216.4c-1.949.751-5.092-4.246-5.092-4.246Z" transform="translate(-4378.91 -1203.782)" fill="#ffbd9c"/>
+          </g>
+          <g id="Group_10875" data-name="Group 10875" transform="translate(0.723 5.041)">
+            <g id="Group_10874" data-name="Group 10874">
+              <path id="Path_7369" data-name="Path 7369" d="M4396.916,1319.555c.03.013.025.118-.057.263a.995.995,0,0,1-1.136.437c-.158-.052-.233-.128-.219-.157.027-.065.385.05.771-.1s.577-.472.641-.441Z" transform="translate(-4395.502 -1319.553)" fill="#eb996e"/>
+            </g>
+          </g>
+          <g id="Group_10877" data-name="Group 10877" transform="translate(3.994 1.211)">
+            <g id="Group_10876" data-name="Group 10876">
+              <path id="Path_7370" data-name="Path 7370" d="M4471,1232.664c-.042.055-.309-.131-.358-.5s.156-.619.211-.577,0,.267.039.542.159.482.109.533Z" transform="translate(-4470.631 -1231.584)" fill="#eb996e"/>
+            </g>
+          </g>
+          <g id="Group_10879" data-name="Group 10879" transform="translate(4.469 3.486)">
+            <g id="Group_10878" data-name="Group 10878">
+              <path id="Path_7371" data-name="Path 7371" d="M4486.125,1283.849c.023.023-.2.287-.622.651a17.474,17.474,0,0,1-1.745,1.281,2.7,2.7,0,0,1-1.115.518,1.012,1.012,0,0,1-.966-.352.707.707,0,0,1-.076-.69c.077-.154.173-.19.18-.179s-.051.076-.088.213a.636.636,0,0,0,.126.549.847.847,0,0,0,.791.229,2.7,2.7,0,0,0,1.008-.5c.7-.464,1.332-.885,1.774-1.21a4.445,4.445,0,0,1,.733-.512Z" transform="translate(-4481.544 -1283.848)" fill="#eb996e"/>
+            </g>
+          </g>
+          <g id="Group_10881" data-name="Group 10881" transform="translate(5.203 5.457)">
+            <g id="Group_10880" data-name="Group 10880">
+              <path id="Path_7372" data-name="Path 7372" d="M4503.142,1329.121a17.835,17.835,0,0,1-2.674,1.358,2.708,2.708,0,0,1-1.159.34.914.914,0,0,1-.869-.516.535.535,0,0,1,0-.416.5.5,0,0,1,.2-.233c.154-.085.255-.039.249-.027s-.089.018-.193.108a.4.4,0,0,0-.091.5.74.74,0,0,0,.706.357,2.715,2.715,0,0,0,1.054-.338,17.892,17.892,0,0,1,2.779-1.129Z" transform="translate(-4498.396 -1329.116)" fill="#eb996e"/>
+            </g>
+          </g>
+          <g id="Group_10883" data-name="Group 10883" transform="translate(6.665 6.737)">
+            <g id="Group_10882" data-name="Group 10882">
+              <path id="Path_7373" data-name="Path 7373" d="M4533.9,1359.748c.013.029-.15.143-.461.22a2.108,2.108,0,0,1-.556.058,1.5,1.5,0,0,1-.7-.158.423.423,0,0,1-.2-.4.691.691,0,0,1,.153-.345,2.253,2.253,0,0,1,.4-.391c.254-.19.443-.25.459-.223s-.134.146-.342.357a3.179,3.179,0,0,0-.33.393c-.107.159-.146.316,0,.4a1.55,1.55,0,0,0,.573.138,2.813,2.813,0,0,0,.514,0c.294-.027.477-.08.491-.044Z" transform="translate(-4531.979 -1358.501)" fill="#eb996e"/>
+            </g>
+          </g>
+          <g id="Group_10920" data-name="Group 10920" transform="translate(1.079 5.925)">
+            <g id="Group_10919" data-name="Group 10919">
+              <g id="Group_10896" data-name="Group 10896" transform="translate(0.237 0.13)">
+                <g id="Group_10885" data-name="Group 10885" transform="translate(0.024 0.018)">
+                  <g id="Group_10884" data-name="Group 10884">
+                    <path id="Path_7374" data-name="Path 7374" d="M4414.267,1345.631a2.293,2.293,0,1,0-2.906,2.123l-.024.637.625.47-.656.367-.03.8.625.471-.657.367-.026.685.38.287-.4.223-.015.4.475.54.948-.563.178-4.743a2.293,2.293,0,0,0,1.481-2.06Zm-2.229-1.76h0a.658.658,0,1,1-.682.633A.658.658,0,0,1,4412.039,1343.871Z" transform="translate(-4409.683 -1343.253)" fill="#263138"/>
+                  </g>
+                </g>
+                <g id="Group_10895" data-name="Group 10895">
+                  <g id="Group_10888" data-name="Group 10888" transform="translate(0.024 0.018)">
+                    <g id="Group_10887" data-name="Group 10887">
+                      <g id="Group_10886" data-name="Group 10886">
+                        <path id="Path_7375" data-name="Path 7375" d="M4414.267,1345.631a2.293,2.293,0,1,0-2.906,2.123l-.024.637.625.47-.656.367-.03.8.625.471-.657.367-.026.685.38.287-.4.223-.015.4.475.54.948-.563.178-4.743a2.293,2.293,0,0,0,1.481-2.06Zm-2.229-1.76h0a.658.658,0,1,1-.682.633A.658.658,0,0,1,4412.039,1343.871Z" transform="translate(-4409.683 -1343.253)" fill="none"/>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10891" data-name="Group 10891" transform="translate(1.672 0.631)">
+                    <g id="Group_10890" data-name="Group 10890">
+                      <g id="Group_10889" data-name="Group 10889">
+                        <path id="Path_7376" data-name="Path 7376" d="M4448.246,1357.321c0,.006-.059,0-.159.026a.657.657,0,0,0-.357.227.633.633,0,1,0,1.013.038.656.656,0,0,0-.34-.253c-.1-.031-.157-.031-.157-.037a.13.13,0,0,1,.042,0,.511.511,0,0,1,.121.018.655.655,0,0,1,.367.252.678.678,0,0,1-.17.957.68.68,0,0,1-.811-.031.679.679,0,0,1-.1-.967.652.652,0,0,1,.384-.223.512.512,0,0,1,.122-.009.119.119,0,0,1,.042.005Z" transform="translate(-4447.539 -1357.315)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10894" data-name="Group 10894">
+                    <g id="Group_10893" data-name="Group 10893">
+                      <g id="Group_10892" data-name="Group 10892">
+                        <path id="Path_7377" data-name="Path 7377" d="M4413.74,1345.229s0,.015,0,.046,0,.077-.008.135a2.41,2.41,0,0,1-.116.513,2.305,2.305,0,0,1-1.351,1.382l.012-.016c-.044,1.225-.1,2.854-.17,4.744v.014l-.013.007-.948.564-.019.011-.015-.016-.475-.539-.008-.008v-.011c0-.124.01-.261.015-.4v-.016l.014-.007.4-.224,0,.047-.381-.286-.012-.009v-.015c.009-.216.017-.449.026-.686v-.016l.014-.008.656-.367,0,.048-.625-.471-.012-.009v-.015c0-.067.005-.139.008-.212l.022-.586v-.016l.014-.008.657-.367,0,.047-.625-.471-.012-.009v-.015q.012-.322.024-.637l.021.028a2.337,2.337,0,0,1-.948-.53,2.236,2.236,0,0,1-.347-.4,2.267,2.267,0,0,1-.244-.461,2.31,2.31,0,0,1,3.917-2.333,2.289,2.289,0,0,1,.44.807c.009.03.018.06.027.088l.018.085c.011.055.024.105.03.154.009.1.022.178.021.243v.15c0,.033,0,.05,0,.05s0-.017,0-.051,0-.085,0-.149-.017-.146-.026-.242c-.007-.047-.021-.1-.033-.152l-.019-.084c-.009-.028-.018-.057-.028-.087a2.273,2.273,0,1,0-4.289,1.5,2.223,2.223,0,0,0,.239.45,2.173,2.173,0,0,0,.339.393,2.29,2.29,0,0,0,.926.516l.021.006v.022c-.008.21-.016.423-.024.637l-.011-.024.625.47.035.026-.039.021-.656.367.014-.024c-.007.194-.014.39-.022.586,0,.072-.006.145-.008.212l-.011-.024.625.471.035.027-.039.021-.656.367.014-.024c-.009.236-.018.47-.026.686l-.012-.023.381.287.034.026-.037.021-.4.223.014-.023c0,.138-.01.275-.015.4l-.007-.019.475.54-.034-.005.949-.562-.013.021c.074-1.889.138-3.518.187-4.743v-.011l.011,0a2.3,2.3,0,0,0,1.345-1.356,2.512,2.512,0,0,0,.124-.508c.005-.058.009-.1.013-.134s.005-.045.005-.045Z" transform="translate(-4409.133 -1342.833)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10909" data-name="Group 10909">
+                <g id="Group_10898" data-name="Group 10898" transform="translate(0.023 0.018)">
+                  <g id="Group_10897" data-name="Group 10897">
+                    <path id="Path_7378" data-name="Path 7378" d="M4408.8,1342.641a2.293,2.293,0,1,0-2.907,2.123h0l-.024.637.625.47-.657.367-.03.8.626.47-.657.367-.026.686.381.287-.4.223-.015.4.475.539.948-.563.179-4.743A2.293,2.293,0,0,0,4408.8,1342.641Zm-2.229-1.76h0a.658.658,0,1,1-.681.633A.657.657,0,0,1,4406.568,1340.88Z" transform="translate(-4404.213 -1340.262)" fill="#05968F"/>
+                  </g>
+                </g>
+                <g id="Group_10908" data-name="Group 10908">
+                  <g id="Group_10901" data-name="Group 10901" transform="translate(0.023 0.018)">
+                    <g id="Group_10900" data-name="Group 10900">
+                      <g id="Group_10899" data-name="Group 10899">
+                        <path id="Path_7379" data-name="Path 7379" d="M4408.8,1342.641a2.293,2.293,0,1,0-2.907,2.123h0l-.024.637.625.47-.657.367-.03.8.626.47-.657.367-.026.686.381.287-.4.223-.015.4.475.539.948-.563.179-4.743A2.293,2.293,0,0,0,4408.8,1342.641Zm-2.229-1.76h0a.658.658,0,1,1-.681.633A.657.657,0,0,1,4406.568,1340.88Z" transform="translate(-4404.213 -1340.262)" fill="none"/>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10904" data-name="Group 10904" transform="translate(1.672 0.63)">
+                    <g id="Group_10903" data-name="Group 10903">
+                      <g id="Group_10902" data-name="Group 10902">
+                        <path id="Path_7380" data-name="Path 7380" d="M4442.8,1354.335c0,.006-.059,0-.159.026a.656.656,0,0,0-.357.227.633.633,0,1,0,1.013.038.66.66,0,0,0-.339-.254c-.1-.031-.157-.031-.157-.037s.014,0,.042,0a.518.518,0,0,1,.121.018.658.658,0,0,1,.366.252.678.678,0,0,1-.169.957.683.683,0,0,1-1.036-.358.677.677,0,0,1,.127-.639.653.653,0,0,1,.384-.223.5.5,0,0,1,.122-.009C4442.782,1354.331,4442.8,1354.333,4442.8,1354.335Z" transform="translate(-4442.089 -1354.329)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10907" data-name="Group 10907">
+                    <g id="Group_10906" data-name="Group 10906">
+                      <g id="Group_10905" data-name="Group 10905">
+                        <path id="Path_7381" data-name="Path 7381" d="M4408.291,1342.253s0,.015,0,.046,0,.077-.009.135a2.375,2.375,0,0,1-.116.513,2.309,2.309,0,0,1-1.351,1.382l.011-.016c-.043,1.225-.1,2.854-.169,4.744v.014l-.012.007-.948.564-.019.011-.015-.016-.475-.539-.007-.008v-.011c0-.124.01-.261.015-.4v-.015l.014-.008.4-.224,0,.047-.381-.286-.012-.009v-.015c.008-.216.017-.449.026-.686v-.016l.014-.008.657-.367,0,.048-.625-.47-.012-.009v-.015c0-.067.005-.139.008-.212q.011-.295.022-.586v-.016l.014-.008.657-.367,0,.047-.625-.471-.011-.009v-.015q.012-.322.024-.638l.02.028a2.348,2.348,0,0,1-.947-.53,2.213,2.213,0,0,1-.347-.4,2.29,2.29,0,0,1-.243-.461,2.31,2.31,0,0,1,3.917-2.333,2.265,2.265,0,0,1,.44.807c.01.03.019.06.028.088l.018.085c.011.055.024.105.03.154.009.1.022.177.021.243v.15c0,.034,0,.051,0,.051s0-.017,0-.051,0-.085,0-.149-.017-.146-.027-.242c-.006-.047-.021-.1-.032-.152-.006-.027-.012-.055-.019-.084s-.018-.057-.028-.087a2.273,2.273,0,1,0-4.289,1.5,2.2,2.2,0,0,0,.239.45,2.146,2.146,0,0,0,.34.393,2.286,2.286,0,0,0,.925.516l.021.006v.022q-.012.316-.023.638l-.012-.023.626.47.034.026-.038.021-.656.367.015-.024c-.007.194-.015.39-.022.587,0,.072,0,.145-.008.212l-.011-.024.625.471.035.027-.038.021-.657.367.015-.024c-.009.236-.018.47-.026.686l-.012-.023.381.287.034.026-.038.021-.4.223.014-.023c-.005.138-.011.275-.015.4l-.007-.019.474.539-.034-.005.949-.562-.013.021c.074-1.889.138-3.518.186-4.743v-.011l.011,0a2.3,2.3,0,0,0,1.345-1.356,2.476,2.476,0,0,0,.124-.508c.006-.058.01-.1.013-.134s.006-.045.006-.045Z" transform="translate(-4403.684 -1339.856)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10912" data-name="Group 10912" transform="translate(0.268 0.301)">
+                <g id="Group_10911" data-name="Group 10911">
+                  <g id="Group_10910" data-name="Group 10910">
+                    <path id="Path_7382" data-name="Path 7382" d="M4413.9,1348.877a3.086,3.086,0,0,0-.055-.492,1.923,1.923,0,0,0-.205-.54,2,2,0,0,0-2.365-.937,1.884,1.884,0,0,0-.514.252,2.182,2.182,0,0,0-.232.184,2.237,2.237,0,0,0-.2.223,1.983,1.983,0,0,0-.088,2.351,2.3,2.3,0,0,0,.186.238,2.191,2.191,0,0,0,.219.2,1.855,1.855,0,0,0,.493.29,2,2,0,0,0,2.428-.758,1.911,1.911,0,0,0,.245-.523,3.151,3.151,0,0,0,.093-.487.139.139,0,0,1,0,.033c0,.025,0,.057-.006.1a.968.968,0,0,1-.019.156,1.384,1.384,0,0,1-.046.208,1.92,1.92,0,0,1-.239.535,2.037,2.037,0,0,1-1.4.915,2.044,2.044,0,0,1-1.07-.126,1.914,1.914,0,0,1-.507-.3,2.272,2.272,0,0,1-.225-.206,2.2,2.2,0,0,1-.192-.244,2.034,2.034,0,0,1,.091-2.417,2.34,2.34,0,0,1,.209-.229,2.311,2.311,0,0,1,.24-.188,1.921,1.921,0,0,1,.527-.258,2.044,2.044,0,0,1,1.076-.045,2.036,2.036,0,0,1,1.333,1.018,1.908,1.908,0,0,1,.2.551,1.425,1.425,0,0,1,.03.212.915.915,0,0,1,.007.156c0,.04,0,.071,0,.1A.1.1,0,0,1,4413.9,1348.877Z" transform="translate(-4409.84 -1346.759)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10915" data-name="Group 10915" transform="translate(1.548 0.505)">
+                <g id="Group_10914" data-name="Group 10914">
+                  <g id="Group_10913" data-name="Group 10913">
+                    <path id="Path_7383" data-name="Path 7383" d="M4440.8,1352.276c-.006,0,0-.069-.028-.187a.767.767,0,0,0-.266-.422.75.75,0,0,0-1.058.118.74.74,0,0,0-.033.877.737.737,0,0,0,.335.273.749.749,0,0,0,.711-.076.769.769,0,0,0,.3-.4c.036-.115.036-.185.042-.184a.144.144,0,0,1,0,.05.611.611,0,0,1-.021.141.768.768,0,0,1-.295.427.794.794,0,1,1-.7-1.405.8.8,0,0,1,.42-.016.782.782,0,0,1,.589.612.61.61,0,0,1,.011.142.153.153,0,0,1-.005.049Z" transform="translate(-4439.233 -1351.451)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10918" data-name="Group 10918" transform="translate(2.655 4.482)">
+                <g id="Group_10917" data-name="Group 10917">
+                  <g id="Group_10916" data-name="Group 10916">
+                    <path id="Path_7384" data-name="Path 7384" d="M4464.654,1447.625c-.016,0,.011-1.081.062-2.413s.1-2.412.119-2.411-.012,1.081-.062,2.414-.1,2.411-.119,2.411Z" transform="translate(-4464.649 -1442.8)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10921" data-name="Group 10921" transform="translate(3.336 3.868)">
+            <path id="Path_7385" data-name="Path 7385" d="M4456.127,1295.827a.33.33,0,0,1-.307,0v-2.907l.307.021v2.886Z" transform="translate(-4455.809 -1292.907)" fill="#dfdfdf"/>
+            <path id="Path_7386" data-name="Path 7386" d="M4455.7,1295.59a.353.353,0,0,1-.158-.039l-.007,0v-2.927l.331.023v2.9l-.007,0a.352.352,0,0,1-.159.039Zm-.141-.057h0a.316.316,0,0,0,.282,0v-2.867l-.282-.02Z" transform="translate(-4455.53 -1292.62)" fill="#263138"/>
+          </g>
+          <g id="Group_10925" data-name="Group 10925" transform="translate(0.484 2.451)">
+            <g id="Group_10922" data-name="Group 10922" transform="translate(0.004 0.001)">
+              <path id="Path_7387" data-name="Path 7387" d="M4391.959,1260.08a7.1,7.1,0,0,0,.821.6,1.088,1.088,0,0,1,.5.844,1.022,1.022,0,0,1-.606.8,1.915,1.915,0,0,1-2.562-.768Z" transform="translate(-4390.111 -1260.08)" fill="#ffbd9c"/>
+            </g>
+            <g id="Group_10924" data-name="Group 10924">
+              <g id="Group_10923" data-name="Group 10923">
+                <path id="Path_7388" data-name="Path 7388" d="M4390.026,1261.543a4.823,4.823,0,0,0,.643.575,1.867,1.867,0,0,0,1.912.053.8.8,0,0,0,.481-.822,1.3,1.3,0,0,0-.525-.687c-.447-.3-.7-.568-.661-.6.022-.013.279.175.763.45a1.4,1.4,0,0,1,.65.78.835.835,0,0,1-.1.635,1.336,1.336,0,0,1-.482.458,2.005,2.005,0,0,1-1.208.245,1.906,1.906,0,0,1-.932-.37C4390.108,1261.911,4390,1261.549,4390.026,1261.543Z" transform="translate(-4390.022 -1260.065)" fill="#eb996e"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10929" data-name="Group 10929" transform="translate(3.484 1.212)">
+            <g id="Group_10926" data-name="Group 10926" transform="translate(0.12 0.001)">
+              <path id="Path_7389" data-name="Path 7389" d="M4463.287,1231.664a11.441,11.441,0,0,0-1.415,2.08,1.756,1.756,0,0,0-.212.746.741.741,0,0,0,.348.659.752.752,0,0,0,.645,0,2.025,2.025,0,0,0,.54-.386,13.022,13.022,0,0,0,1.76-1.955,2.015,2.015,0,0,0,.314-.555.771.771,0,0,0-.04-.62Z" transform="translate(-4461.659 -1231.63)" fill="#ffbd9c"/>
+            </g>
+            <g id="Group_10928" data-name="Group 10928">
+              <g id="Group_10927" data-name="Group 10927">
+                <path id="Path_7390" data-name="Path 7390" d="M4462.6,1231.611c.008-.01.121.1.135.353a1.559,1.559,0,0,1-.389.945,11.3,11.3,0,0,1-.937,1.164c-.19.208-.4.418-.62.629a2.352,2.352,0,0,1-.8.574.889.889,0,0,1-.547.014.721.721,0,0,1-.413-.354,1.144,1.144,0,0,1-.019-.947,6.05,6.05,0,0,1,.753-1.307,5.583,5.583,0,0,1,.9-1.038,10.933,10.933,0,0,1-.752,1.14,6.719,6.719,0,0,0-.681,1.281.919.919,0,0,0,.016.751.521.521,0,0,0,.665.219,2.216,2.216,0,0,0,.713-.515c.221-.2.428-.408.62-.608a14.466,14.466,0,0,0,.963-1.111,1.592,1.592,0,0,0,.434-.841,1.678,1.678,0,0,0-.037-.351Z" transform="translate(-4458.914 -1231.61)" fill="#eb996e"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/password.svg b/src/assets/performics/password.svg
new file mode 100644
index 0000000..1bac421
--- /dev/null
+++ b/src/assets/performics/password.svg
@@ -0,0 +1,355 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="259.767" height="205.751" viewBox="0 0 259.767 205.751">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.022" y1="0.5" x2="0.982" y2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#92CBC8"/>
+      <stop offset="1" stop-color="#05968F"/>
+    </linearGradient>
+    <filter id="Rectangle_17325" x="60.767" y="108.549" width="123" height="58" filterUnits="userSpaceOnUse">
+      <feOffset dy="4" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7" result="blur"/>
+      <feFlood flood-color="#92CBC8" flood-opacity="0.659"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_16323" data-name="Group 16323" transform="translate(-57.233 -213)">
+    <g id="Group_14191" data-name="Group 14191" transform="translate(0 -2.451)">
+      <path id="Path_2932" data-name="Path 2932" d="M282.015,267.793a42.592,42.592,0,0,1-3.707,7.129,30.675,30.675,0,0,1-2.245,3.088.158.158,0,0,1-.025.027H25l.034-.027c.226-.176,1.552-1.249,3.614-3.088,1.48-1.317,3.336-3.029,5.421-5.089,17.052-16.772,49.808-56.471,22.528-92.839-25.36-33.808,1.945-39.943,19.957-40.659a51.46,51.46,0,0,1,20.3,3.318A180.342,180.342,0,0,0,140.2,149.886c.651.072,1.306.145,1.97.21a189.767,189.767,0,0,0,31.574.574h0c.309-.018.621-.041.935-.063a187.622,187.622,0,0,0,30.883-4.777c.657-.16,1.306-.312,1.952-.463,33.8-7.82,64.958,18.832,57.167,48.952-2.88,11.141-2.148,23.015,7.454,32.622C287.854,242.621,285.95,258.065,282.015,267.793Z" transform="translate(32.233 143.165)" fill="#ebf0f4" opacity="0.47"/>
+      <g id="Layer_x0020_1" transform="translate(81 215.441)">
+        <g id="_1627761470800" transform="translate(0 0.01)">
+          <g id="Group_10392" data-name="Group 10392" transform="translate(1.399 12.551)">
+            <g id="Group_10388" data-name="Group 10388" transform="translate(11.112)">
+              <g id="Group_10379" data-name="Group 10379">
+                <g id="Group_10373" data-name="Group 10373" transform="translate(-3)">
+                  <path id="Path_7255" data-name="Path 7255" d="M297.939,289.521a17.092,17.092,0,0,0-9.33,22.269l10.6,25.876,4.754-1.947-10.6-25.876a11.935,11.935,0,1,1,22.091-9.046l4.754-1.947a17.092,17.092,0,0,0-22.269-9.33Z" transform="translate(-284.336 -288.246)" fill="#92CBC8"/>
+                </g>
+                <g id="Group_10376" data-name="Group 10376" transform="translate(2.499 23.556)">
+                  <g id="Group_10375" data-name="Group 10375">
+                    <g id="Group_10374" data-name="Group 10374">
+                      <path id="Path_7256" data-name="Path 7256" d="M395.117,856.763l-37.5,15.354a2.748,2.748,0,0,1-3.585-1.5l-9.1-22.233a2.748,2.748,0,0,1,1.5-3.585l37.5-15.354a2.748,2.748,0,0,1,3.585,1.5l9.1,22.233A2.748,2.748,0,0,1,395.117,856.763Z" transform="translate(-344.726 -829.237)" fill="#92CBC8"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10378" data-name="Group 10378" transform="translate(23.244 37.693)">
+                  <g id="Group_10377" data-name="Group 10377">
+                    <path id="Path_7257" data-name="Path 7257" d="M828.555,1156.286a3.846,3.846,0,1,0-3.135,5.264l2.179,5.321,1.942-.8-2.179-5.322a3.834,3.834,0,0,0,1.193-4.468Z" transform="translate(-821.148 -1153.897)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10383" data-name="Group 10383" transform="translate(5.723 43.605)">
+                <g id="Group_10382" data-name="Group 10382">
+                  <g id="Group_10381" data-name="Group 10381">
+                    <g id="Group_10380" data-name="Group 10380">
+                      <path id="Path_7258" data-name="Path 7258" d="M427.1,1310.036c-.1.04-2.043-4.484-4.343-10.1s-4.088-10.209-3.99-10.249,2.042,4.483,4.344,10.1,4.087,10.208,3.99,10.248Z" transform="translate(-418.762 -1289.684)" fill="#f9f9f9"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10387" data-name="Group 10387" transform="translate(21.718 37.253)">
+                <g id="Group_10386" data-name="Group 10386">
+                  <g id="Group_10385" data-name="Group 10385">
+                    <g id="Group_10384" data-name="Group 10384">
+                      <path id="Path_7259" data-name="Path 7259" d="M790.567,1153.785a1.189,1.189,0,0,1-.514-.066,4.7,4.7,0,0,1-1.3-.559,5.39,5.39,0,0,1-1.292-8.21,4.7,4.7,0,0,1,1.065-.932c.285-.174.458-.24.469-.221a11.978,11.978,0,0,0-1.325,1.323,5.332,5.332,0,0,0,1.23,7.814,12.023,12.023,0,0,0,1.667.852Z" transform="translate(-786.113 -1143.793)" fill="#f9f9f9"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10389" data-name="Group 10389" transform="translate(5.576 51.238)">
+              <path id="Path_7260" data-name="Path 7260" d="M161.709,1465.651l.23-.671.441.556a2.97,2.97,0,0,0,1.363.964l.671.23-.556.441a2.969,2.969,0,0,0-.964,1.363l-.23.671-.44-.556a2.969,2.969,0,0,0-1.363-.964l-.671-.23.556-.441a2.967,2.967,0,0,0,.964-1.363Z" transform="translate(-160.19 -1464.98)" fill="#92CBC8"/>
+            </g>
+            <g id="Group_10390" data-name="Group 10390" transform="translate(28.661 25.132)">
+              <path id="Path_7261" data-name="Path 7261" d="M691.233,865.819l.134-.389.256.323a1.722,1.722,0,0,0,.792.56l.389.134-.323.256a1.721,1.721,0,0,0-.56.792l-.134.389-.256-.323a1.721,1.721,0,0,0-.792-.56l-.389-.134.323-.256a1.725,1.725,0,0,0,.56-.792Z" transform="translate(-690.35 -865.43)" fill="#92CBC8"/>
+            </g>
+            <g id="Group_10391" data-name="Group 10391" transform="translate(0 27.68)">
+              <path id="Path_7262" data-name="Path 7262" d="M34.682,925.077l.387-1.127.74.934a4.985,4.985,0,0,0,2.29,1.62l1.127.387-.934.74a4.988,4.988,0,0,0-1.62,2.29l-.387,1.127-.74-.934a4.988,4.988,0,0,0-2.29-1.62l-1.126-.387.934-.74a4.99,4.99,0,0,0,1.62-2.29Z" transform="translate(-32.13 -923.95)" fill="#92CBC8"/>
+            </g>
+          </g>
+          <g id="Group_10443" data-name="Group 10443" transform="translate(49.348 0)">
+            <g id="Group_10412" data-name="Group 10412">
+              <g id="Group_10398" data-name="Group 10398">
+                <g id="Group_10397" data-name="Group 10397">
+                  <g id="Group_10394" data-name="Group 10394">
+                    <g id="Group_10393" data-name="Group 10393">
+                      <path id="Path_7263" data-name="Path 7263" d="M1218.34,205.508l-69.819-.041a15.208,15.208,0,0,1-15.2-15.212l.034-175.039A15.209,15.209,0,0,1,1148.572.01l69.82.041a15.209,15.209,0,0,1,15.2,15.212l-.034,175.039a15.209,15.209,0,0,1-15.218,15.206Z" transform="translate(-1133.32 -0.01)" fill="#92CBC8"/>
+                    </g>
+                  </g>
+                  <g id="Group_10396" data-name="Group 10396" transform="translate(4.626 6.191)">
+                    <g id="Group_10395" data-name="Group 10395">
+                      <path id="Path_7264" data-name="Path 7264" d="M1319.941,142.231l-13.537-.008a3.363,3.363,0,0,0-3.287,3.434v2.455a3.362,3.362,0,0,1-3.287,3.434l-26.386-.016a3.366,3.366,0,0,1-3.287-3.438v-2.455a3.366,3.366,0,0,0-3.287-3.438l-4.761,0-11.848-.007a10.652,10.652,0,0,0-10.657,10.649l-.034,170.851a10.651,10.651,0,0,0,10.645,10.654l69.68.04a10.651,10.651,0,0,0,10.657-10.649l.034-170.851a10.652,10.652,0,0,0-10.645-10.654Z" transform="translate(-1239.57 -142.19)" fill="#fff"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10402" data-name="Group 10402" transform="translate(40.988 183.878)">
+                <g id="Group_10399" data-name="Group 10399" transform="translate(0 0.124)">
+                  <path id="Path_7265" data-name="Path 7265" d="M2077.324,4227.116a1.338,1.338,0,1,1-1.349-1.327A1.338,1.338,0,0,1,2077.324,4227.116Z" transform="translate(-2074.649 -4225.789)" fill="#263138"/>
+                </g>
+                <g id="Group_10400" data-name="Group 10400" transform="translate(7.495 0.062)">
+                  <path id="Path_7266" data-name="Path 7266" d="M2249.454,4225.686a1.338,1.338,0,1,1-1.348-1.327,1.338,1.338,0,0,1,1.348,1.327Z" transform="translate(-2246.779 -4224.359)" fill="#263138"/>
+                </g>
+                <g id="Group_10401" data-name="Group 10401" transform="translate(14.99)">
+                  <path id="Path_7267" data-name="Path 7267" d="M2421.575,4224.266a1.338,1.338,0,1,1-1.349-1.327,1.338,1.338,0,0,1,1.349,1.327Z" transform="translate(-2418.899 -4222.939)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10409" data-name="Group 10409" transform="translate(77.54 23.435)">
+                <g id="Group_10404" data-name="Group 10404">
+                  <g id="Group_10403" data-name="Group 10403">
+                    <path id="Path_7268" data-name="Path 7268" d="M2921.954,538.271c0,.041-1.76.088-3.931.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2921.954,538.23,2921.954,538.271Z" transform="translate(-2914.09 -538.223)" fill="#263138"/>
+                  </g>
+                </g>
+                <g id="Group_10406" data-name="Group 10406" transform="translate(0.017 2.012)">
+                  <g id="Group_10405" data-name="Group 10405">
+                    <path id="Path_7269" data-name="Path 7269" d="M2922.334,584.483c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.334,584.442,2922.334,584.483Z" transform="translate(-2914.47 -584.435)" fill="#263138"/>
+                  </g>
+                </g>
+                <g id="Group_10408" data-name="Group 10408" transform="translate(0.033 4.025)">
+                  <g id="Group_10407" data-name="Group 10407">
+                    <path id="Path_7270" data-name="Path 7270" d="M2922.714,630.7c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.714,630.662,2922.714,630.7Z" transform="translate(-2914.85 -630.655)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10411" data-name="Group 10411" transform="translate(13.799 23.231)">
+                <g id="Group_10410" data-name="Group 10410">
+                  <path id="Path_7271" data-name="Path 7271" d="M1450.306,540.11a1.369,1.369,0,0,1,.163-.01l.454-.014,1.681-.037-.042.042c-.006-.371-.012-.778-.019-1.217,0-.226-.019-.441,0-.7a.639.639,0,0,1,.558-.512c.269-.005.51-.017.8,0a.644.644,0,0,1,.544.641c.006.567.013,1.161.02,1.776l-.069-.068,2.118-.021-.072.073c-.007-.853-.015-1.735-.024-2.639q0-.338-.006-.672a.538.538,0,0,0-.086-.277,1.7,1.7,0,0,0-.215-.23l-.926-.913-.894-.881-.433-.428a1.013,1.013,0,0,0-.442-.329.576.576,0,0,0-.493.094c-.13.11-.266.263-.395.389l-.76.767c-.478.5-.975.95-1.338,1.381a1.505,1.505,0,0,0-.107.794q0,.395,0,.747c0,.46,0,.862-.006,1.2,0,.311-.005.565-.007.768,0,.177-.009.276-.009.276s-.008-.084-.013-.256c-.005-.2-.012-.451-.02-.758-.007-.344-.016-.748-.026-1.211,0-.239-.008-.492-.013-.76,0-.135,0-.274-.006-.416a.876.876,0,0,1,.116-.44c.39-.477.859-.9,1.341-1.414l.755-.772c.136-.133.248-.267.408-.4a.712.712,0,0,1,.607-.119,1.131,1.131,0,0,1,.5.362l.435.426.9.879.928.911a1.752,1.752,0,0,1,.235.255.689.689,0,0,1,.11.353q0,.336.006.675c.007.9.014,1.786.021,2.639v.073h-.072l-2.118.014h-.069v-.069c0-.615-.007-1.209-.01-1.776a.518.518,0,0,0-.435-.521c-.246-.013-.531,0-.77,0a.526.526,0,0,0-.463.418c-.02.216,0,.462-.009.678,0,.439,0,.846,0,1.217v.043h-.041l-1.706-.009-.446-.007a.866.866,0,0,1-.147-.007Z" transform="translate(-1450.23 -533.537)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10415" data-name="Group 10415" transform="translate(11.499 81.014)">
+              <g id="Group_10414" data-name="Group 10414">
+                <path id="Path_7280" data-name="Path 7280" d="M1475.642,1860.7c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1475.642,1860.635,1475.642,1860.7Z" transform="translate(-1397.41 -1860.58)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10417" data-name="Group 10417" transform="translate(9.666 153.033)">
+              <g id="Group_10416" data-name="Group 10416">
+                <path id="Path_7281" data-name="Path 7281" d="M1433.542,3514.683c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1433.542,3514.615,1433.542,3514.683Z" transform="translate(-1355.31 -3514.56)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10419" data-name="Group 10419" transform="translate(26.745 158.441)">
+              <g id="Group_10418" data-name="Group 10418">
+                <path id="Path_7282" data-name="Path 7282" d="M1791,3638.873c0,.068-9.729.123-21.728.123s-21.73-.055-21.73-.123,9.727-.123,21.73-.123S1791,3638.805,1791,3638.873Z" transform="translate(-1747.54 -3638.75)" fill="#dfdfdf"/>
+              </g>
+            </g>
+            <g id="Group_10442" data-name="Group 10442" transform="translate(35.923 32.182)">
+              <g id="Group_10434" data-name="Group 10434">
+                <path id="Path_7298" data-name="Path 7298" d="M1986.755,753.322a14.212,14.212,0,1,1-14.212-14.212A14.212,14.212,0,0,1,1986.755,753.322Z" transform="translate(-1958.33 -739.11)" fill="#92CBC8"/>
+              </g>
+              <g id="Group_10441" data-name="Group 10441" transform="translate(9.519 7.529)">
+                <g id="Group_10435" data-name="Group 10435" transform="translate(1.955)">
+                  <path id="Path_7299" data-name="Path 7299" d="M2222.076,916.109h-.236v-1.327a2.772,2.772,0,1,1,5.545,0v1.081h-.237v-1.081a2.536,2.536,0,1,0-5.072,0Z" transform="translate(-2221.84 -912.01)" fill="#fff"/>
+                </g>
+                <g id="Group_10440" data-name="Group 10440" transform="translate(0 3.982)">
+                  <g id="Group_10436" data-name="Group 10436">
+                    <path id="Path_7300" data-name="Path 7300" d="M2185.157,1012.836h-7.048a1.171,1.171,0,0,1-1.169-1.169v-7.048a1.17,1.17,0,0,1,1.169-1.169h7.048a1.17,1.17,0,0,1,1.169,1.169v7.048A1.17,1.17,0,0,1,2185.157,1012.836Zm-7.048-9.15h0a.933.933,0,0,0-.933.932v7.048a.933.933,0,0,0,.933.933h7.048a.934.934,0,0,0,.933-.933v-7.048a.933.933,0,0,0-.933-.932Z" transform="translate(-2176.94 -1003.45)" fill="#fff"/>
+                  </g>
+                  <g id="Group_10439" data-name="Group 10439" transform="translate(3.621 2.711)">
+                    <g id="Group_10437" data-name="Group 10437">
+                      <path id="Path_7301" data-name="Path 7301" d="M2261.207,1067.933a1.106,1.106,0,1,1,1.107-1.106A1.108,1.108,0,0,1,2261.207,1067.933Zm0-1.976h0a.87.87,0,1,0,.87.87A.87.87,0,0,0,2261.207,1065.957Z" transform="translate(-2260.1 -1065.72)" fill="#fff"/>
+                    </g>
+                    <g id="Group_10438" data-name="Group 10438" transform="translate(0.954 2.044)">
+                      <path id="Path_7302" data-name="Path 7302" d="M2282.256,1114.657h-.236v-2h.236Z" transform="translate(-2282.02 -1112.66)" fill="#fff"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <text id="password" transform="translate(22.652 75)" fill="#3f5365" font-size="10" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">PASSWORD</tspan></text>
+          </g>
+          <g id="Group_10934" data-name="Group 10934" transform="translate(0 205.505)">
+            <g id="Group_10933" data-name="Group 10933">
+              <path id="Path_7391" data-name="Path 7391" d="M205.3,4719.744c0,.067-45.961.123-102.643.123-56.7,0-102.653-.056-102.653-.123s45.951-.124,102.653-.124C159.334,4719.621,205.3,4719.675,205.3,4719.744Z" transform="translate(0 -4719.621)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10996" data-name="Group 10996" transform="translate(13.216 113.829)">
+            <g id="Group_10969" data-name="Group 10969" transform="translate(0 0.071)">
+              <g id="Group_10955" data-name="Group 10955">
+                <g id="Group_10936" data-name="Group 10936">
+                  <g id="Group_10935" data-name="Group 10935">
+                    <path id="Path_7392" data-name="Path 7392" d="M317.114,2642.423c4.5-6.885,4.328-16.95-1.048-23.177-1.669-1.932-4-3.612-6.545-3.395-2.6.223-4.7,2.457-5.5,4.948a16.2,16.2,0,0,0-.052,7.763c.652,3.6,1.743,7.288,4.242,9.963s5.687,5.651,8.9,3.9Z" transform="translate(-303.523 -2615.832)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10938" data-name="Group 10938" transform="translate(2.607 46.57)">
+                  <g id="Group_10937" data-name="Group 10937">
+                    <path id="Path_7393" data-name="Path 7393" d="M372.378,3698.3a10.29,10.29,0,0,0-2.869-11.685,4.326,4.326,0,0,0-3.68-1.156,3.574,3.574,0,0,0-2.383,3.047,8.471,8.471,0,0,0,.677,4,10.119,10.119,0,0,0,3.089,4.749c1.53,1.152,3.671,2.235,5.167,1.04Z" transform="translate(-363.4 -3685.366)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10940" data-name="Group 10940" transform="translate(22.177 40.432)">
+                  <g id="Group_10939" data-name="Group 10939">
+                    <path id="Path_7394" data-name="Path 7394" d="M813.1,3561.1a14.891,14.891,0,0,1,7.505-15.714c1.715-.892,3.827-1.42,5.555-.555a5.173,5.173,0,0,1,2.48,5.021,12.265,12.265,0,0,1-2.138,5.476c-1.467,2.351-3.268,4.638-5.775,5.82s-5.86,2.087-7.627-.047Z" transform="translate(-812.836 -3544.391)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10942" data-name="Group 10942" transform="translate(21.037 19.647)">
+                  <g id="Group_10941" data-name="Group 10941">
+                    <path id="Path_7395" data-name="Path 7395" d="M787.291,3088.042c-2.155-6.955,1.5-15.389,7.59-19.379,1.891-1.239,4.284-2.1,6.4-1.3,2.163.824,3.405,3.236,3.474,5.549a14.341,14.341,0,0,1-1.845,6.62c-1.431,2.907-3.257,5.778-6.035,7.446s-7.273,3.336-9.579,1.06Z" transform="translate(-786.668 -3067.054)" fill="#bbe29a"/>
+                  </g>
+                </g>
+                <g id="Group_10945" data-name="Group 10945" transform="translate(17.328 45.666)">
+                  <g id="Group_10944" data-name="Group 10944">
+                    <g id="Group_10943" data-name="Group 10943">
+                      <path id="Path_7396" data-name="Path 7396" d="M701.47,3693.561a1.5,1.5,0,0,0,.071-.336c.038-.253.085-.575.145-.97q.044-.322.1-.7c.05-.256.1-.533.159-.827.113-.594.23-1.271.425-2.007q.134-.555.28-1.16l.364-1.241c.232-.863.575-1.756.9-2.707a47.433,47.433,0,0,1,6.163-11.483c.615-.794,1.17-1.573,1.761-2.243l.833-.989.811-.875c.505-.569,1.006-1.041,1.438-1.463l.6-.59.53-.469.729-.656a1.493,1.493,0,0,0,.242-.245,1.477,1.477,0,0,0-.279.2l-.766.616-.55.451-.62.574c-.445.413-.958.877-1.475,1.439l-.829.867-.851.983c-.6.668-1.168,1.446-1.793,2.24a45.39,45.39,0,0,0-6.2,11.551c-.316.959-.652,1.86-.875,2.732q-.181.648-.349,1.252l-.263,1.17c-.182.743-.286,1.426-.384,2.025-.048.3-.094.576-.136.835q-.039.383-.072.707c-.037.4-.066.723-.09.979a1.5,1.5,0,0,0-.011.343Z" transform="translate(-701.466 -3664.596)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10948" data-name="Group 10948" transform="translate(16.83 26.279)">
+                  <g id="Group_10947" data-name="Group 10947">
+                    <g id="Group_10946" data-name="Group 10946">
+                      <path id="Path_7397" data-name="Path 7397" d="M690.691,3268.947a.52.52,0,0,0,0-.139c-.008-.108-.018-.241-.03-.4q-.052-.566-.143-1.545c-.033-.337-.07-.71-.11-1.115s-.042-.854-.067-1.332c-.036-.956-.127-2.042-.093-3.247,0-.6.006-1.233.009-1.889s.069-1.338.1-2.044c.047-1.415.24-2.915.41-4.5a64.408,64.408,0,0,1,5.859-19.759c.719-1.419,1.376-2.781,2.108-3.994.357-.61.677-1.216,1.029-1.77l1.022-1.588c.628-1.028,1.3-1.889,1.848-2.67.281-.387.533-.754.782-1.08l.7-.875.962-1.218.245-.322a.484.484,0,0,0,.076-.116s-.037.029-.1.1l-.267.3-1.006,1.185-.722.861c-.256.321-.515.684-.8,1.067-.565.775-1.247,1.63-1.889,2.654l-1.042,1.584c-.359.553-.685,1.158-1.048,1.768-.744,1.212-1.411,2.576-2.141,4A62.946,62.946,0,0,0,690.5,3252.7c-.164,1.589-.347,3.1-.384,4.518-.028.709-.085,1.394-.085,2.053s.007,1.291.01,1.9c-.02,1.208.086,2.3.137,3.255.033.478.052.924.091,1.333s.095.778.136,1.116q.125.975.2,1.541c.024.16.043.292.059.4a.467.467,0,0,0,.03.135Z" transform="translate(-690.03 -3219.345)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10951" data-name="Group 10951" transform="translate(5.771 8.334)">
+                  <g id="Group_10950" data-name="Group 10950">
+                    <g id="Group_10949" data-name="Group 10949">
+                      <path id="Path_7398" data-name="Path 7398" d="M436.057,2807.237a.508.508,0,0,0,.057.128l.194.362.769,1.373c.165.3.364.623.555.992l.6,1.211.694,1.39c.235.5.458,1.035.706,1.593s.512,1.141.761,1.759l.748,1.939.393,1.022.362,1.071.754,2.235c.954,3.085,1.858,6.522,2.622,10.17.739,3.655,1.258,7.171,1.641,10.38.328,3.214.571,6.115.637,8.559.062,1.221.074,2.326.078,3.3s.019,1.807,0,2.491q-.014,1-.022,1.574c0,.166,0,.3,0,.41a.5.5,0,0,0,.011.14.516.516,0,0,0,.019-.139l.028-.409q.028-.576.078-1.574c.041-.684.054-1.521.054-2.494s.013-2.08-.035-3.3c-.04-2.449-.261-5.358-.576-8.582-.369-3.217-.881-6.744-1.622-10.409-.765-3.658-1.68-7.1-2.652-10.194l-.768-2.239-.37-1.072-.4-1.022-.765-1.939c-.256-.618-.533-1.2-.781-1.757s-.486-1.093-.727-1.589l-.717-1.385-.625-1.2c-.2-.366-.405-.687-.578-.982l-.819-1.348-.219-.346a.477.477,0,0,0-.083-.112Z" transform="translate(-436.056 -2807.237)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+                <g id="Group_10954" data-name="Group 10954" transform="translate(7.3 50.584)">
+                  <g id="Group_10953" data-name="Group 10953">
+                    <g id="Group_10952" data-name="Group 10952">
+                      <path id="Path_7399" data-name="Path 7399" d="M471.176,3777.55a6.118,6.118,0,0,0,.479.84c.329.526.781,1.3,1.311,2.277s1.116,2.158,1.705,3.5a47.535,47.535,0,0,1,1.655,4.467c.494,1.618.869,3.186,1.154,4.623.27,1.441.459,2.748.566,3.852s.177,2,.2,2.62a6.059,6.059,0,0,0,.079.964,6.016,6.016,0,0,0,.036-.967c.01-.623-.023-1.525-.109-2.636a39.052,39.052,0,0,0-.506-3.883,40.038,40.038,0,0,0-2.827-9.149,38.932,38.932,0,0,0-1.772-3.491c-.556-.966-1.037-1.729-1.4-2.238a6.063,6.063,0,0,0-.575-.778Z" transform="translate(-471.175 -3777.55)" fill="#263138"/>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10957" data-name="Group 10957" transform="translate(6.399 71.531)">
+                <g id="Group_10956" data-name="Group 10956">
+                  <path id="Path_7400" data-name="Path 7400" d="M470.255,4258.609H450.48l2.393,20.2h14.919Z" transform="translate(-450.48 -4258.609)" fill="#323232"/>
+                </g>
+              </g>
+              <g id="Group_10959" data-name="Group 10959" transform="translate(7.064 89.548)">
+                <g id="Group_10958" data-name="Group 10958">
+                  <path id="Path_7401" data-name="Path 7401" d="M484.138,4672.39l-1.68,2.18h-14.98l-1.728-2.11Z" transform="translate(-465.75 -4672.39)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10962" data-name="Group 10962" transform="translate(7.169 77.324)">
+                <g id="Group_10961" data-name="Group 10961">
+                  <g id="Group_10960" data-name="Group 10960">
+                    <path id="Path_7402" data-name="Path 7402" d="M468.17,4391.8c0,.082,4.1.148,9.164.148s9.165-.066,9.165-.148-4.1-.147-9.165-.147S468.17,4391.717,468.17,4391.8Z" transform="translate(-468.17 -4391.65)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10965" data-name="Group 10965" transform="translate(7.169 78.669)">
+                <g id="Group_10964" data-name="Group 10964">
+                  <g id="Group_10963" data-name="Group 10963">
+                    <path id="Path_7403" data-name="Path 7403" d="M468.17,4422.687c0,.082,4.1.147,9.164.147s9.165-.066,9.165-.147-4.1-.147-9.165-.147S468.17,4422.605,468.17,4422.687Z" transform="translate(-468.17 -4422.54)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10968" data-name="Group 10968" transform="translate(7.416 79.971)">
+                <g id="Group_10967" data-name="Group 10967">
+                  <g id="Group_10966" data-name="Group 10966">
+                    <path id="Path_7404" data-name="Path 7404" d="M473.84,4452.577c0,.082,3.96.147,8.844.147s8.845-.066,8.845-.147-3.959-.147-8.845-.147S473.84,4452.5,473.84,4452.577Z" transform="translate(-473.84 -4452.429)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10971" data-name="Group 10971" transform="translate(23.148 28.074)">
+              <g id="Group_10970" data-name="Group 10970">
+                <path id="Path_7405" data-name="Path 7405" d="M835.137,3258.94a.686.686,0,0,0,0,.193c.012.148.027.329.045.548.051.506.12,1.186.2,2.012.181,1.7.444,4.042.746,6.63.012.1.023.2.034.289l.01.087h.088c2.541.039,4.827.064,6.478.072H844.7l.53-.01a.641.641,0,0,0,.185-.017.673.673,0,0,0-.184-.023l-.53-.027-1.952-.062c-1.651-.044-3.937-.091-6.477-.132l.1.088c-.011-.091-.022-.19-.034-.289-.3-2.588-.588-4.929-.8-6.623-.11-.824-.2-1.5-.266-2.005-.033-.217-.06-.4-.083-.544a.708.708,0,0,0-.042-.188Z" transform="translate(-835.133 -3258.939)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10973" data-name="Group 10973" transform="translate(27.629 22.033)">
+              <g id="Group_10972" data-name="Group 10972">
+                <path id="Path_7406" data-name="Path 7406" d="M938.06,3120.211a.726.726,0,0,0-.015.2c0,.153,0,.34,0,.567,0,.522.011,1.227.019,2.084.025,1.759.073,4.19.138,6.874,0,.108.005.217.008.317l0,.105.1-.008a61.719,61.719,0,0,1,6.649-.15c.848.026,1.532.06,2,.086l.544.026a.681.681,0,0,0,.191,0,.7.7,0,0,0-.187-.036c-.124-.016-.306-.04-.542-.063-.471-.049-1.156-.1-2.005-.149a52.531,52.531,0,0,0-6.67.09l.108.1c0-.1,0-.208-.008-.317-.066-2.684-.136-5.114-.2-6.873-.034-.856-.062-1.561-.083-2.083-.013-.227-.024-.414-.033-.566a.76.76,0,0,0-.025-.2Z" transform="translate(-938.04 -3120.21)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10975" data-name="Group 10975" transform="translate(31.213 19.976)">
+              <g id="Group_10974" data-name="Group 10974">
+                <path id="Path_7407" data-name="Path 7407" d="M1022.058,3072.97a3.5,3.5,0,0,0-.123.58c-.075.409-.174.944-.293,1.59-.256,1.342-.657,3.192-1.222,5.217l-.06.213.2-.1.237-.114a17.033,17.033,0,0,1,5.271-1.542c.7-.086,1.274-.118,1.669-.133a4.078,4.078,0,0,0,.616-.034.467.467,0,0,0-.159-.022c-.1-.006-.259-.02-.458-.021a14.189,14.189,0,0,0-1.684.069,16.027,16.027,0,0,0-5.342,1.5l-.24.116.141.116a50.731,50.731,0,0,0,1.166-5.246c.112-.676.187-1.223.232-1.6a3.3,3.3,0,0,0,.047-.591Z" transform="translate(-1020.36 -3072.97)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10977" data-name="Group 10977" transform="translate(4.986 52.646)">
+              <g id="Group_10976" data-name="Group 10976">
+                <path id="Path_7408" data-name="Path 7408" d="M418.031,3827.411c0,.031.573-.028,1.5-.065a25.183,25.183,0,0,1,3.6.118c.284.029.562.065.827.1l.094.013.017-.093c.213-1.2.393-2.25.512-3.006a8.172,8.172,0,0,0,.155-1.219,8.316,8.316,0,0,0-.284,1.2c-.154.75-.358,1.8-.579,2.994l.111-.08c-.268-.038-.548-.075-.834-.1a20.18,20.18,0,0,0-3.625-.06c-.463.036-.836.083-1.092.121a1.528,1.528,0,0,0-.395.085Z" transform="translate(-418.03 -3823.26)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10979" data-name="Group 10979" transform="translate(3.118 48.469)">
+              <g id="Group_10978" data-name="Group 10978">
+                <path id="Path_7409" data-name="Path 7409" d="M375.13,3731.956c.007.031.554-.1,1.449-.207a15.716,15.716,0,0,1,3.509-.035c.213.022.422.05.62.077l.1.014.01-.1c.125-1.229.226-2.318.289-3.1a8.415,8.415,0,0,0,.064-1.261,8.533,8.533,0,0,0-.2,1.248c-.1.779-.224,1.866-.354,3.094l.113-.088c-.2-.029-.412-.057-.628-.08a13.605,13.605,0,0,0-3.55.094c-.449.073-.808.156-1.054.221a1.457,1.457,0,0,0-.375.126Z" transform="translate(-375.129 -3727.34)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10981" data-name="Group 10981" transform="translate(1.779 12.675)">
+              <g id="Group_10980" data-name="Group 10980">
+                <path id="Path_7410" data-name="Path 7410" d="M344.378,2910.541a.936.936,0,0,0,.2.1l.578.257,2.138.91,7.084,2.935.382.157.09.037.039-.088,2.993-6.76.881-2.044.23-.558a.864.864,0,0,0,.068-.2.845.845,0,0,0-.1.184l-.263.543-.938,2.019-3.048,6.734.129-.052-.382-.156-7.106-2.88-2.163-.852-.592-.222a.883.883,0,0,0-.212-.065Z" transform="translate(-344.378 -2905.288)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10983" data-name="Group 10983" transform="translate(0.046 4.299)">
+              <g id="Group_10982" data-name="Group 10982">
+                <path id="Path_7411" data-name="Path 7411" d="M304.59,2718.005a.88.88,0,0,0,.174.128l.519.335,1.931,1.2,6.441,3.928.1.063.043-.114.117-.311,2.7-7.283.8-2.215.207-.606a.928.928,0,0,0,.059-.216.972.972,0,0,0-.1.2l-.242.593-.856,2.193-2.754,7.263-.117.311.146-.051-6.473-3.876-1.963-1.15-.538-.3a.936.936,0,0,0-.194-.095Z" transform="translate(-304.59 -2712.918)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10985" data-name="Group 10985" transform="translate(0.614)">
+              <g id="Group_10984" data-name="Group 10984">
+                <path id="Path_7412" data-name="Path 7412" d="M317.627,2619.025a2.8,2.8,0,0,0,.425.25c.278.153.68.38,1.167.682a20.842,20.842,0,0,1,3.584,2.8l.248.243-.083-.338c-.087-.354-.167-.727-.228-1.11a12.889,12.889,0,0,1,.28-5.269,15.043,15.043,0,0,1,.506-1.533,3.718,3.718,0,0,0,.212-.557,3.209,3.209,0,0,0-.283.525,11.6,11.6,0,0,0-.571,1.525,12.336,12.336,0,0,0-.341,5.339c.062.39.144.769.234,1.128l.165-.1a18.9,18.9,0,0,0-3.655-2.775c-.5-.289-.914-.5-1.2-.634a2.436,2.436,0,0,0-.457-.187Z" transform="translate(-317.627 -2614.197)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10987" data-name="Group 10987" transform="translate(23.176 49.166)">
+              <g id="Group_10986" data-name="Group 10986">
+                <path id="Path_7413" data-name="Path 7413" d="M835.787,3743.339a2.826,2.826,0,0,0,.091.511c.069.327.168.8.276,1.39a34.228,34.228,0,0,1,.531,4.684l0,.09.09.006.443.027c1.961.119,3.736.214,5.022.274l1.524.06a2.974,2.974,0,0,0,.56-.005,3.042,3.042,0,0,0-.556-.073l-1.52-.124c-1.284-.1-3.058-.214-5.019-.332l-.443-.027.094.1a28.833,28.833,0,0,0-.6-4.7c-.126-.589-.246-1.059-.338-1.381a2.6,2.6,0,0,0-.164-.494Z" transform="translate(-835.785 -3743.339)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10989" data-name="Group 10989" transform="translate(27.059 43.594)">
+              <g id="Group_10988" data-name="Group 10988">
+                <path id="Path_7414" data-name="Path 7414" d="M924.967,3615.38a2.669,2.669,0,0,0,.033.516c.042.367.1.838.16,1.405.144,1.189.356,2.842.606,4.694l.011.081.082,0,.637.042c2.009.136,3.821.344,5.13.514l1.55.208a.288.288,0,1,0,.013-.077c-.363-.072-.889-.168-1.543-.271-1.306-.207-3.121-.437-5.136-.574l-.638-.041.093.086c-.254-1.852-.49-3.5-.669-4.686-.089-.563-.163-1.032-.221-1.4a2.675,2.675,0,0,0-.106-.506Z" transform="translate(-924.962 -3615.38)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10991" data-name="Group 10991" transform="translate(31.634 41.195)">
+              <g id="Group_10990" data-name="Group 10990">
+                <path id="Path_7415" data-name="Path 7415" d="M1030.033,3560.28c-.029.007.091.543.233,1.426a25.505,25.505,0,0,1,.318,3.5l0,.111.111-.014.332-.042a30.778,30.778,0,0,1,3.735-.221l1.137.012a.211.211,0,1,0,0-.078c-.268-.028-.657-.059-1.139-.077a24.042,24.042,0,0,0-3.762.164l-.334.043.113.1a20.475,20.475,0,0,0-.382-3.52c-.089-.44-.175-.793-.242-1.034a1.475,1.475,0,0,0-.125-.368Z" transform="translate(-1030.029 -3560.279)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10993" data-name="Group 10993" transform="translate(5.582 46.766)">
+              <g id="Group_10992" data-name="Group 10992">
+                <path id="Path_7416" data-name="Path 7416" d="M431.732,3688.218a63.274,63.274,0,0,0,1.834,3.981,14.882,14.882,0,0,0-1.834-3.981Z" transform="translate(-431.728 -3688.217)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10995" data-name="Group 10995" transform="translate(3.101 49.359)">
+              <g id="Group_10994" data-name="Group 10994">
+                <path id="Path_7417" data-name="Path 7417" d="M374.729,3747.81a11.409,11.409,0,0,1,4.359,1.351,6.26,6.26,0,0,0-4.359-1.351Z" transform="translate(-374.729 -3747.769)" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10998" data-name="Group 10998" transform="translate(27.788 -573.451)">
+            <g transform="matrix(1, 0, 0, 1, -51.55, 573.45)" filter="url(#Rectangle_17325)">
+              <rect id="Rectangle_17325-2" data-name="Rectangle 17325" width="81" height="16" rx="8" transform="translate(81.77 125.55)" fill="url(#linear-gradient)"/>
+            </g>
+            <text id="Next" transform="translate(66.212 708)" fill="#fff" font-size="4" font-family="OpenSans-Semibold, Open Sans" font-weight="600"><tspan x="0" y="0">Next</tspan></text>
+          </g>
+          <g id="Group_11000" data-name="Group 11000" transform="translate(28 -452.451)">
+            <rect id="Rectangle_17326" data-name="Rectangle 17326" width="81" height="17" rx="3" transform="translate(30 550)" fill="#f7f8f8"/>
+            <text id="User_id" data-name="User id" transform="translate(42 560)" fill="#323232" font-size="3" font-family="OpenSans-Regular, Open Sans"><tspan x="0" y="0">User id</tspan></text>
+            <g id="briefcase" transform="translate(34.132 557)">
+              <path id="Path_1" data-name="Path 1" d="M0,16.346a.431.431,0,0,0,.433.43H4.182a.431.431,0,0,0,.433-.43V14.625H4.326v1.721a.144.144,0,0,1-.144.143H.433a.144.144,0,0,1-.144-.143V14.625H0Z" transform="translate(0 -13.028)" fill="#323232" fill-rule="evenodd"/>
+              <path id="Path_2" data-name="Path 2" d="M0,3.254a.431.431,0,0,1,.433-.43H4.182a.431.431,0,0,1,.433.43v.684l-2.2.582a.435.435,0,0,1-.223,0L0,3.938Zm.433-.143a.144.144,0,0,0-.144.143v.464l1.982.526a.145.145,0,0,0,.074,0l1.982-.526V3.254a.144.144,0,0,0-.144-.143Zm1.009-.43a.431.431,0,0,1,.433-.43H2.74a.431.431,0,0,1,.433.43v.143H2.884V2.68a.144.144,0,0,0-.144-.143H1.875a.144.144,0,0,0-.144.143v.143H1.442Z" transform="translate(0 -2.25)" fill="#323232" fill-rule="evenodd"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(196.825 204.033)">
+      <g id="_446172672" transform="translate(0.316)">
+        <path id="Path_10806" data-name="Path 10806" d="M960.411,736.974c-.731,2.1-2.011,4.48-3.474,5.12a5.178,5.178,0,0,0-2.194,1.554l-1.28-.732L952,742.094a1.6,1.6,0,0,1,.091-.457,9.442,9.442,0,0,0,.274-1.1,1.314,1.314,0,0,0,.183-1.371,3.391,3.391,0,0,1,.274-2.651c.549-.64,1.006-2.377,1.28-2.377.731.092-.366,2.56-.092,3.017a.634.634,0,0,0,.732.183h0c2.011-.914,4.388-5.577,5.485-4.937C960.594,732.586,960.777,736.151,960.411,736.974Z" transform="translate(-864.994 -665.389)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10807" data-name="Path 10807" d="M967.495,717.185l2.468,1.737c.183.091.457.091.549-.092l6.4-9.142c.183-.183.092-.366-.091-.549l-2.469-1.737c-.183-.092-.457-.092-.549.091l-6.4,9.142A.43.43,0,0,0,967.495,717.185Z" transform="translate(-878.934 -642.675)" fill="#2b478b" fill-rule="evenodd"/>
+        <path id="Path_10808" data-name="Path 10808" d="M992.715,735.094l1.463,1.1a.4.4,0,0,0,.457-.091l6.491-9.234a.4.4,0,0,0-.091-.457l-1.463-1.005c-.183-.092-.366-.092-.457.091l-6.491,9.234C992.532,734.82,992.624,735,992.715,735.094Z" transform="translate(-901.869 -659.03)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_10809" data-name="Path 10809" d="M508.857,672s12.708,22.125,17.371,26.239l16.913-12.616a6.131,6.131,0,0,1,3.474,3.2s-10.239,20.936-20.387,21.85C516.171,711.5,502,685.622,502,685.622Z" transform="translate(-456.134 -610.563)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10810" data-name="Path 10810" d="M133.3,2172.9H125.9a4.291,4.291,0,0,1-1.92-3.382c-.366-2.377-3.017-3.657-3.657-5.577-.549-2.012,2.377-4.663,2.377-4.663l.549-.64.457-.64,4.845,1.1s.183,1.188.274,2.651v3.383c-.183,2.56.731,5.395,3.017,5.851C133.484,2171.348,133.393,2172.354,133.3,2172.9Z" transform="translate(-109.286 -1960.708)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_10811" data-name="Path 10811" d="M556.6,2235.362H539.776c-.823-1.006-.457-4.663-.366-5.851v-.366s5.76-4.571,6.583-1.1a.549.549,0,0,0,.092.366c.914,3.291,5.394,4.754,7.954,5.12A2.956,2.956,0,0,1,556.6,2235.362Z" transform="translate(-489.979 -2023.168)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_10812" data-name="Path 10812" d="M452.319,1280.554s-.914,10.788-1.92,23.862c-1.371,17.736-3.017,39.5-3.2,43.7-.274,7.131-1.463,18.559-1.463,18.559s-2.743,2.742-8.137,1.646a192.037,192.037,0,0,1-6.308-33.736v-.823C430.011,1316.118,428,1279,428,1279Z" transform="translate(-388.9 -1162.069)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_10813" data-name="Path 10813" d="M452.319,1280.554s-.914,10.788-1.92,23.862l-19.108,30.17v-.823C430.011,1316.118,428,1279,428,1279Z" transform="translate(-388.9 -1162.069)" fill="#131d3d" fill-rule="evenodd"/>
+        <path id="Path_10814" data-name="Path 10814" d="M192.986,1239.131s-15.633,39.313-25.964,57.78-13.531,23.678-13.531,23.678-5.943-2.377-6.491-4.023c0,0,3.931-35.655,10.879-44.34,3.931-4.937,8.5-19.656,8.685-24.867.183-5.119,1.371-15.359,1.371-15.359Z" transform="translate(-133.59 -1119.366)" fill="#22325e" fill-rule="evenodd"/>
+        <path id="Path_10815" data-name="Path 10815" d="M440.822,520.273c-6.125,2.011-16.822-3.2-16.822-3.2s5.668-4.3,5.394-13.074l4.754,3.748,3.2,2.651a34.206,34.206,0,0,1-.366,4.206c-.091.731-.183,1.463-.366,2.377A14.392,14.392,0,0,1,440.822,520.273Z" transform="translate(-385.265 -457.923)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10816" data-name="Path 10816" d="M490.954,546.8a34.194,34.194,0,0,1-.366,4.205c-3.565-.64-7.588-6.4-7.588-6.4a11.166,11.166,0,0,1,4.754-.457Z" transform="translate(-438.871 -494.324)" fill="#ed975d" fill-rule="evenodd"/>
+        <path id="Path_10817" data-name="Path 10817" d="M470.25,405.582s-10.148,1.737-11.154-4.663c-.914-6.308-2.834-10.331,3.565-11.7,6.4-1.28,8.045.914,8.868,2.925C472.353,394.245,472.81,405.033,470.25,405.582Z" transform="translate(-416.248 -353.287)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10818" data-name="Path 10818" d="M393.9,682.252a.83.83,0,0,1-.64.274c-2.286,0-8.96,1.28-14.719.64a42.958,42.958,0,0,1-13.531-3.84c-.64-.274-2.011-1.1-2.011-1.737.091-.731.091-1.828.183-3.2a159.363,159.363,0,0,0,.366-22.033c-.091-1.737-.183-3.474-.183-5.211,0-12.616,2.468-23.77,7.5-27.519.457-.274,3.108,1.006,5.485,2.194a10.122,10.122,0,0,0,6.674.823l2.1,1.829a21.378,21.378,0,0,1,6.583,10.605c1.1,4.206,1.646,11.794,2.011,19.656.183,3.565.274,7.131.366,10.6v1.1C394.175,675.213,394.084,682.161,393.9,682.252Z" transform="translate(-329.842 -562.944)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10819" data-name="Path 10819" d="M365,861.021a159.362,159.362,0,0,0,.366-22.033c-.091-1.737-.183-3.474-.183-5.211,2.1-5.028,3.84-8.777,3.84-8.777h5.3S378.165,851.513,365,861.021Z" transform="translate(-331.659 -749.575)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10820" data-name="Path 10820" d="M23.145,1343.858l22.582,3.2a5.363,5.363,0,0,0,6.034-4.571l1.463-9.782a5.5,5.5,0,0,0-4.571-6.125l-22.582-3.2a5.435,5.435,0,0,0-6.125,4.571l-1.371,9.782A5.5,5.5,0,0,0,23.145,1343.858Z" transform="translate(-16.866 -1202.334)" fill="#233862" fill-rule="evenodd"/>
+        <path id="Path_10821" data-name="Path 10821" d="M17.018,1293.365c.091-.274.274-.549.549-.549h.183l1.006.092,3.748.549,2.011.274c.366.092.64.366.549.731l-.274,2.194-8.045-1.188Zm17.645,7.405h0a5.649,5.649,0,0,0-3.748-3.291h0a1.161,1.161,0,0,1-.549-.091l-4.48-.64.274-2.1a1.586,1.586,0,0,0-.274-1.28,2.359,2.359,0,0,0-1.189-.731l-1.189-.183-4.754-.64-.823-.091a1.713,1.713,0,0,0-2.011,1.463l-.274,2.1-7.771-1.1a5.5,5.5,0,0,0-6.125,4.571l-1.371,9.965a5.3,5.3,0,0,0,4.571,6.034l22.49,3.291h1.189a5.417,5.417,0,0,0,1.737-.457,5.478,5.478,0,0,0,3.2-4.205l1.371-9.874A5.546,5.546,0,0,0,34.663,1300.771Z" transform="translate(-0.316 -1173.6)" fill="#2b478b" fill-rule="evenodd"/>
+        <path id="Path_10822" data-name="Path 10822" d="M188.818,1214.462a9.575,9.575,0,0,0-1.28,2.286c-.274,4.206,1.646,4.846-3.383,7.223,0,0-2.194.823-2.194-.914-.091-1.646,1.463-1.646,1.189-4.022-.274-2.651-.274-2.742,1.463-4.114L185.8,1213Z" transform="translate(-165.351 -1102.103)" fill="#ffb27d" fill-rule="evenodd"/>
+        <path id="Path_10823" data-name="Path 10823" d="M197.651,686.043a16.23,16.23,0,0,0,3.931.183s5.668-17.462,6.4-19.016c.731-1.646,16.822-20.479,16.822-20.479L218.039,630s-17.371,28.981-19.108,33.1c-2.926,6.674-3.931,21.759-3.931,21.759A7.87,7.87,0,0,0,197.651,686.043Z" transform="translate(-177.201 -572.403)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_10824" data-name="Path 10824" d="M445.1,355.272s1.1-.183.914-1.646c-.183-1.371-.183-3.291,1.006-2.926s1.189,1.28,1.646.731c.549-.549.549-2.834,4.023-3.017s4.846,1.1,6.491.366c1.554-.731,1.646-3.2,1.646-3.2a2.866,2.866,0,0,1-1.1,1.189s2.651-3.657-.457-6.217c-3.108-2.468-6.308-.823-8.137-.731-3.931.274-6.491.457-7.771,3.108C442.081,345.49,442.629,352.712,445.1,355.272Z" transform="translate(-402.249 -308.189)" fill="#323232" fill-rule="evenodd"/>
+        <path id="Path_10825" data-name="Path 10825" d="M235.019,1250a6.832,6.832,0,0,1,1.28,1.646c.183,1.646.731,2.285.457,2.469-.549.365-1.28-.823-1.646-1.829A4.783,4.783,0,0,1,235.019,1250Z" transform="translate(-213.472 -1135.72)" fill="#ffb27d" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/pasword_icon.svg b/src/assets/performics/pasword_icon.svg
new file mode 100644
index 0000000..07fd623
--- /dev/null
+++ b/src/assets/performics/pasword_icon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="27.921" height="27.922" viewBox="0 0 27.921 27.922">
+  <g id="lock_black_24dp" transform="translate(0.4 0.4)">
+    <g id="Group_11001" data-name="Group 11001">
+      <path id="Path_7420" data-name="Path 7420" d="M0,0H27.121V27.121H0Z" fill="none" stroke="#f7f8f8" stroke-width="0.8"/>
+      <path id="Path_7421" data-name="Path 7421" d="M0,0H27.121V27.121H0Z" fill="none" stroke="#f7f8f8" stroke-width="0.8" opacity="0.87"/>
+    </g>
+    <path id="Path_7422" data-name="Path 7422" d="M19.821,8.91h-1.13V6.65a5.65,5.65,0,1,0-11.3,0V8.91H6.26A2.267,2.267,0,0,0,4,11.171v11.3a2.267,2.267,0,0,0,2.26,2.26H19.821a2.267,2.267,0,0,0,2.26-2.26v-11.3A2.267,2.267,0,0,0,19.821,8.91ZM9.65,6.65a3.39,3.39,0,1,1,6.78,0V8.91H9.65ZM19.821,22.471H6.26v-11.3H19.821Zm-6.78-3.39a2.26,2.26,0,1,0-2.26-2.26A2.267,2.267,0,0,0,13.04,19.081Z" transform="translate(0.52 0.13)" fill="#323232" stroke="#f7f8f8" stroke-width="0.8"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/performic_logo.png b/src/assets/performics/performic_logo.png
new file mode 100644
index 0000000..9245be9
Binary files /dev/null and b/src/assets/performics/performic_logo.png differ
diff --git a/src/assets/performics/performic_logo.svg b/src/assets/performics/performic_logo.svg
new file mode 100644
index 0000000..76fc328
--- /dev/null
+++ b/src/assets/performics/performic_logo.svg
@@ -0,0 +1,76 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="222" height="57" viewBox="0 0 222 57">
+  <defs>
+    <clipPath id="clip-path">
+      <path id="Path_2437" data-name="Path 2437" d="M15.728,6.661a6.284,6.284,0,0,1-1,3.5,6.5,6.5,0,0,1-2.852,2.367,10.327,10.327,0,0,1-4.3.838H5.807V19.55H.01V.32H7.894q4.066,0,5.948,1.543a5.83,5.83,0,0,1,1.886,4.8Zm-6.131.2a2.266,2.266,0,0,0-.682-1.786,2.954,2.954,0,0,0-2.01-.6h-1.1V9.221h1.3Q9.6,9.221,9.6,6.858ZM18.027,19.55V.32H30V4.853H23.823v2.8h5.8v4.533h-5.8v2.83h6.621V19.55H18.027Zm25.137,0L41.73,15.406a5.17,5.17,0,0,0-1.081-1.918,1.969,1.969,0,0,0-1.442-.7h-.224V19.55h-5.8V.32h7.7q4.031,0,5.961,1.319A4.494,4.494,0,0,1,48.768,5.6a5.009,5.009,0,0,1-1.122,3.324,6.382,6.382,0,0,1-3.333,1.946v.055a4.658,4.658,0,0,1,2.037,1.218,7.6,7.6,0,0,1,1.456,2.509L49.7,19.55H43.164ZM42.61,6.423a2.01,2.01,0,0,0-.591-1.529,2.587,2.587,0,0,0-1.845-.563h-1.19v4.4h1.044A2.659,2.659,0,0,0,41.9,8.071a2.162,2.162,0,0,0,.71-1.648Zm15.114-1.57V8.314h5.714v4.533H57.724v6.7h-5.8V.32h12.06V4.853H57.724ZM85.076,9.875a10.624,10.624,0,0,1-1.25,5.183,8.852,8.852,0,0,1-3.484,3.553,10.524,10.524,0,0,1-9.94.041A8.714,8.714,0,0,1,66.949,15.2a10.192,10.192,0,0,1-1.232-5.023A11.112,11.112,0,0,1,66.963,4.9a8.872,8.872,0,0,1,3.5-3.626A10.159,10.159,0,0,1,75.585-.01a9.874,9.874,0,0,1,4.94,1.227,8.392,8.392,0,0,1,3.365,3.5,11.013,11.013,0,0,1,1.186,5.156Zm-6.145.165A6.653,6.653,0,0,0,78.021,6.3,2.844,2.844,0,0,0,75.53,4.935a3.159,3.159,0,0,0-2.692,1.314,6.192,6.192,0,0,0-.962,3.713,6.1,6.1,0,0,0,.957,3.658,3.055,3.055,0,0,0,2.605,1.314,2.982,2.982,0,0,0,1.809-.591,3.8,3.8,0,0,0,1.241-1.689A6.927,6.927,0,0,0,78.932,10.04Zm18.855,9.51-1.433-4.144a5.17,5.17,0,0,0-1.081-1.918,1.969,1.969,0,0,0-1.442-.7h-.224V19.55h-5.8V.32h7.7q4.031,0,5.961,1.319A4.494,4.494,0,0,1,103.391,5.6a5.009,5.009,0,0,1-1.122,3.324,6.382,6.382,0,0,1-3.333,1.946v.055a4.658,4.658,0,0,1,2.037,1.218,7.6,7.6,0,0,1,1.456,2.509l1.891,4.895ZM97.232,6.423a2.01,2.01,0,0,0-.591-1.529A2.587,2.587,0,0,0,94.8,4.331h-1.19v4.4H94.65a2.659,2.659,0,0,0,1.873-.655,2.162,2.162,0,0,0,.71-1.648ZM124.159,19.55V9.01q0-1.49.092-3.274l.041-.884h-.16q-.426,2.266-.655,3.136l-2.83,11.561H115.2L112.237,8.126q-.117-.433-.627-3.274h-.165q.192,4.505.188,5.632V19.55H106.55V.32h8.681l2.637,10.448a12.639,12.639,0,0,1,.252,1.3c.1.659.165,1.163.192,1.525h.082q.144-1.222.467-2.885L121.33.32h8.544V19.55h-5.714Z" transform="translate(-0.01 0.01)" clip-rule="evenodd"/>
+    </clipPath>
+    <clipPath id="clip-path-2">
+      <path id="Path_2440" data-name="Path 2440" d="M16896.5,60.9V41.67h5.8V60.9Z" transform="translate(-16896.5 -41.67)" clip-rule="evenodd"/>
+    </clipPath>
+    <clipPath id="clip-path-3">
+      <path id="Path_2443" data-name="Path 2443" d="M17989.164,19.019a16.266,16.266,0,0,1-5.514.861,11.2,11.2,0,0,1-5.3-1.172,8.049,8.049,0,0,1-3.4-3.342,10.306,10.306,0,0,1-1.172-5,11.02,11.02,0,0,1,1.313-5.417,9.043,9.043,0,0,1,3.721-3.667,11.4,11.4,0,0,1,5.521-1.3,19.182,19.182,0,0,1,4.83.6V5.947a6.842,6.842,0,0,0-1.92-.746,9.573,9.573,0,0,0-2.252-.266,5.052,5.052,0,0,0-3.725,1.355,4.953,4.953,0,0,0-1.357,3.672,4.87,4.87,0,0,0,1.357,3.64,4.991,4.991,0,0,0,3.645,1.332,9.41,9.41,0,0,0,4.252-1.076Z" transform="translate(-17973.779 0.01)" clip-rule="evenodd"/>
+    </clipPath>
+    <clipPath id="clip-path-4">
+      <path id="Path_2446" data-name="Path 2446" d="M20210.066,13.726a5.568,5.568,0,0,1-1.025,3.338,6.112,6.112,0,0,1-2.881,2.12,12.7,12.7,0,0,1-4.455.7,14.487,14.487,0,0,1-5.527-1.021v-5.27a10.952,10.952,0,0,0,2.672,1.433,7.861,7.861,0,0,0,2.725.545,2.686,2.686,0,0,0,1.477-.343,1.123,1.123,0,0,0,.523-1,1.34,1.34,0,0,0-.262-.824,2.593,2.593,0,0,0-.791-.664,14.375,14.375,0,0,0-1.971-.847q-4.644-1.786-4.643-5.764a5.382,5.382,0,0,1,2.121-4.46,8.954,8.954,0,0,1,5.691-1.671c.674,0,1.287.028,1.854.082s1.074.119,1.533.2,1.109.234,1.943.458V5.622a9.984,9.984,0,0,0-4.781-1.319,2.95,2.95,0,0,0-1.561.362,1.1,1.1,0,0,0-.59.984,1.236,1.236,0,0,0,.477,1,8.771,8.771,0,0,0,1.994,1.026,11.07,11.07,0,0,1,4.236,2.642,5.037,5.037,0,0,1,1.24,3.411Z" transform="translate(-20195.908 0.01)" clip-rule="evenodd"/>
+    </clipPath>
+  </defs>
+  <g id="Group_14103" data-name="Group 14103" transform="translate(-59.29 -373.401)">
+    <rect id="Rectangle_17324" data-name="Rectangle 17324" width="222" height="57" rx="5" transform="translate(59.29 373.401)" fill="#fff"/>
+    <g id="Layer_x0020_1" transform="translate(83.156 388.529)">
+      <g id="_2373507528224" transform="translate(0 0)">
+        <path id="Path_2436" data-name="Path 2436" d="M15.728,6.661a6.284,6.284,0,0,1-1,3.5,6.5,6.5,0,0,1-2.852,2.367,10.327,10.327,0,0,1-4.3.838H5.807V19.55H.01V.32H7.894q4.066,0,5.948,1.543a5.83,5.83,0,0,1,1.886,4.8Zm-6.131.2a2.266,2.266,0,0,0-.682-1.786,2.954,2.954,0,0,0-2.01-.6h-1.1V9.221h1.3Q9.6,9.221,9.6,6.858ZM18.027,19.55V.32H30V4.853H23.823v2.8h5.8v4.533h-5.8v2.83h6.621V19.55H18.027Zm25.137,0L41.73,15.406a5.17,5.17,0,0,0-1.081-1.918,1.969,1.969,0,0,0-1.442-.7h-.224V19.55h-5.8V.32h7.7q4.031,0,5.961,1.319A4.494,4.494,0,0,1,48.768,5.6a5.009,5.009,0,0,1-1.122,3.324,6.382,6.382,0,0,1-3.333,1.946v.055a4.658,4.658,0,0,1,2.037,1.218,7.6,7.6,0,0,1,1.456,2.509L49.7,19.55H43.164ZM42.61,6.423a2.01,2.01,0,0,0-.591-1.529,2.587,2.587,0,0,0-1.845-.563h-1.19v4.4h1.044A2.659,2.659,0,0,0,41.9,8.071a2.162,2.162,0,0,0,.71-1.648Zm15.114-1.57V8.314h5.714v4.533H57.724v6.7h-5.8V.32h12.06V4.853H57.724ZM85.076,9.875a10.624,10.624,0,0,1-1.25,5.183,8.852,8.852,0,0,1-3.484,3.553,10.524,10.524,0,0,1-9.94.041A8.714,8.714,0,0,1,66.949,15.2a10.192,10.192,0,0,1-1.232-5.023A11.112,11.112,0,0,1,66.963,4.9a8.872,8.872,0,0,1,3.5-3.626A10.159,10.159,0,0,1,75.585-.01a9.874,9.874,0,0,1,4.94,1.227,8.392,8.392,0,0,1,3.365,3.5,11.013,11.013,0,0,1,1.186,5.156Zm-6.145.165A6.653,6.653,0,0,0,78.021,6.3,2.844,2.844,0,0,0,75.53,4.935a3.159,3.159,0,0,0-2.692,1.314,6.192,6.192,0,0,0-.962,3.713,6.1,6.1,0,0,0,.957,3.658,3.055,3.055,0,0,0,2.605,1.314,2.982,2.982,0,0,0,1.809-.591,3.8,3.8,0,0,0,1.241-1.689A6.927,6.927,0,0,0,78.932,10.04Zm18.855,9.51-1.433-4.144a5.17,5.17,0,0,0-1.081-1.918,1.969,1.969,0,0,0-1.442-.7h-.224V19.55h-5.8V.32h7.7q4.031,0,5.961,1.319A4.494,4.494,0,0,1,103.391,5.6a5.009,5.009,0,0,1-1.122,3.324,6.382,6.382,0,0,1-3.333,1.946v.055a4.658,4.658,0,0,1,2.037,1.218,7.6,7.6,0,0,1,1.456,2.509l1.891,4.895ZM97.232,6.423a2.01,2.01,0,0,0-.591-1.529A2.587,2.587,0,0,0,94.8,4.331h-1.19v4.4H94.65a2.659,2.659,0,0,0,1.873-.655,2.162,2.162,0,0,0,.71-1.648ZM124.159,19.55V9.01q0-1.49.092-3.274l.041-.884h-.16q-.426,2.266-.655,3.136l-2.83,11.561H115.2L112.237,8.126q-.117-.433-.627-3.274h-.165q.192,4.505.188,5.632V19.55H106.55V.32h8.681l2.637,10.448a12.639,12.639,0,0,1,.252,1.3c.1.659.165,1.163.192,1.525h.082q.144-1.222.467-2.885L121.33.32h8.544V19.55h-5.714Z" transform="translate(-0.01 0.01)"/>
+        <g id="Group_81" data-name="Group 81" transform="translate(0 0)" clip-path="url(#clip-path)">
+          <g id="Group_80" data-name="Group 80" transform="translate(-1.476 0.8)">
+            <path id="_1" data-name="1" d="M-186.611,116.227l12.5-6.958-.008-.027a.664.664,0,0,1-.022-.166.66.66,0,0,1,.194-.468.66.66,0,0,1,.468-.195.661.661,0,0,1,.469.194.661.661,0,0,1,.194.469.663.663,0,0,1-.035.211.68.68,0,0,1-.027.069l6.613,5a.667.667,0,0,1,.138-.092.657.657,0,0,1,.295-.069.66.66,0,0,1,.371.114.677.677,0,0,1,.179.179l15.581-6.232a.663.663,0,0,1-.01-.111.66.66,0,0,1,.194-.468.659.659,0,0,1,.469-.195.66.66,0,0,1,.468.195.66.66,0,0,1,.194.468.663.663,0,0,1-.03.2q-.009.029-.021.057l7.515,5.228a.668.668,0,0,1,.146-.1.659.659,0,0,1,.306-.076.66.66,0,0,1,.392.128.665.665,0,0,1,.185.207l24.313-7.631c0-.02,0-.041,0-.061a.661.661,0,0,1,.194-.469.663.663,0,0,1,.469-.194.66.66,0,0,1,.468.194.659.659,0,0,1,.195.469.666.666,0,0,1-.025.181l-.013.042,10.647,6.591a.664.664,0,0,1,.156-.12.661.661,0,0,1,.322-.084.659.659,0,0,1,.4.131.665.665,0,0,1,.185.213l8.084-2.425,0-.053a.661.661,0,0,1,.194-.468.663.663,0,0,1,.469-.194.661.661,0,0,1,.468.194.66.66,0,0,1,.194.468.665.665,0,0,1-.017.149l0,.01,7.228,3.534a.665.665,0,0,1,.171-.153.661.661,0,0,1,.35-.1.661.661,0,0,1,.352.1.661.661,0,0,1,.171.155l13.565-6.525,0-.008a.665.665,0,0,1-.017-.147.661.661,0,0,1,.195-.469.661.661,0,0,1,.468-.194.661.661,0,0,1,.468.194.663.663,0,0,1,.194.469.667.667,0,0,1-.022.17l-.009.03,5.4,3.087a.667.667,0,0,1,.161-.131.66.66,0,0,1,.332-.089.662.662,0,0,1,.224.039.75.75,0,0,1,.081.036l7.009-8.511a.656.656,0,0,1-.08-.129.662.662,0,0,1-.063-.283.66.66,0,0,1,.195-.468.66.66,0,0,1,.468-.194.661.661,0,0,1,.469.194.662.662,0,0,1,.194.468.66.66,0,0,1-.194.468.659.659,0,0,1-.469.195.661.661,0,0,1-.222-.038.658.658,0,0,1-.083-.036l-7.009,8.511a.661.661,0,0,1,.081.129.662.662,0,0,1,.063.282.66.66,0,0,1-.194.468.659.659,0,0,1-.469.195.661.661,0,0,1-.469-.194.663.663,0,0,1-.194-.469.668.668,0,0,1,.022-.17l.009-.03-5.4-3.087a.667.667,0,0,1-.161.131.659.659,0,0,1-.332.089.662.662,0,0,1-.352-.1.668.668,0,0,1-.171-.155l-13.565,6.525,0,.008a.671.671,0,0,1,.017.147.66.66,0,0,1-.195.468.661.661,0,0,1-.468.194.661.661,0,0,1-.469-.194.662.662,0,0,1-.194-.468.669.669,0,0,1,.017-.149l0-.011-7.228-3.534,0,0a.667.667,0,0,1-.1.1.661.661,0,0,1-.195.109.663.663,0,0,1-.22.038q-.028,0-.064,0c-.024,0-.045-.005-.063-.009a.662.662,0,0,1-.318-.16.677.677,0,0,1-.135-.171l-8.084,2.425,0,.053a.661.661,0,0,1-.194.468.66.66,0,0,1-.468.194.661.661,0,0,1-.468-.194.661.661,0,0,1-.195-.468.666.666,0,0,1,.025-.181l.013-.042-10.647-6.591a.667.667,0,0,1-.156.12.66.66,0,0,1-.322.084.661.661,0,0,1-.392-.128.667.667,0,0,1-.185-.207l-24.313,7.631c0,.02,0,.041,0,.061a.661.661,0,0,1-.194.469.663.663,0,0,1-.469.194.66.66,0,0,1-.468-.195.661.661,0,0,1-.194-.468.664.664,0,0,1,.03-.2q.009-.029.021-.057l-7.515-5.228a.67.67,0,0,1-.146.1.658.658,0,0,1-.306.076.66.66,0,0,1-.371-.114.677.677,0,0,1-.179-.179l-15.581,6.232a.664.664,0,0,1,.01.111.661.661,0,0,1-.194.469.663.663,0,0,1-.469.194.661.661,0,0,1-.468-.194.661.661,0,0,1-.195-.469.662.662,0,0,1,.035-.211.678.678,0,0,1,.027-.069l-6.613-5a.663.663,0,0,1-.138.092.661.661,0,0,1-.295.069.66.66,0,0,1-.335-.091.667.667,0,0,1-.163-.135l-12.5,6.958ZM-173.2,108.8a.383.383,0,0,0-.271-.112.382.382,0,0,0-.271.112.384.384,0,0,0-.112.272.386.386,0,0,0,.012.1.383.383,0,0,0,.036.09.386.386,0,0,0,.141.145.382.382,0,0,0,.194.052.382.382,0,0,0,.171-.04.386.386,0,0,0,.136-.112.385.385,0,0,0,.058-.109.385.385,0,0,0,.019-.122A.383.383,0,0,0-173.2,108.8Zm117.117-7.273a.384.384,0,0,0-.272-.112.384.384,0,0,0-.272.112.382.382,0,0,0-.112.271.383.383,0,0,0,.036.164.385.385,0,0,0,.1.131l0,0a.383.383,0,0,0,.114.064.386.386,0,0,0,.129.022.383.383,0,0,0,.271-.112.382.382,0,0,0,.112-.271.381.381,0,0,0-.112-.271Zm-7.974,9.42a.4.4,0,0,0-.13-.022.383.383,0,0,0-.192.051.387.387,0,0,0-.141.142.382.382,0,0,0-.038.091.391.391,0,0,0-.012.1.383.383,0,0,0,.112.272.385.385,0,0,0,.272.112.383.383,0,0,0,.271-.112.381.381,0,0,0,.112-.271.383.383,0,0,0-.036-.164.387.387,0,0,0-.1-.133.384.384,0,0,0-.114-.065Zm-6.386-3.64a.384.384,0,0,0-.271-.112.384.384,0,0,0-.272.112.383.383,0,0,0-.112.271.391.391,0,0,0,.009.086.378.378,0,0,0,.028.08.387.387,0,0,0,.142.159.383.383,0,0,0,.2.058.381.381,0,0,0,.192-.051.386.386,0,0,0,.141-.142.38.38,0,0,0,.038-.091.39.39,0,0,0,.012-.1.383.383,0,0,0-.112-.272Zm-14.8,7.033a.383.383,0,0,0-.2-.058.383.383,0,0,0-.2.058.386.386,0,0,0-.142.157.381.381,0,0,0-.029.082.392.392,0,0,0-.01.087.382.382,0,0,0,.112.271.385.385,0,0,0,.272.112.384.384,0,0,0,.272-.112.382.382,0,0,0,.112-.271.4.4,0,0,0-.009-.086.378.378,0,0,0-.028-.08A.383.383,0,0,0-85.247,114.345Zm-8.325-4.048a.382.382,0,0,0-.271-.112.383.383,0,0,0-.272.112.384.384,0,0,0-.112.271.4.4,0,0,0,0,.056.394.394,0,0,0,.012.054.385.385,0,0,0,.11.174.385.385,0,0,0,.184.092.514.514,0,0,0,.075.007.384.384,0,0,0,.127-.021.383.383,0,0,0,.113-.063.388.388,0,0,0,.06-.06.383.383,0,0,0,.044-.071.386.386,0,0,0,.029-.082.388.388,0,0,0,.01-.087A.382.382,0,0,0-93.572,110.3Zm-9.367,2.76a.382.382,0,0,0-.228-.075.383.383,0,0,0-.187.048.386.386,0,0,0-.14.134.381.381,0,0,0-.042.1.389.389,0,0,0-.014.106.382.382,0,0,0,.112.271.383.383,0,0,0,.272.112.382.382,0,0,0,.271-.112.382.382,0,0,0,.112-.271.406.406,0,0,0,0-.056.4.4,0,0,0-.012-.055.386.386,0,0,0-.139-.2Zm-11.706-7.236a.382.382,0,0,0-.271-.112.383.383,0,0,0-.272.112.385.385,0,0,0-.112.272.4.4,0,0,0,0,.059.385.385,0,0,0,.013.057.385.385,0,0,0,.139.194.383.383,0,0,0,.227.074.382.382,0,0,0,.187-.048.387.387,0,0,0,.14-.134.37.37,0,0,0,.043-.1.381.381,0,0,0,.014-.105.384.384,0,0,0-.112-.271Zm-25.594,7.981a.382.382,0,0,0-.227-.074.381.381,0,0,0-.178.043.386.386,0,0,0-.137.122.382.382,0,0,0-.051.1.386.386,0,0,0-.017.115.384.384,0,0,0,.112.272.382.382,0,0,0,.271.112.382.382,0,0,0,.271-.112.385.385,0,0,0,.112-.272.389.389,0,0,0,0-.059A.383.383,0,0,0-140.1,114a.384.384,0,0,0-.139-.194Zm-8.534-5.93a.382.382,0,0,0-.271-.112.383.383,0,0,0-.271.112.382.382,0,0,0-.112.271.393.393,0,0,0,.007.073.383.383,0,0,0,.02.07.387.387,0,0,0,.141.176.387.387,0,0,0,.215.065.381.381,0,0,0,.177-.043.387.387,0,0,0,.137-.122.383.383,0,0,0,.051-.1.386.386,0,0,0,.017-.115A.384.384,0,0,0-148.773,107.871Zm-16.84,6.667a.387.387,0,0,0-.215-.065.382.382,0,0,0-.171.04.381.381,0,0,0-.136.112.385.385,0,0,0-.058.109.386.386,0,0,0-.019.122.382.382,0,0,0,.112.271.383.383,0,0,0,.272.112.382.382,0,0,0,.271-.112.385.385,0,0,0,.112-.272.391.391,0,0,0-.007-.073.384.384,0,0,0-.02-.07A.387.387,0,0,0-165.613,114.538Z" transform="translate(186.611 -101.14)" fill="#fff"/>
+          </g>
+        </g>
+        <path id="Path_2438" data-name="Path 2438" d="M15.728,6.661a6.284,6.284,0,0,1-1,3.5,6.5,6.5,0,0,1-2.852,2.367,10.327,10.327,0,0,1-4.3.838H5.807V19.55H.01V.32H7.894q4.066,0,5.948,1.543a5.83,5.83,0,0,1,1.886,4.8Zm-6.131.2a2.266,2.266,0,0,0-.682-1.786,2.954,2.954,0,0,0-2.01-.6h-1.1V9.221h1.3Q9.6,9.221,9.6,6.858ZM18.027,19.55V.32H30V4.853H23.823v2.8h5.8v4.533h-5.8v2.83h6.621V19.55H18.027Zm25.137,0L41.73,15.406a5.17,5.17,0,0,0-1.081-1.918,1.969,1.969,0,0,0-1.442-.7h-.224V19.55h-5.8V.32h7.7q4.031,0,5.961,1.319A4.494,4.494,0,0,1,48.768,5.6a5.009,5.009,0,0,1-1.122,3.324,6.382,6.382,0,0,1-3.333,1.946v.055a4.658,4.658,0,0,1,2.037,1.218,7.6,7.6,0,0,1,1.456,2.509L49.7,19.55H43.164ZM42.61,6.423a2.01,2.01,0,0,0-.591-1.529,2.587,2.587,0,0,0-1.845-.563h-1.19v4.4h1.044A2.659,2.659,0,0,0,41.9,8.071a2.162,2.162,0,0,0,.71-1.648Zm15.114-1.57V8.314h5.714v4.533H57.724v6.7h-5.8V.32h12.06V4.853H57.724ZM85.076,9.875a10.624,10.624,0,0,1-1.25,5.183,8.852,8.852,0,0,1-3.484,3.553,10.524,10.524,0,0,1-9.94.041A8.714,8.714,0,0,1,66.949,15.2a10.192,10.192,0,0,1-1.232-5.023A11.112,11.112,0,0,1,66.963,4.9a8.872,8.872,0,0,1,3.5-3.626A10.159,10.159,0,0,1,75.585-.01a9.874,9.874,0,0,1,4.94,1.227,8.392,8.392,0,0,1,3.365,3.5,11.013,11.013,0,0,1,1.186,5.156Zm-6.145.165A6.653,6.653,0,0,0,78.021,6.3,2.844,2.844,0,0,0,75.53,4.935a3.159,3.159,0,0,0-2.692,1.314,6.192,6.192,0,0,0-.962,3.713,6.1,6.1,0,0,0,.957,3.658,3.055,3.055,0,0,0,2.605,1.314,2.982,2.982,0,0,0,1.809-.591,3.8,3.8,0,0,0,1.241-1.689A6.927,6.927,0,0,0,78.932,10.04Zm18.855,9.51-1.433-4.144a5.17,5.17,0,0,0-1.081-1.918,1.969,1.969,0,0,0-1.442-.7h-.224V19.55h-5.8V.32h7.7q4.031,0,5.961,1.319A4.494,4.494,0,0,1,103.391,5.6a5.009,5.009,0,0,1-1.122,3.324,6.382,6.382,0,0,1-3.333,1.946v.055a4.658,4.658,0,0,1,2.037,1.218,7.6,7.6,0,0,1,1.456,2.509l1.891,4.895ZM97.232,6.423a2.01,2.01,0,0,0-.591-1.529A2.587,2.587,0,0,0,94.8,4.331h-1.19v4.4H94.65a2.659,2.659,0,0,0,1.873-.655,2.162,2.162,0,0,0,.71-1.648ZM124.159,19.55V9.01q0-1.49.092-3.274l.041-.884h-.16q-.426,2.266-.655,3.136l-2.83,11.561H115.2L112.237,8.126q-.117-.433-.627-3.274h-.165q.192,4.505.188,5.632V19.55H106.55V.32h8.681l2.637,10.448a12.639,12.639,0,0,1,.252,1.3c.1.659.165,1.163.192,1.525h.082q.144-1.222.467-2.885L121.33.32h8.544V19.55h-5.714Z" transform="translate(-0.01 0.01)" fill="none"/>
+        <path id="Path_2439" data-name="Path 2439" d="M16896.5,60.9V41.67h5.8V60.9Z" transform="translate(-16762.85 -41.34)" fill="#2980be"/>
+        <path id="Path_2441" data-name="Path 2441" d="M16896.5,60.9V41.67h5.8V60.9Z" transform="translate(-16762.85 -41.34)" fill="none"/>
+        <path id="Path_2442" data-name="Path 2442" d="M17989.164,19.019a16.266,16.266,0,0,1-5.514.861,11.2,11.2,0,0,1-5.3-1.172,8.049,8.049,0,0,1-3.4-3.342,10.306,10.306,0,0,1-1.172-5,11.02,11.02,0,0,1,1.313-5.417,9.043,9.043,0,0,1,3.721-3.667,11.4,11.4,0,0,1,5.521-1.3,19.182,19.182,0,0,1,4.83.6V5.947a6.842,6.842,0,0,0-1.92-.746,9.573,9.573,0,0,0-2.252-.266,5.052,5.052,0,0,0-3.725,1.355,4.953,4.953,0,0,0-1.357,3.672,4.87,4.87,0,0,0,1.357,3.64,4.991,4.991,0,0,0,3.645,1.332,9.41,9.41,0,0,0,4.252-1.076Z" transform="translate(-17831.607 0.01)" fill="#6fb236"/>
+        <g id="Group_87" data-name="Group 87" transform="translate(142.171 0)" clip-path="url(#clip-path-3)">
+          <g id="Group_86" data-name="Group 86" transform="translate(-143.58 0.939)">
+            <g id="Group_85" data-name="Group 85" transform="translate(0)">
+              <path id="_1-2" data-name="1" d="M-178.08,199.446l13.068-7.273,7.646,5.781,16.784-6.714,8.579,5.968,25.549-8.019,11.749,7.273,9.324-2.8,8.392,4.1,14.732-7.087,6.527,3.73L-47.9,184.9" transform="translate(178.08 -184.377)" fill="none" stroke="#fff" stroke-miterlimit="2.613" stroke-width="35.28" fill-rule="evenodd"/>
+              <circle id="Ellipse_16" data-name="Ellipse 16" cx="0.523" cy="0.523" r="0.523" transform="translate(12.545 7.273)" fill="#fff"/>
+              <circle id="Ellipse_17" data-name="Ellipse 17" cx="0.523" cy="0.523" r="0.523" transform="translate(20.191 13.054)" fill="#fff"/>
+              <circle id="Ellipse_18" data-name="Ellipse 18" cx="0.523" cy="0.523" r="0.523" transform="translate(36.975 6.341)" fill="#fff"/>
+              <circle id="Ellipse_19" data-name="Ellipse 19" cx="0.523" cy="0.523" r="0.523" transform="translate(45.554 12.308)" fill="#fff"/>
+              <circle id="Ellipse_20" data-name="Ellipse 20" cx="0.523" cy="0.523" r="0.523" transform="translate(71.103 4.289)" fill="#fff"/>
+              <circle id="Ellipse_21" data-name="Ellipse 21" cx="0.523" cy="0.523" r="0.523" transform="translate(82.852 11.562)" fill="#fff"/>
+              <circle id="Ellipse_22" data-name="Ellipse 22" cx="0.523" cy="0.523" r="0.523" transform="translate(92.176 8.765)" fill="#fff"/>
+              <circle id="Ellipse_23" data-name="Ellipse 23" cx="0.523" cy="0.523" r="0.523" transform="translate(100.569 12.868)" fill="#fff"/>
+              <circle id="Ellipse_24" data-name="Ellipse 24" cx="0.523" cy="0.523" r="0.523" transform="translate(115.301 5.781)" fill="#fff"/>
+              <circle id="Ellipse_25" data-name="Ellipse 25" cx="0.523" cy="0.523" r="0.523" transform="translate(121.828 9.511)" fill="#fff"/>
+              <circle id="Ellipse_26" data-name="Ellipse 26" cx="0.523" cy="0.523" r="0.523" transform="translate(129.661)" fill="#fff"/>
+            </g>
+          </g>
+        </g>
+        <path id="Path_2444" data-name="Path 2444" d="M17989.164,19.019a16.266,16.266,0,0,1-5.514.861,11.2,11.2,0,0,1-5.3-1.172,8.049,8.049,0,0,1-3.4-3.342,10.306,10.306,0,0,1-1.172-5,11.02,11.02,0,0,1,1.313-5.417,9.043,9.043,0,0,1,3.721-3.667,11.4,11.4,0,0,1,5.521-1.3,19.182,19.182,0,0,1,4.83.6V5.947a6.842,6.842,0,0,0-1.92-.746,9.573,9.573,0,0,0-2.252-.266,5.052,5.052,0,0,0-3.725,1.355,4.953,4.953,0,0,0-1.357,3.672,4.87,4.87,0,0,0,1.357,3.64,4.991,4.991,0,0,0,3.645,1.332,9.41,9.41,0,0,0,4.252-1.076Z" transform="translate(-17831.607 0.01)" fill="none"/>
+        <path id="Path_2445" data-name="Path 2445" d="M20210.066,13.726a5.568,5.568,0,0,1-1.025,3.338,6.112,6.112,0,0,1-2.881,2.12,12.7,12.7,0,0,1-4.455.7,14.487,14.487,0,0,1-5.527-1.021v-5.27a10.952,10.952,0,0,0,2.672,1.433,7.861,7.861,0,0,0,2.725.545,2.686,2.686,0,0,0,1.477-.343,1.123,1.123,0,0,0,.523-1,1.34,1.34,0,0,0-.262-.824,2.593,2.593,0,0,0-.791-.664,14.375,14.375,0,0,0-1.971-.847q-4.644-1.786-4.643-5.764a5.382,5.382,0,0,1,2.121-4.46,8.954,8.954,0,0,1,5.691-1.671c.674,0,1.287.028,1.854.082s1.074.119,1.533.2,1.109.234,1.943.458V5.622a9.984,9.984,0,0,0-4.781-1.319,2.95,2.95,0,0,0-1.561.362,1.1,1.1,0,0,0-.59.984,1.236,1.236,0,0,0,.477,1,8.771,8.771,0,0,0,1.994,1.026,11.07,11.07,0,0,1,4.236,2.642,5.037,5.037,0,0,1,1.24,3.411Z" transform="translate(-20036.162 0.01)" fill="#e41d2b"/>
+        <g id="Group_90" data-name="Group 90" transform="translate(159.748 0)" clip-path="url(#clip-path-4)">
+          <g id="Group_89" data-name="Group 89" transform="translate(-161.157 0.939)">
+            <g id="Group_88" data-name="Group 88" transform="translate(0)">
+              <path id="_1-3" data-name="1" d="M-178.08,199.446l13.068-7.273,7.646,5.781,16.784-6.714,8.579,5.968,25.549-8.019,11.749,7.273,9.324-2.8,8.392,4.1,14.732-7.087,6.527,3.73L-47.9,184.9" transform="translate(178.08 -184.377)" fill="none" stroke="#fff" stroke-miterlimit="2.613" stroke-width="35.28" fill-rule="evenodd"/>
+              <circle id="Ellipse_27" data-name="Ellipse 27" cx="0.523" cy="0.523" r="0.523" transform="translate(12.545 7.273)" fill="#fff"/>
+              <circle id="Ellipse_28" data-name="Ellipse 28" cx="0.523" cy="0.523" r="0.523" transform="translate(20.191 13.054)" fill="#fff"/>
+              <circle id="Ellipse_29" data-name="Ellipse 29" cx="0.523" cy="0.523" r="0.523" transform="translate(36.975 6.341)" fill="#fff"/>
+              <circle id="Ellipse_30" data-name="Ellipse 30" cx="0.523" cy="0.523" r="0.523" transform="translate(45.554 12.308)" fill="#fff"/>
+              <circle id="Ellipse_31" data-name="Ellipse 31" cx="0.523" cy="0.523" r="0.523" transform="translate(71.103 4.289)" fill="#fff"/>
+              <circle id="Ellipse_32" data-name="Ellipse 32" cx="0.523" cy="0.523" r="0.523" transform="translate(82.852 11.562)" fill="#fff"/>
+              <circle id="Ellipse_33" data-name="Ellipse 33" cx="0.523" cy="0.523" r="0.523" transform="translate(92.176 8.765)" fill="#fff"/>
+              <circle id="Ellipse_34" data-name="Ellipse 34" cx="0.523" cy="0.523" r="0.523" transform="translate(100.569 12.868)" fill="#fff"/>
+              <circle id="Ellipse_35" data-name="Ellipse 35" cx="0.523" cy="0.523" r="0.523" transform="translate(115.301 5.781)" fill="#fff"/>
+              <circle id="Ellipse_36" data-name="Ellipse 36" cx="0.523" cy="0.523" r="0.523" transform="translate(121.828 9.511)" fill="#fff"/>
+              <circle id="Ellipse_37" data-name="Ellipse 37" cx="0.523" cy="0.523" r="0.523" transform="translate(129.661)" fill="#fff"/>
+            </g>
+          </g>
+        </g>
+        <path id="Path_2447" data-name="Path 2447" d="M20210.066,13.726a5.568,5.568,0,0,1-1.025,3.338,6.112,6.112,0,0,1-2.881,2.12,12.7,12.7,0,0,1-4.455.7,14.487,14.487,0,0,1-5.527-1.021v-5.27a10.952,10.952,0,0,0,2.672,1.433,7.861,7.861,0,0,0,2.725.545,2.686,2.686,0,0,0,1.477-.343,1.123,1.123,0,0,0,.523-1,1.34,1.34,0,0,0-.262-.824,2.593,2.593,0,0,0-.791-.664,14.375,14.375,0,0,0-1.971-.847q-4.644-1.786-4.643-5.764a5.382,5.382,0,0,1,2.121-4.46,8.954,8.954,0,0,1,5.691-1.671c.674,0,1.287.028,1.854.082s1.074.119,1.533.2,1.109.234,1.943.458V5.622a9.984,9.984,0,0,0-4.781-1.319,2.95,2.95,0,0,0-1.561.362,1.1,1.1,0,0,0-.59.984,1.236,1.236,0,0,0,.477,1,8.771,8.771,0,0,0,1.994,1.026,11.07,11.07,0,0,1,4.236,2.642,5.037,5.037,0,0,1,1.24,3.411Z" transform="translate(-20036.162 0.01)" fill="none"/>
+        <path id="Path_2448" data-name="Path 2448" d="M13507.49,2858.253a1.036,1.036,0,0,1-.35.814,1.322,1.322,0,0,1-.914.31h-.458v1.318h-.408v-3.482h.957a1.261,1.261,0,0,1,.865.273A.973.973,0,0,1,13507.49,2858.253Zm-.429.021q0-.693-.814-.692h-.479v1.427h.427a.966.966,0,0,0,.644-.191A.68.68,0,0,0,13507.062,2858.274Zm2.825,1.277h-1.757a.932.932,0,0,0,.223.643.777.777,0,0,0,.59.222,1.217,1.217,0,0,0,.77-.272v.371a1.426,1.426,0,0,1-.864.239,1.042,1.042,0,0,1-.831-.344,1.394,1.394,0,0,1-.3-.95,1.521,1.521,0,0,1,.149-.674,1.144,1.144,0,0,1,.413-.472,1.054,1.054,0,0,1,.582-.167.943.943,0,0,1,.755.314,1.312,1.312,0,0,1,.271.88Zm-.408-.338a.823.823,0,0,0-.167-.536.564.564,0,0,0-.455-.191.643.643,0,0,0-.474.2.932.932,0,0,0-.248.527Zm2.289-.6a.535.535,0,0,0-.735.168,1.16,1.16,0,0,0-.165.648v1.268h-.4v-2.487h.4v.512h.01a.888.888,0,0,1,.255-.407.589.589,0,0,1,.4-.15.671.671,0,0,1,.239.034Zm1.756-1.249a.527.527,0,0,0-.265-.065q-.416,0-.416.526v.384h.581v.338h-.581v2.149h-.4v-2.149h-.423v-.338h.423v-.4a.851.851,0,0,1,.223-.613.756.756,0,0,1,.568-.233.779.779,0,0,1,.288.044Zm2.587,2.078a1.342,1.342,0,0,1-.336.952,1.176,1.176,0,0,1-.9.361,1.147,1.147,0,0,1-.88-.351,1.293,1.293,0,0,1-.329-.924,1.364,1.364,0,0,1,.337-.974,1.22,1.22,0,0,1,.931-.358,1.107,1.107,0,0,1,.866.346A1.358,1.358,0,0,1,13516.11,2859.442Zm-.408.015a1.1,1.1,0,0,0-.207-.719.727.727,0,0,0-.593-.25.761.761,0,0,0-.607.256,1.066,1.066,0,0,0-.225.724,1.012,1.012,0,0,0,.226.7.77.77,0,0,0,.606.251.731.731,0,0,0,.594-.248A1.085,1.085,0,0,0,13515.7,2859.457Zm2.324-.844a.535.535,0,0,0-.735.168,1.152,1.152,0,0,0-.166.648v1.268h-.4v-2.487h.4v.512h.011a.88.88,0,0,1,.255-.407.587.587,0,0,1,.4-.15.664.664,0,0,1,.239.034Zm3.955,2.083h-.4v-1.428a1.082,1.082,0,0,0-.126-.6.491.491,0,0,0-.43-.181.534.534,0,0,0-.435.233.9.9,0,0,0-.179.556v1.419h-.4v-1.477c0-.488-.187-.731-.565-.731a.522.522,0,0,0-.432.22.9.9,0,0,0-.171.569v1.419h-.4v-2.487h.4v.394h.01a.843.843,0,0,1,.771-.453.743.743,0,0,1,.437.136.683.683,0,0,1,.27.38.889.889,0,0,1,.827-.516q.82,0,.82,1.014Z" transform="translate(-13398.534 -2834.361)"/>
+        <path id="Path_2449" data-name="Path 2449" d="M15855.136,2867.561h-.408v-3.482h.408Zm2.927,0h-.4v-1.419q0-.789-.578-.789a.632.632,0,0,0-.492.222.826.826,0,0,0-.2.567v1.419h-.4v-2.487h.4v.413h.01a.894.894,0,0,1,.817-.473.758.758,0,0,1,.625.267,1.184,1.184,0,0,1,.214.758Zm2.107-.666a.644.644,0,0,1-.247.524,1.018,1.018,0,0,1-.662.2,1.229,1.229,0,0,1-.617-.15v-.426a1,1,0,0,0,.646.238c.316,0,.474-.116.474-.348a.306.306,0,0,0-.091-.23,1.821,1.821,0,0,0-.42-.239,1.252,1.252,0,0,1-.467-.3.69.69,0,0,1,.111-.942.947.947,0,0,1,.629-.207,1.2,1.2,0,0,1,.532.116v.4a.931.931,0,0,0-.562-.177.493.493,0,0,0-.319.1.31.31,0,0,0-.119.25.338.338,0,0,0,.091.254,1.436,1.436,0,0,0,.383.21,1.387,1.387,0,0,1,.5.315A.61.61,0,0,1,15860.17,2866.9Zm1.05-2.714a.244.244,0,0,1-.077.187.259.259,0,0,1-.184.074.268.268,0,0,1-.187-.071.263.263,0,0,1,.374-.371A.248.248,0,0,1,15861.22,2864.181Zm-.067,3.379h-.4v-2.487h.4Zm2.91-.2q0,1.368-1.312,1.368a1.8,1.8,0,0,1-.806-.172v-.4a1.646,1.646,0,0,0,.8.233q.923,0,.922-.975v-.274h-.01a.932.932,0,0,1-.856.479.961.961,0,0,1-.9-.58,1.752,1.752,0,0,1,.182-1.652,1.022,1.022,0,0,1,.829-.374.812.812,0,0,1,.747.4h.01v-.343h.4Zm-.4-.925v-.367a.7.7,0,0,0-.207-.509.672.672,0,0,0-.494-.208.685.685,0,0,0-.578.269,1.21,1.21,0,0,0-.209.751,1.032,1.032,0,0,0,.2.659.647.647,0,0,0,.532.25.7.7,0,0,0,.545-.237A.876.876,0,0,0,15863.665,2866.436Zm3.268,1.124h-.4v-1.433c0-.516-.191-.775-.577-.775a.629.629,0,0,0-.5.227.848.848,0,0,0-.193.572v1.409h-.4v-3.681h.4v1.607h.01a.9.9,0,0,1,.815-.473q.839,0,.84,1.015Zm1.905-.025a.77.77,0,0,1-.374.08c-.433,0-.652-.245-.652-.733v-1.47h-.426v-.339h.426v-.608l.4-.128v.736h.629v.339h-.629v1.4a.576.576,0,0,0,.088.357.342.342,0,0,0,.283.105.423.423,0,0,0,.258-.081Z" transform="translate(-15729.318 -2841.227)" fill="#2980be"/>
+        <path id="Path_2450" data-name="Path 2450" d="M17832.65,2867.417a2.052,2.052,0,0,1-.959.2,1.677,1.677,0,0,1-.857-.217,1.453,1.453,0,0,1-.578-.613,1.947,1.947,0,0,1-.2-.907,2.031,2.031,0,0,1,.225-.961,1.628,1.628,0,0,1,.635-.667,1.78,1.78,0,0,1,.914-.238,2.077,2.077,0,0,1,.822.143v.434a1.675,1.675,0,0,0-.826-.209,1.331,1.331,0,0,0-.7.182,1.212,1.212,0,0,0-.475.519,1.7,1.7,0,0,0-.17.772,1.615,1.615,0,0,0,.16.73,1.128,1.128,0,0,0,.445.49,1.274,1.274,0,0,0,.66.171,1.707,1.707,0,0,0,.9-.233Zm2.416.143h-.395v-.389h-.012a.833.833,0,0,1-.766.449.825.825,0,0,1-.574-.2.665.665,0,0,1-.217-.525q0-.694.818-.811l.75-.1q0-.632-.516-.632a1.237,1.237,0,0,0-.811.3v-.407a1.24,1.24,0,0,1,.375-.158,1.748,1.748,0,0,1,.473-.076q.873,0,.873.93Zm-.395-1.258-.605.085a.883.883,0,0,0-.432.147.413.413,0,0,0-.123.334.372.372,0,0,0,.133.3.517.517,0,0,0,.344.113.628.628,0,0,0,.486-.209.736.736,0,0,0,.2-.523Zm3.434-.061a1.531,1.531,0,0,1-.307,1,1.019,1.019,0,0,1-.826.374.821.821,0,0,1-.746-.418h-.012v1.5h-.4v-3.631h.4v.437h.012a.942.942,0,0,1,.861-.5.92.92,0,0,1,.74.33A1.351,1.351,0,0,1,17838.105,2866.241Zm-.408-.005a1.011,1.011,0,0,0-.189-.644.625.625,0,0,0-.521-.24.714.714,0,0,0-.557.238.876.876,0,0,0-.215.608v.348a.732.732,0,0,0,.205.525.688.688,0,0,0,.51.211.661.661,0,0,0,.563-.277,1.269,1.269,0,0,0,.205-.768Zm2.787,1.324h-.4v-.389h-.01a.9.9,0,0,1-1.342.253.677.677,0,0,1-.215-.525q0-.694.818-.811l.748-.1c0-.421-.172-.632-.512-.632a1.235,1.235,0,0,0-.812.3v-.407a1.24,1.24,0,0,1,.375-.158,1.724,1.724,0,0,1,.471-.076c.586,0,.877.31.877.93Zm-.4-1.258-.6.085a.867.867,0,0,0-.43.147.4.4,0,0,0-.125.334.372.372,0,0,0,.133.3.514.514,0,0,0,.344.113.626.626,0,0,0,.486-.209.735.735,0,0,0,.2-.523Zm3.434-.061a1.545,1.545,0,0,1-.3,1,1.013,1.013,0,0,1-.828.379.822.822,0,0,1-.746-.417h-.012v.357h-.4v-3.681h.4v1.631h.012a.941.941,0,0,1,.859-.5.928.928,0,0,1,.744.33A1.36,1.36,0,0,1,17843.52,2866.241Zm-.4-.005a1,1,0,0,0-.191-.644.625.625,0,0,0-.521-.24.711.711,0,0,0-.557.238.876.876,0,0,0-.215.608v.348a.725.725,0,0,0,.207.525.676.676,0,0,0,.506.211.662.662,0,0,0,.564-.277,1.269,1.269,0,0,0,.207-.768Zm1.49-2.055a.253.253,0,0,1-.078.187.261.261,0,0,1-.184.073.258.258,0,0,1-.186-.071.255.255,0,0,1-.074-.189.26.26,0,0,1,.443-.181A.241.241,0,0,1,17844.605,2864.181Zm-.068,3.379h-.4v-2.487h.4Zm1.205,0h-.4v-3.681h.4Zm1.273-3.379a.247.247,0,0,1-.08.187.272.272,0,0,1-.369,0,.255.255,0,0,1-.074-.189.257.257,0,0,1,.26-.257.258.258,0,0,1,.264.257Zm-.07,3.379h-.4v-2.487h.4Zm1.961-.025a.769.769,0,0,1-.375.079q-.65,0-.65-.732v-1.471h-.426v-.338h.426v-.608l.4-.128v.736h.627v.338h-.627v1.4a.577.577,0,0,0,.086.356.341.341,0,0,0,.285.105.421.421,0,0,0,.256-.08Zm2.51-2.462-1.143,2.886c-.205.513-.49.77-.859.77a1,1,0,0,1-.26-.029v-.358a.729.729,0,0,0,.232.044.489.489,0,0,0,.455-.358l.2-.473-.973-2.482h.443l.672,1.914.051.189h.016c.006-.036.023-.1.047-.182l.709-1.921Z" transform="translate(-17689.02 -2841.226)" fill="#6fb236"/>
+        <path id="Path_2451" data-name="Path 2451" d="M20719.48,2866.68a.837.837,0,0,1-.311.69,1.321,1.321,0,0,1-.848.25,1.811,1.811,0,0,1-.439-.064,1.178,1.178,0,0,1-.346-.135v-.482a1.2,1.2,0,0,0,.393.224,1.293,1.293,0,0,0,.451.09q.668,0,.668-.523a.552.552,0,0,0-.141-.375,2.7,2.7,0,0,0-.59-.411,2.1,2.1,0,0,1-.6-.462.894.894,0,0,1,.137-1.2,1.2,1.2,0,0,1,.8-.259,1.436,1.436,0,0,1,.686.125v.458a1.113,1.113,0,0,0-.707-.214.748.748,0,0,0-.475.144.462.462,0,0,0-.182.381.593.593,0,0,0,.055.277.708.708,0,0,0,.184.206,4.117,4.117,0,0,0,.439.274,2.234,2.234,0,0,1,.646.486A.808.808,0,0,1,20719.48,2866.68Zm2.4.88h-.4v-.389h-.008a.905.905,0,0,1-1.344.253.678.678,0,0,1-.215-.526q0-.694.82-.811l.746-.1c0-.421-.17-.632-.512-.632a1.229,1.229,0,0,0-.811.3v-.407a1.21,1.21,0,0,1,.373-.158,1.717,1.717,0,0,1,.473-.076c.582,0,.875.31.875.93Zm-.4-1.258-.6.085a.9.9,0,0,0-.432.146.414.414,0,0,0-.123.334.377.377,0,0,0,.133.3.514.514,0,0,0,.344.113.643.643,0,0,0,.49-.209.749.749,0,0,0,.191-.523Zm1.545,1.258h-.4v-3.681h.4Zm2.787-1.144h-1.756a.942.942,0,0,0,.223.643.775.775,0,0,0,.59.222,1.215,1.215,0,0,0,.77-.272v.371a1.427,1.427,0,0,1-.863.239,1.052,1.052,0,0,1-.834-.343,1.409,1.409,0,0,1-.3-.95,1.534,1.534,0,0,1,.148-.674,1.136,1.136,0,0,1,.412-.472,1.06,1.06,0,0,1,.584-.167.942.942,0,0,1,.754.314,1.311,1.311,0,0,1,.27.88Zm-.408-.338a.818.818,0,0,0-.166-.536.562.562,0,0,0-.455-.19.638.638,0,0,0-.473.2.928.928,0,0,0-.248.527Zm2.35.817a.639.639,0,0,1-.25.524,1.014,1.014,0,0,1-.662.2,1.237,1.237,0,0,1-.617-.15v-.426a1.016,1.016,0,0,0,.648.238c.314,0,.473-.116.473-.348a.307.307,0,0,0-.092-.23,1.8,1.8,0,0,0-.42-.239,1.26,1.26,0,0,1-.467-.3.688.688,0,0,1,.113-.942.944.944,0,0,1,.629-.207,1.19,1.19,0,0,1,.529.116v.4a.919.919,0,0,0-.562-.177.481.481,0,0,0-.316.1.309.309,0,0,0-.121.25.332.332,0,0,0,.094.254,1.339,1.339,0,0,0,.381.21,1.418,1.418,0,0,1,.5.315A.621.621,0,0,1,20727.756,2866.9Z" transform="translate(-20553.662 -2841.227)" fill="#e41d2b"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/product_id.svg b/src/assets/performics/product_id.svg
new file mode 100644
index 0000000..70a42a4
--- /dev/null
+++ b/src/assets/performics/product_id.svg
@@ -0,0 +1,1395 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="259.767" height="205.751" viewBox="0 0 259.767 205.751">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.022" y1="0.5" x2="0.982" y2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#92CBC8"/>
+      <stop offset="1" stop-color="#05968F"/>
+    </linearGradient>
+    <filter id="Rectangle_17325" x="60.767" y="108.549" width="123" height="58" filterUnits="userSpaceOnUse">
+      <feOffset dy="4" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7" result="blur"/>
+      <feFlood flood-color="#92CBC8" flood-opacity="0.659"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_14190" data-name="Group 14190" transform="translate(-57.233 -277.451)">
+    <path id="Path_2932" data-name="Path 2932" d="M282.015,267.793a42.592,42.592,0,0,1-3.707,7.129,30.675,30.675,0,0,1-2.245,3.088.158.158,0,0,1-.025.027H25l.034-.027c.226-.176,1.552-1.249,3.614-3.088,1.48-1.317,3.336-3.029,5.421-5.089,17.052-16.772,49.808-56.471,22.528-92.839-25.36-33.808,1.945-39.943,19.957-40.659a51.46,51.46,0,0,1,20.3,3.318A180.342,180.342,0,0,0,140.2,149.886c.651.072,1.306.145,1.97.21a189.767,189.767,0,0,0,31.574.574h0c.309-.018.621-.041.935-.063a187.622,187.622,0,0,0,30.883-4.777c.657-.16,1.306-.312,1.952-.463,33.8-7.82,64.958,18.832,57.167,48.952-2.88,11.141-2.148,23.015,7.454,32.622C287.854,242.621,285.95,258.065,282.015,267.793Z" transform="translate(32.233 204.705)" fill="#ebf0f4" opacity="0.47"/>
+    <g id="Layer_x0020_1" transform="translate(81 277.441)">
+      <g id="_1627761470800" transform="translate(0 0.01)">
+        <g id="Group_10392" data-name="Group 10392" transform="translate(1.399 12.551)">
+          <g id="Group_10388" data-name="Group 10388" transform="translate(11.112)">
+            <g id="Group_10379" data-name="Group 10379">
+              <g id="Group_10373" data-name="Group 10373" transform="translate(-3)">
+                <path id="Path_7255" data-name="Path 7255" d="M297.939,289.521a17.092,17.092,0,0,0-9.33,22.269l10.6,25.876,4.754-1.947-10.6-25.876a11.949,11.949,0,0,1,6.522-15.568c6.09-2.494,15.125,2.338,21.353,21.022l4.922-2.21c-7.936-23-19.511-27.133-28.222-23.566Z" transform="translate(-284.336 -288.246)" fill="#92CBC8"/>
+              </g>
+              <g id="Group_10376" data-name="Group 10376" transform="translate(2.499 23.556)">
+                <g id="Group_10375" data-name="Group 10375">
+                  <g id="Group_10374" data-name="Group 10374">
+                    <path id="Path_7256" data-name="Path 7256" d="M395.117,856.763l-37.5,15.354a2.748,2.748,0,0,1-3.585-1.5l-9.1-22.233a2.748,2.748,0,0,1,1.5-3.585l37.5-15.354a2.748,2.748,0,0,1,3.585,1.5l9.1,22.233A2.748,2.748,0,0,1,395.117,856.763Z" transform="translate(-344.726 -829.237)" fill="#92CBC8"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10378" data-name="Group 10378" transform="translate(23.244 37.693)">
+                <g id="Group_10377" data-name="Group 10377">
+                  <path id="Path_7257" data-name="Path 7257" d="M828.555,1156.286a3.846,3.846,0,1,0-3.135,5.264l2.179,5.321,1.942-.8-2.179-5.322a3.834,3.834,0,0,0,1.193-4.468Z" transform="translate(-821.148 -1153.897)" fill="#fff"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10383" data-name="Group 10383" transform="translate(5.723 43.605)">
+              <g id="Group_10382" data-name="Group 10382">
+                <g id="Group_10381" data-name="Group 10381">
+                  <g id="Group_10380" data-name="Group 10380">
+                    <path id="Path_7258" data-name="Path 7258" d="M427.1,1310.036c-.1.04-2.043-4.484-4.343-10.1s-4.088-10.209-3.99-10.249,2.042,4.483,4.344,10.1,4.087,10.208,3.99,10.248Z" transform="translate(-418.762 -1289.684)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10387" data-name="Group 10387" transform="translate(21.718 37.253)">
+              <g id="Group_10386" data-name="Group 10386">
+                <g id="Group_10385" data-name="Group 10385">
+                  <g id="Group_10384" data-name="Group 10384">
+                    <path id="Path_7259" data-name="Path 7259" d="M790.567,1153.785a1.189,1.189,0,0,1-.514-.066,4.7,4.7,0,0,1-1.3-.559,5.39,5.39,0,0,1-1.292-8.21,4.7,4.7,0,0,1,1.065-.932c.285-.174.458-.24.469-.221a11.978,11.978,0,0,0-1.325,1.323,5.332,5.332,0,0,0,1.23,7.814,12.023,12.023,0,0,0,1.667.852Z" transform="translate(-786.113 -1143.793)" fill="#f9f9f9"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10389" data-name="Group 10389" transform="translate(5.576 51.238)">
+            <path id="Path_7260" data-name="Path 7260" d="M161.709,1465.651l.23-.671.441.556a2.97,2.97,0,0,0,1.363.964l.671.23-.556.441a2.969,2.969,0,0,0-.964,1.363l-.23.671-.44-.556a2.969,2.969,0,0,0-1.363-.964l-.671-.23.556-.441a2.967,2.967,0,0,0,.964-1.363Z" transform="translate(-160.19 -1464.98)" fill="#92CBC8"/>
+          </g>
+          <g id="Group_10390" data-name="Group 10390" transform="translate(28.661 25.132)">
+            <path id="Path_7261" data-name="Path 7261" d="M691.233,865.819l.134-.389.256.323a1.722,1.722,0,0,0,.792.56l.389.134-.323.256a1.721,1.721,0,0,0-.56.792l-.134.389-.256-.323a1.721,1.721,0,0,0-.792-.56l-.389-.134.323-.256a1.725,1.725,0,0,0,.56-.792Z" transform="translate(-690.35 -865.43)" fill="#92CBC8"/>
+          </g>
+          <g id="Group_10391" data-name="Group 10391" transform="translate(0 27.68)">
+            <path id="Path_7262" data-name="Path 7262" d="M34.682,925.077l.387-1.127.74.934a4.985,4.985,0,0,0,2.29,1.62l1.127.387-.934.74a4.988,4.988,0,0,0-1.62,2.29l-.387,1.127-.74-.934a4.988,4.988,0,0,0-2.29-1.62l-1.126-.387.934-.74a4.99,4.99,0,0,0,1.62-2.29Z" transform="translate(-32.13 -923.95)" fill="#92CBC8"/>
+          </g>
+        </g>
+        <g id="Group_10443" data-name="Group 10443" transform="translate(49.348 0)">
+          <g id="Group_10412" data-name="Group 10412">
+            <g id="Group_10398" data-name="Group 10398">
+              <g id="Group_10397" data-name="Group 10397">
+                <g id="Group_10394" data-name="Group 10394">
+                  <g id="Group_10393" data-name="Group 10393">
+                    <path id="Path_7263" data-name="Path 7263" d="M1218.34,205.508l-69.819-.041a15.208,15.208,0,0,1-15.2-15.212l.034-175.039A15.209,15.209,0,0,1,1148.572.01l69.82.041a15.209,15.209,0,0,1,15.2,15.212l-.034,175.039a15.209,15.209,0,0,1-15.218,15.206Z" transform="translate(-1133.32 -0.01)" fill="#92CBC8"/>
+                  </g>
+                </g>
+                <g id="Group_10396" data-name="Group 10396" transform="translate(4.626 6.191)">
+                  <g id="Group_10395" data-name="Group 10395">
+                    <path id="Path_7264" data-name="Path 7264" d="M1319.941,142.231l-13.537-.008a3.363,3.363,0,0,0-3.287,3.434v2.455a3.362,3.362,0,0,1-3.287,3.434l-26.386-.016a3.366,3.366,0,0,1-3.287-3.438v-2.455a3.366,3.366,0,0,0-3.287-3.438l-4.761,0-11.848-.007a10.652,10.652,0,0,0-10.657,10.649l-.034,170.851a10.651,10.651,0,0,0,10.645,10.654l69.68.04a10.651,10.651,0,0,0,10.657-10.649l.034-170.851a10.652,10.652,0,0,0-10.645-10.654Z" transform="translate(-1239.57 -142.19)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10402" data-name="Group 10402" transform="translate(40.988 183.878)">
+              <g id="Group_10399" data-name="Group 10399" transform="translate(0 0.124)">
+                <path id="Path_7265" data-name="Path 7265" d="M2077.324,4227.116a1.338,1.338,0,1,1-1.349-1.327A1.338,1.338,0,0,1,2077.324,4227.116Z" transform="translate(-2074.649 -4225.789)" fill="#263138"/>
+              </g>
+              <g id="Group_10400" data-name="Group 10400" transform="translate(7.495 0.062)">
+                <path id="Path_7266" data-name="Path 7266" d="M2249.454,4225.686a1.338,1.338,0,1,1-1.348-1.327,1.338,1.338,0,0,1,1.348,1.327Z" transform="translate(-2246.779 -4224.359)" fill="#263138"/>
+              </g>
+              <g id="Group_10401" data-name="Group 10401" transform="translate(14.99)">
+                <path id="Path_7267" data-name="Path 7267" d="M2421.575,4224.266a1.338,1.338,0,1,1-1.349-1.327,1.338,1.338,0,0,1,1.349,1.327Z" transform="translate(-2418.899 -4222.939)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10409" data-name="Group 10409" transform="translate(77.54 23.435)">
+              <g id="Group_10404" data-name="Group 10404">
+                <g id="Group_10403" data-name="Group 10403">
+                  <path id="Path_7268" data-name="Path 7268" d="M2921.954,538.271c0,.041-1.76.088-3.931.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2921.954,538.23,2921.954,538.271Z" transform="translate(-2914.09 -538.223)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10406" data-name="Group 10406" transform="translate(0.017 2.012)">
+                <g id="Group_10405" data-name="Group 10405">
+                  <path id="Path_7269" data-name="Path 7269" d="M2922.334,584.483c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.334,584.442,2922.334,584.483Z" transform="translate(-2914.47 -584.435)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10408" data-name="Group 10408" transform="translate(0.033 4.025)">
+                <g id="Group_10407" data-name="Group 10407">
+                  <path id="Path_7270" data-name="Path 7270" d="M2922.714,630.7c0,.041-1.76.088-3.932.106s-3.933,0-3.933-.041,1.76-.088,3.932-.106S2922.714,630.662,2922.714,630.7Z" transform="translate(-2914.85 -630.655)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10411" data-name="Group 10411" transform="translate(13.799 23.231)">
+              <g id="Group_10410" data-name="Group 10410">
+                <path id="Path_7271" data-name="Path 7271" d="M1450.306,540.11a1.369,1.369,0,0,1,.163-.01l.454-.014,1.681-.037-.042.042c-.006-.371-.012-.778-.019-1.217,0-.226-.019-.441,0-.7a.639.639,0,0,1,.558-.512c.269-.005.51-.017.8,0a.644.644,0,0,1,.544.641c.006.567.013,1.161.02,1.776l-.069-.068,2.118-.021-.072.073c-.007-.853-.015-1.735-.024-2.639q0-.338-.006-.672a.538.538,0,0,0-.086-.277,1.7,1.7,0,0,0-.215-.23l-.926-.913-.894-.881-.433-.428a1.013,1.013,0,0,0-.442-.329.576.576,0,0,0-.493.094c-.13.11-.266.263-.395.389l-.76.767c-.478.5-.975.95-1.338,1.381a1.505,1.505,0,0,0-.107.794q0,.395,0,.747c0,.46,0,.862-.006,1.2,0,.311-.005.565-.007.768,0,.177-.009.276-.009.276s-.008-.084-.013-.256c-.005-.2-.012-.451-.02-.758-.007-.344-.016-.748-.026-1.211,0-.239-.008-.492-.013-.76,0-.135,0-.274-.006-.416a.876.876,0,0,1,.116-.44c.39-.477.859-.9,1.341-1.414l.755-.772c.136-.133.248-.267.408-.4a.712.712,0,0,1,.607-.119,1.131,1.131,0,0,1,.5.362l.435.426.9.879.928.911a1.752,1.752,0,0,1,.235.255.689.689,0,0,1,.11.353q0,.336.006.675c.007.9.014,1.786.021,2.639v.073h-.072l-2.118.014h-.069v-.069c0-.615-.007-1.209-.01-1.776a.518.518,0,0,0-.435-.521c-.246-.013-.531,0-.77,0a.526.526,0,0,0-.463.418c-.02.216,0,.462-.009.678,0,.439,0,.846,0,1.217v.043h-.041l-1.706-.009-.446-.007a.866.866,0,0,1-.147-.007Z" transform="translate(-1450.23 -533.537)" fill="#263138"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10415" data-name="Group 10415" transform="translate(11.499 81.014)">
+            <g id="Group_10414" data-name="Group 10414">
+              <path id="Path_7280" data-name="Path 7280" d="M1475.642,1860.7c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1475.642,1860.635,1475.642,1860.7Z" transform="translate(-1397.41 -1860.58)" fill="#dfdfdf"/>
+            </g>
+          </g>
+          <g id="Group_10417" data-name="Group 10417" transform="translate(9.666 153.033)">
+            <g id="Group_10416" data-name="Group 10416">
+              <path id="Path_7281" data-name="Path 7281" d="M1433.542,3514.683c0,.068-17.514.123-39.114.123s-39.118-.055-39.118-.123,17.51-.123,39.118-.123S1433.542,3514.615,1433.542,3514.683Z" transform="translate(-1355.31 -3514.56)" fill="#dfdfdf"/>
+            </g>
+          </g>
+          <g id="Group_10419" data-name="Group 10419" transform="translate(26.745 158.441)">
+            <g id="Group_10418" data-name="Group 10418">
+              <path id="Path_7282" data-name="Path 7282" d="M1791,3638.873c0,.068-9.729.123-21.728.123s-21.73-.055-21.73-.123,9.727-.123,21.73-.123S1791,3638.805,1791,3638.873Z" transform="translate(-1747.54 -3638.75)" fill="#dfdfdf"/>
+            </g>
+          </g>
+          <g id="Group_10442" data-name="Group 10442" transform="translate(35.923 32.182)">
+            <g id="Group_10434" data-name="Group 10434">
+              <path id="Path_7298" data-name="Path 7298" d="M1986.755,753.322a14.212,14.212,0,1,1-14.212-14.212A14.212,14.212,0,0,1,1986.755,753.322Z" transform="translate(-1958.33 -739.11)" fill="#92CBC8"/>
+            </g>
+            <g id="Group_10441" data-name="Group 10441" transform="translate(9.519 7.529)">
+              <g id="Group_10435" data-name="Group 10435" transform="translate(1.955)">
+                <path id="Path_7299" data-name="Path 7299" d="M2222.076,916.109h-.236v-1.327a2.772,2.772,0,1,1,5.545,0v1.081h-.237v-1.081a2.536,2.536,0,1,0-5.072,0Z" transform="translate(-2221.84 -912.01)" fill="#fff"/>
+              </g>
+              <g id="Group_10440" data-name="Group 10440" transform="translate(0 3.982)">
+                <g id="Group_10436" data-name="Group 10436">
+                  <path id="Path_7300" data-name="Path 7300" d="M2185.157,1012.836h-7.048a1.171,1.171,0,0,1-1.169-1.169v-7.048a1.17,1.17,0,0,1,1.169-1.169h7.048a1.17,1.17,0,0,1,1.169,1.169v7.048A1.17,1.17,0,0,1,2185.157,1012.836Zm-7.048-9.15h0a.933.933,0,0,0-.933.932v7.048a.933.933,0,0,0,.933.933h7.048a.934.934,0,0,0,.933-.933v-7.048a.933.933,0,0,0-.933-.932Z" transform="translate(-2176.94 -1003.45)" fill="#fff"/>
+                </g>
+                <g id="Group_10439" data-name="Group 10439" transform="translate(3.621 2.711)">
+                  <g id="Group_10437" data-name="Group 10437">
+                    <path id="Path_7301" data-name="Path 7301" d="M2261.207,1067.933a1.106,1.106,0,1,1,1.107-1.106A1.108,1.108,0,0,1,2261.207,1067.933Zm0-1.976h0a.87.87,0,1,0,.87.87A.87.87,0,0,0,2261.207,1065.957Z" transform="translate(-2260.1 -1065.72)" fill="#fff"/>
+                  </g>
+                  <g id="Group_10438" data-name="Group 10438" transform="translate(0.954 2.044)">
+                    <path id="Path_7302" data-name="Path 7302" d="M2282.256,1114.657h-.236v-2h.236Z" transform="translate(-2282.02 -1112.66)" fill="#fff"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <text id="Project_Id" data-name="Project Id" transform="translate(22.652 75)" fill="#3f5365" font-size="10" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">PROJECT ID</tspan></text>
+        </g>
+        <g id="Group_10932" data-name="Group 10932" transform="translate(143.752 14.497)">
+          <g id="Group_10633" data-name="Group 10633" transform="translate(7.331 74.848)">
+            <g id="Group_10532" data-name="Group 10532" transform="translate(28.089 85.571)">
+              <g id="Group_10446" data-name="Group 10446">
+                <g id="Group_10445" data-name="Group 10445">
+                  <g id="Group_10444" data-name="Group 10444">
+                    <path id="Path_7303" data-name="Path 7303" d="M4134.018,4037.71l-8.927-20.59-10.24,6.573,10.86,18.822,5.445-2.441Z" transform="translate(-4114.851 -4017.12)" fill="#ffbd9c"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10531" data-name="Group 10531" transform="translate(9.52 19.442)">
+                <g id="Group_10530" data-name="Group 10530">
+                  <g id="Group_10529" data-name="Group 10529">
+                    <g id="Group_10459" data-name="Group 10459">
+                      <g id="Group_10458" data-name="Group 10458">
+                        <g id="Group_10457" data-name="Group 10457">
+                          <g id="Group_10456" data-name="Group 10456">
+                            <g id="Group_10455" data-name="Group 10455">
+                              <g id="Group_10454" data-name="Group 10454">
+                                <g id="Group_10453" data-name="Group 10453">
+                                  <g id="Group_10452" data-name="Group 10452">
+                                    <g id="Group_10451" data-name="Group 10451">
+                                      <g id="Group_10450" data-name="Group 10450">
+                                        <g id="Group_10449" data-name="Group 10449">
+                                          <g id="Group_10448" data-name="Group 10448">
+                                            <g id="Group_10447" data-name="Group 10447">
+                                              <path id="Path_7304" data-name="Path 7304" d="M4342.936,4463.63l.3.583s11.9-1.015,12.947.81l-19.695,9.8-2.994-6.687A12.583,12.583,0,0,0,4342.936,4463.63Z" transform="translate(-4333.49 -4463.63)" fill="#1e7dbd"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_10473" data-name="Group 10473" transform="translate(2.756 5.41)">
+                      <g id="Group_10472" data-name="Group 10472">
+                        <g id="Group_10471" data-name="Group 10471">
+                          <g id="Group_10470" data-name="Group 10470">
+                            <g id="Group_10469" data-name="Group 10469">
+                              <g id="Group_10468" data-name="Group 10468">
+                                <g id="Group_10467" data-name="Group 10467">
+                                  <g id="Group_10466" data-name="Group 10466">
+                                    <g id="Group_10465" data-name="Group 10465">
+                                      <g id="Group_10464" data-name="Group 10464">
+                                        <g id="Group_10463" data-name="Group 10463">
+                                          <g id="Group_10462" data-name="Group 10462">
+                                            <g id="Group_10461" data-name="Group 10461">
+                                              <g id="Group_10460" data-name="Group 10460">
+                                                <path id="Path_7305" data-name="Path 7305" d="M4397.057,4588.077a.9.9,0,0,0-.1,1.195.864.864,0,0,0,1.183.109.947.947,0,0,0,.1-1.266.9.9,0,0,0-1.243.023l.061-.061Z" transform="translate(-4396.775 -4587.876)" fill="rgba(255,255,255,0.6)"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_10486" data-name="Group 10486" transform="translate(2.274 0.779)">
+                      <g id="Group_10485" data-name="Group 10485">
+                        <g id="Group_10484" data-name="Group 10484">
+                          <g id="Group_10483" data-name="Group 10483">
+                            <g id="Group_10482" data-name="Group 10482">
+                              <g id="Group_10481" data-name="Group 10481">
+                                <g id="Group_10480" data-name="Group 10480">
+                                  <g id="Group_10479" data-name="Group 10479">
+                                    <g id="Group_10478" data-name="Group 10478">
+                                      <g id="Group_10477" data-name="Group 10477">
+                                        <g id="Group_10476" data-name="Group 10476">
+                                          <g id="Group_10475" data-name="Group 10475">
+                                            <g id="Group_10474" data-name="Group 10474">
+                                              <path id="Path_7306" data-name="Path 7306" d="M4386.431,4491.94l-.721-1.608,19.14-8.806s1.066-.055,1.275.612l-19.7,9.8Z" transform="translate(-4385.71 -4481.525)" fill="rgba(255,255,255,0.6)"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_10500" data-name="Group 10500" transform="translate(8.519 0.578)">
+                      <g id="Group_10499" data-name="Group 10499">
+                        <g id="Group_10498" data-name="Group 10498">
+                          <g id="Group_10497" data-name="Group 10497">
+                            <g id="Group_10496" data-name="Group 10496">
+                              <g id="Group_10495" data-name="Group 10495">
+                                <g id="Group_10494" data-name="Group 10494">
+                                  <g id="Group_10493" data-name="Group 10493">
+                                    <g id="Group_10492" data-name="Group 10492">
+                                      <g id="Group_10491" data-name="Group 10491">
+                                        <g id="Group_10490" data-name="Group 10490">
+                                          <g id="Group_10489" data-name="Group 10489">
+                                            <g id="Group_10488" data-name="Group 10488">
+                                              <g id="Group_10487" data-name="Group 10487">
+                                                <path id="Path_7307" data-name="Path 7307" d="M4530.451,4476.92c.044.1-.415.38-.734.926s-.37,1.074-.478,1.08c-.1.026-.24-.621.157-1.273s1.031-.831,1.054-.732Z" transform="translate(-4529.132 -4476.895)" fill="#263138"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_10514" data-name="Group 10514" transform="translate(11.528 0.414)">
+                      <g id="Group_10513" data-name="Group 10513">
+                        <g id="Group_10512" data-name="Group 10512">
+                          <g id="Group_10511" data-name="Group 10511">
+                            <g id="Group_10510" data-name="Group 10510">
+                              <g id="Group_10509" data-name="Group 10509">
+                                <g id="Group_10508" data-name="Group 10508">
+                                  <g id="Group_10507" data-name="Group 10507">
+                                    <g id="Group_10506" data-name="Group 10506">
+                                      <g id="Group_10505" data-name="Group 10505">
+                                        <g id="Group_10504" data-name="Group 10504">
+                                          <g id="Group_10503" data-name="Group 10503">
+                                            <g id="Group_10502" data-name="Group 10502">
+                                              <g id="Group_10501" data-name="Group 10501">
+                                                <path id="Path_7308" data-name="Path 7308" d="M4599.047,4473.152c.068.083-.266.453-.391,1.022-.141.566,0,1.046-.1,1.09-.083.061-.43-.47-.262-1.175S4599,4473.062,4599.047,4473.152Z" transform="translate(-4598.247 -4473.137)" fill="#263138"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_10528" data-name="Group 10528" transform="translate(14.266 0.29)">
+                      <g id="Group_10527" data-name="Group 10527">
+                        <g id="Group_10526" data-name="Group 10526">
+                          <g id="Group_10525" data-name="Group 10525">
+                            <g id="Group_10524" data-name="Group 10524">
+                              <g id="Group_10523" data-name="Group 10523">
+                                <g id="Group_10522" data-name="Group 10522">
+                                  <g id="Group_10521" data-name="Group 10521">
+                                    <g id="Group_10520" data-name="Group 10520">
+                                      <g id="Group_10519" data-name="Group 10519">
+                                        <g id="Group_10518" data-name="Group 10518">
+                                          <g id="Group_10517" data-name="Group 10517">
+                                            <g id="Group_10516" data-name="Group 10516">
+                                              <g id="Group_10515" data-name="Group 10515">
+                                                <path id="Path_7309" data-name="Path 7309" d="M4661.6,4472.312c-.077.064-.451-.35-.465-1s.33-1.083.411-1.023-.058.48-.037,1.013.182.952.091,1.009Z" transform="translate(-4661.132 -4470.284)" fill="#263138"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10535" data-name="Group 10535" transform="translate(18.771 87.295)">
+              <g id="Group_10534" data-name="Group 10534">
+                <g id="Group_10533" data-name="Group 10533">
+                  <path id="Path_7310" data-name="Path 7310" d="M3912.558,4079.159l.341-22.439-12.038,1.775,2.15,21.625,5.967.016Z" transform="translate(-3900.86 -4056.72)" fill="#ffbd9c"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10620" data-name="Group 10620" transform="translate(20.27 108.605)">
+              <g id="Group_10619" data-name="Group 10619">
+                <g id="Group_10618" data-name="Group 10618">
+                  <g id="Group_10548" data-name="Group 10548" transform="translate(0)">
+                    <g id="Group_10547" data-name="Group 10547">
+                      <g id="Group_10546" data-name="Group 10546">
+                        <g id="Group_10545" data-name="Group 10545">
+                          <g id="Group_10544" data-name="Group 10544">
+                            <g id="Group_10543" data-name="Group 10543">
+                              <g id="Group_10542" data-name="Group 10542">
+                                <g id="Group_10541" data-name="Group 10541">
+                                  <g id="Group_10540" data-name="Group 10540">
+                                    <g id="Group_10539" data-name="Group 10539">
+                                      <g id="Group_10538" data-name="Group 10538">
+                                        <g id="Group_10537" data-name="Group 10537">
+                                          <g id="Group_10536" data-name="Group 10536">
+                                            <path id="Path_7311" data-name="Path 7311" d="M3945.768,4546.12l.03.653s11.259,3.973,11.466,6.068l-21.984.825.024-7.327a12.586,12.586,0,0,0,10.463-.22Z" transform="translate(-3935.281 -4546.12)" fill="#1e7dbd"/>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10562" data-name="Group 10562" transform="translate(1.73 2.43)">
+                    <g id="Group_10561" data-name="Group 10561">
+                      <g id="Group_10560" data-name="Group 10560">
+                        <g id="Group_10559" data-name="Group 10559">
+                          <g id="Group_10558" data-name="Group 10558">
+                            <g id="Group_10557" data-name="Group 10557">
+                              <g id="Group_10556" data-name="Group 10556">
+                                <g id="Group_10555" data-name="Group 10555">
+                                  <g id="Group_10554" data-name="Group 10554">
+                                    <g id="Group_10553" data-name="Group 10553">
+                                      <g id="Group_10552" data-name="Group 10552">
+                                        <g id="Group_10551" data-name="Group 10551">
+                                          <g id="Group_10550" data-name="Group 10550">
+                                            <g id="Group_10549" data-name="Group 10549">
+                                              <path id="Path_7312" data-name="Path 7312" d="M3975.617,4601.976a.9.9,0,0,0-.582,1.048.864.864,0,0,0,1.033.586.948.948,0,0,0,.611-1.113.9.9,0,0,0-1.143-.49Z" transform="translate(-3975.009 -4601.932)" fill="rgba(255,255,255,0.6)"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10575" data-name="Group 10575" transform="translate(0 5.638)">
+                    <g id="Group_10574" data-name="Group 10574">
+                      <g id="Group_10573" data-name="Group 10573">
+                        <g id="Group_10572" data-name="Group 10572">
+                          <g id="Group_10571" data-name="Group 10571">
+                            <g id="Group_10570" data-name="Group 10570">
+                              <g id="Group_10569" data-name="Group 10569">
+                                <g id="Group_10568" data-name="Group 10568">
+                                  <g id="Group_10567" data-name="Group 10567">
+                                    <g id="Group_10566" data-name="Group 10566">
+                                      <g id="Group_10565" data-name="Group 10565">
+                                        <g id="Group_10564" data-name="Group 10564">
+                                          <g id="Group_10563" data-name="Group 10563">
+                                            <path id="Path_7313" data-name="Path 7313" d="M3935.28,4677.518l.006-1.762,21.068-.146s.995.389.91,1.083l-21.984.825Z" transform="translate(-3935.28 -4675.61)" fill="rgba(255,255,255,0.6)"/>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10589" data-name="Group 10589" transform="translate(8.638 0.624)">
+                    <g id="Group_10588" data-name="Group 10588">
+                      <g id="Group_10587" data-name="Group 10587">
+                        <g id="Group_10586" data-name="Group 10586">
+                          <g id="Group_10585" data-name="Group 10585">
+                            <g id="Group_10584" data-name="Group 10584">
+                              <g id="Group_10583" data-name="Group 10583">
+                                <g id="Group_10582" data-name="Group 10582">
+                                  <g id="Group_10581" data-name="Group 10581">
+                                    <g id="Group_10580" data-name="Group 10580">
+                                      <g id="Group_10579" data-name="Group 10579">
+                                        <g id="Group_10578" data-name="Group 10578">
+                                          <g id="Group_10577" data-name="Group 10577">
+                                            <g id="Group_10576" data-name="Group 10576">
+                                              <path id="Path_7314" data-name="Path 7314" d="M4135.621,4560.532c0,.107-.535.176-1.05.542s-.78.827-.88.788c-.1-.017.036-.666.667-1.1s1.281-.333,1.262-.233Z" transform="translate(-4133.662 -4560.444)" fill="#263138"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10603" data-name="Group 10603" transform="translate(11.534 1.539)">
+                    <g id="Group_10602" data-name="Group 10602">
+                      <g id="Group_10601" data-name="Group 10601">
+                        <g id="Group_10600" data-name="Group 10600">
+                          <g id="Group_10599" data-name="Group 10599">
+                            <g id="Group_10598" data-name="Group 10598">
+                              <g id="Group_10597" data-name="Group 10597">
+                                <g id="Group_10596" data-name="Group 10596">
+                                  <g id="Group_10595" data-name="Group 10595">
+                                    <g id="Group_10594" data-name="Group 10594">
+                                      <g id="Group_10593" data-name="Group 10593">
+                                        <g id="Group_10592" data-name="Group 10592">
+                                          <g id="Group_10591" data-name="Group 10591">
+                                            <g id="Group_10590" data-name="Group 10590">
+                                              <path id="Path_7315" data-name="Path 7315" d="M4201.57,4581.514c.028.1-.43.3-.777.771s-.435.952-.542.951c-.1.021-.2-.6.245-1.178s1.068-.646,1.074-.543Z" transform="translate(-4200.165 -4581.475)" fill="#263138"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10617" data-name="Group 10617" transform="translate(14.206 2.406)">
+                    <g id="Group_10616" data-name="Group 10616">
+                      <g id="Group_10615" data-name="Group 10615">
+                        <g id="Group_10614" data-name="Group 10614">
+                          <g id="Group_10613" data-name="Group 10613">
+                            <g id="Group_10612" data-name="Group 10612">
+                              <g id="Group_10611" data-name="Group 10611">
+                                <g id="Group_10610" data-name="Group 10610">
+                                  <g id="Group_10609" data-name="Group 10609">
+                                    <g id="Group_10608" data-name="Group 10608">
+                                      <g id="Group_10607" data-name="Group 10607">
+                                        <g id="Group_10606" data-name="Group 10606">
+                                          <g id="Group_10605" data-name="Group 10605">
+                                            <g id="Group_10604" data-name="Group 10604">
+                                              <path id="Path_7316" data-name="Path 7316" d="M4261.677,4603.27c-.1.026-.266-.5-.013-1.1s.747-.852.8-.764c.064.086-.25.414-.451.909s-.226.943-.332.958Z" transform="translate(-4261.531 -4601.387)" fill="#263138"/>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10632" data-name="Group 10632">
+              <g id="Group_10621" data-name="Group 10621" transform="translate(0.674 0.571)">
+                <path id="Path_7317" data-name="Path 7317" d="M3506.384,2082.7l-.448-17.668-17.2.905-.559,2.09a94.5,94.5,0,0,0-2.251,9.837c-1.154,7.4-1.018,14.138,1.883,22.048s7.462,22.959,7.462,22.959l17.063,47.124,19.867-6.531Z" transform="translate(-3485.252 -2065.03)" fill="#131d3d"/>
+              </g>
+              <g id="Group_10623" data-name="Group 10623" transform="translate(16.093)">
+                <g id="Group_10622" data-name="Group 10622">
+                  <path id="Path_7318" data-name="Path 7318" d="M3855.483,2051.911l1.5,4.891c2.2,1.4,5.763,8.374,6.091,11.221a162.314,162.314,0,0,1,.3,24.022c-.55,9.4-5.205,64.409-5.205,64.409l-18.8.989,1.959-88.95.826-15.882,13.328-.7Z" transform="translate(-3839.37 -2051.911)" fill="#22325e"/>
+                </g>
+              </g>
+              <g id="Group_10626" data-name="Group 10626" transform="translate(0 8.015)">
+                <g id="Group_10625" data-name="Group 10625">
+                  <g id="Group_10624" data-name="Group 10624">
+                    <path id="Path_7319" data-name="Path 7319" d="M3469.769,2243a2.889,2.889,0,0,0,.65.193,10.613,10.613,0,0,0,1.833.247,11.943,11.943,0,0,0,10.512-5.211,10.73,10.73,0,0,0,.913-1.608,2.86,2.86,0,0,0,.24-.634c-.048-.024-.4.883-1.305,2.135a12.308,12.308,0,0,1-10.354,5.132,24.878,24.878,0,0,1-2.489-.254Z" transform="translate(-3469.769 -2235.989)" fill="#445964"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10629" data-name="Group 10629" transform="translate(31.485 5.582)">
+                <g id="Group_10628" data-name="Group 10628">
+                  <g id="Group_10627" data-name="Group 10627">
+                    <path id="Path_7320" data-name="Path 7320" d="M4192.864,2180.1a1.312,1.312,0,0,0,.107.408,9.421,9.421,0,0,0,.435,1.063,13.686,13.686,0,0,0,4.959,5.626,9.468,9.468,0,0,0,1,.565,1.3,1.3,0,0,0,.392.157c.021-.039-.5-.326-1.288-.877a15.758,15.758,0,0,1-4.9-5.555c-.448-.847-.667-1.4-.708-1.387Z" transform="translate(-4192.86 -2180.1)" fill="#445964"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10631" data-name="Group 10631" transform="translate(11.839 20.599)">
+                <g id="Group_10630" data-name="Group 10630">
+                  <path id="Path_7321" data-name="Path 7321" d="M3752.463,2524.98s.047.123.126.366l.346,1.083,1.306,4.17c1.126,3.631,2.752,8.873,4.76,15.349,4.08,12.94,9.258,30.965,16.2,50.474l2.364,6.922.041.12-.121.04-19.869,6.522-.108.035-.038-.107-11.421-31.677-3.251-9.077-.855-2.417c-.094-.27-.165-.477-.216-.624s-.067-.214-.067-.214.032.069.085.207l.234.617.89,2.4,3.314,9.054,11.507,31.645-.146-.071,19.864-6.54-.08.16-2.366-6.923c-6.944-19.512-12.095-37.546-16.131-50.5l-4.684-15.373c-.546-1.812-.971-3.22-1.262-4.184q-.209-.711-.322-1.09c-.071-.246-.1-.374-.1-.374Z" transform="translate(-3741.66 -2524.979)" fill="#445964"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10682" data-name="Group 10682" transform="translate(0 30.25)">
+            <g id="Group_10635" data-name="Group 10635" transform="translate(0 0)">
+              <g id="Group_10634" data-name="Group 10634">
+                <path id="Path_7322" data-name="Path 7322" d="M3348.274,1041.6s-.9-5.032-3.475-7.436-13.319-5.131-13.319-5.131.127,3.729-2.273,4.729a6.055,6.055,0,0,1-7.109-1.4,10.286,10.286,0,0,1-2.447-4.676s-12.731,1.858-14.546,5.309-3.7,16.55-3.7,16.55l11.536,1.821-.376,22.412,30.317-1.6-1.7-20.925,8.315.744-1.222-10.4Z" transform="translate(-3301.4 -1027.68)" fill="#05968F"/>
+              </g>
+            </g>
+            <g id="Group_10638" data-name="Group 10638" transform="translate(12.884 11.518)">
+              <g id="Group_10637" data-name="Group 10637">
+                <g id="Group_10636" data-name="Group 10636">
+                  <path id="Path_7323" data-name="Path 7323" d="M3598.258,1304.98a1.9,1.9,0,0,0,.014-.506c-.008-.324-.028-.793-.059-1.373-.061-1.158-.164-2.756-.293-4.52s-.262-3.361-.37-4.515c-.055-.577-.1-1.045-.143-1.367a1.9,1.9,0,0,0-.088-.5,1.867,1.867,0,0,0-.015.5c.008.324.029.793.059,1.372.061,1.158.164,2.756.293,4.521s.262,3.361.37,4.516c.054.577.1,1.044.142,1.366a1.876,1.876,0,0,0,.088.5Z" transform="translate(-3597.302 -1292.2)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10641" data-name="Group 10641" transform="translate(39.677 13.593)">
+              <g id="Group_10640" data-name="Group 10640">
+                <g id="Group_10639" data-name="Group 10639">
+                  <path id="Path_7324" data-name="Path 7324" d="M4215.01,1339.848c-.071-.017-.664,2.286-1.324,5.141s-1.138,5.184-1.068,5.2.664-2.285,1.324-5.141S4215.08,1339.864,4215.01,1339.848Z" transform="translate(-4212.611 -1339.848)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10644" data-name="Group 10644" transform="translate(4.938 4.427)">
+              <g id="Group_10643" data-name="Group 10643">
+                <g id="Group_10642" data-name="Group 10642">
+                  <path id="Path_7325" data-name="Path 7325" d="M3414.8,1129.354c-.006.047.549.119,1.4.392a9.926,9.926,0,0,1,5.368,4.194c.47.759.674,1.28.719,1.262a1.146,1.146,0,0,0-.106-.38,6.317,6.317,0,0,0-.452-.976,9.059,9.059,0,0,0-5.475-4.278,6.283,6.283,0,0,0-1.056-.2,1.157,1.157,0,0,0-.4-.011Z" transform="translate(-3414.799 -1129.343)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10647" data-name="Group 10647" transform="translate(42.966 7.493)">
+              <g id="Group_10646" data-name="Group 10646">
+                <g id="Group_10645" data-name="Group 10645">
+                  <path id="Path_7326" data-name="Path 7326" d="M4288.818,1199.756a10.512,10.512,0,1,0-.194,1.652,5.37,5.37,0,0,0,.194-1.652Z" transform="translate(-4288.146 -1199.755)" fill="#263138"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10648" data-name="Group 10648" transform="translate(2.052 22.182)">
+              <path id="Path_7327" data-name="Path 7327" d="M3348.531,1537.12s4.331,17.174,4.8,18.638,1.311,5.428,5.492,6.037c5.645.822,27.545-1.112,27.545-1.112l-4.414-5.021-19.48-4.373-3.288-12.488-10.655-1.682Z" transform="translate(-3348.53 -1537.12)" fill="#ffbd9c"/>
+            </g>
+            <g id="Group_10651" data-name="Group 10651" transform="translate(35.376 37.777)">
+              <g id="Group_10650" data-name="Group 10650">
+                <g id="Group_10649" data-name="Group 10649">
+                  <path id="Path_7328" data-name="Path 7328" d="M4114.146,1895.258a1.225,1.225,0,0,0-.143.408,5.673,5.673,0,0,0-.159,1.169,6.684,6.684,0,0,0,.983,3.738,7.8,7.8,0,0,0,1.347,1.674,4.2,4.2,0,0,0,1.517.9,4.1,4.1,0,0,0,1.167.2,1.266,1.266,0,0,0,.431-.037,8.84,8.84,0,0,1-1.537-.337,4.264,4.264,0,0,1-1.415-.9,8.183,8.183,0,0,1-1.288-1.635,6.985,6.985,0,0,1-1.021-3.6c-.007-.976.164-1.57.116-1.58Z" transform="translate(-4113.837 -1895.258)" fill="#eb996e"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10653" data-name="Group 10653" transform="translate(0.686 17.903)">
+              <g id="Group_10652" data-name="Group 10652">
+                <path id="Path_7329" data-name="Path 7329" d="M3330.167,1441.054a2.083,2.083,0,0,1-.519-.051l-1.4-.2c-1.182-.171-2.82-.364-4.631-.6a45.976,45.976,0,0,1-4.611-.8c-.583-.14-1.051-.267-1.37-.372a2.083,2.083,0,0,1-.488-.182c.011-.039.727.147,1.9.38s2.8.491,4.606.725,3.448.455,4.626.672c.589.108,1.065.2,1.39.284A2.089,2.089,0,0,1,3330.167,1441.054Z" transform="translate(-3317.148 -1438.84)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10655" data-name="Group 10655" transform="translate(1.539 12.984)">
+              <g id="Group_10654" data-name="Group 10654">
+                <path id="Path_7330" data-name="Path 7330" d="M3348.013,1327.286a1.549,1.549,0,0,1-.449.024c-.288,0-.7-.012-1.219-.038-1.028-.05-2.447-.162-4.007-.357s-2.962-.436-3.972-.64c-.5-.1-.912-.192-1.191-.263a1.546,1.546,0,0,1-.428-.134,12.384,12.384,0,0,1,1.65.221c1.015.159,2.417.37,3.972.565s2.965.333,3.988.429a12.548,12.548,0,0,1,1.655.191Z" transform="translate(-3336.749 -1325.872)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10657" data-name="Group 10657" transform="translate(2.837 8.354)">
+              <g id="Group_10656" data-name="Group 10656">
+                <path id="Path_7331" data-name="Path 7331" d="M3375.548,1221.236a6.051,6.051,0,0,1-1.348-.011,28.061,28.061,0,0,1-6.383-1.2,6.077,6.077,0,0,1-1.26-.478,8.688,8.688,0,0,1,1.309.307c.8.207,1.914.475,3.155.708s2.373.386,3.2.484a8.7,8.7,0,0,1,1.332.188Z" transform="translate(-3366.557 -1219.542)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10659" data-name="Group 10659" transform="translate(9.331 3.84)">
+              <g id="Group_10658" data-name="Group 10658">
+                <path id="Path_7332" data-name="Path 7332" d="M3526.292,1115.875a9.287,9.287,0,0,1-1.52.452c-.948.243-2.265.549-3.729.841s-2.8.517-3.767.657a9.336,9.336,0,0,1-1.576.167,10.591,10.591,0,0,1,1.547-.343l3.747-.729,3.739-.768a10.581,10.581,0,0,1,1.56-.278Z" transform="translate(-3515.7 -1115.868)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10661" data-name="Group 10661" transform="translate(29.845 3.653)">
+              <g id="Group_10660" data-name="Group 10660">
+                <path id="Path_7333" data-name="Path 7333" d="M4000.388,1116.881a2.552,2.552,0,0,1-.542-.19l-1.444-.594c-1.218-.505-2.9-1.2-4.774-1.929s-3.581-1.363-4.818-1.817l-1.464-.543a.288.288,0,1,1,.031-.093c.355.1.865.261,1.492.467,1.254.411,2.974,1.018,4.851,1.75s3.552,1.453,4.753,2c.6.273,1.083.5,1.413.668a2.516,2.516,0,0,1,.5.28Z" transform="translate(-3986.818 -1111.577)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10663" data-name="Group 10663" transform="translate(13.16 10.301)">
+              <g id="Group_10662" data-name="Group 10662">
+                <path id="Path_7334" data-name="Path 7334" d="M3632.545,1267.333a1.347,1.347,0,0,1-.3-.031l-.838-.136-3.077-.537c-2.6-.454-6.186-1.084-10.176-1.565-2-.234-3.9-.4-5.643-.5s-3.307-.128-4.623-.107c-.658-.005-1.254.027-1.777.041s-.973.037-1.341.061l-.848.043a.149.149,0,1,1,0-.051l.845-.09c.367-.04.817-.08,1.341-.1s1.12-.073,1.781-.079c1.32-.044,2.894-.024,4.639.053s3.658.247,5.66.482c4,.482,7.589,1.141,10.178,1.64,1.295.25,2.341.463,3.063.616l.83.182a1.319,1.319,0,0,1,.286.081Z" transform="translate(-3603.63 -1264.255)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10665" data-name="Group 10665" transform="translate(13.61 18.142)">
+              <g id="Group_10664" data-name="Group 10664">
+                <path id="Path_7335" data-name="Path 7335" d="M3630.2,1447.294a3.207,3.207,0,0,1-.651-.015c-.417-.025-1.021-.077-1.765-.154-1.488-.153-3.539-.425-5.786-.834s-4.262-.88-5.708-1.262c-.723-.191-1.306-.355-1.706-.479a3.206,3.206,0,0,1-.614-.216,3.246,3.246,0,0,1,.639.121l1.723.4c1.455.337,3.47.778,5.711,1.187s4.281.707,5.761.905l1.754.233a3.278,3.278,0,0,1,.641.113Z" transform="translate(-3613.969 -1444.331)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10667" data-name="Group 10667" transform="translate(30.513 21.178)">
+              <g id="Group_10666" data-name="Group 10666">
+                <path id="Path_7336" data-name="Path 7336" d="M4011.776,1514.135a91.687,91.687,0,0,1-9.616.09,91.781,91.781,0,0,1,9.616-.091Z" transform="translate(-4002.16 -1514.046)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10669" data-name="Group 10669" transform="translate(13.709 25.038)">
+              <g id="Group_10668" data-name="Group 10668">
+                <path id="Path_7337" data-name="Path 7337" d="M3629.146,1605.723a2.123,2.123,0,0,1-.523-.024c-.335-.031-.819-.09-1.414-.175-1.191-.17-2.83-.459-4.618-.877s-3.386-.887-4.529-1.263c-.572-.188-1.031-.349-1.345-.47a.263.263,0,1,1,.031-.093l1.367.393c1.153.332,2.752.77,4.534,1.188s3.408.732,4.589.947l1.4.254a2.154,2.154,0,0,1,.51.121Z" transform="translate(-3616.237 -1602.7)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10671" data-name="Group 10671" transform="translate(27.483 27.212)">
+              <g id="Group_10670" data-name="Group 10670">
+                <path id="Path_7338" data-name="Path 7338" d="M3942.841,1653.979a7.938,7.938,0,0,1-1.523.016c-.94-.034-2.237-.129-3.661-.313s-2.7-.426-3.62-.633a7.9,7.9,0,0,1-1.469-.4,10.7,10.7,0,0,1,1.5.229c.923.162,2.2.373,3.618.558s2.706.305,3.64.385a10.663,10.663,0,0,1,1.512.162Z" transform="translate(-3932.569 -1652.638)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10673" data-name="Group 10673" transform="translate(15.485 33.381)">
+              <g id="Group_10672" data-name="Group 10672">
+                <path id="Path_7339" data-name="Path 7339" d="M3676.966,1795.648a.648.648,0,0,1-.192.078c-.129.041-.317.107-.566.171a18.382,18.382,0,0,1-2.129.442,27.756,27.756,0,0,1-7.16.06,56.038,56.038,0,0,1-7.04-1.32c-.889-.219-1.606-.407-2.1-.543a4.8,4.8,0,0,1-.761-.236,4.86,4.86,0,0,1,.784.141l2.117.465a68.306,68.306,0,0,0,7.027,1.243,30.237,30.237,0,0,0,7.108.014c.9-.115,1.631-.252,2.13-.361a5.656,5.656,0,0,1,.781-.153Z" transform="translate(-3657.019 -1794.297)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10675" data-name="Group 10675" transform="translate(41.555 16.889)">
+              <g id="Group_10674" data-name="Group 10674">
+                <path id="Path_7340" data-name="Path 7340" d="M4260.55,1415.648a14.916,14.916,0,0,1-2.4.2,9.467,9.467,0,0,1-2.41-.057,14.877,14.877,0,0,1,2.4-.2,9.462,9.462,0,0,1,2.41.057Z" transform="translate(-4255.741 -1415.559)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10677" data-name="Group 10677" transform="translate(43.11 10.982)">
+              <g id="Group_10676" data-name="Group 10676">
+                <path id="Path_7341" data-name="Path 7341" d="M4294.077,1280.135a6.887,6.887,0,1,1-1.3-.211A3.519,3.519,0,0,1,4294.077,1280.135Z" transform="translate(-4291.459 -1279.898)" fill="#11ace2"/>
+              </g>
+            </g>
+            <g id="Group_10679" data-name="Group 10679" transform="translate(25.701 19.832)">
+              <g id="Group_10678" data-name="Group 10678">
+                <path id="Path_7342" data-name="Path 7342" d="M3891.643,1491.788c-.023-.043.5-.3,1.2-.888a8.39,8.39,0,0,0,1.127-1.146,8.554,8.554,0,0,0,1.7-3.516,8.331,8.331,0,0,0,.2-1.6c.021-.919-.1-1.485-.052-1.494a1.271,1.271,0,0,1,.112.391,3.042,3.042,0,0,1,.075.471,5.115,5.115,0,0,1,.044.632,7.5,7.5,0,0,1-.148,1.644,8.124,8.124,0,0,1-1.745,3.615,7.509,7.509,0,0,1-1.2,1.138,5.084,5.084,0,0,1-.521.359,2.954,2.954,0,0,1-.416.234,1.276,1.276,0,0,1-.376.156Z" transform="translate(-3891.642 -1483.148)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10681" data-name="Group 10681" transform="translate(22.985 23.867)">
+              <g id="Group_10680" data-name="Group 10680">
+                <path id="Path_7343" data-name="Path 7343" d="M3836.041,1575.81l-1.843,2.732a8.741,8.741,0,0,1-4.928,3.07,5.157,5.157,0,0,0,6.771-5.8Z" transform="translate(-3829.27 -1575.81)"/>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10866" data-name="Group 10866" transform="translate(6.628)">
+            <g id="Group_10683" data-name="Group 10683" transform="translate(23.409 8.375)">
+              <path id="Path_7344" data-name="Path 7344" d="M3996.4,542.545a9.16,9.16,0,0,0,5.077-1.035,10.762,10.762,0,0,1-4.432-6.5,47.836,47.836,0,0,1-1.625-9.709l-4.189,18.621a11.278,11.278,0,0,0,6.647-.514,1.835,1.835,0,0,1-1.477-.861Z" transform="translate(-3991.23 -525.3)" fill="#263138"/>
+            </g>
+            <g id="Group_10684" data-name="Group 10684" transform="translate(3.525 17.993)">
+              <path id="Path_7345" data-name="Path 7345" d="M3547.658,756.039a13.121,13.121,0,0,1-1.013-6.657l-8.448-3.2a14.924,14.924,0,0,1-2.695,6.35c-.517.7-1.13,1.513-.888,2.348a1.765,1.765,0,0,0,1.31,1.12,5.209,5.209,0,0,0,1.8.022l-1.08,1.177a64.875,64.875,0,0,1,11.018-1.156Z" transform="translate(-3534.56 -746.18)" fill="#263138"/>
+            </g>
+            <g id="Group_10685" data-name="Group 10685" transform="translate(5.195)">
+              <path id="Path_7346" data-name="Path 7346" d="M3585.072,332.995c-2.664-.275-4.914.891-7.039,2.521a13.61,13.61,0,0,0-4.4,14.85,10.465,10.465,0,0,0,5.563,6.063,10.578,10.578,0,0,0,10.8-1.9,13.254,13.254,0,0,0,4.312-10.318,12.726,12.726,0,0,0-2.5-7.419,9.691,9.691,0,0,0-6.736-3.8Z" transform="translate(-3572.932 -332.954)" fill="#263138"/>
+            </g>
+            <g id="Group_10859" data-name="Group 10859" transform="translate(7.972 0.039)">
+              <g id="Group_10687" data-name="Group 10687" transform="translate(2.175)">
+                <g id="Group_10686" data-name="Group 10686">
+                  <path id="Path_7347" data-name="Path 7347" d="M3686.934,343.311a14.619,14.619,0,0,0,.178-3.227,7.018,7.018,0,0,1,4.086-5.445,10.235,10.235,0,0,1,7-.33,9.4,9.4,0,0,1,4.579,2.574,7.406,7.406,0,0,1,1.792,6.547l-12.151-.965a13.448,13.448,0,0,1-3.49,2.639,2.494,2.494,0,0,1-1.243.283,1.123,1.123,0,0,1-.986-.711A2.378,2.378,0,0,1,3686.934,343.311Z" transform="translate(-3686.652 -333.86)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10689" data-name="Group 10689" transform="translate(2.122 3.721)">
+                <g id="Group_10688" data-name="Group 10688">
+                  <path id="Path_7348" data-name="Path 7348" d="M3697.492,419.349l-10.362,2.914a1.968,1.968,0,0,0-1.706,2.041l1.615,22.733a7.075,7.075,0,0,0,1.762,4.191l1.087,1.227a5.2,5.2,0,0,0,8.617-1.212,2.494,2.494,0,0,0,.2-.611,4.688,4.688,0,0,0,.065-.52,16.471,16.471,0,0,0-.043-3.456c-.03-2.032-.052-2.865-.051-2.846,0,0,4.265-.825,5-6.438a59.742,59.742,0,0,0-.227-11.064c-.3-3.348-2.631-7.4-5.963-6.96Z" transform="translate(-3685.421 -419.316)" fill="#ffbd9c"/>
+                </g>
+              </g>
+              <g id="Group_10817" data-name="Group 10817" transform="translate(7.84 12.394)">
+                <g id="Group_10816" data-name="Group 10816">
+                  <g id="Group_10721" data-name="Group 10721" transform="translate(8.556)">
+                    <g id="Group_10704" data-name="Group 10704" transform="translate(0.335 1.271)">
+                      <g id="Group_10703" data-name="Group 10703">
+                        <g id="Group_10702" data-name="Group 10702">
+                          <g id="Group_10701" data-name="Group 10701">
+                            <g id="Group_10700" data-name="Group 10700">
+                              <g id="Group_10699" data-name="Group 10699">
+                                <g id="Group_10698" data-name="Group 10698">
+                                  <g id="Group_10697" data-name="Group 10697">
+                                    <g id="Group_10696" data-name="Group 10696">
+                                      <g id="Group_10695" data-name="Group 10695">
+                                        <g id="Group_10694" data-name="Group 10694">
+                                          <g id="Group_10693" data-name="Group 10693">
+                                            <g id="Group_10692" data-name="Group 10692">
+                                              <g id="Group_10691" data-name="Group 10691">
+                                                <g id="Group_10690" data-name="Group 10690">
+                                                  <path id="Path_7349" data-name="Path 7349" d="M4022.35,648.313a.717.717,0,0,1-.672.742.686.686,0,0,1-.756-.627.717.717,0,0,1,.671-.742.686.686,0,0,1,.757.627Z" transform="translate(-4020.921 -647.684)" fill="#263138"/>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_10720" data-name="Group 10720">
+                      <g id="Group_10719" data-name="Group 10719">
+                        <g id="Group_10718" data-name="Group 10718">
+                          <g id="Group_10717" data-name="Group 10717">
+                            <g id="Group_10716" data-name="Group 10716">
+                              <g id="Group_10715" data-name="Group 10715">
+                                <g id="Group_10714" data-name="Group 10714">
+                                  <g id="Group_10713" data-name="Group 10713">
+                                    <g id="Group_10712" data-name="Group 10712">
+                                      <g id="Group_10711" data-name="Group 10711">
+                                        <g id="Group_10710" data-name="Group 10710">
+                                          <g id="Group_10709" data-name="Group 10709">
+                                            <g id="Group_10708" data-name="Group 10708">
+                                              <g id="Group_10707" data-name="Group 10707">
+                                                <g id="Group_10706" data-name="Group 10706">
+                                                  <g id="Group_10705" data-name="Group 10705">
+                                                    <path id="Path_7350" data-name="Path 7350" d="M4016.068,619.217c-.086.1-.64-.292-1.411-.269s-1.327.423-1.413.331c-.042-.04.044-.212.286-.4a1.969,1.969,0,0,1,1.128-.381,1.892,1.892,0,0,1,1.127.331C4016.025,619.007,4016.111,619.174,4016.068,619.217Z" transform="translate(-4013.234 -618.5)" fill="#263138"/>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10753" data-name="Group 10753" transform="translate(0.977 0.345)">
+                    <g id="Group_10736" data-name="Group 10736" transform="translate(0.612 1.31)">
+                      <g id="Group_10735" data-name="Group 10735">
+                        <g id="Group_10734" data-name="Group 10734">
+                          <g id="Group_10733" data-name="Group 10733">
+                            <g id="Group_10732" data-name="Group 10732">
+                              <g id="Group_10731" data-name="Group 10731">
+                                <g id="Group_10730" data-name="Group 10730">
+                                  <g id="Group_10729" data-name="Group 10729">
+                                    <g id="Group_10728" data-name="Group 10728">
+                                      <g id="Group_10727" data-name="Group 10727">
+                                        <g id="Group_10726" data-name="Group 10726">
+                                          <g id="Group_10725" data-name="Group 10725">
+                                            <g id="Group_10724" data-name="Group 10724">
+                                              <g id="Group_10723" data-name="Group 10723">
+                                                <g id="Group_10722" data-name="Group 10722">
+                                                  <path id="Path_7351" data-name="Path 7351" d="M3854.669,657.143a.717.717,0,0,1-.672.742.686.686,0,0,1-.756-.627.717.717,0,0,1,.671-.742A.686.686,0,0,1,3854.669,657.143Z" transform="translate(-3853.24 -656.514)" fill="#263138"/>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="Group_10752" data-name="Group 10752">
+                      <g id="Group_10751" data-name="Group 10751">
+                        <g id="Group_10750" data-name="Group 10750">
+                          <g id="Group_10749" data-name="Group 10749">
+                            <g id="Group_10748" data-name="Group 10748">
+                              <g id="Group_10747" data-name="Group 10747">
+                                <g id="Group_10746" data-name="Group 10746">
+                                  <g id="Group_10745" data-name="Group 10745">
+                                    <g id="Group_10744" data-name="Group 10744">
+                                      <g id="Group_10743" data-name="Group 10743">
+                                        <g id="Group_10742" data-name="Group 10742">
+                                          <g id="Group_10741" data-name="Group 10741">
+                                            <g id="Group_10740" data-name="Group 10740">
+                                              <g id="Group_10739" data-name="Group 10739">
+                                                <g id="Group_10738" data-name="Group 10738">
+                                                  <g id="Group_10737" data-name="Group 10737">
+                                                    <path id="Path_7352" data-name="Path 7352" d="M3842.021,627.148c-.087.1-.641-.291-1.412-.269s-1.326.423-1.413.331c-.042-.041.043-.212.286-.4a1.965,1.965,0,0,1,1.127-.381,1.889,1.889,0,0,1,1.126.331c.241.175.326.343.284.386Z" transform="translate(-3839.186 -626.43)" fill="#263138"/>
+                                                  </g>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10769" data-name="Group 10769" transform="translate(6.232 0.291)">
+                    <g id="Group_10768" data-name="Group 10768">
+                      <g id="Group_10767" data-name="Group 10767">
+                        <g id="Group_10766" data-name="Group 10766">
+                          <g id="Group_10765" data-name="Group 10765">
+                            <g id="Group_10764" data-name="Group 10764">
+                              <g id="Group_10763" data-name="Group 10763">
+                                <g id="Group_10762" data-name="Group 10762">
+                                  <g id="Group_10761" data-name="Group 10761">
+                                    <g id="Group_10760" data-name="Group 10760">
+                                      <g id="Group_10759" data-name="Group 10759">
+                                        <g id="Group_10758" data-name="Group 10758">
+                                          <g id="Group_10757" data-name="Group 10757">
+                                            <g id="Group_10756" data-name="Group 10756">
+                                              <g id="Group_10755" data-name="Group 10755">
+                                                <g id="Group_10754" data-name="Group 10754">
+                                                  <path id="Path_7353" data-name="Path 7353" d="M3960.384,631.6a5.116,5.116,0,0,1,1.246-.26c.2-.026.382-.07.411-.2a1,1,0,0,0-.146-.58q-.3-.708-.623-1.484a25.887,25.887,0,0,1-1.413-3.888,25.838,25.838,0,0,1,1.722,3.766q.313.782.6,1.494a1.138,1.138,0,0,1,.123.77.5.5,0,0,1-.316.3,1.335,1.335,0,0,1-.333.055,5.033,5.033,0,0,1-1.27.036Z" transform="translate(-3959.852 -625.178)" fill="#263138"/>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10784" data-name="Group 10784" transform="translate(0 14.024)">
+                    <g id="Group_10783" data-name="Group 10783">
+                      <g id="Group_10782" data-name="Group 10782">
+                        <g id="Group_10781" data-name="Group 10781">
+                          <g id="Group_10780" data-name="Group 10780">
+                            <g id="Group_10779" data-name="Group 10779">
+                              <g id="Group_10778" data-name="Group 10778">
+                                <g id="Group_10777" data-name="Group 10777">
+                                  <g id="Group_10776" data-name="Group 10776">
+                                    <g id="Group_10775" data-name="Group 10775">
+                                      <g id="Group_10774" data-name="Group 10774">
+                                        <g id="Group_10773" data-name="Group 10773">
+                                          <g id="Group_10772" data-name="Group 10772">
+                                            <g id="Group_10771" data-name="Group 10771">
+                                              <g id="Group_10770" data-name="Group 10770">
+                                                <path id="Path_7354" data-name="Path 7354" d="M3824.279,942.378a14.227,14.227,0,0,1-7.539-1.8s1.985,3.819,7.565,3.147Z" transform="translate(-3816.74 -940.58)" fill="#eb996e"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10799" data-name="Group 10799" transform="translate(4.198 8.081)">
+                    <g id="Group_10798" data-name="Group 10798">
+                      <g id="Group_10797" data-name="Group 10797">
+                        <g id="Group_10796" data-name="Group 10796">
+                          <g id="Group_10795" data-name="Group 10795">
+                            <g id="Group_10794" data-name="Group 10794">
+                              <g id="Group_10793" data-name="Group 10793">
+                                <g id="Group_10792" data-name="Group 10792">
+                                  <g id="Group_10791" data-name="Group 10791">
+                                    <g id="Group_10790" data-name="Group 10790">
+                                      <g id="Group_10789" data-name="Group 10789">
+                                        <g id="Group_10788" data-name="Group 10788">
+                                          <g id="Group_10787" data-name="Group 10787">
+                                            <g id="Group_10786" data-name="Group 10786">
+                                              <g id="Group_10785" data-name="Group 10785">
+                                                <path id="Path_7355" data-name="Path 7355" d="M3915.431,804.575a1.39,1.39,0,0,0-1.26-.483,1.272,1.272,0,0,0-.864.493.8.8,0,0,0-.037.921.934.934,0,0,0,1.018.229,2.926,2.926,0,0,0,.97-.614.856.856,0,0,0,.214-.234.258.258,0,0,0-.009-.287l-.034-.024Z" transform="translate(-3913.142 -804.08)" fill="#eb996e"/>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10815" data-name="Group 10815" transform="translate(4.393 7.302)">
+                    <g id="Group_10814" data-name="Group 10814">
+                      <g id="Group_10813" data-name="Group 10813">
+                        <g id="Group_10812" data-name="Group 10812">
+                          <g id="Group_10811" data-name="Group 10811">
+                            <g id="Group_10810" data-name="Group 10810">
+                              <g id="Group_10809" data-name="Group 10809">
+                                <g id="Group_10808" data-name="Group 10808">
+                                  <g id="Group_10807" data-name="Group 10807">
+                                    <g id="Group_10806" data-name="Group 10806">
+                                      <g id="Group_10805" data-name="Group 10805">
+                                        <g id="Group_10804" data-name="Group 10804">
+                                          <g id="Group_10803" data-name="Group 10803">
+                                            <g id="Group_10802" data-name="Group 10802">
+                                              <g id="Group_10801" data-name="Group 10801">
+                                                <g id="Group_10800" data-name="Group 10800">
+                                                  <path id="Path_7356" data-name="Path 7356" d="M3917.739,786.208c.125-.011.149.826.882,1.4s1.621.459,1.63.577c.013.052-.194.168-.571.188a2.084,2.084,0,0,1-1.36-.434,1.816,1.816,0,0,1-.685-1.177c-.042-.349.046-.559.1-.556Z" transform="translate(-3917.625 -786.208)" fill="#263138"/>
+                                                </g>
+                                              </g>
+                                            </g>
+                                          </g>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10831" data-name="Group 10831" transform="translate(8.207 10.581)">
+                <g id="Group_10830" data-name="Group 10830">
+                  <g id="Group_10829" data-name="Group 10829">
+                    <g id="Group_10828" data-name="Group 10828">
+                      <g id="Group_10827" data-name="Group 10827">
+                        <g id="Group_10826" data-name="Group 10826">
+                          <g id="Group_10825" data-name="Group 10825">
+                            <g id="Group_10824" data-name="Group 10824">
+                              <g id="Group_10823" data-name="Group 10823">
+                                <g id="Group_10822" data-name="Group 10822">
+                                  <g id="Group_10821" data-name="Group 10821">
+                                    <g id="Group_10820" data-name="Group 10820">
+                                      <g id="Group_10819" data-name="Group 10819">
+                                        <g id="Group_10818" data-name="Group 10818">
+                                          <path id="Path_7357" data-name="Path 7357" d="M3828.695,577.409c-.07.212-.844.133-1.745.266-.905.115-1.628.4-1.753.214-.056-.089.066-.289.356-.5a3.07,3.07,0,0,1,2.665-.366C3828.553,577.149,3828.725,577.309,3828.695,577.409Z" transform="translate(-3825.183 -576.869)" fill="#263138"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10845" data-name="Group 10845" transform="translate(16.285 8.98)">
+                <g id="Group_10844" data-name="Group 10844">
+                  <g id="Group_10843" data-name="Group 10843">
+                    <g id="Group_10842" data-name="Group 10842">
+                      <g id="Group_10841" data-name="Group 10841">
+                        <g id="Group_10840" data-name="Group 10840">
+                          <g id="Group_10839" data-name="Group 10839">
+                            <g id="Group_10838" data-name="Group 10838">
+                              <g id="Group_10837" data-name="Group 10837">
+                                <g id="Group_10836" data-name="Group 10836">
+                                  <g id="Group_10835" data-name="Group 10835">
+                                    <g id="Group_10834" data-name="Group 10834">
+                                      <g id="Group_10833" data-name="Group 10833">
+                                        <g id="Group_10832" data-name="Group 10832">
+                                          <path id="Path_7358" data-name="Path 7358" d="M4013.336,540.863c-.131.179-.667.011-1.306.02-.639-.014-1.177.149-1.307-.031-.057-.088.024-.265.256-.437a1.892,1.892,0,0,1,2.1.009c.23.174.31.353.252.44Z" transform="translate(-4010.706 -540.1)" fill="#263138"/>
+                                        </g>
+                                      </g>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10847" data-name="Group 10847" transform="translate(0.132 0.093)">
+                <g id="Group_10846" data-name="Group 10846">
+                  <path id="Path_7359" data-name="Path 7359" d="M3640.029,343.847c.88-3.271,5.351-7.943,8.738-7.86l5.538,2.988a5.21,5.21,0,0,1-3.348,4.14c-.94.334-2.085.465-2.614,1.311-.541.863-.147,2.067-.646,2.954-.692,1.23-2.735,1.267-3.237,2.586-.219.576-.061,1.246-.29,1.819a3.628,3.628,0,0,1-2.948,1.584c-.794-.212-.856-1.545-1.144-2.232a3.7,3.7,0,0,1-.226-2.472C3640.12,347.071,3639.609,345.408,3640.029,343.847Z" transform="translate(-3639.736 -335.985)" fill="#263138"/>
+                </g>
+              </g>
+              <g id="Group_10852" data-name="Group 10852" transform="translate(0 16.556)">
+                <g id="Group_10851" data-name="Group 10851">
+                  <g id="Group_10850" data-name="Group 10850">
+                    <g id="Group_10849" data-name="Group 10849">
+                      <g id="Group_10848" data-name="Group 10848">
+                        <path id="Path_7360" data-name="Path 7360" d="M3640.65,715.559c-.012-.416-.519-1.385-.932-1.438-1.1-.142-3.078,0-3.022,2.787.076,3.811,3.887,2.949,3.891,2.839,0-.085.1-2.751.063-4.188Z" transform="translate(-3636.695 -714.085)" fill="#ffbd9c"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10858" data-name="Group 10858" transform="translate(0.97 17.797)">
+                <g id="Group_10857" data-name="Group 10857">
+                  <g id="Group_10856" data-name="Group 10856">
+                    <g id="Group_10855" data-name="Group 10855">
+                      <g id="Group_10854" data-name="Group 10854">
+                        <g id="Group_10853" data-name="Group 10853">
+                          <path id="Path_7361" data-name="Path 7361" d="M3660.69,745.576c-.017-.012-.065.048-.176.1a.664.664,0,0,1-.5.02,1.643,1.643,0,0,1-.79-1.459,2.19,2.19,0,0,1,.167-.954.766.766,0,0,1,.489-.519.337.337,0,0,1,.4.174c.053.106.031.182.051.188s.08-.065.046-.222a.423.423,0,0,0-.154-.236.5.5,0,0,0-.369-.09.933.933,0,0,0-.681.6,2.26,2.26,0,0,0-.209,1.067,1.724,1.724,0,0,0,1,1.627.711.711,0,0,0,.605-.113c.116-.1.135-.182.121-.189Z" transform="translate(-3658.96 -742.574)" fill="#eb996e"/>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10860" data-name="Group 10860" transform="translate(0 4.951)">
+              <path id="Path_7362" data-name="Path 7362" d="M3461.134,448.772c-.065-1.19-1.6-1.87-2.777-2.063a4.955,4.955,0,0,0-3.382.878,2.439,2.439,0,0,0-1.263,1.581c-.092.691.618,1.461,1.253,1.174a2.258,2.258,0,1,0,2.434,3.711,5.045,5.045,0,0,1-1.8,2.827,5.665,5.665,0,0,0,5.535-8.107Z" transform="translate(-3453.615 -446.663)" fill="#263138"/>
+            </g>
+            <g id="Group_10862" data-name="Group 10862" transform="translate(0.883 18.676)">
+              <g id="Group_10861" data-name="Group 10861">
+                <path id="Path_7363" data-name="Path 7363" d="M3473.886,766.585c.019-.182.493-.264,1.173-.468a6.62,6.62,0,0,0,4.115-3.216c.362-.611.557-1.051.737-1.025.162.019.285.537.093,1.351a5.074,5.074,0,0,1-4.828,3.774c-.836-.01-1.31-.254-1.29-.416Z" transform="translate(-3473.885 -761.875)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10864" data-name="Group 10864" transform="translate(5.034 5.966)">
+              <g id="Group_10863" data-name="Group 10863">
+                <path id="Path_7364" data-name="Path 7364" d="M3569.466,477.274a3.4,3.4,0,0,1-.217-1.131,8.388,8.388,0,0,1,1.409-5.306,3.4,3.4,0,0,1,.75-.875,10.439,10.439,0,0,0-1.942,7.312Z" transform="translate(-3569.224 -469.961)" fill="#ff725d"/>
+              </g>
+            </g>
+            <g id="Group_10865" data-name="Group 10865" transform="translate(21.493 1.922)">
+              <path id="Path_7365" data-name="Path 7365" d="M3947.22,377.224c.451,1.524,2.932,3.354,4.043,4.491,2.12,2.17,2.558,2.907,2.875,8.047a10.908,10.908,0,0,0,1.21-5.618,8.312,8.312,0,0,0-2.558-5.3A6.47,6.47,0,0,0,3947.22,377.224Z" transform="translate(-3947.22 -377.102)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10931" data-name="Group 10931" transform="translate(35.485 37.918)">
+            <g id="Group_10872" data-name="Group 10872" transform="translate(0 3.531)">
+              <g id="Group_10868" data-name="Group 10868">
+                <g id="Group_10867" data-name="Group 10867">
+                  <path id="Path_7366" data-name="Path 7366" d="M4133.837,1289.952s-2.545,10.572-3.592,15.138c-1.113,4.851-3.521,15.86-9.976,14.267-4.91-1.212-3.816-7.55-3.816-7.55l4.192-14.554,3.88.439,3.562-8.766,3.838-4.046,1.914,5.072Z" transform="translate(-4116.348 -1284.88)" fill="#ffbd9c"/>
+                </g>
+              </g>
+              <g id="Group_10871" data-name="Group 10871" transform="translate(1.453 12.676)">
+                <g id="Group_10870" data-name="Group 10870">
+                  <g id="Group_10869" data-name="Group 10869">
+                    <path id="Path_7367" data-name="Path 7367" d="M4150.087,1590.61a5.4,5.4,0,0,1-.126-2.355,7.338,7.338,0,0,1,.907-2.394,20.821,20.821,0,0,1,1.875-2.564,20.5,20.5,0,0,0,1.881-2.607,15.8,15.8,0,0,0,1.143-2.366,14.332,14.332,0,0,0,.532-1.687,2.634,2.634,0,0,0,.117-.638,3.7,3.7,0,0,0-.215.61c-.129.394-.32.964-.607,1.646a17.364,17.364,0,0,1-1.178,2.311,22.006,22.006,0,0,1-1.877,2.566,19.389,19.389,0,0,0-1.881,2.609,7.194,7.194,0,0,0-.88,2.486,4.581,4.581,0,0,0,.072,1.777,3.165,3.165,0,0,0,.157.458c.045.1.072.152.08.149Z" transform="translate(-4149.724 -1575.998)" fill="#eb996e"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10930" data-name="Group 10930" transform="translate(11.433)">
+              <g id="Group_10873" data-name="Group 10873">
+                <path id="Path_7368" data-name="Path 7368" d="M4378.91,1212.154c0-.186.093-3.264.155-4.071a4.16,4.16,0,0,1,.423-1.46,1.239,1.239,0,0,1,1.93-.342l.069.063a5.425,5.425,0,0,1,1.521-1.831c.9-.59,1.645-.993,2.421-.528a1.336,1.336,0,0,1,.745,1.118s1.149-.155,1.646.311,0,1.863,0,1.863,1.024-.311,1.272.435a2.056,2.056,0,0,1-.217,1.521s.807.249.9.838-.808,1.242-.808,1.242l-2.8,2.229A5.321,5.321,0,0,1,4384,1216.4c-1.949.751-5.092-4.246-5.092-4.246Z" transform="translate(-4378.91 -1203.782)" fill="#ffbd9c"/>
+              </g>
+              <g id="Group_10875" data-name="Group 10875" transform="translate(0.723 5.041)">
+                <g id="Group_10874" data-name="Group 10874">
+                  <path id="Path_7369" data-name="Path 7369" d="M4396.916,1319.555c.03.013.025.118-.057.263a.995.995,0,0,1-1.136.437c-.158-.052-.233-.128-.219-.157.027-.065.385.05.771-.1s.577-.472.641-.441Z" transform="translate(-4395.502 -1319.553)" fill="#eb996e"/>
+                </g>
+              </g>
+              <g id="Group_10877" data-name="Group 10877" transform="translate(3.994 1.211)">
+                <g id="Group_10876" data-name="Group 10876">
+                  <path id="Path_7370" data-name="Path 7370" d="M4471,1232.664c-.042.055-.309-.131-.358-.5s.156-.619.211-.577,0,.267.039.542.159.482.109.533Z" transform="translate(-4470.631 -1231.584)" fill="#eb996e"/>
+                </g>
+              </g>
+              <g id="Group_10879" data-name="Group 10879" transform="translate(4.469 3.486)">
+                <g id="Group_10878" data-name="Group 10878">
+                  <path id="Path_7371" data-name="Path 7371" d="M4486.125,1283.849c.023.023-.2.287-.622.651a17.474,17.474,0,0,1-1.745,1.281,2.7,2.7,0,0,1-1.115.518,1.012,1.012,0,0,1-.966-.352.707.707,0,0,1-.076-.69c.077-.154.173-.19.18-.179s-.051.076-.088.213a.636.636,0,0,0,.126.549.847.847,0,0,0,.791.229,2.7,2.7,0,0,0,1.008-.5c.7-.464,1.332-.885,1.774-1.21a4.445,4.445,0,0,1,.733-.512Z" transform="translate(-4481.544 -1283.848)" fill="#eb996e"/>
+                </g>
+              </g>
+              <g id="Group_10881" data-name="Group 10881" transform="translate(5.203 5.457)">
+                <g id="Group_10880" data-name="Group 10880">
+                  <path id="Path_7372" data-name="Path 7372" d="M4503.142,1329.121a17.835,17.835,0,0,1-2.674,1.358,2.708,2.708,0,0,1-1.159.34.914.914,0,0,1-.869-.516.535.535,0,0,1,0-.416.5.5,0,0,1,.2-.233c.154-.085.255-.039.249-.027s-.089.018-.193.108a.4.4,0,0,0-.091.5.74.74,0,0,0,.706.357,2.715,2.715,0,0,0,1.054-.338,17.892,17.892,0,0,1,2.779-1.129Z" transform="translate(-4498.396 -1329.116)" fill="#eb996e"/>
+                </g>
+              </g>
+              <g id="Group_10883" data-name="Group 10883" transform="translate(6.665 6.737)">
+                <g id="Group_10882" data-name="Group 10882">
+                  <path id="Path_7373" data-name="Path 7373" d="M4533.9,1359.748c.013.029-.15.143-.461.22a2.108,2.108,0,0,1-.556.058,1.5,1.5,0,0,1-.7-.158.423.423,0,0,1-.2-.4.691.691,0,0,1,.153-.345,2.253,2.253,0,0,1,.4-.391c.254-.19.443-.25.459-.223s-.134.146-.342.357a3.179,3.179,0,0,0-.33.393c-.107.159-.146.316,0,.4a1.55,1.55,0,0,0,.573.138,2.813,2.813,0,0,0,.514,0c.294-.027.477-.08.491-.044Z" transform="translate(-4531.979 -1358.501)" fill="#eb996e"/>
+                </g>
+              </g>
+              <g id="Group_10920" data-name="Group 10920" transform="translate(1.079 5.925)">
+                <g id="Group_10919" data-name="Group 10919">
+                  <g id="Group_10896" data-name="Group 10896" transform="translate(0.237 0.13)">
+                    <g id="Group_10885" data-name="Group 10885" transform="translate(0.024 0.018)">
+                      <g id="Group_10884" data-name="Group 10884">
+                        <path id="Path_7374" data-name="Path 7374" d="M4414.267,1345.631a2.293,2.293,0,1,0-2.906,2.123l-.024.637.625.47-.656.367-.03.8.625.471-.657.367-.026.685.38.287-.4.223-.015.4.475.54.948-.563.178-4.743a2.293,2.293,0,0,0,1.481-2.06Zm-2.229-1.76h0a.658.658,0,1,1-.682.633A.658.658,0,0,1,4412.039,1343.871Z" transform="translate(-4409.683 -1343.253)" fill="#263138"/>
+                      </g>
+                    </g>
+                    <g id="Group_10895" data-name="Group 10895">
+                      <g id="Group_10888" data-name="Group 10888" transform="translate(0.024 0.018)">
+                        <g id="Group_10887" data-name="Group 10887">
+                          <g id="Group_10886" data-name="Group 10886">
+                            <path id="Path_7375" data-name="Path 7375" d="M4414.267,1345.631a2.293,2.293,0,1,0-2.906,2.123l-.024.637.625.47-.656.367-.03.8.625.471-.657.367-.026.685.38.287-.4.223-.015.4.475.54.948-.563.178-4.743a2.293,2.293,0,0,0,1.481-2.06Zm-2.229-1.76h0a.658.658,0,1,1-.682.633A.658.658,0,0,1,4412.039,1343.871Z" transform="translate(-4409.683 -1343.253)" fill="none"/>
+                          </g>
+                        </g>
+                      </g>
+                      <g id="Group_10891" data-name="Group 10891" transform="translate(1.672 0.631)">
+                        <g id="Group_10890" data-name="Group 10890">
+                          <g id="Group_10889" data-name="Group 10889">
+                            <path id="Path_7376" data-name="Path 7376" d="M4448.246,1357.321c0,.006-.059,0-.159.026a.657.657,0,0,0-.357.227.633.633,0,1,0,1.013.038.656.656,0,0,0-.34-.253c-.1-.031-.157-.031-.157-.037a.13.13,0,0,1,.042,0,.511.511,0,0,1,.121.018.655.655,0,0,1,.367.252.678.678,0,0,1-.17.957.68.68,0,0,1-.811-.031.679.679,0,0,1-.1-.967.652.652,0,0,1,.384-.223.512.512,0,0,1,.122-.009.119.119,0,0,1,.042.005Z" transform="translate(-4447.539 -1357.315)" fill="#263138"/>
+                          </g>
+                        </g>
+                      </g>
+                      <g id="Group_10894" data-name="Group 10894">
+                        <g id="Group_10893" data-name="Group 10893">
+                          <g id="Group_10892" data-name="Group 10892">
+                            <path id="Path_7377" data-name="Path 7377" d="M4413.74,1345.229s0,.015,0,.046,0,.077-.008.135a2.41,2.41,0,0,1-.116.513,2.305,2.305,0,0,1-1.351,1.382l.012-.016c-.044,1.225-.1,2.854-.17,4.744v.014l-.013.007-.948.564-.019.011-.015-.016-.475-.539-.008-.008v-.011c0-.124.01-.261.015-.4v-.016l.014-.007.4-.224,0,.047-.381-.286-.012-.009v-.015c.009-.216.017-.449.026-.686v-.016l.014-.008.656-.367,0,.048-.625-.471-.012-.009v-.015c0-.067.005-.139.008-.212l.022-.586v-.016l.014-.008.657-.367,0,.047-.625-.471-.012-.009v-.015q.012-.322.024-.637l.021.028a2.337,2.337,0,0,1-.948-.53,2.236,2.236,0,0,1-.347-.4,2.267,2.267,0,0,1-.244-.461,2.31,2.31,0,0,1,3.917-2.333,2.289,2.289,0,0,1,.44.807c.009.03.018.06.027.088l.018.085c.011.055.024.105.03.154.009.1.022.178.021.243v.15c0,.033,0,.05,0,.05s0-.017,0-.051,0-.085,0-.149-.017-.146-.026-.242c-.007-.047-.021-.1-.033-.152l-.019-.084c-.009-.028-.018-.057-.028-.087a2.273,2.273,0,1,0-4.289,1.5,2.223,2.223,0,0,0,.239.45,2.173,2.173,0,0,0,.339.393,2.29,2.29,0,0,0,.926.516l.021.006v.022c-.008.21-.016.423-.024.637l-.011-.024.625.47.035.026-.039.021-.656.367.014-.024c-.007.194-.014.39-.022.586,0,.072-.006.145-.008.212l-.011-.024.625.471.035.027-.039.021-.656.367.014-.024c-.009.236-.018.47-.026.686l-.012-.023.381.287.034.026-.037.021-.4.223.014-.023c0,.138-.01.275-.015.4l-.007-.019.475.54-.034-.005.949-.562-.013.021c.074-1.889.138-3.518.187-4.743v-.011l.011,0a2.3,2.3,0,0,0,1.345-1.356,2.512,2.512,0,0,0,.124-.508c.005-.058.009-.1.013-.134s.005-.045.005-.045Z" transform="translate(-4409.133 -1342.833)" fill="#263138"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10909" data-name="Group 10909">
+                    <g id="Group_10898" data-name="Group 10898" transform="translate(0.023 0.018)">
+                      <g id="Group_10897" data-name="Group 10897">
+                        <path id="Path_7378" data-name="Path 7378" d="M4408.8,1342.641a2.293,2.293,0,1,0-2.907,2.123h0l-.024.637.625.47-.657.367-.03.8.626.47-.657.367-.026.686.381.287-.4.223-.015.4.475.539.948-.563.179-4.743A2.293,2.293,0,0,0,4408.8,1342.641Zm-2.229-1.76h0a.658.658,0,1,1-.681.633A.657.657,0,0,1,4406.568,1340.88Z" transform="translate(-4404.213 -1340.262)" fill="#05968F"/>
+                      </g>
+                    </g>
+                    <g id="Group_10908" data-name="Group 10908">
+                      <g id="Group_10901" data-name="Group 10901" transform="translate(0.023 0.018)">
+                        <g id="Group_10900" data-name="Group 10900">
+                          <g id="Group_10899" data-name="Group 10899">
+                            <path id="Path_7379" data-name="Path 7379" d="M4408.8,1342.641a2.293,2.293,0,1,0-2.907,2.123h0l-.024.637.625.47-.657.367-.03.8.626.47-.657.367-.026.686.381.287-.4.223-.015.4.475.539.948-.563.179-4.743A2.293,2.293,0,0,0,4408.8,1342.641Zm-2.229-1.76h0a.658.658,0,1,1-.681.633A.657.657,0,0,1,4406.568,1340.88Z" transform="translate(-4404.213 -1340.262)" fill="none"/>
+                          </g>
+                        </g>
+                      </g>
+                      <g id="Group_10904" data-name="Group 10904" transform="translate(1.672 0.63)">
+                        <g id="Group_10903" data-name="Group 10903">
+                          <g id="Group_10902" data-name="Group 10902">
+                            <path id="Path_7380" data-name="Path 7380" d="M4442.8,1354.335c0,.006-.059,0-.159.026a.656.656,0,0,0-.357.227.633.633,0,1,0,1.013.038.66.66,0,0,0-.339-.254c-.1-.031-.157-.031-.157-.037s.014,0,.042,0a.518.518,0,0,1,.121.018.658.658,0,0,1,.366.252.678.678,0,0,1-.169.957.683.683,0,0,1-1.036-.358.677.677,0,0,1,.127-.639.653.653,0,0,1,.384-.223.5.5,0,0,1,.122-.009C4442.782,1354.331,4442.8,1354.333,4442.8,1354.335Z" transform="translate(-4442.089 -1354.329)" fill="#263138"/>
+                          </g>
+                        </g>
+                      </g>
+                      <g id="Group_10907" data-name="Group 10907">
+                        <g id="Group_10906" data-name="Group 10906">
+                          <g id="Group_10905" data-name="Group 10905">
+                            <path id="Path_7381" data-name="Path 7381" d="M4408.291,1342.253s0,.015,0,.046,0,.077-.009.135a2.375,2.375,0,0,1-.116.513,2.309,2.309,0,0,1-1.351,1.382l.011-.016c-.043,1.225-.1,2.854-.169,4.744v.014l-.012.007-.948.564-.019.011-.015-.016-.475-.539-.007-.008v-.011c0-.124.01-.261.015-.4v-.015l.014-.008.4-.224,0,.047-.381-.286-.012-.009v-.015c.008-.216.017-.449.026-.686v-.016l.014-.008.657-.367,0,.048-.625-.47-.012-.009v-.015c0-.067.005-.139.008-.212q.011-.295.022-.586v-.016l.014-.008.657-.367,0,.047-.625-.471-.011-.009v-.015q.012-.322.024-.638l.02.028a2.348,2.348,0,0,1-.947-.53,2.213,2.213,0,0,1-.347-.4,2.29,2.29,0,0,1-.243-.461,2.31,2.31,0,0,1,3.917-2.333,2.265,2.265,0,0,1,.44.807c.01.03.019.06.028.088l.018.085c.011.055.024.105.03.154.009.1.022.177.021.243v.15c0,.034,0,.051,0,.051s0-.017,0-.051,0-.085,0-.149-.017-.146-.027-.242c-.006-.047-.021-.1-.032-.152-.006-.027-.012-.055-.019-.084s-.018-.057-.028-.087a2.273,2.273,0,1,0-4.289,1.5,2.2,2.2,0,0,0,.239.45,2.146,2.146,0,0,0,.34.393,2.286,2.286,0,0,0,.925.516l.021.006v.022q-.012.316-.023.638l-.012-.023.626.47.034.026-.038.021-.656.367.015-.024c-.007.194-.015.39-.022.587,0,.072,0,.145-.008.212l-.011-.024.625.471.035.027-.038.021-.657.367.015-.024c-.009.236-.018.47-.026.686l-.012-.023.381.287.034.026-.038.021-.4.223.014-.023c-.005.138-.011.275-.015.4l-.007-.019.474.539-.034-.005.949-.562-.013.021c.074-1.889.138-3.518.186-4.743v-.011l.011,0a2.3,2.3,0,0,0,1.345-1.356,2.476,2.476,0,0,0,.124-.508c.006-.058.01-.1.013-.134s.006-.045.006-.045Z" transform="translate(-4403.684 -1339.856)" fill="#263138"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10912" data-name="Group 10912" transform="translate(0.268 0.301)">
+                    <g id="Group_10911" data-name="Group 10911">
+                      <g id="Group_10910" data-name="Group 10910">
+                        <path id="Path_7382" data-name="Path 7382" d="M4413.9,1348.877a3.086,3.086,0,0,0-.055-.492,1.923,1.923,0,0,0-.205-.54,2,2,0,0,0-2.365-.937,1.884,1.884,0,0,0-.514.252,2.182,2.182,0,0,0-.232.184,2.237,2.237,0,0,0-.2.223,1.983,1.983,0,0,0-.088,2.351,2.3,2.3,0,0,0,.186.238,2.191,2.191,0,0,0,.219.2,1.855,1.855,0,0,0,.493.29,2,2,0,0,0,2.428-.758,1.911,1.911,0,0,0,.245-.523,3.151,3.151,0,0,0,.093-.487.139.139,0,0,1,0,.033c0,.025,0,.057-.006.1a.968.968,0,0,1-.019.156,1.384,1.384,0,0,1-.046.208,1.92,1.92,0,0,1-.239.535,2.037,2.037,0,0,1-1.4.915,2.044,2.044,0,0,1-1.07-.126,1.914,1.914,0,0,1-.507-.3,2.272,2.272,0,0,1-.225-.206,2.2,2.2,0,0,1-.192-.244,2.034,2.034,0,0,1,.091-2.417,2.34,2.34,0,0,1,.209-.229,2.311,2.311,0,0,1,.24-.188,1.921,1.921,0,0,1,.527-.258,2.044,2.044,0,0,1,1.076-.045,2.036,2.036,0,0,1,1.333,1.018,1.908,1.908,0,0,1,.2.551,1.425,1.425,0,0,1,.03.212.915.915,0,0,1,.007.156c0,.04,0,.071,0,.1A.1.1,0,0,1,4413.9,1348.877Z" transform="translate(-4409.84 -1346.759)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10915" data-name="Group 10915" transform="translate(1.548 0.505)">
+                    <g id="Group_10914" data-name="Group 10914">
+                      <g id="Group_10913" data-name="Group 10913">
+                        <path id="Path_7383" data-name="Path 7383" d="M4440.8,1352.276c-.006,0,0-.069-.028-.187a.767.767,0,0,0-.266-.422.75.75,0,0,0-1.058.118.74.74,0,0,0-.033.877.737.737,0,0,0,.335.273.749.749,0,0,0,.711-.076.769.769,0,0,0,.3-.4c.036-.115.036-.185.042-.184a.144.144,0,0,1,0,.05.611.611,0,0,1-.021.141.768.768,0,0,1-.295.427.794.794,0,1,1-.7-1.405.8.8,0,0,1,.42-.016.782.782,0,0,1,.589.612.61.61,0,0,1,.011.142.153.153,0,0,1-.005.049Z" transform="translate(-4439.233 -1351.451)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                  <g id="Group_10918" data-name="Group 10918" transform="translate(2.655 4.482)">
+                    <g id="Group_10917" data-name="Group 10917">
+                      <g id="Group_10916" data-name="Group 10916">
+                        <path id="Path_7384" data-name="Path 7384" d="M4464.654,1447.625c-.016,0,.011-1.081.062-2.413s.1-2.412.119-2.411-.012,1.081-.062,2.414-.1,2.411-.119,2.411Z" transform="translate(-4464.649 -1442.8)" fill="#263138"/>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10921" data-name="Group 10921" transform="translate(3.336 3.868)">
+                <path id="Path_7385" data-name="Path 7385" d="M4456.127,1295.827a.33.33,0,0,1-.307,0v-2.907l.307.021v2.886Z" transform="translate(-4455.809 -1292.907)" fill="#dfdfdf"/>
+                <path id="Path_7386" data-name="Path 7386" d="M4455.7,1295.59a.353.353,0,0,1-.158-.039l-.007,0v-2.927l.331.023v2.9l-.007,0a.352.352,0,0,1-.159.039Zm-.141-.057h0a.316.316,0,0,0,.282,0v-2.867l-.282-.02Z" transform="translate(-4455.53 -1292.62)" fill="#263138"/>
+              </g>
+              <g id="Group_10925" data-name="Group 10925" transform="translate(0.484 2.451)">
+                <g id="Group_10922" data-name="Group 10922" transform="translate(0.004 0.001)">
+                  <path id="Path_7387" data-name="Path 7387" d="M4391.959,1260.08a7.1,7.1,0,0,0,.821.6,1.088,1.088,0,0,1,.5.844,1.022,1.022,0,0,1-.606.8,1.915,1.915,0,0,1-2.562-.768Z" transform="translate(-4390.111 -1260.08)" fill="#ffbd9c"/>
+                </g>
+                <g id="Group_10924" data-name="Group 10924">
+                  <g id="Group_10923" data-name="Group 10923">
+                    <path id="Path_7388" data-name="Path 7388" d="M4390.026,1261.543a4.823,4.823,0,0,0,.643.575,1.867,1.867,0,0,0,1.912.053.8.8,0,0,0,.481-.822,1.3,1.3,0,0,0-.525-.687c-.447-.3-.7-.568-.661-.6.022-.013.279.175.763.45a1.4,1.4,0,0,1,.65.78.835.835,0,0,1-.1.635,1.336,1.336,0,0,1-.482.458,2.005,2.005,0,0,1-1.208.245,1.906,1.906,0,0,1-.932-.37C4390.108,1261.911,4390,1261.549,4390.026,1261.543Z" transform="translate(-4390.022 -1260.065)" fill="#eb996e"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10929" data-name="Group 10929" transform="translate(3.484 1.212)">
+                <g id="Group_10926" data-name="Group 10926" transform="translate(0.12 0.001)">
+                  <path id="Path_7389" data-name="Path 7389" d="M4463.287,1231.664a11.441,11.441,0,0,0-1.415,2.08,1.756,1.756,0,0,0-.212.746.741.741,0,0,0,.348.659.752.752,0,0,0,.645,0,2.025,2.025,0,0,0,.54-.386,13.022,13.022,0,0,0,1.76-1.955,2.015,2.015,0,0,0,.314-.555.771.771,0,0,0-.04-.62Z" transform="translate(-4461.659 -1231.63)" fill="#ffbd9c"/>
+                </g>
+                <g id="Group_10928" data-name="Group 10928">
+                  <g id="Group_10927" data-name="Group 10927">
+                    <path id="Path_7390" data-name="Path 7390" d="M4462.6,1231.611c.008-.01.121.1.135.353a1.559,1.559,0,0,1-.389.945,11.3,11.3,0,0,1-.937,1.164c-.19.208-.4.418-.62.629a2.352,2.352,0,0,1-.8.574.889.889,0,0,1-.547.014.721.721,0,0,1-.413-.354,1.144,1.144,0,0,1-.019-.947,6.05,6.05,0,0,1,.753-1.307,5.583,5.583,0,0,1,.9-1.038,10.933,10.933,0,0,1-.752,1.14,6.719,6.719,0,0,0-.681,1.281.919.919,0,0,0,.016.751.521.521,0,0,0,.665.219,2.216,2.216,0,0,0,.713-.515c.221-.2.428-.408.62-.608a14.466,14.466,0,0,0,.963-1.111,1.592,1.592,0,0,0,.434-.841,1.678,1.678,0,0,0-.037-.351Z" transform="translate(-4458.914 -1231.61)" fill="#eb996e"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10934" data-name="Group 10934" transform="translate(0 205.505)">
+          <g id="Group_10933" data-name="Group 10933">
+            <path id="Path_7391" data-name="Path 7391" d="M205.3,4719.744c0,.067-45.961.123-102.643.123-56.7,0-102.653-.056-102.653-.123s45.951-.124,102.653-.124C159.334,4719.621,205.3,4719.675,205.3,4719.744Z" transform="translate(0 -4719.621)" fill="#263138"/>
+          </g>
+        </g>
+        <g id="Group_10996" data-name="Group 10996" transform="translate(13.216 113.829)">
+          <g id="Group_10969" data-name="Group 10969" transform="translate(0 0.071)">
+            <g id="Group_10955" data-name="Group 10955">
+              <g id="Group_10936" data-name="Group 10936">
+                <g id="Group_10935" data-name="Group 10935">
+                  <path id="Path_7392" data-name="Path 7392" d="M317.114,2642.423c4.5-6.885,4.328-16.95-1.048-23.177-1.669-1.932-4-3.612-6.545-3.395-2.6.223-4.7,2.457-5.5,4.948a16.2,16.2,0,0,0-.052,7.763c.652,3.6,1.743,7.288,4.242,9.963s5.687,5.651,8.9,3.9Z" transform="translate(-303.523 -2615.832)" fill="#bbe29a"/>
+                </g>
+              </g>
+              <g id="Group_10938" data-name="Group 10938" transform="translate(2.607 46.57)">
+                <g id="Group_10937" data-name="Group 10937">
+                  <path id="Path_7393" data-name="Path 7393" d="M372.378,3698.3a10.29,10.29,0,0,0-2.869-11.685,4.326,4.326,0,0,0-3.68-1.156,3.574,3.574,0,0,0-2.383,3.047,8.471,8.471,0,0,0,.677,4,10.119,10.119,0,0,0,3.089,4.749c1.53,1.152,3.671,2.235,5.167,1.04Z" transform="translate(-363.4 -3685.366)" fill="#bbe29a"/>
+                </g>
+              </g>
+              <g id="Group_10940" data-name="Group 10940" transform="translate(22.177 40.432)">
+                <g id="Group_10939" data-name="Group 10939">
+                  <path id="Path_7394" data-name="Path 7394" d="M813.1,3561.1a14.891,14.891,0,0,1,7.505-15.714c1.715-.892,3.827-1.42,5.555-.555a5.173,5.173,0,0,1,2.48,5.021,12.265,12.265,0,0,1-2.138,5.476c-1.467,2.351-3.268,4.638-5.775,5.82s-5.86,2.087-7.627-.047Z" transform="translate(-812.836 -3544.391)" fill="#bbe29a"/>
+                </g>
+              </g>
+              <g id="Group_10942" data-name="Group 10942" transform="translate(21.037 19.647)">
+                <g id="Group_10941" data-name="Group 10941">
+                  <path id="Path_7395" data-name="Path 7395" d="M787.291,3088.042c-2.155-6.955,1.5-15.389,7.59-19.379,1.891-1.239,4.284-2.1,6.4-1.3,2.163.824,3.405,3.236,3.474,5.549a14.341,14.341,0,0,1-1.845,6.62c-1.431,2.907-3.257,5.778-6.035,7.446s-7.273,3.336-9.579,1.06Z" transform="translate(-786.668 -3067.054)" fill="#bbe29a"/>
+                </g>
+              </g>
+              <g id="Group_10945" data-name="Group 10945" transform="translate(17.328 45.666)">
+                <g id="Group_10944" data-name="Group 10944">
+                  <g id="Group_10943" data-name="Group 10943">
+                    <path id="Path_7396" data-name="Path 7396" d="M701.47,3693.561a1.5,1.5,0,0,0,.071-.336c.038-.253.085-.575.145-.97q.044-.322.1-.7c.05-.256.1-.533.159-.827.113-.594.23-1.271.425-2.007q.134-.555.28-1.16l.364-1.241c.232-.863.575-1.756.9-2.707a47.433,47.433,0,0,1,6.163-11.483c.615-.794,1.17-1.573,1.761-2.243l.833-.989.811-.875c.505-.569,1.006-1.041,1.438-1.463l.6-.59.53-.469.729-.656a1.493,1.493,0,0,0,.242-.245,1.477,1.477,0,0,0-.279.2l-.766.616-.55.451-.62.574c-.445.413-.958.877-1.475,1.439l-.829.867-.851.983c-.6.668-1.168,1.446-1.793,2.24a45.39,45.39,0,0,0-6.2,11.551c-.316.959-.652,1.86-.875,2.732q-.181.648-.349,1.252l-.263,1.17c-.182.743-.286,1.426-.384,2.025-.048.3-.094.576-.136.835q-.039.383-.072.707c-.037.4-.066.723-.09.979a1.5,1.5,0,0,0-.011.343Z" transform="translate(-701.466 -3664.596)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10948" data-name="Group 10948" transform="translate(16.83 26.279)">
+                <g id="Group_10947" data-name="Group 10947">
+                  <g id="Group_10946" data-name="Group 10946">
+                    <path id="Path_7397" data-name="Path 7397" d="M690.691,3268.947a.52.52,0,0,0,0-.139c-.008-.108-.018-.241-.03-.4q-.052-.566-.143-1.545c-.033-.337-.07-.71-.11-1.115s-.042-.854-.067-1.332c-.036-.956-.127-2.042-.093-3.247,0-.6.006-1.233.009-1.889s.069-1.338.1-2.044c.047-1.415.24-2.915.41-4.5a64.408,64.408,0,0,1,5.859-19.759c.719-1.419,1.376-2.781,2.108-3.994.357-.61.677-1.216,1.029-1.77l1.022-1.588c.628-1.028,1.3-1.889,1.848-2.67.281-.387.533-.754.782-1.08l.7-.875.962-1.218.245-.322a.484.484,0,0,0,.076-.116s-.037.029-.1.1l-.267.3-1.006,1.185-.722.861c-.256.321-.515.684-.8,1.067-.565.775-1.247,1.63-1.889,2.654l-1.042,1.584c-.359.553-.685,1.158-1.048,1.768-.744,1.212-1.411,2.576-2.141,4A62.946,62.946,0,0,0,690.5,3252.7c-.164,1.589-.347,3.1-.384,4.518-.028.709-.085,1.394-.085,2.053s.007,1.291.01,1.9c-.02,1.208.086,2.3.137,3.255.033.478.052.924.091,1.333s.095.778.136,1.116q.125.975.2,1.541c.024.16.043.292.059.4a.467.467,0,0,0,.03.135Z" transform="translate(-690.03 -3219.345)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10951" data-name="Group 10951" transform="translate(5.771 8.334)">
+                <g id="Group_10950" data-name="Group 10950">
+                  <g id="Group_10949" data-name="Group 10949">
+                    <path id="Path_7398" data-name="Path 7398" d="M436.057,2807.237a.508.508,0,0,0,.057.128l.194.362.769,1.373c.165.3.364.623.555.992l.6,1.211.694,1.39c.235.5.458,1.035.706,1.593s.512,1.141.761,1.759l.748,1.939.393,1.022.362,1.071.754,2.235c.954,3.085,1.858,6.522,2.622,10.17.739,3.655,1.258,7.171,1.641,10.38.328,3.214.571,6.115.637,8.559.062,1.221.074,2.326.078,3.3s.019,1.807,0,2.491q-.014,1-.022,1.574c0,.166,0,.3,0,.41a.5.5,0,0,0,.011.14.516.516,0,0,0,.019-.139l.028-.409q.028-.576.078-1.574c.041-.684.054-1.521.054-2.494s.013-2.08-.035-3.3c-.04-2.449-.261-5.358-.576-8.582-.369-3.217-.881-6.744-1.622-10.409-.765-3.658-1.68-7.1-2.652-10.194l-.768-2.239-.37-1.072-.4-1.022-.765-1.939c-.256-.618-.533-1.2-.781-1.757s-.486-1.093-.727-1.589l-.717-1.385-.625-1.2c-.2-.366-.405-.687-.578-.982l-.819-1.348-.219-.346a.477.477,0,0,0-.083-.112Z" transform="translate(-436.056 -2807.237)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+              <g id="Group_10954" data-name="Group 10954" transform="translate(7.3 50.584)">
+                <g id="Group_10953" data-name="Group 10953">
+                  <g id="Group_10952" data-name="Group 10952">
+                    <path id="Path_7399" data-name="Path 7399" d="M471.176,3777.55a6.118,6.118,0,0,0,.479.84c.329.526.781,1.3,1.311,2.277s1.116,2.158,1.705,3.5a47.535,47.535,0,0,1,1.655,4.467c.494,1.618.869,3.186,1.154,4.623.27,1.441.459,2.748.566,3.852s.177,2,.2,2.62a6.059,6.059,0,0,0,.079.964,6.016,6.016,0,0,0,.036-.967c.01-.623-.023-1.525-.109-2.636a39.052,39.052,0,0,0-.506-3.883,40.038,40.038,0,0,0-2.827-9.149,38.932,38.932,0,0,0-1.772-3.491c-.556-.966-1.037-1.729-1.4-2.238a6.063,6.063,0,0,0-.575-.778Z" transform="translate(-471.175 -3777.55)" fill="#263138"/>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10957" data-name="Group 10957" transform="translate(6.399 71.531)">
+              <g id="Group_10956" data-name="Group 10956">
+                <path id="Path_7400" data-name="Path 7400" d="M470.255,4258.609H450.48l2.393,20.2h14.919Z" transform="translate(-450.48 -4258.609)" fill="#323232"/>
+              </g>
+            </g>
+            <g id="Group_10959" data-name="Group 10959" transform="translate(7.064 89.548)">
+              <g id="Group_10958" data-name="Group 10958">
+                <path id="Path_7401" data-name="Path 7401" d="M484.138,4672.39l-1.68,2.18h-14.98l-1.728-2.11Z" transform="translate(-465.75 -4672.39)" fill="#263138"/>
+              </g>
+            </g>
+            <g id="Group_10962" data-name="Group 10962" transform="translate(7.169 77.324)">
+              <g id="Group_10961" data-name="Group 10961">
+                <g id="Group_10960" data-name="Group 10960">
+                  <path id="Path_7402" data-name="Path 7402" d="M468.17,4391.8c0,.082,4.1.148,9.164.148s9.165-.066,9.165-.148-4.1-.147-9.165-.147S468.17,4391.717,468.17,4391.8Z" transform="translate(-468.17 -4391.65)" fill="#f9f9f9"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10965" data-name="Group 10965" transform="translate(7.169 78.669)">
+              <g id="Group_10964" data-name="Group 10964">
+                <g id="Group_10963" data-name="Group 10963">
+                  <path id="Path_7403" data-name="Path 7403" d="M468.17,4422.687c0,.082,4.1.147,9.164.147s9.165-.066,9.165-.147-4.1-.147-9.165-.147S468.17,4422.605,468.17,4422.687Z" transform="translate(-468.17 -4422.54)" fill="#f9f9f9"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_10968" data-name="Group 10968" transform="translate(7.416 79.971)">
+              <g id="Group_10967" data-name="Group 10967">
+                <g id="Group_10966" data-name="Group 10966">
+                  <path id="Path_7404" data-name="Path 7404" d="M473.84,4452.577c0,.082,3.96.147,8.844.147s8.845-.066,8.845-.147-3.959-.147-8.845-.147S473.84,4452.5,473.84,4452.577Z" transform="translate(-473.84 -4452.429)" fill="#f9f9f9"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="Group_10971" data-name="Group 10971" transform="translate(23.148 28.074)">
+            <g id="Group_10970" data-name="Group 10970">
+              <path id="Path_7405" data-name="Path 7405" d="M835.137,3258.94a.686.686,0,0,0,0,.193c.012.148.027.329.045.548.051.506.12,1.186.2,2.012.181,1.7.444,4.042.746,6.63.012.1.023.2.034.289l.01.087h.088c2.541.039,4.827.064,6.478.072H844.7l.53-.01a.641.641,0,0,0,.185-.017.673.673,0,0,0-.184-.023l-.53-.027-1.952-.062c-1.651-.044-3.937-.091-6.477-.132l.1.088c-.011-.091-.022-.19-.034-.289-.3-2.588-.588-4.929-.8-6.623-.11-.824-.2-1.5-.266-2.005-.033-.217-.06-.4-.083-.544a.708.708,0,0,0-.042-.188Z" transform="translate(-835.133 -3258.939)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10973" data-name="Group 10973" transform="translate(27.629 22.033)">
+            <g id="Group_10972" data-name="Group 10972">
+              <path id="Path_7406" data-name="Path 7406" d="M938.06,3120.211a.726.726,0,0,0-.015.2c0,.153,0,.34,0,.567,0,.522.011,1.227.019,2.084.025,1.759.073,4.19.138,6.874,0,.108.005.217.008.317l0,.105.1-.008a61.719,61.719,0,0,1,6.649-.15c.848.026,1.532.06,2,.086l.544.026a.681.681,0,0,0,.191,0,.7.7,0,0,0-.187-.036c-.124-.016-.306-.04-.542-.063-.471-.049-1.156-.1-2.005-.149a52.531,52.531,0,0,0-6.67.09l.108.1c0-.1,0-.208-.008-.317-.066-2.684-.136-5.114-.2-6.873-.034-.856-.062-1.561-.083-2.083-.013-.227-.024-.414-.033-.566a.76.76,0,0,0-.025-.2Z" transform="translate(-938.04 -3120.21)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10975" data-name="Group 10975" transform="translate(31.213 19.976)">
+            <g id="Group_10974" data-name="Group 10974">
+              <path id="Path_7407" data-name="Path 7407" d="M1022.058,3072.97a3.5,3.5,0,0,0-.123.58c-.075.409-.174.944-.293,1.59-.256,1.342-.657,3.192-1.222,5.217l-.06.213.2-.1.237-.114a17.033,17.033,0,0,1,5.271-1.542c.7-.086,1.274-.118,1.669-.133a4.078,4.078,0,0,0,.616-.034.467.467,0,0,0-.159-.022c-.1-.006-.259-.02-.458-.021a14.189,14.189,0,0,0-1.684.069,16.027,16.027,0,0,0-5.342,1.5l-.24.116.141.116a50.731,50.731,0,0,0,1.166-5.246c.112-.676.187-1.223.232-1.6a3.3,3.3,0,0,0,.047-.591Z" transform="translate(-1020.36 -3072.97)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10977" data-name="Group 10977" transform="translate(4.986 52.646)">
+            <g id="Group_10976" data-name="Group 10976">
+              <path id="Path_7408" data-name="Path 7408" d="M418.031,3827.411c0,.031.573-.028,1.5-.065a25.183,25.183,0,0,1,3.6.118c.284.029.562.065.827.1l.094.013.017-.093c.213-1.2.393-2.25.512-3.006a8.172,8.172,0,0,0,.155-1.219,8.316,8.316,0,0,0-.284,1.2c-.154.75-.358,1.8-.579,2.994l.111-.08c-.268-.038-.548-.075-.834-.1a20.18,20.18,0,0,0-3.625-.06c-.463.036-.836.083-1.092.121a1.528,1.528,0,0,0-.395.085Z" transform="translate(-418.03 -3823.26)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10979" data-name="Group 10979" transform="translate(3.118 48.469)">
+            <g id="Group_10978" data-name="Group 10978">
+              <path id="Path_7409" data-name="Path 7409" d="M375.13,3731.956c.007.031.554-.1,1.449-.207a15.716,15.716,0,0,1,3.509-.035c.213.022.422.05.62.077l.1.014.01-.1c.125-1.229.226-2.318.289-3.1a8.415,8.415,0,0,0,.064-1.261,8.533,8.533,0,0,0-.2,1.248c-.1.779-.224,1.866-.354,3.094l.113-.088c-.2-.029-.412-.057-.628-.08a13.605,13.605,0,0,0-3.55.094c-.449.073-.808.156-1.054.221a1.457,1.457,0,0,0-.375.126Z" transform="translate(-375.129 -3727.34)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10981" data-name="Group 10981" transform="translate(1.779 12.675)">
+            <g id="Group_10980" data-name="Group 10980">
+              <path id="Path_7410" data-name="Path 7410" d="M344.378,2910.541a.936.936,0,0,0,.2.1l.578.257,2.138.91,7.084,2.935.382.157.09.037.039-.088,2.993-6.76.881-2.044.23-.558a.864.864,0,0,0,.068-.2.845.845,0,0,0-.1.184l-.263.543-.938,2.019-3.048,6.734.129-.052-.382-.156-7.106-2.88-2.163-.852-.592-.222a.883.883,0,0,0-.212-.065Z" transform="translate(-344.378 -2905.288)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10983" data-name="Group 10983" transform="translate(0.046 4.299)">
+            <g id="Group_10982" data-name="Group 10982">
+              <path id="Path_7411" data-name="Path 7411" d="M304.59,2718.005a.88.88,0,0,0,.174.128l.519.335,1.931,1.2,6.441,3.928.1.063.043-.114.117-.311,2.7-7.283.8-2.215.207-.606a.928.928,0,0,0,.059-.216.972.972,0,0,0-.1.2l-.242.593-.856,2.193-2.754,7.263-.117.311.146-.051-6.473-3.876-1.963-1.15-.538-.3a.936.936,0,0,0-.194-.095Z" transform="translate(-304.59 -2712.918)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10985" data-name="Group 10985" transform="translate(0.614)">
+            <g id="Group_10984" data-name="Group 10984">
+              <path id="Path_7412" data-name="Path 7412" d="M317.627,2619.025a2.8,2.8,0,0,0,.425.25c.278.153.68.38,1.167.682a20.842,20.842,0,0,1,3.584,2.8l.248.243-.083-.338c-.087-.354-.167-.727-.228-1.11a12.889,12.889,0,0,1,.28-5.269,15.043,15.043,0,0,1,.506-1.533,3.718,3.718,0,0,0,.212-.557,3.209,3.209,0,0,0-.283.525,11.6,11.6,0,0,0-.571,1.525,12.336,12.336,0,0,0-.341,5.339c.062.39.144.769.234,1.128l.165-.1a18.9,18.9,0,0,0-3.655-2.775c-.5-.289-.914-.5-1.2-.634a2.436,2.436,0,0,0-.457-.187Z" transform="translate(-317.627 -2614.197)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10987" data-name="Group 10987" transform="translate(23.176 49.166)">
+            <g id="Group_10986" data-name="Group 10986">
+              <path id="Path_7413" data-name="Path 7413" d="M835.787,3743.339a2.826,2.826,0,0,0,.091.511c.069.327.168.8.276,1.39a34.228,34.228,0,0,1,.531,4.684l0,.09.09.006.443.027c1.961.119,3.736.214,5.022.274l1.524.06a2.974,2.974,0,0,0,.56-.005,3.042,3.042,0,0,0-.556-.073l-1.52-.124c-1.284-.1-3.058-.214-5.019-.332l-.443-.027.094.1a28.833,28.833,0,0,0-.6-4.7c-.126-.589-.246-1.059-.338-1.381a2.6,2.6,0,0,0-.164-.494Z" transform="translate(-835.785 -3743.339)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10989" data-name="Group 10989" transform="translate(27.059 43.594)">
+            <g id="Group_10988" data-name="Group 10988">
+              <path id="Path_7414" data-name="Path 7414" d="M924.967,3615.38a2.669,2.669,0,0,0,.033.516c.042.367.1.838.16,1.405.144,1.189.356,2.842.606,4.694l.011.081.082,0,.637.042c2.009.136,3.821.344,5.13.514l1.55.208a.288.288,0,1,0,.013-.077c-.363-.072-.889-.168-1.543-.271-1.306-.207-3.121-.437-5.136-.574l-.638-.041.093.086c-.254-1.852-.49-3.5-.669-4.686-.089-.563-.163-1.032-.221-1.4a2.675,2.675,0,0,0-.106-.506Z" transform="translate(-924.962 -3615.38)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10991" data-name="Group 10991" transform="translate(31.634 41.195)">
+            <g id="Group_10990" data-name="Group 10990">
+              <path id="Path_7415" data-name="Path 7415" d="M1030.033,3560.28c-.029.007.091.543.233,1.426a25.505,25.505,0,0,1,.318,3.5l0,.111.111-.014.332-.042a30.778,30.778,0,0,1,3.735-.221l1.137.012a.211.211,0,1,0,0-.078c-.268-.028-.657-.059-1.139-.077a24.042,24.042,0,0,0-3.762.164l-.334.043.113.1a20.475,20.475,0,0,0-.382-3.52c-.089-.44-.175-.793-.242-1.034a1.475,1.475,0,0,0-.125-.368Z" transform="translate(-1030.029 -3560.279)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10993" data-name="Group 10993" transform="translate(5.582 46.766)">
+            <g id="Group_10992" data-name="Group 10992">
+              <path id="Path_7416" data-name="Path 7416" d="M431.732,3688.218a63.274,63.274,0,0,0,1.834,3.981,14.882,14.882,0,0,0-1.834-3.981Z" transform="translate(-431.728 -3688.217)" fill="#263138"/>
+            </g>
+          </g>
+          <g id="Group_10995" data-name="Group 10995" transform="translate(3.101 49.359)">
+            <g id="Group_10994" data-name="Group 10994">
+              <path id="Path_7417" data-name="Path 7417" d="M374.729,3747.81a11.409,11.409,0,0,1,4.359,1.351,6.26,6.26,0,0,0-4.359-1.351Z" transform="translate(-374.729 -3747.769)" fill="#263138"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_10998" data-name="Group 10998" transform="translate(27.788 -573.451)">
+          <g transform="matrix(1, 0, 0, 1, -51.55, 573.45)" filter="url(#Rectangle_17325)">
+            <rect id="Rectangle_17325-2" data-name="Rectangle 17325" width="81" height="16" rx="8" transform="translate(81.77 125.55)" fill="url(#linear-gradient)"/>
+          </g>
+          <text id="Next" transform="translate(66.212 708)" fill="#fff" font-size="4" font-family="OpenSans-Semibold, Open Sans" font-weight="600"><tspan x="0" y="0">Next</tspan></text>
+        </g>
+        <g id="Group_11000" data-name="Group 11000" transform="translate(28 -452.451)">
+          <rect id="Rectangle_17326" data-name="Rectangle 17326" width="81" height="17" rx="3" transform="translate(30 550)" fill="#f7f8f8"/>
+          <text id="Project_Id-2" data-name="Project Id" transform="translate(42 560)" fill="#323232" font-size="3" font-family="OpenSans-Regular, Open Sans"><tspan x="0" y="0">Project Id</tspan></text>
+          <g id="briefcase" transform="translate(34.132 557)">
+            <path id="Path_1" data-name="Path 1" d="M0,16.346a.431.431,0,0,0,.433.43H4.182a.431.431,0,0,0,.433-.43V14.625H4.326v1.721a.144.144,0,0,1-.144.143H.433a.144.144,0,0,1-.144-.143V14.625H0Z" transform="translate(0 -13.028)" fill="#323232" fill-rule="evenodd"/>
+            <path id="Path_2" data-name="Path 2" d="M0,3.254a.431.431,0,0,1,.433-.43H4.182a.431.431,0,0,1,.433.43v.684l-2.2.582a.435.435,0,0,1-.223,0L0,3.938Zm.433-.143a.144.144,0,0,0-.144.143v.464l1.982.526a.145.145,0,0,0,.074,0l1.982-.526V3.254a.144.144,0,0,0-.144-.143Zm1.009-.43a.431.431,0,0,1,.433-.43H2.74a.431.431,0,0,1,.433.43v.143H2.884V2.68a.144.144,0,0,0-.144-.143H1.875a.144.144,0,0,0-.144.143v.143H1.442Z" transform="translate(0 -2.25)" fill="#323232" fill-rule="evenodd"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/profile_default.svg b/src/assets/performics/profile_default.svg
new file mode 100644
index 0000000..6e54875
--- /dev/null
+++ b/src/assets/performics/profile_default.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="102" height="102" viewBox="0 0 102 102">
+  <defs>
+    <clipPath id="clip-path">
+      <circle id="Ellipse_57" data-name="Ellipse 57" cx="51" cy="51" r="51" transform="translate(49 191)" fill="#fff" stroke="#707070" stroke-width="2"/>
+    </clipPath>
+  </defs>
+  <g id="Mask_Group_9" data-name="Mask Group 9" transform="translate(-49 -191)" clip-path="url(#clip-path)">
+    <image id="_145843" data-name="145843" width="102" height="102" transform="translate(49 190)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAlqgAAJaoBpQnifwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAGRwSURBVHja7b13eFVV2vf/DDpcOuM4Xu/4PuM7MiqiYgdFpUMCoaaSSggJAQKEkHISek8ChF6lBALSq/QivSq9hR56T0Ud5/mp8+jo/Vv39oQJ4ZzklL332eX7x+e6ZiRnn7Pvtdb9/e6117rXfxHRfwEAtE1JUtunBdUEtQTNBGGCeMFgwSTBQsFqwSbBdsE+wWHBScF5wVXBbUGh4FvB94J/W/ne+t8KrX9z1fqZk9Zr7LNec5P1OxZav3Ow9TeEWX9TLetvfBptBoD2QRAA8KywVxXUEPgI4gSjBEsFuwW5gruCHwSkM36w/vZc670std5bnPVe+Z6rog8AAAMAgFEFvorgFYGXoLMgQ7BIcMAqkL/oUNzl4hdrDA5YY5JhjZGXNWZV0IcAgAEAQA9i/7x1KjxFME9wXKdP71qaRThujWWKNbbPo68BAAMAgCen7fl9d7RgvGCbIB+CrRr51piPt7ZBLbxOAAAGAAAlBJ/fV8cI5gjOCX6GCGuOn61tM8faVjXQdwGAAQDAGbF/UvCxwGJd8V4AcdUtBdY2tFjb9En0cQBgAAAoFfxnBa0EmYI91i1xEE9j8r21jTOtbf4sxgCAAQDAXKvy61lXnB81+Sp8s/OLtQ9kWPsEdh0AGAAADCb6Lwg6CZYLvobwATt8be0j3FdewNgBMAAA6PM9fhNBluCU4FeIG3CSX619J8val7B+AMAAAKBR0f+z9cltjeA7CBiQme+sfYv72J8x5gAMAACeFf0/CaIEGwX/C5ECKvG/1j7Hfe9PGIsABgAAdUT/j4IIwVrBjxAj4GF+tPZF7pN/xBgFMAAAyCv6fBJeiGAVtukBjW8zXGXtqzgREcAAAODGdr3WgmWC/4G4AJ3xP9a+2xrbCwEMAACOCT+fJz/Mei49hAQYgdvWPl0NYxzAAADwqOg/IQgQbBL8G4IBDMq/rX2c+/oTGPsABgCYWfirC0YK7kMcgMm4b+371ZELAAwAMIvo/14QKtiBAj0ASGNgh3VM/B45AsAAACMK//PW96BFSPoA2KTIOkaeR84AMADACML/umCW4AckeAAc4gfrmHkdOQTAAAA9Cn8jwTqctgeAW6cV8hhqhJwCYACAHlbz87vMI0jeAMjKEevYwu4BAAMANFeeN0lwHYkaAEW5YR1rKDsMYACAR4X/WeuipW+QmAFQlW+sY+9Z5CIAAwDUfuLvL/gaiRgAj/K1dSxiRgDAAABFhf8pQSq28gGgyS2EPDafQq4CMABATuGvKkhAxT4AdFFhkMdqVeQuAAMA3BH+JwVxOJjHGBQk+dLNlAC6bGlHZ1JD6KiVs4IrliC6K/6tONkXsTLOAUQ8dp9ELgMwAMAZ4eejeKMF15BItc1tIdrH0kJpY0oEzYkPpdGdA2lYR3/q174NJQe3oO7+3hTbqjG1965PoU0+qZSwpnWpY4uG1M3XS/p8v4g24np+0nUndwumbPEdnyeH01epYXTDEog20D7XrGMZRxIDGABQqfh7CXKROLVDUYofXewdSntSw2m5EN8p3YNpgBD42NZNHBJ1JWFzMTCyLU0T5uA3YxAKY6BNeEx7IccBGABg72S+NUiUniffEkAHekdQTkIY9RFP4O2b1fe40LtiDAa0/80YrEsJp8swBVphDU4gBDAAoFT4nxFkCf6F5OgZCsUT/pHe4bQwMZwGdvDVpeA7QmI7H5oVH0L7U8OoINkfbe85/mUd888gB8IAAHMK/+8EsYICJER14YV2J4XgL0sOp+HR/tSheQNDCn5FRDavT8M7+tOqpDC6kNoO/cIzFFhzwO+QE2EAgHnEv6HgOBKgupzrHUpze4VKC/PMJviV0SOgmfS64EBqGHYiqA/ngobIjTAAwNjC/5JgORKeety0BNKqlHDqHdYaQu8gbJAWCaN0NRXrBlSGc8NLyJUwAMB4p/T1EXyPJKfCfvtkf9pmCaf0GH+K8KoLUXeR8KZ1KUPEcFdKGBUmYVZAJb635gqcOggDAAwg/rUFJ5DYlIeL6kzq1o6iWzSCgMtM17ZeNDchlPIwK6AWnDNqI4fCAAD91u0fI/gZyUxZDqSGSnvhIdTKw4WKBnfwpXW9gikffU9pfrbmEJwvAAMAdFbM5woSmLLsSQ2jvhF4t+8pIoQZmBDVhu73Ql9UmCsoIgQDALQv/M8JcgS/ImkptIUvqQ3tsISTJbQVRFgrawW86tLYDq3pbiL6p4L8as0tzyHXwgAA7Yl/sCAfiUqhcrzJvrQ5JUwqZgPR1ejrAWEERnVoRXeTUGRIQTjHBCPnwgAAbQj/C4K1SEwKIQl/OMUHNIfI6mj3wPQYX8m0oQ8rBuecF5CDYQCA58Q/QFCCZKQMZ9JCaAAW9+mWqOYNaGN3P/Rl5eDcE4BcDAMA1BX+PwiykYCU4b4lgGb3DMUefoPQ07cpne4VgL6tHJyL/oDcDAMAlBf/DwV5SDrKsCMtnLr5ekE4DUddGhrWgu5hx4BScE76EDkaBgAoI/xVBP0EPyHZyM+ltGBKjw6AUBr9EKJm9WlTDywSVIifrDmqCnI2DACQT/yrCfYgwShQtjfFnxYmRRj2CF5gm37BPtg2qBycq6ohd8MAAPfFP0zwDZKK/JzqHUEJQdjWZ1bae9enDd0xG6AQnLPCkMNhAIBrwv+MYD4SiTJb+z63tJcEAEJocpp+Qn3b8WwAtgwqBOewZ5DTYQCA4+JfU3ARyUN+7lgCaFRsIIQPPEKHZvXpUAJ2CigE57KayO0wAKBy8Q8SfIekIT/HU8Oph783BA/YnQ2Y1wV1AxSCc1oQcjwMALC/yj8LdfwVqN+f7EvLk8MowrseRA5USt9gHyrAAkGlzhPIwi4BGADwqPj/RbAdCUJ+bqUEUEaMP4QNOEW0T0PKRfEgpeBc9xfkfhgAiP9vhX1uISnIz9HUEBT1Aa4fLtS0Lm1AzQCluIXCQTAAZhf/WMGPSAbyszM1DKv8gQwm4BNa1BUmQCE498VCC2AAzCb8VQUzkQCUYX1KuHQiHAQMyMW0GGwTVBDOhVWhDTAAZhD/vwoOYdArw5LEcAgWUIQRka0wxpSDc+JfoREwAEYW/7cENzHYlVjp35Zm9QyFUAFldwiE+GC8KQfnxregFTAARhR/b8G3GOTyU5jsR+PjgiFQQJ3jhf29KT8JrwQUgnOkNzQDBsBI4h+DU/yU4b4lAKf4AdXp2roJ3UlE0SAFTxWMgXbAABhB/NMxoJXhdmo76te+LQQJeISOPg0oD2cIKEk6NAQGQM8r/RdhECtU0z81kCyhrSBEwMMnCtaj0ygYpCSLsEMABkBv4v+cYC8GrzIUpATQwA6+ECCgGROAmQBF4Vz6HLQFBkAP4l8dJ/kpR1GKH43EaX5AY8T4NKR7vTA+FT5RsDo0BgZAy+JfR1CEwaoQyb40pXsIBAdokh6+XlSUjJkABeHcWgdaAwOgRfFvhGN8lWVuLxT5AdqmfzDqBKhwrHAjaA4MgJbEv4XgewxO5VhliYDAAF0wvmMbjFll4VzbAtoDA6AF8Q8U/AuDUjm2pkVIJ7NBXIBeWNwVNQIUhnNuIDQIBsCT4h8p+BmDUTn2C/GP8K4HUQG64wscJaw0nHsjoUUwAJ4Q/zjBLxiEynE+LZSifBpATIAu4RMpjyZgJkBhOAfHQZNgANQUf4vgVww+5chP9qeU4JYQEqBrIpvVpyuoEaA0nIst0CYYADXEfwgGnPJM7obDfYAxiPfzouIkLAxUgSHQKBgAJcV/LAaZ8nyRihX/wFgsSQzD2FaHsdAqGACIv17f+1uC8d4fGA5eyHo8NQRjHCYABgDT/sBmjf9kf7KE4L0/MCY9A5vRvRTsDMDrABgAvS34w4BSgSl47w8MzoSuQRjr6oGFgTAAbm/1w2p/Nd77W1DmF5ikPoAF6wFU3B2ALYIwAC4X+cE+fxW4YAmmji0aQhyAKeC+nmfBTICKdQJQLAgGwOnyvqjwpwLFyb7Uv31bCAMwFf0i2uDkQHUrBqJsMAyAwwf7oLa/SmxKwdQ/MCcrkvAqQOWzA3CAEAxApUf64lQ/lbidEkixrZtADIBpXwVcswQiF6h7iiCOEoYBsCn+daxnTWOgqMS07lj1D8zNmC4wACrDOb4ONA8GoKz4VxcUYXCox/G0UArzwhG/AHyZilcBKsO5vjq0DwaAxf85wUUMChUX/gl6h7VG8gdAkBjUggqSsCBQZTjnPwcDYG7xryrYi8GgLmstqPUPQFkW98IsgAfg3F8VBsC8BmARBoG63LQEUkyrRkj6AJShQ/MGdBkLAj3BIhgAc4p/Ojq/+kyMw8I/AGwxslMAcoRnSIcBMJf4x6DTe2DhX+9QCmuKhX8A2ONoaihyhWeIgQEwh/h7C35Ch1efDPGEgyQPgH2GdfRDrvAMrAneMADGFv+3BN+is6vP6bRQJHgAHJkFsIQgZ3gG1oa3YACMKf5/FdxEJ/cMo2MDkdwBcIDhmAXwJKwRf4UBMN52v0Po3J7hXO9gFP0BALMAeuGQWbYHmsUAzESn9hwTurZDUgfAqVkAFAbyMDNhAIwh/rHozJ4jz9KOIvD0D4ALswDByCGeJRYGQN/i/6HgR3RkzzEVB/4A4NosQBRmATwMa8eHMAD6FP+/CG6hE3uOq6lB1N67PpI5AC6Sm9IOucSzsIb8BQZAX+JfRbAdndezzIwPQRIHwA2md4MB0ACsJVVgAPRjALLQaT3LnRR/qb45kjgArhPdohHdx0mBWiALBkAf4h8k+BUd1rOsTw5DAgdABjYlozywBmBNCYIB0Lb41xR8h87qeQZGtkXyBkAG+oW3Rk7RBqwtNWEAtCn+zwguopN6nsuWdjj0BwAZOYPFgFqBNeYZGADtGYD56JzaYFEvTP8DIOtiwO6oCaAh5sMAaEv8w9AptUNCUHMkbQBkJKZlI8pPxhkBGiIMBkAb4l9N8A06pDY4lopT/wBQgo0pYcgx2oE1pxoMgOf3++9BZ9QOn3bH3n8AlCAdpwRqjT16rw+gdwPQD51QOxQm+1Fsq8ZI1gAoQPtm9el+CkyAxugHA+C5Ov8/oQNqh52WcCRqABRkpwWvATTGT3o+L0Cv4v8HQR46n7YY1SkQSRoABZnYNQi5RnuwFv0BBkA9A5CNTqex6f8kX+rYoiGSNNAl2QO6Uofm2u+/nds0oeKkNsg52iMbBkAd8Q9AZ9MeR1Ox+A/okylpMfRg/1xaOiJRF7+XxxpyjiYJgAFQVvxfEJSgo2mPxYko/gN0uLK+WygV78uRDEDRnjmUGNxS8785pyfOBtAorE0vwAAoZwDWopNpkyFRvhAUoCv6dPCj/J3ZkviXcnB+puZ/d1I7H+Qc7bIWBkAZ8Q9G59ImBSl+0hYliArQCz2DfOjWF58+Iv6ljEmM1Pzvv2TB2QAaJhgGQF7xf06Qj46lTQ6mYvof6IfObZtQ3vpJNsWfub5pmuYXtG5ICUfu0S6sVc/BAMhnAHLQqbTLZzj8B+gEXul/cvlou+JfyoqsFG0vXIzD4UAaJwcGQB7x9xL8ig6lXfq3bwtxAZonwqsu7Zs7rFLxlxYE7s2hlLDWmr2X5OAWyD3ahjXLCwbAPfF/SnAFnUm73E/xpwjvehAYoG3xF310x8zBDol/KUcWj6SwpnU1eT9hwszcTfZHDtI2rF1PwQC4bgDGoBNpm/2pKP8LtC/+u2YNcUr8S5mY0lGz9/VVKrYD6oAxMACuiX9twc/oQNqG9yRDZICWD9DZM2eoS+LP3NwynWJaavOAK669gRykeVjDasMAOCf+TwhOoPNon+HR/hAaoE3x965P++YMc1n8S1kzPlWT95cZg1cAOoG17AkYAMcNQB90Gn0QH9AMYgM0+eS/f95wt8WfKdmbQ2kaXOjK5wIgB+mGPjAAjon/S4Lv0WF0UAAo2VdajATBAVoT/wPz0mUR/1JOLM3S5ILAPAtOB9QJrGkvwQBUbgCWo7PogzOWYAgO0BSRzRvQV59lyCr+pUxJ7aS5+91pwToAHbEcBqBi8W+ITqIfdmIHANAQsa2aSFv3lBB/5vbWGdJ3aOmeVyTBAOiMhjAAtsX/d4Lj6CD6YUkvGACgDeIDfejimomKiX8pXEtAS/c9vQeOBtYZrHG/gwF43ADEonPoi4ld20F8gMfpF+VPt7ZOV1z8S5nZv4tm7j0DOwH0SCwMwKPi/4ygAB1DX/QLbw0BAh4lKyGCCnfPVk38pTLBe+ZQ3yg/Tdx/SnBL5CL9wVr3DAzAfwxAFjqF/ohp2QgiBDzG7EFxVLIvR1XxL+XKhinUqbXnCwRF+TRALtInWTAAv4l/dcG/0CH0xc2UAIgQ8AjhTevS2glpHhH+snCRIS1sDbwlxiJyku5gzasOA5DUdg06g/44koojgIFnnnj35Qz3uPiXkjO4u8djcjwVCwF1yhpTGwDrUb/oCDpkmwU7AIDKR+CGtaLzayZoRvyZ4n05NDAm0KNx2Y5aAHrGy5QGQNx4FUEuOoA+2ZACAwDUY0JyR8rfma0p8S/l+qZp1Lmt5+oDLEsMR07SL6yBVcxoAKLR+PplZRIMAFCnrO/6iX00Kfxl+XJ+usfKYuf0xAyAzok2lQEQN/yk4BoaXr8s7IVjgIGyJLRrQbkrxmpe/EtZkN7TM8WAugcjJ+kb1sInzWQA4tDo+mZ2zxCIFFB0f/+97TN1I/6lpwYO7ax+cSwuyIWcpHviTGEAxI1WFdxGg+ubad1wEBBQZsr/83EWXQl/WW598Sl19fNS1yzFBiIn6R/WxKpmMAAJaGz9M65LEAQLyIolog2dXjFGt+JfCh9IFKHieoD0aD/kJGOQYGgDIG7wKcF9NLT+yYzxh2gBWYjwrkcLMxKkErt6F/9Slo1KUi1+AyORjwwCa+NTRjYAqWhkYzC4gy/EC7hNmhCvM6vGGUb4H64H2JdDI3qoUywrLawVcpJxSDWkARA39kdBERrYGPQOw0FAwI13/d71aUlmIhXtzTGc+JdSsCubBkQrXzI7MagFcpJxYI38oxENQH80rnHo1c4HQgZcO763gx+dXz3BsMJfFt7JkNa+raLx7ObrhZxkLPobygCIG3pW8DUa1jh09W0KMQNO0cGnAa3ISpa2y5lB/B/uDNg6nRJDWioW106tGiMnGQvWymeNZACGoVGNRec2TSBqwCH4xDwu5Xtt81RTCX9Z+N57BDRXJL7RLRohJxmPYYYwANZ3/9+gQWEAgPkY0DGATi4fbVrhL0ve+knUpa0XDABwhG/UWAughgFIQmPCAABzwU+722cOgvCX48zn46hT68YwAMARknRtAMQNPCG4gYaEAQDmoGOLhrR0RCIV7pkNwbfDiaVZFOXTAAYAVAZr5xN6NgChaEQYAGB8wpvWpSmpnejmF59C5B3g4IJMqewxDACohFA9G4AjaEBjEtmsAYQPSFX8JqV0pItrJ0LYnWTPnKGylAzmNkBOMixHdGkAxA9vhMYzLmFN60EATV7IZ1rvWLq8cQrE3A22fjqAwtw2AXWRk4xNIz0agHVoOOPCU74QQnPu5c8e2JWub5oGAZeJtePT3NtmCQNgdNbpygCIH/y64Bc0HAwAMM7ivpwh3aXjbiHa8rN0ZKJb7YOcZGhYS1/XkwGYhUaDAQD6p3tAM1qc2YvubJsJoVYYNlgwAMAOs3RhAMQPfV7wAxrM6GsAYACMvKI/s3sY7csZbrqyvZ6Gj0WGAQA2YE19Xg8GAGV/TQBvPYJYGotuft60IL2nqUv2aoEtU/s7bbCRk1Ae2OMGQPzA3+PIX9QBADqq0+9Vl9K7hUpb0or34Wlfr2sCkJNMc1Tw77VsAFD4BwYA6IDUiLa0eEQvuoptfJolJaw1DABQtDCQ3AZgBxoIBuCR98leqBegFXq395WeLPlQGgis9tk/bzgMACjPDk0aAPHDqgt+RQPBAJQ9Ce7e9pm0Y+ZgqVqcEiehuUpw448pqOFH5N+gDvnW+5Da1K1NLT+uRT4fvU/eH75H3nXek/43/7fW4t/a1vuA/Op/SAEN61C7Rh9TSGN9HMPbN8qPlo9KpssbJhtWKPN3ZdP1LZ/SRWFsTq0cS4cWj6I989Jp66zBtH5qf1o+Lk2QSmsn96PNMwbSjtlDad9nGdLfnVg+hs6sHk95G6bQjS+m070ds6ho7xzN3Fv/jv4wAKAsrLHVtWgARqJxYADKsm/usEeSWcm+HOloWF5o1ifS16WdBCFCuAOFcLNgNxcC3bj2O1Tvvbeozltv0Advvk61Be+98Rq98/qr9GaN6vTGq6/Qa6+8TNVffole/ns1+nu1F+lvf/ubLLwoqP7S3+mN6q/Qu6/XkL6/7rtvUuNa71DzOu9T609qU4AwGKqW5vWqKxmvFVkpup/eZ1HeMWcoLRPiPX1wd8pIjKTk6ACKCmhGbUTf+eSDd6mGiL1c7VmWl0Rf4Wu/J/pVE9HX/Js3oOhAH0oSsR3aM4Im9u1MczN70ZrJfWlXznDJSFzbMo2KZd41cXB+JgwAKM9ITRkA66l/99EwMAClWCLaVJrcbm6ZTpum9KPRPdtTlE9D6Qm7lRBNfgJvVOtt+uSdmpKgs5i/Xv1lekWI7YsKJHulqfbii/Sa+P3vvVGDPhb3xKaFZxbYyMhRB56fEucO7U4HxFPv/Z3ZuhF4FstzaybSFzMHU/aweBrUI1wS2aZ1P6BXRbz+psO2/nu1avShMKS+ol3iwlpLZmHm0B7STMThJaPo1tbpTsdpgDA9MACgDPflOiVQLgMQgEaBASgLlze1lcyOiyelhaOSaFRKNMW3b0t+zepT7XfepBdffFGXCV8OwXjdag4+efdNaiKeatkE2TMHfIIcP+HPE6Ly5fx0yte44BfumUO5n4+nDdMGSE/x/eNCKNLPmxoJA/SyMHRmbPOar71KXvU+oPZ+XpQWG0Tj+8TSktEpdGzZaNvnBUwfCAMAyhOgJQOwCQ0CA1C2Xjy/+y+fyA4tGqnbJzvPmIMX6R1hDLw+qUXR/s1oohCKI4tHaeodddmn+ZMrxkrv2kckRVFMkA/Vr/OeNJWOtnSMV15+ifbPz7BhomZTbKsmMACgLJs0YQDED6km+DcaBAagFF7wZ0sk5qT39HiS5VcI/CrhVZFseW0A83r1V6T3+LxmgHlbPKG9I+D3+vxkXqvmaxLvi//NryPeEn9T07q2gK/D13tJPMm/qKJQNGtQh3pEtKUJwhSsn9ZfWgCn5rv5jZ8OoEn9ukizOD6NPqLqr6hj7NhQvP92Ten9P7+bb9HoY2kWKaRVY+ogTFKXkJZSXHj6PbZdC2m9QHjbptK/B/g0pLZedall44/Jq/6H1PiT2lTvw/foo/ffplrv1NSEOeVZElsx5wOYYABAGVhzq2nBAKDyHwzAIxxbmmUzic0a2kPxBFrr7TeotRCkAJHoA5rWJT8hELyK31ck/KBGHym+CI8X/fHiP95F0EAISx3xe9hIsMlQ+mn4TWFOWAxTOwVJseZ362fXTHBpxkCaul81ThJ6fofdp3MwBTRvQG+/8Zqi9/CaMFYs0t3C29CQ+Aj6dFA3WjkhTVq1f2n9ZNkX2ZWH39HzayreQbAoK1kyOQPiQqlraCtq3vAjqlZN2VdVk/t3sfm7zq+eAAMAZK8M6K74VxHcRkPAAJSSEtrabnKdNihO9oRZVzwJpsQESu9Q+cnU1vfy7gNecJi7Yqy0M2HD5L60KCOBpveNpYmWaBrTK5JG9AijYV2CpQVXvEOB76NnkA/F+XpL069dfb2ol3i67NPBj4bGBlNWzwhppmOmSNjzh8XTCiEW6yf2oW0zBtL+uel0bMkoOrtqPF3dNFV6HVJirbLH78MXjEySRJqf4nkNgBpPzfykG96mqfS9LGpsEMoySdwH/1uYaNdPar+jytR9nfffktYD8Op+fnVwWhiOEo1XI+StgmxIenduJ61jkDsmPKPjymJA5CRTwtpbxZMGoDUaAQagLKvGWuwmsMn9u8qWKFnQFgvRL9F5+dq7O2bStuwhNDatkzSF/c6brxv2HffrNapTx8Dm0op/Xv1vhBoE66b0k3YtyBWjMakxdr+Ld8zAAIBytPakAViGBoABKLtCvaJjY3m1s9tb6qq9KD2t8hS1UQvb8N73xCh/STD1Lvq8JW5wj3DJ5Bi1zfi1BL+7l2M2Z6Sd9TNMwa5su4dwISeZlmUeMQDii58W/A8aAAaglPHJURUmytHi6cad5Mjbxriqm1lKwXJVuvkjEymoRUNdbZPk1we8+I6fjotNdJzw6kl9pAWa7sQuvVdkhd/Br61gAEAZWIOf9oQBCEHwYQDKcnhBZoXJa4QwCO6sfOdFbWatC8+L+fjpUMuvCHgBH/9GXqxn1nbiMsPu7CbgwkEVXZ/XscAAgHKEeMIArELgYQBKiW3TlEoqedobntBesScjs8CLCvk9utbEn7fdmVn45ZrpGtAttNLr82JUGABQhlWqGgDxhX8UfI/AwwA8nP5Piqo0cfG7YFeS4gfvvilNh0Nc/sO8zF70xmuvelz4eTHm9uwhaJOy7+p3z5Z2UrgSz75dgiu9fvaAOBgAUBbW4j+qaQAiEHQYgLIJiLe/VXqyWVyIS0mRt/hBWGy/FuDiNp4S/4YfvU95G/DUb4tVE3q7FFNLTGCl1/7qswwYAFCeCDUNwFoEHAag7Al0d7bPqDRxcTEZZxMiP0lBUCo+ClfObWgQf/ngSoPOxpVPG6zsukV75lDHFg1hAEBZ1qpiAMQX/UnwIwIOA1CafAZ2CnIoIQ5y4RWAI+9EzQ6fMqe2AeDT7RD7islM7OB0XLnAkCPXHhUfAQMAysKa/Cc1DEAUgg3KGoDlI5McW8C2eRpFtPVyqsrc7rnDISYOoOYsAJ9mZ+Q6DJ4wZlxDILhlY4fPdNgwqQ8MAChPlBoGYCMCDcoagHOfj3cqMXJ9d4fq+r9TU/eV/tSCa9WrZQDYxCHmjsEnIjoS04l9Ozt13evCTIc1rQsDAMqyUVEDIL7gz4L/RaBBqQGID2zu/FY2kbwcmQVIjg6AiDgIF95RywBwYSLE3DEc2fnC1S1d2UKZ1r4tDAAoC2vzn5U0AJ0QZFDWAHzap7NLiZEXkVWWGGcPj4eIOEigirsB+DhdxNwxloyxVBrPj2u5ttD1s2HxMACgPJ2UNABrEGBQ1gBsntrPpeTV3s+r0sS4Z146RMRBfBp95JSI8ztnnp5uIIyYsyf/8ep2xNwxjizJqjSe/O7flWsfXJAJAwDKs0YRAyAu/KTgOwQYlDUAuSvHuZS8KqsJwLXvb2+bARFxkE8+eNfhw3n4OOBbZWLLr2SmDOjq8ELC2u+8iZg7CC+WrMxgObL33xa3tk2HAQDlYY1+UgkD0ATBBWUNQHvv+lTk4mEvM4Z0x/5/meCFknxQUmXCzScMVrR6n/+te0Qbh95ZYxeA4zSpW3E9AD7d0tVrx/l6wwCA8jRRwgBkIbCgrAHgRUiuJq4N0wZUmBQ7+DeDeDgILyBzpMCMIzsq+G8GxIVWer1cJ3d+mJkuIS0rjOXnE/u4fO30uBAYAFCeLCUMwCkEFpQ1AJNTY1xOXCeWj0EBIJngWgkVxTIh0tfp7ZSVvaLZOmswYu8glR2CdWjRSJevnTOkOwwAKM8pWQ2AuOALgl8RWFDWAKwel+ZWCduKzrgfnRoN8XCQxaNT7MbxrTdqPPK+31HubJ9J7731ht3r8mFEiL1jTO7ftUIDcMuNtS7bPh0IAwDKw1r9gpwGANv/wGMG4IgbTy7M+2/XtJsUeY0AxMMxxqZ1shtH/jdXr8sLA+1dd4QDpz8C63a9EYkVVlV059pchAsGALi6HdBRA7AcAQVl6drWi+7vzHYrebUWicteYlyMEwAdJiUm0G4c+cRAd9YW2Jul6Rnpi9g7yJrJfe22j3f9D926dvG+HGrfrD5yEijPclkMgLhQFcHXCCgoS78O7gtAlwrK166fhsNmHKVdy0Y2Y+hV7wO3r81Ff2xd29e7HmLvIDvnDLPbzzu6UEnzsYqAEW2Qk0B5WLOryGEA6iGYoDwjZVikN7RnhN3EuBdFgBzeAsjTyLZimN4r0u3rj06NsXntV6u/TEV7sRXQEY5XsOC1f5z742hMz/bIScAW9eQwABkIJCjPNBkW6WUPi7ebGI8uzYJ4OMCplWPtxvCgm2s0KhOvQzJc3wzwCX/2YsjrLNy9/vQ+nZCTgC0y5DAARxFIUJ4FQ7q5nbgqqgVwEOLiEIuykhUvpMSlf3FWg+twzQQlagCUsmBoD+QkYIujbhkAcYFnBb8gkKA8a0cnu524KqoFgHMAHN2vb7toz6Ae4bJ9R0ZipN3iQmgD984DkGMWZc2YZOQkYAvW7mfdMQCtEERgi53T+rmduCqqBbAtewjEwwH8vOsrvoaCRcrmIkM3V7Cbhf3zMxSpAfCwFoAYi8hJwA6t3DEAmQggsMWRecNlSY72agFgF0Dl8CI8Xoxn68AfZyv/VUZdG4cN8YmC93bMQltUwnZhZpWoAfDwVMC5w5GTgD0y3TEAexBAYIuLK0bLkrzs1QJYNaE3xKMSDi8ZZTN2fbsEy/5dg3uE2/yuHXOGoi1cXOviLdMMSu6yUchJwB57XDIA1uN/v0cAgS1ubZgoz0EpdmoBzB+ZCPGorA58RoLN2G1X4PXJvs8yZD/JziwsG5eqWA0AJu/zcchJwB7fV3Q8cEUG4GMED9jj2mp5ToPLskSj1KyLdGrn81jcuH5/8d4cRb6PXy2U/76QVo3RFpUwrrftUs18SJAsp0HCAICK+dgVA2BB4IA9Ti/KlCV5rZ7Ux2Zy7BraCuJRAXd3zKTqrzz+/j85WrmV+f26Pn5C4Et/r0ZXN09Dm1RAUkd/m3186ViLLNc/sTATOQlUhMUVA7AagQP22DdroCzJi2vV20qOLRp9DPGogCV2TgDcMmOQ6iVtuaAT2sQ+Ac0b2Iwbb4OV5fXMrMHISaAiVrtiAAoQOGCPTeNTZUuQtkrZvlGjOsSjAqIDH5/+/7jWO4pN/5fS4KP3H/ve4JZ4DVARH7z7ps1SynK11cYJvZGTQEUUOGUAxAdqIGigIpamy/fU52/nCenKxqkQEBvc3jaDXnn5pcfiNVqG8syVwYv+bG0HvLoJbeVMrQs+ZEm2RYaZCchJoDJqOGMAYhAwUBGz+naSLYH16RxsuxjQrMEQERssHJVk81183obJin/3tS3T6OWX/o7XAI7u0bdTREnOKorZwpQhJ4FKiHHGAMxBwEBFjO0ZIVsCm5Pe02aS5B0CEJHHifTzfixWMUE+qn1/XFjrx76fjyRG2zzOtEFxNvv29MHdZfuO8YmRyEmgMuY4YwDOIWCgIgbHBMqWwL5aOMJmksQWs8fh0rG2nsA3fjrAo5Xt8BrANmzMbPXt3XOHy/YdwzsHIyeByjjnkAEQf1hV8DMCBioiKaSlbAmMF0O9+frjCwFrVH+FCvfgzPmyfDYi8fGT/z54V/bSv5XR6ONaeA1QCdwm79R87bE4vfaqvP06LaINchKoDNb0qo4YgFoIFqiMrm29qEjGJGbvSWkvTgV8RFBa2SidPDatk+q/ZbKNxYB8OJDSuxCMUKo5vG1TWb+nm583chJwhFqOGIBoBApURuc2TWSd8p0xpLvNZDmhTyzEpIK9/7z47/LGKar/lutbPrW5E4HLE6OtfuPTQd0UL5+cv2sWdWrVGDkJOEK0IwZgPAIFHDEAp5aNkS2RnVwx1mayjGjrBTGxbif76P23NVUxMSHS97Hf8/7bb9Cd7TPRZnZqNTCHFo+S7Tvy1k+mWBgA4BjjHTEA2xAo4IgB2DVL3kNnbBVM4SdcftpEPfnH68nzYsDcVeM89pvOr51osxxxeq9I1GrYNsNmbN5583VZ12scXJAJAwAcZZsjBiAfgQKOGIB5Q3rImjTj27dFqVkb8KuWN2xUSxzYPczjv43FvvzvYuFjc2DmNuPTLG315S4yLp5llorvgQEADpJfoQEQf/A8ggQcNQBDY+U9d37ByCSbSdOvWX1Ti4klJvDxJ8mar0lbAj3923i6n6f9y/8+rhVg5jbjV1e2+vLs4T1l/Z6RPSJgAIAzPF+RAWiGAAFHDUB0i0ayTmeymNh60uVSqufWmPOJkt8X8x778jHhRZNa+Y288M9Wm/HhQaacsdk8TXp1Zav+/82t02X9rq5+XhTbuglyEnCUZhUZgBQECDhqAEKbfEIXVk+QNaH17WK7LDC/Azdj0Z96H773WCx4D76W6iPw1j/v+h8+9jt5TYcZz3OYObSHzT4s91HN/GqIxyAMAHCClIoMwDwECDhjADZP7SdrUuPdALYOT2la9wPT7flv72d7GnmdzDGXg62zBtv8rQE+DU1XzIlfWdmKBdcFkPV4ZhFzGADgJPMqMgDHESDgjAGY3lf+ffph4tq2EujnE/uYRkQyEzvYjEGoSPZa/c0d/JvZ/M08q2OWdmMjZMvAshGS+7vmDOoGAwCc5bhNAyD+oYrgBwQIOGMA+kT6yp7Y1k7uZ1NI3nvrDen9qtFFxFaVPebtN16jM6vHa/Z3X1g3SWojW799RFKU8V/ZbJ1Odd5/y+b9Lx+XJvv3DewUBAMAnIU1vootA/AKggOcNQDtm9Wnwj2zZX+nzPXtbSXS2HYtTCn+vKhsqw6OR+aFf7YOKzKDCegRYXsba+133pT9NUjxvhyK8mkAAwBc4RVbBsALgQHOGgDm+JIsVc68fygkyVEGFf+udu+Zy8rq5T54q5u9++BXG0ZsOz6Pwd4983HXcn/fmVXjHo4/GADgJF62DEBnBAa4YgA+H2dRZi+1r5fdpMr7zAt2zzaEeNzfOYt6dfCze6+JUf66u6e02CC798PFcIxSLpj7YE8bJZFLCW6pzJHW6yf2gQEArtLZlgHIQGCAKwZgnEJTuxfXT7J5nGopbZrW1f02s9PiSc7Lxha6sq889LiKnl/j2JsSL93KeGzZaF233bUt08i/eQO798hHXCu1ZmNKWszD8cdjETkJOEGGLQOwCIEBrhiABAXfy3+5IJPeqFHdbpLl2uqjUqJ1d14ACyRPldsqfFT2Sblor3630PE9VjSz8dqrr9CsoT10d49czGdMaozdBY+l96bkUdaW8NYwAMBVFtkyAAcQGOCKAQgTT+K3typXlnZXzvAKZwKYGtVfoX5dQ3RRMXDLjEEVPvWXvuLQs/iXrWfABXAqutcmdWvT+mn9NX8vPCM1oFsovV6BIS198t+m4ILN+zuzKVyMORgA4CIHbBmAuwgMcMUAMF8onMDzNkyhkFaNK0y8pavl+cmZy9OeWD5GU0K4PXtIhesaSkvoDk9oLz09G6moET8x2yppXBau/8A7HbR076dWjqV5mb0kQ2arvK+t/f68HVLRnRbWAkAwAMBF7j5iAMR/qCr4BYEBrhqAUfERqgjJpP5d7G4zs/mKoOZrFBXQjCb0iZVmEtReOMivMPjUPltHHdt6clw3pZ8hV8mXznzwK5vK4sCHC/FsjpJT6LbgtRZ7xHdO6teFogN96N23Xne4n7E5GC1MjhrmhdfcwAAAN2Ctr1rWANRAUIA7BqCDTwPK35mtSqI+uGgkNfzofYeTc1nYPHxc6x1q2fhjivTzllbYDxNP3Lz/fvHoFEmkuGTrpfWTpSlffqWQ+/l4abEezygcWZIlHdDz1cIRtH9+hiRSbCx2zB5Kayb3lcSDp7z5SfD9t2s6/Lt8vetpusiPnMWCAipYOGdrjQeX1uV2YhPH1SB5JoVjzrHnNuC24Dbhtjku2ojbituM247bkNuS2/SLmYNpiWjjKQO60vCESErq6C9VL2wl+u8ntd9xyliWhWtW7FHJrBQJk8KHcD1qAJoiJwFnqVHWAPggIMAdA8DsVLFQDW+d40V0LRp97FLS1gpsRpaMsRhe+MuzYnyaJLp6bjuveh9IpzKquaVx/9z0x8YdDABwAZ+yBiAOAQHuGoBxHqr0dmB+pniaC5AWAupFPLg63HjxRGuUWgau7qHn4kcfvveWbtqt+isvS/v+96j8esLW9j8YAOAGcWUNwCgEBDhDF5F0yicinpos9KCgcS12fiLj6fe33qihOfHgKeZO7Xxo/dT+hljhL+d2wY2fDpAWb7o6Da8kvDaDX0NMGxQnbQH02GJKEafONsZdl7YwAMBpRpU1AEsREOAMMS0bPZaImH1zh2lGWPI2TJbe6XPi5vfyft71pWSulnDwin7e4sZV8fgwGL3VKvDUHvuVE9KkEwR5q6Stk/WUouZrr0prMXg2idcJbJ4xUNp9opXYHFk80uaYQyVA4AJLyxqA3QgIcIb2XvVsJqPJqTGaFxlO6mwM5o9MpOxh8dICwNGp0dL2uwFxoZQSEyhVseOn9XDxdBXo01BaKNa07gfSe2uevm/w0fuSoegY2FxaTDa0Z4S0Q4GvyU/4+z7LMMXJhUpz44vp0kK/dVP7SbHlVwa8aJNFmlfqcxvwglBuE24bbiNuK15oyG3HbchtyQawf1yI1Mbc1nwdbnu+5qbpA6WFglqPRfbArjbHXGSz+shJwFl2lzUAuQgIcIYIr7p2n0b4pDKIFwAynzYY0NzmmGMzjpwEnCS3rAFAESDgnAHwtj0DwBxckImEDYCcZ0asGGN3vGEGALhaDKjUAPyAgABniGrewG5CGp8chaQNgIxM7xtrd7xFt2iInASc5QfJAIj/8TSCAZxeBCiSjr2E1F48kdz8AgveAJCDe9tnUpSPfcPduVVj5CTgCk+zAaiGQABn6dq6sd2ExCxMT0DyBkAGVo2xVDjWuvtiGyBwiWpsAGohEMBZevh6VZiUuvp5UdFeLAYEwN3zL3oG+VQ41pICmiEnAVeoxQagGQIBnCU5wLvCpMRsmzEQSRwAN9iXM7zScdY7uAVyEnCFZmwAwhAI4Cx9RdKpLDEN6BiAJA6AGwzvGlzpOBsU3hI5CbhCGBuAeAQCOMuI9q0qTUxM7sqxSOQAuHJy4uoJFNa0bqVjLDOyNXIScIV4NgCDEQjgLFNjfB0yAHqoDAiAJrf+9evs0Bib2LENchJwhcFsACYhEMBZFnfxdyg5RTZvQLe3zkBCB8DJrX8dK9hqW5b5nf2Qk4ArTGIDsBCBAM6yo4djBoD5bFg8kjoATrA4s5fD42t7fAByEnCFhWwAViMQwFkuJPg6nKB4FuDqxilI7AA4cgDSlmkVFv4pz/Vkf+Qk4Aqr2QBsQiCAsxQLQpt+4nCSGpeE8sAAOAKvm3F0XIWJMYh8BFxkExuA7QgEcAU+hMTxRFWXTizNQoIHoAJyV4ylMK+6Do+rjj44BwC4zHY2APsQCOAK3do0cThRSXUBolEXwFPwEc13ts2kyxun0JlV4+jIopG0O3so7Z41hI4sHkm5K8fR5Q2Tpb/Bcc6eY3BskFNjKh5lgIHr7GMDcBiBAK7QP9jHqWQlLViaOQiJXiF4t8XhBZm0emwqTUmLoX5R/tTV14s6NG/odDt18GlAXdp6UZ8OftKUNNejPzg/k27hkCfF2DNnqNPtNDgMVQCByxxmA3ASgQCuMLljG6cTVnxgcyrcMxsJX4Ya8SeXj6b5w+KlanF89oKzbeEqnds0paGxwTRvSA86tmQUleDMB7cp2jOHEhyorlmeT2N8kYuAq5xkA3AegQCusDbOzyUBWTYqCUnfBQp3z6a9s4dJT/dqCn6lhqBtE5qU0pF2zRpC+btmoa1cOfFvrMWl2K/vgS2AwGXOswG4ikAAVzif4JoB6NiyEaaSnYCn3kfGh0vT8loRfXu0b1af0ruFSofYoO0cg9dddKrkeG17XOiFIkDAZa6yAbiNQABXCW1S16XENa1PLJJ/RVP8e3Nox8zB1Lu9r+ZF3x6W8Nb0xbT+OBa6EmYN6OpSfMPE2EMOAm5wmw1AIQIBXKVDc9eeSsOb1qVTy8dAAMpP8++ZTesn9aaEdi10K/zl6RHQXFqYmL8zG21cjjOfj6MI73ouxbVD8/rIQcAdCtkAfItAAFfp6dvULWG4tW06hMDKgXnpUkyMIvzl6ebnTbuyB6OtrdzdMdMto9fD1ws5CLjDt2wAvkcggKuM7tDaLVHg1eRm33d+c8t0ykqIMKzwl2dEjzC6vnma6XdxZHYLcyuOIyNbIQcBd/ieDcC/EQjgKhu6+7stCLMHdzOtEGydPpBiWzUxjfiXEtOqEW2e2s+07b4wPcHtGK7vjgWAwC3+DQMA3OJeoq9TZwLYY5sQQrMd+MJPwmYT/vKkx4XQtc1TTdX2++YOc6rcr23q0p0k1AAA7hsAvAIAbhHV3P3taVytjkvUmkEAtkzrLz0Bm138S4lu0Yg2TOpjirbPWzdJlrbv0AwLAIE8rwCwCBC4RXJAM1mEID7QR9oTbdTkf3XTVGmPPETfNsO6BEvnERi1/XkXBG+NlCNWSYHNkHuALIsAsQ0QuMWk6LayicDwLiGGKy3LC77WjE+lji0aQugdmAlakZViyPLCYxM7yBanqSgBDGTaBohCQMAtvkoIkFUEcoZ0N0zSP796gnQKIsTdOfpE+konFBqlH6wcnSJrfL5KCETuAbIUAkIpYOA2XdvIW5v+s2Hxuj/cZWFGglQaF4LuGhFedWnu0O7SGQh6r/Mf1rSubHHhCoDFyZgBAPKUAsZhQMBtxnYJkl0AZvbvIk2f6y3hH1uaRclhrSDiMsHFcg4tHKHP7X4ZCbLHI65NE+QcINthQDgOGLjN+mRltrRNtkTrplDQvR2zaGa/LjJs8QKPPfWKJ2g+BVEvi0TZuGYP7KpILOZ1b4ecA+RAOg74MAIB3OVSapBiyX9wpyC6vkm7leO4fj+/441t3QRirXQBoZaNaUlmoqbPFbi1dbqiuz3OpcIAAFk4zAZgHwIB5KCHn7diSS+2TVOpgIqWEj3PTGyc0o+6y7QNEjhOl7ZetHZCmrTWQkt94vCCTIrzVW4c9PD3Rq4BcrGPDcB2BALIwbRuwYpPA/MU++2tMzw+1c/b+hKDW0KMPUx8kI80+3Jnu4f7xPaZ0u6V8KbKvv6Z3j0YuQbIxXY2AJsQCCAHu1PDVUn6HVs2ovnD4qXT1NRM8rkrxtLU3p0oyqcBxFdjRDZvIK0XObVM3SOm83fNkl5JdGrdWJX73J8ahlwD5GITG4DVCASQ5VyAFH9q763etjcuqTq9X2fpGF0ltorxFP+xJaOkldx9OvhBaHVCWmRbySAeWTySihQoKMTXPLggU1rk17mteus+OgiTU5Dsj1wD5GI1G4CFCASQiyFRvh5J+lxlj49XndG3Cy3O7EWrx6ZKNfd3Zw+VtpCdXjGG8tZPkhZolTcLnNB5keGp5WNoX85wWj0ujUb2iJBq1ENQ9U1pv1g1xkJ7Zw+TZgj48KHyxoD/P+8wuLxxinQmxZFFI6U1J9tmDKT1E/vQitHJQvDjaGR8uLQQ0RP3khED8QeyspANwCQEAsjF58nhuhAGLtDTuU1TaXEhtu2Zc1shtz0vJuygk1c6a8TYQo4BMjKJDcBgBALIxTVLkKxVzwAAvxmWK2JsIccAGRnMBiAegQBy0r99WyRtAGSkX3hr5BYgN/FsAMIQCCAnK5LCkLQBkJHlSVj9D2QnjA1AMwQCyMkVvAbwKPxuOyG4hbRzYViXYBqTECmV0c0Z3J2WjkiktePTaNunA2n/vOES/L/5v/G/8d/w3/Jn+LN8Db4WXxOx9RyXLKj+B2SnGRuAWggEkJuBkXgNoAZdfb0os3sYLcpIkLZDKlkkia/N38Hfxd/J3402UOFo5PA2yClACWqxAaiGQAC5WZcSjuStwPG4fC4CH5G7K3swXd001eOlb/k38G/h38S/LQI7KmRndXIEcgpQgmpsAJ5GIIDc3E4JULUokJFJCW1NK7KS6eYXn2r+FDz+jfxb+Tej7eQxfTdTA5FTgBI8/V9ExCbgBwQDyM3ITgFI4m4KP0+56+H4W1vwb4cRQPEfoEl+YO0vNQB3ERAgN3tSsRvA1ac+rmTIpYj1Kv5lyynzveDVgGvstGD1P1CEu2UNQC4CAuSmKNmX4rBQzGnx3zFjsO6Fvzx8TzABztG5TRMqTPZDLgFKkFvWAOxGQIASzE0IRTJ3guwBcYYT/1L43tDGjjMnPhQ5BCjF7rIGYCkCApQgL7Udau07wbGlWYY1AHxvaGMHS/+KMXM5FXv/gWIsLWsARiEgQCnSo/2R1B1k35xhhjUAfG9oYwcX/3UKQO4ASjKqrAGIQ0CAUuzHYkCH4Qp8RjUAfG9oY8fY3xsn/wFFiStrAHwQEKAkKcEtkdgdJGdId8OJP98T2tYxEgKbU3EycgZQFJ+yBqAGAgKUZCMqAzrFuKQour5pmu6Fn++B7wVt6jirkvH0DxSnRlkDUFXwC4IClKIgyZe64EAZp+jQvCEtzEhQtL6/kucG8G/ne0BbOtfmd1JQ/AcoCmt91YcGAMWAgBosTsRaAFdo36w+ZSVESIvotFwciH8b/0b+rfyb0XbOMys+BLkCqFIEqLwBOIDAACW5lRKAJ0I36diioXTozpxB3aTiOlc2TPGY4PN382/g38K/iX8b2sgNo+ddn65agpArgNIcsGUAFiEwQGmmdw9Gspe7YlzbJpTeLVSact83dxjlrZskTcHLMVvA1+Br8TX52vwd/F38nYi9vEzuFowcAdRgkS0DkIHAAKW5ZEFhIDWJ8mlAcb7elBzWivp39Kf0rqE0tlckTesTK63MZ/h/83/jf+O/4b/lz/BnEUN1CG9aly6mwgAAVciwZQA6IzBADcZ2CULSB6AMPCaQG4BKdLZlALwQGKAGFyzBOBgGgNKyv+LpPxdP/0A9vGwZgFcQGKAWU7phLQAA0tN/Zzz9A1V5xZYBqCL4AcEBanAlJUha9QwBAGY//hnv/oGKsMZXecwAWE3AcQQIqMVM7AgAJmcKVv4DdTleVvPLG4B5CBBQi5uoCwBMXuAJ+/6BysyryACkIEBATeb2DIEYAFOSHR+KHADUJqUiA9AMAQJqcjvJn2JaNoIgANNVdOQZMOQAoDLNKjIAzyNAQG1WJIZCFICpWJIYhrEPPMHzdg2A1QTkI0hATQqTfKlXkA+EAZiC+IBmVJDsi7EP1Ca/vN7bMgDbECigNvssmAUA5mCnBU//wCNsc8QAjEeggCdI7+gPgQCGJjPGH2MdeIrxjhiAaAQKeKpEMIoDASMv/LuCbX/Ac0Q7YgBqIVDAU+T0DINYAEPyeRKm/oFHqeWIAagq+BnBAp7gfrI/dfP1gmAAQ9EnvDUVJ7XBGAeegjW9aqUGwGoCziFgwFPsTg2HaABD1fvPTQ3B2Aae5JwtrbdnAOYgYMCTTOzaDuIBDEFOT1T8Ax5njjMGIAYBA57kbkoA9fDzhoAA3e/5z0/2w5gGnibGGQNQAwEDnuar1DAKa1oXQgJ0y4FULPwDmqCGwwbAagIKEDTgaWb0wJHBQJ+M79IOYxhogQJ7Ol+RAViNwAFPw9OniUEtIChAV8S2aky3cNgP0AarXTEAFgQOaIHjqSHSSmoIC9AL21DuF2gHiysG4GMEDmiFzxJQIAjogyndgjFmgZb42BUD8KTgewQPaIHCZD9KC2sJgQGaJjm4BRUko94/0Ays4U86bQCsJmAPAgi0wplUnBUAtEuH5g3pXCoW/gFNsacija/MAGQigEBLLE/CqwCgTTanhGOMAq2R6Y4BaIUAAi3B9dQHRraF4ABNMSEOT/5Ak7RyxwA8K/gFQQRa4qoliDq3aQLhAZogqZ0P3U9BtT+gOVi7n3XZAFhNwFEEEmiNg6mhFI4qgcDDRDavL61NwZgEGuRoZfruiAHIQCCBFlmWiFMDgWfZgPf+QLtkyGEA6iGQQKuM6xIEIQIegfsexiDQMPXkMABVBF8jmECL8J7rvhGtIUhA9ff+91Kw3x9oFtbsKm4bAKsJWI6AAq1y3RJI3Xy9IExAFWJaNqJLqXj6B5pmuSPa7qgB6ISAAi1zMjVEWpAFgQJKwgtPccQv0AGd5DQALwh+RVCBltlmCacw7AwACvJ5Mhb9Ac3DWv2CbAbAagJOIbBA63yWEAqhAoowowe2+wFdcMpRXXfGAGQhsEDzlQKTfWlUbAAEC8hKZkyAVIUSYwzogCwlDEATBBboAa7KhpMDgVxwX7qPE/6AfmiihAHg44G/Q3CBHrhhCaT4gOYQMOAW8QHNpL6EMQV0Amv0k7IbAKsJWIMAA73AW7VwZgBwFe47F1HmF+iLNc5ourMGANsBga44LRI479uGoAFniPJpIG0txRgCRtz+56oB+LPgfxFkoCeOW0KoY4uGEDbgENxXjkD8gf5gbf6zYgbAagI2ItBAbxwRJqBDc5gAULn4H4X4A32y0Vk9d8UARCHQQI/wEcKoFggg/sCgRKlhAP4k+BHBBnpkvyWU2nvDBIBHiW7RiI4Jg4gxAnQKa/KfFDcAVhOwFgEHemWfMAER3vUgfOCh+B/Hkz/QN2td0XJXDUAEAg70zM4UYQK8cG4ATvaD+ANDEKGmAfij4HsEHeiZvZYw6tC8AYTQxOJ/AuIP9A9r8R9VMwBWE7AKgQd6hxd9dWrVGIJoQvHHPn9gEFa5quPuGIAQBB4YgXOWYOrm6wVhNAld2jSlXIg/MA4hnjAATwv+B8EHRiAvtR0lBOLsADPU9ucS0ejzwCCwBj+tugGwmoBlaABgFG4mB1BqaCsIpUHpG9GabqYEoK8DI7HMHQ131wC0RgMAI3E/2Y9GdwqAYBqMkaJN80Xboo8Dg9HakwagiuA2GgEYjSW9QikM2wQNweyeIVSc1Ab9GhgN1t4qHjMAVhMwDA0BjFowCCcJ6hcu9rQhJRx9GRiVYe7qtxwGoJrg32gMYEQuWNpRUjsfCKrO6NrWCyf6ASPDmlvN4wbAagI2oUGAUbmb7E8jO/lDWHXCwMi2dN0SiL4LjMwmObRbLgMQgAYBRqY42ZcW9gqjsKZYF6BlsuNDqTDJF30WGJ0ALRmAJwT30SjA6Oy2hEvHxkJstXeU7w4L3vcDU8Ba+4RmDIDVBIxEwwBTVA5MbUe9sC5AM/AaDW4T9E1gEkbKpdtyGoDqgl/ROMAc9QL8aXK3YAiwh5kU147up2B/PzANrLHVNWcArCZgBxoImAmedsZhQp45zGcrtvgB87FDTs2W2wCEooGA2bhmCaLMGOwSUIvhHf3pKur5A3MSqmUD8HtBERoJmJFtljCKbd0EIq3gQj8U9gEmhrX195o1AKgMCMzOrZQAGtclCIKtxFO/BQv9ACr/ad0APC/4AY0FzMze1DDq5usF8XaTLm2aSjMr6FPA5LCmPq95A2A1AbPQYMD0FQRTAiinZxh1aN4AYu4k7ZvVF7ELlWKIvgRA21lKaLVSBuB1wS9oNAB4kWAgTesWLB1OA3GvGK60OLZzEOVhXz8ApbCWvq4bA2A1AevQcAD8h0upQTS2SyDKCduhf/s2dBwH+ABQnnVK6bSSBqARGg6Ax8m1hFB6NLYNlhIf0BxlfAGwTyPdGQCrCTiCxgPANnxc7QDx1GtW4ecCSiuSwqgAh/cAYI8jSmq00gYAhYEAqIR9KaFkCWlhGuHv3KYJLUkMk45ZRvsDoF7hH7UNAJ8SeAONCEDF8HHDW1PCpOlwowp/d/9m9HlKOOWjdj8AjsDa+YRuDYDVBCShIQFwjMKJCbQ7eyhldA+lcIMsFhzSuR3tnDWYClePRRsD4DhJSuuzGgbgj4Jv0JgAVM6DTZPowf65Etc2T6XFmb0oPlB/swJdfb1o9qA4urB6wsP7YUqGRaGdAagc1sw/6t4AoDwwAA6K/6jYR8TyoWjuy6Ev56fTmF6R1N67vqZr9Y9N7ED75w2nYvGbbd3Lg8XD0NYAVM4wNbRZLQPwrOBrNCoAFbAyy7ZoliF/1yzaN2cYTe/XmXoG+Xhc9Pnwo8mWaOk3Fe6ZXenvf7B3DpX0DUZbA2Af1spnDWMArCagPxoWADsMbk8P7D01V0De+km0ZnwqZXYLoygf5UsOdxDfMTQ2mJaOSKQTy0bbf9KvgJJZvdHeANinv1q6rKYB4LUAOCoYAFvT/wsGOy2k5WExzl05jjZM6kPT+8bS4Ngg6urn+oFEnds2oYGdgmhan1haOyGNTq8YQ0V7c9z+nQ92zKAS7AQAwBZFarz7V90AWE1AKhoYgHLi3zuIHjgyfe4i93dm08U1E+nIopG0feYgScxXjE6mRRkJ0iJD/t9rx6dJ/8Z/w7MKBbuyFfs90izA+Hi0PQCPk6qmJqttAJ4S3EcjA1DGAMxMU1RsNcn6CWh7AB6FtfEpwxoAqwlIQEMDYCXFjx5sn24+A8BkRKP9AfgPCWrrsScMQFXBbTQ2AIIJPc0p/vwaYGkG2h+A32BNrGp4A2A1AXFocADa0oONE01rAHjXQ0n/UPQDAIQmekKLPWUAnhRcQ6MDU5PZybziX8qcfugHwOywFj5pGgNgNQHRaHhgWpLbSgvhTG8A9symkgFh6A/AzER7Soc9aQCqCHLR+MCUU/9TkiD+pWsBVo5EnwBmhTWwiukMgNUEeKEDANPRN5ge7JoF8S9rAsbEoV8AM+LlSQ32qAGwmoA16ATAVCxJh+iXZ+s0KrEEoG8AM7HG0/qrBQNQXfAvdAZgCkZ2htjbI6c/+gcwC6x51U1vAKwmIAsdAhgeiz892DIFQl/RtsDB7dFPgBnI0oL2asUAPCMoQKcAhia7D0S+MtaMRT8BRoe17hkYgEdNQCw6BjAsg8Lpwd45EHhHFgROwEFBwNDEakV3tWQAfic4js4BDLnt7/MsiLszxwX3DkS/AUaENe53MAC2TUBDdBBgOMb3gKg7y/zB6DfAiDTUkuZqygBYTcBydBJgGAZG0IOd2PPvPPPpwSQL+g8wEsu1prdaNAAvCb5HZwG6J8WPCi+fp8L7d6nk+DqIuqNrAI5voML8+1RQUEglGV3Qj4ARYE17CQbAMRPQBx0G6J3CL7dSwYN/WvmOiq6cpAdfLoDI2xP+rxZS0dXcMjH7JxXevEYlae3Qn4De6aNFrdWqAXhCcAKdBuiV4uXTHxGyh4LGT7WnvoDgl6P49HYqKCyyGbOi3MPoU0DPsJY9AQPgnAmoLfgZnQfoTvwn96XC4m9titlDUbtxgR4cXIKn/kNLxVP+pQpjJcVr5wr0LaBHWMNqa1VnNWsArCZgDDoQ0JX4D4mhgoKiSgVNmg0o+pqKz+4x71P/uX1UUPyNQ7EqKPmOihaOQR8DemOMljVW6wbgKcEVdCKgC9KCqPD6FccErawRuHOdSg6vNM9T/5FV4p5vOB+nwgdUMjYJ/QzoBdaup2AA3D8y+Fd0JqBpkn2p6PRhp0XtP0+431LRxUP04MBnxhV+cW/FFw9TYck/XI5T4d07VDIQ5wUAzcOa5aV1fdW8AbCagBx0KKBlinaudl38ywqcQbcMFp9YL+7tnjwxyjtDJSm+6HdAy+ToQVv1YgCeE+SjUwFNiv+SybII26NbBk8ZY8ugtLXvtMzx+ScVHdyGvge0CmvVczAA8pqAYHQsoDmm9qWCSlb8u/ykq/Mtg8Wnt9rd2icHxatnov8BLRKsF13VjQGwmoC16FxAMyv+p/YTAlesmMDpdsvgwaXiN19SPC4FJf+g4jXZ6ItAS6zVk6bqzQC8IChBJwMeF/9Zw6mg6BvlRU5nWwaLz+4VcflatbhIMwFbl6JPAi3A2vQCDICyJiAAHQ14VPwXjJNW7aspclrfMshb+4pu3/BITKRZkv0b0TeBpwnQm57qzgBYTUA2OhvwyIK/1XOkojSeEjqtbRnkrX1Fl9zb2iebCTi2VzqACf0UeIBsPWqpXg3AHwR56HRAVfHfvsrjIvfIbMA9z24ZLDku39Y+2UzA2aNUkhqI/grUhLXoDzAA6pqADwU/ofMBVYr8HNyuKaHz6JZB8V38ndqMhzBGl89SSZ8Q9FugBqxBH+pVR3VrAKwmoB86IFAU8TRZmHtYs2Kn9pbBklNbxXcVaT8e1y9TySBUDASK00/PGqp3A1BFsAedEChCn2AqunRW82L3yBT4dYW2DEpb+y7qKhaFt29QyfBY9GOgFKw9VWAAPGsCqgm+QWcEclKYlUiFN67qSvCU2jLI1ypUeWufbNy7R0UTUtCngdyw5lTTu37q3gBYTUAYOiSQi9ubltH94n/oU/Bk3DLIn+Vr6D0O94u/o1tbV6NvAzkJM4J2GsIAWE3AfHRK4NYq/z6hdP38Bd0LnttbBnlrn/iMp2odKMWNCxeouHcw+jpwl/lG0U0jGYBnBBfROYEr3JnYl86cv0b5Jf80lgFwcssg/w3/rRFjwJw9d5nuj05EnweuwhrzDAyANk1ATcF36KTA4ap+Kf6Ut3ElHT53mw6fv0MXbxUbVvwq3DLIW/sun5L+xqj3nyfaltv4yPmbdH35LPR/4CysLTWNpJmGMgBWExAk+BWdFVTG/ZHxdOp4riQKZblZ8I2BTcDjWwZLTn4h/Tcj3/Otgm/pyIVH2/n8l3upqH8ExgJwBNaUIKPppeEMgNUEZKHDgoq4tnIOHTl38zHxZ45duictHDOyIDLXzh2na2ePG/4+75d8R8fz7tlu6zNX6dbCSRgToDKyjKiVRjUAXB9gOzoteGx73/BYOnv4kE0xKMuZawWGF8bBw7MofeQEw9/nOdGWlbX32UMHqSAjDmME2GK73vf7m8oAWE3AXwS30HmB9K4/NZCublxGR8/dqFQMSrly54FhRfHY6Qv0t7+/QS++XJNOns0z7izH3QcOtzfPCF3evJKK09phzIBSWEP+YlSdNKwBKHNewI/oxObm5oLxdCL3ksNC8FAQLtyhO4X/MKQwBofH0PN/fUUiIqqrIe/xTtE/6OiFO063+4ncy3Rz4UTpDAiMH1Pzo57r/JveAFhNQCw6skkX+Y1JojNHjzktAGU5mZfv+eN/ZWbFmk0Pxb+U1Ru2GeoeeTvnqcv33Wr708dP0b3JfTGWzEus0fXR8AbAagJmojObqKBPv3C6tGMjHTl/2y0BKOXCzSLjrIa/X0K16zR6zADUqduU7hR8bZj7vHSzWJa2Pyz60IW926hocEeMLXMx0wzaaBYDUFVwCJ3a+NxYOl1a2S1P8v8PN+4bY2tg+sjxj4l/KSNGTzLEPd7M/0b29j929jpdW/MZFaf4YZwZH9aKqjAAxjIBfxXcROc2Jvcm9pambOVO/A8F4OI9uqfzrYG82I8X/dkzANVefpNOn7+i+7r/vI1TqX5w8tRZujd9GMaccWGN+KtZdNE0BsBqAt4SfItObqBtfQMj6eKerbJN91dE7pV8XYsjL/azJ/6ldIjuput7PHO1QPF+8FsRod14LWA8WBveMpMmmsoAWE2At+AndHYDrO5fPIWOnr2mSsIv5fLtEl0K45qN2yoV/1LWbdqhy3u8cqdE1b5w7OxVqQ9iLBoC1gRvs+mh6QyA1QTEoMPrlyv9omjVkuWqJvuHWwPP36XbBfo6JY8X931Uz8thA/BxPW+6W6ivNQ93CrnU712P9Im1K9fQ9UExGJv6JsaMWmhKA2A1Aeno9Ppj3aghFBCdRBmTP/NIspf2iefdp3wdbQ0cNXaKw+JfyqixU/Wz5e/Bd3TSzS1/7jBq+mIK7myhHRMzMEb1SbpZddC0BsBqAhah8+uDW33DaNCQkdQ8pKuEJw2A9A74hj62Bp65cI1eqv620waAP8Of1cM98jZNT/YFNgDcJ31Cu9GEcZOpoF8Yxqx+WGRmDTS7AeDtgXsxCLTNrpH9KLRL6kPx14IBYK7f1/6++ejO8U6LfykdY+M1f383FNjy56oBKCUudRidGdcfY1f77DXLdj8YAPsm4DnBRQwG7ZGf2o6yMkeJJ6u4RxKsVgzA0Yt36W6xdksFb9y622XxL2X9ll2avb97IvbHLt7VnAFg/Dom0qqZ06k4JQBjWZtwzn/O7PpnegNgNQHVBUUYFNrh9NDu1LFn/8cSq5YMgFQu9oo2Tw28V/Qt1WvY3G0DULdBc80uCDx9NV8TfcCWAShl6KgpdHtED4xpbcG5vjq0DwagrAmoI/gOg8PzrB8xkHw7JNhNqloyAEze7WLNieO4STPdFv9Sxkz4VHP3x9sxtdL+FRkAJqrnQDo8cSjGtjbgHF8HmgcDYMsENBJ8j0HioSN7BePTM21O+WvZAPD2s1sa2hp4/vJNeqXGu7IZgJdffYfOXLyumfu7XfgNHb5wVzcGgGkdEU8Lxo3FOPcsnNsbQetgACoyAS0E/8JgUZfrqaGUkDqk0kSqRQMgbQ28dI/ul2hDILt0T5JN/EuJ6dxTM6f8nci7p6m2d8QAlNJ7QAbdtARjzKsP5/QW0DgYAEdMQKDgZwwalRb7jehGs+evcDiJatEAMOeuF3pcIL/YuZ/+7wvVZTcAzKatezw/u3GjUHPt7owBYLiv52d0xdhXD87lgdA2GABnTECk4BcMHmW5MytDKuc7Y/FG3RsA5tq9B547CKfoH9SoaWtFxJ+p18hHWlzoqfu7LmKrxTZ31gBwX+cywnenY12ACnAOj4SmwQC4YgLiBL9iECnDtbUL6Mj5W1ISNYoBkLYGFnlma+DkT3MUE/9Sxk6a4aFdDf+QYmsUA/BbWelbdHX1Z8gFysG5Ow5aBgPgjgmwYCDJTIofXdqx8ZEkahQD8NvWwHzpXbWaAnnx6h169fX3FTcAvLjwXN4N1d/7n7qcr9n2dtUAPNxFsnMTlST7Ii/IjwUaBgMghwkYgsEk00r/FH86v2/XY0nUSAaAuXRL3a2B46cp//T/cFvgpFmq3lueiKWW29pdA8Bc2LdTjA0/5Aj5GALtggGQ0wSMxaByU/zTgujcoS9tJlGjGYAjF+7QrXx1CujwFsT9p65S/SatFRd//g7+LrXu7Wb+t1IsjW4ApEWkB7+UxghyhduMhWbBAMAEaIiifmF05ugxu0nUaAaAOX7pLt0vVv7UwFPWk/C27D9NNd/5WDHx52vzd/B3nZRORFR4UaOI3fFL9zTfznIZAIbHSFFfHCYE8YcBwOsAg1A4KIpOn8ytMIka0QAwZxXeGnj17qMr45es20UvvvSm7OLP1+Rrl/2uy3eU3fFw7lqBLtpYTgMgrSE5cVqMmUjkDkz7wwBoeGEgdgc4QMHwLnTy1PlKk6hRDQDDIq3UE7KtlfETZi6WtRYAX4uvaWvHwz2FZjjKGxszGQBphkWMmYLhnZFDHF/tjwV/MACqbxFEnYCKCvxk9aITuZcdSqJGNgD8DvuOAlsDz98osvudKf1HyGYA+Fr2vocL88h9XxyroxfumNoASK+QzuRR/qh45JLK9/ljqx8MgMeKBaFioA3uj06iY2euOpxEjWwApCe6y/zO/DsZ6+F/W+l3Brfv6rb48zUq+x45z0HgGJWuaTC7AWB4DBWMhAmooMIfivzAAHi8bDDODij35O+M+JvBADAXbxbJvvCvIg6cukYNmrZxWfz5s3wNR8yNbPUMbhbrrl2VNADSORO5l6hwaAxyy+O1/VHeFwZAMwcI4RRBSfwT6PjZK04nUTMYAOZG/teqvh+Xdga8/ZHzK/7FZ0pX/Du2zqFEhi1/X+uyTZU2AMypk2eoaEAEhP8/p/rhYB8YAM0dJfydqRf8pXehE2fyXEqiZjEAxy7ec2trIH+Wr+HMd06bu9JpA8CfcbYEsrv3dfziPRiACsg9dpyKe7czu/h/hyN9YQC0agLqCIpMudVvYAeHVvub3QBIe72vFrgslBdcOA1v0dqdThsA/oyz38OLEl29L46JXttTLQPwsFiQeSsGcm6tA62BAdCyCaguuGiqCn99Qij3xGm3kqiZDABz5U6JSwv/XKmKN+Ozz502APwZV+6Lf6Oz98Wx0HNbqmkApLUke7ebUfw5p1aHxsAA6MEEPCfYa5aDfc4ePuR2EjWbAThy/q7TYnnqimsH4mRNmeu0AeDPuHYQknMLAu9IpuYuDICTXN661kziz7n0OWgLDICeTEBVwSKjD868XVtkSaJmMwAPy+k+cOy9+TU3CuMMzJjotAHgzyhd+Ijv/aTOtvxpxQBIcV67wAzizzm0KjQFBkCvRiDdqIPz+hr5RNiMBsDR9+b3S5xf+FeWhLRhThsA/ozSCx1dWc8AA/AoN5d8amTxT4eGwAAYwQTECH4y0uC8PXc0HTl/GwZABq7fr3hr4IWbRW5dPzouxWkDwJ9x5zsvVFLz4Mb9rw3Tfp40ADwGb8/JMprwc66MgXbAABjJBHgLvjVElb8JaXT03A1Zk6iZDcBvNfX/UcE7cveuHxjWyWkDwJ9xt/zxbTsVAvlej128CwMglwk4d5PuTh1gFPHnHOkNzYABMKIJeEtwU9fb/YbFurzXHwaggj3eV/NtiuVpFxf+lcW7ZTunDQB/xt3vPX3Z9j3xvRqp7TxtAH47N+AyFQ2O0rv4c258C1oBA2BkE/BXwSFdbvfr3a7SY31hANxY2X370a2BV+/JM01ep5630waAPyPLQrV7j77e4Hs0WrtpwQBIR08fPkwlyb56FX/OiX+FRsAAmGWHwEyzrviHAbDDhbsPp83vl/xTtsp4r7/1odMGgD8jy5MpLwgsKXOA0YW7MAAKGQCpvsTGpXoU/5lY6Q8DYEYjECv4UReL/uaMUjSJwgBYBfPSPcov+ad0cJBc13zhxRpOGwD+jFzfzwsC+Z743ozYZloyALwo8O6ng/Ui/Jz7YqEFMABmNgEfCm5peaAWDY12+nQ/GAA31gNcyZetOM6uo5dcPg2QPyuLKIl7yb2Sb9j20pIB+G09wBUqGtxR6+LPOe9DaAAMAExAUtu/CLZrdbCePXRQ8SQKA6AM63YcdtkA8GcRQ/0ZgIfrAbR7ZgDnur8g98MAgP+YgCqCLMGvWhqs11bnqJJEYQCUYcHn21w2APxZxFCfBkBaD7BhidaE/1drjquCnA8DAGwbgSCtHCt8f3SStMcYBkC/fDpvpcsGgD+LGOrXABw5f0tL6wE4pwUhx8MAgMpNQE1PnyhYnBpIp06eVS2JwgAoJE6Tclw2APxZxFC/BqC0PkDhII/XB+BcVhO5HQYAOG4CnhHM99iWvx3rVU2iMADK0H/4eJcNAH8WMdS3AWDOHD7kyfUAnMOeQU6HAQCuGYEwwTdqDto72ZkicdyGATAAPVOHuGwA+LOIof4NgIfqA3DOCkMOhwEA7puAaoI9qpT6HdhBmjZUO0HBAChDVJcklw0AfxYxNIYB4PUA9yf2Vkv8OVdVQ+6GAQDy7hLop/Spgme/OuCRJAoDoAz+ITEuGwD+LGJoDAMg1Zc4cUrpVwE/WXMUVvnDAAAFCwflKTGAb6zI9lgShQFQhqY+AS4bAP4sYmgcAyAdPb1ytlLin4fCPjAAQB0T8AdBtpwDOD8rQfYjfmEAPM8HHzd12QDwZxFDYxmAY2evK1ElkHPRH5CbYQCAukYgQFDi9gBO8aPTx095NInCAChDjZq1XTYA/FnE0FgGQDqbYf9OuYSfc08AcjEMAPCcCXhBsNadgczTgp5OojAA8nPo3G367/9Xw2UDwJ/layCWxjIAzN3pbhcI4pzzAnIwDADQhhEIFuQ7fdBP/wg6dvYaDIAB2XnkgsviXwpfA7E0ngE4eeocFacEuCL8nGOCkXNhAID2TMBzghxnzhO4tGuzJpIoDID8rNl2yG0DwNdALI1nAJirGxY7W8efc8tzyLUwAEDbRsBLcKXSWv/jUqT9wTAAxmT+qi/cNgB8DcTSmAaAF/0WpHd1RPw5l3ght8IAAP2YgKcEYwQ/2xvYZ44e00wShQGQn6k5K9w2AHwNxNKYBkA6NvjggYqE/2drDnkKORUGAOjTCNQWnCg/uG8umKipJAoDID8jJmS7bQD4GoilcQ0Aczsny5b4c86ojRwKAwD0bwKeEPQRfC+d9Nc7mI7n5sEAGJy+w8a6bQD4GoilsQ3AidxLUk6wCv/31lzxBHInDAAwlhF4SbD86vpFmkuiMADyE58yyG0DwNdALI1tAKTDgjavZPFfzjkCuRIGABiY6xsXjTp16swvMADGJjI20W0DwNdALI1tADgXXNu4KAu5EQYAmIRbn2c/cWXHuv3Hzl6FATAofsEd3TYAfA3E0pgGgMc+5wDOBciJMADAhNxck/Pqxf077h05dwsGwGA0bu7vtgHgayCWxjIAPNZ5zPPYRw6EAQDgv26snx9x9sjhH2EAjEOtOk3cNgB8DcTSOAaAxziPdeQ8AAMAHuPalmXTT5069wsMgP559fVabhsAvgZiqX8DwGOaxzZyHIABAJWtD6h6ZcfaPSdyL/0KA6BPDp69Rf/9/1512wDwNfhaiKk+DQCPYR7LPKaR2wAMAHDcCKzOfubyzvWHjp+5DAOgM7YfPOe2+JfC10JM9WUAeMzy2OUxjFwGYACA6wsFV8/+P5d3bTxx/MwVGACd8PnWr2QzAHwtxFQfBoDHKI9VHrPIXQAGAMhpBP6at3vzOSW2DsIAyMtnK7bIZgD4Woiptg0Aj0kemzxGkasADABQcOvgnFfy9nyRd+zsdRgAjTJ59jLZDABfCzHVpgHgMchjkcckchOAAQBq1hB489K+bTeOymAEYADkJXP8TNkMAF8LMdWWAeAxx2OPxyByEYABAB6dEbi8a9PpE7l5v8IAaIPeQ8bIZgD4WoipNgwAjzEea3jiBzAAQGvbB5++um31xtMnc/8NA+BZuicNkM0A8LUQU88aAB5TPLZ4jCHXABgAoO2CQpuXTjx79MiPh8/fhgHwABExPWUzAHwtxNQTBuA28RjisYScAmAAgA5LDC+IvfDVvm+OnLsJA6AibQIjZTMAfC3EVD0DwGOFxwyPHeQQAAMA9L9OYO28urxoyd4WQhgAeWnk7SubAeBrIabKGwAeG9LCPjFWkDMADAAwYnXBP/O7zNzjJ36CAVCO9+s0ks0A8LUQU+UMAI8F6f2+GBvIEQAGAJjmBMKL+3fc5eplMADy8kqN92QzAHwtxFReA8B9nvs+TuYDMADA9LsHDiz/bHNi34xfWoTFwQC4yVdnbtL/faG6bAaAr8XXRGzdMwDct7mPc1/Han4AAwBAOdZPn9hpbNb4b0K6pMIAuMi2r87KJv6l8DURW9cMAPdl7tPctzHGAQwAAJWwfcb4pxZOmbSrz6CRP7eJ7AkD4AQrtxyQ3QDwNRFbxw0A91nuu9yHuS9jTAMYAABc4Ivp41+dN3nisbSBI/7dun08DEAlzF22SXYDwNdEbCs2ANw3uY9yX+U+i7ELYAAAkNMMzBj/ds6kiafnzVv005FztyBANpg4a7HsBoCvidja2rN/ixYsWPIT90numxijAAYAAFXOIMh5/cr2tTvPHD36ryPnYQZKGT5mhuwGgK+J2FpFX/Q17nPc97gPYiwCGAAAPGsG3r6yY+2+s0cO/3j03A1TC1TaoFGyGwC+ppljyn2K+xb3Me5rGHMABgAAbRYbeubalmVTLu7fce/UqXO/mE2s4hL7y24A+JpmiyP3He5D3Je4T2FsARgAAPRWcGjdvGb85Hbu8MHvj529bnjhCo/uIbsB4GsaPW7cN7iPcF/hPoOxA2AAADBW0aGq1zctybq0b/ut0yfP/OLoaYV6onVApOwGgK9pPNG/TdwHuC9wn+C+gTECYAAAMM/agTevfrFivhCB27nHT/5c2amFeqBB0zayGwC+pv5X7N8kbmNua25zbnuMAQADAAB4uH5APA2m5+3efPbskcM/2Du9UMu8W7uB7AaAr6m/Kf2rvHDvB25LblO8xwcABgAA59YQrF8QdWXH2r3nD+7/9uTp878e0fhrg5defVt2A8DX1PbWvNvEbcNtxG3FbYa+CwAMAADyvjZYPfv/XN+4qI8Qmj0XD+wqOHPs+P8eP6ONmYIvc2/KLv6l8LW1cI8ca445x57bgNuC2wR9EwAYAAA8YwzWzqt7bcvyWXm7N505f/DAP06dOvOL2msKtuw/rZgB4Gur/c6eY8ix5JhybDnG6GsAwAAAoItdBzfWzw+9tmXZ9Cs71h3gFefnDn35P6dPnPqZz4SXexfCik37FTMAfG25V+FzDDgWHBOODceIY8Uxw6p8AGAAADD06wR+Xy2ebnMu71x/6OL+HXfPHT74//FqdS5EwwLpzCzCnKUbFDMAfG1nnt75t/M98L3wPfG98T3yvfI9Y9oeABgAAEClRmHO326s+8yX33fzVPiVbas3X9614dilvVuvXTiwu0g8Qf+TV7wvnb/wp1atAn5t1rztr42btvy1XsPmVOeTJvT+Bw3o7fc+odfe/IBervEuvfhSTfrv//eqBP9v/m/8b/w3/Lf8Gf4sX4Ovxdfka/N38Hfxd/J382/g38K/iX8b/0b+rWgzALTP/w8M5FkosGzRHwAAAABJRU5ErkJggg=="/>
+  </g>
+</svg>
diff --git a/src/assets/performics/reason_icon.svg b/src/assets/performics/reason_icon.svg
new file mode 100644
index 0000000..3c02161
--- /dev/null
+++ b/src/assets/performics/reason_icon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="23" viewBox="0 0 20 23">
+  <g id="Group_16337" data-name="Group 16337" transform="translate(-35 -423)">
+    <rect id="Rectangle_" data-name="Rectangle " width="20" height="20" rx="10" transform="translate(35 425)" fill="#f7f8f8" opacity="0.15"/>
+    <text id="_" data-name="!" transform="translate(43 441)" fill="#e41d2b" font-size="17" font-family="OpenSans-Bold, Open Sans" font-weight="700"><tspan x="0" y="0">!</tspan></text>
+  </g>
+</svg>
diff --git a/src/assets/performics/reports_icon.svg b/src/assets/performics/reports_icon.svg
new file mode 100644
index 0000000..7023903
--- /dev/null
+++ b/src/assets/performics/reports_icon.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2021 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.6in" height="0.6in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 600 600"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .str0 {stroke:white;stroke-width:10.42;stroke-miterlimit:2.61313}
+    .fil1 {fill:#05968F;fill-rule:nonzero}
+    .fil0 {fill:white;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="Layer_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <circle id="Ellipse_2" class="fil0" cx="300" cy="300" r="286.46" data-name="Ellipse 2"/>
+  <path id="Path_11073" class="fil1 str0" d="M257.98 245.22l84.03 0 0 21.01 -84.03 0 0 -21.01zm0 -42.01l84.03 0 0 21 -84.03 0 0 -21zm63.03 -105.04l-84.03 0c-11.58,0.03 -20.98,9.43 -21.01,21.01l-0 168.06c0,0.01 0,0.02 0,0.03 0,11.56 9.35,20.94 20.91,20.98l126.14 0c11.59,-0.04 20.98,-9.43 21.01,-21.02l0 -126.05 -63.02 -63.02zm84.02 399.15l-168.05 0 0 -378.15 73.53 0 0 52.52 52.52 0 42 325.62z" data-name="Path 11073"/>
+ </g>
+</svg>
diff --git a/src/assets/performics/share.svg b/src/assets/performics/share.svg
new file mode 100644
index 0000000..537b453
--- /dev/null
+++ b/src/assets/performics/share.svg
@@ -0,0 +1,4 @@
+<svg id="share_black_24dp" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path id="Path_10053" data-name="Path 10053" d="M0,0H24V24H0Z" fill="none"/>
+  <path id="Path_10054" data-name="Path 10054" d="M18,16.08a2.912,2.912,0,0,0-1.96.77L8.91,12.7A3.274,3.274,0,0,0,9,12a3.274,3.274,0,0,0-.09-.7l7.05-4.11A2.993,2.993,0,1,0,15,5a3.274,3.274,0,0,0,.09.7L8.04,9.81a3,3,0,1,0,0,4.38l7.12,4.16a2.821,2.821,0,0,0-.08.65A2.92,2.92,0,1,0,18,16.08ZM18,4a1,1,0,1,1-1,1A1,1,0,0,1,18,4ZM6,13a1,1,0,1,1,1-1A1,1,0,0,1,6,13Zm12,7.02a1,1,0,1,1,1-1A1,1,0,0,1,18,20.02Z" fill="#7b6f72"/>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/adhoc_route_plan_icon.svg b/src/assets/performics/sidemenu_icons/adhoc_route_plan_icon.svg
new file mode 100644
index 0000000..c2e5054
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/adhoc_route_plan_icon.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.851" height="17.211" viewBox="0 0 20.851 17.211">
+  <g id="Layer_x0020_1" transform="translate(0.51 0.49)">
+    <g id="_1369025135360" transform="translate(-0.01 0.002)">
+      <g id="Group_11004" data-name="Group 11004" transform="translate(0 0)">
+        <path id="Path_7588" data-name="Path 7588" d="M8.992,2.117a1.306,1.306,0,0,0,.161.515c.1.138.244.22.346.372-1.155,0-5.713-.07-6.478.065A3.613,3.613,0,0,0,0,6.676a3.659,3.659,0,0,0,2.443,3.383c.955.322,4.414.205,5.663.205h5.826c1.556,0,2.966-.315,3.71.68a1.782,1.782,0,0,1-1.261,2.866H12.158c-.132,0-.419-.355-.517-.454-.446-.446-1.159-1.319-1.636-1.319a.9.9,0,0,0-.853,1.4c.1.138.244.22.346.372-1.086,0-2.28-.238-2.28,1.013a.864.864,0,0,0,.749.813,11.164,11.164,0,0,0,1.531.031c-.136.2-.507.394-.507.844a.911.911,0,0,0,1.013.929c.639,0,1.682-1.536,2.061-1.738.412-.22,4.26.219,5.424-.275a4.138,4.138,0,0,0,1.179-.72A3.637,3.637,0,0,0,17.4,8.612a9.122,9.122,0,0,0-2.707-.206H5.91a16.305,16.305,0,0,1-2.845-.068,1.79,1.79,0,0,1-.4-3.217,3.8,3.8,0,0,1,2.1-.261H9.5a4.213,4.213,0,0,1-.327.349.9.9,0,0,0,.833,1.424c.46,0,1.032-.716,1.446-1.129.319-.319,1.172-1.063,1.172-1.446a.952.952,0,0,0-.186-.7l-.964-.978-.654-.654c-.375-.375-.439-.5-.982-.5a.923.923,0,0,0-.844.887Z" transform="translate(0 -1.222)" fill="#05968F" stroke="#fff" stroke-width="1" fill-rule="evenodd"/>
+        <path id="Path_7589" data-name="Path 7589" d="M-.01,1620.98a2.719,2.719,0,0,0,2.533,2.744,2.567,2.567,0,0,0,1.96-.657,2.721,2.721,0,0,0,.512-3.5c-.094-.143-.188-.243-.295-.381a2.781,2.781,0,0,0-1.756-.862,2.651,2.651,0,0,0-2.185.812,2.729,2.729,0,0,0-.77,1.848Z" transform="translate(0.01 -1607.504)" fill="#C0F5F2" fill-rule="evenodd"/>
+        <path id="Path_7590" data-name="Path 7590" d="M2157.364,5.414a2.622,2.622,0,0,0,2.122-.833,2.711,2.711,0,0,0-.021-3.758,2.745,2.745,0,0,0-3.143-.546,2.694,2.694,0,0,0-1.45,1.843,2.294,2.294,0,0,0-.009,1.151,2.737,2.737,0,0,0,.679,1.306,3.025,3.025,0,0,0,.752.557,2.534,2.534,0,0,0,1.071.28Z" transform="translate(-2140.393 -0.002)" fill="#C0F5F2" fill-rule="evenodd"/>
+      </g>
+      <path id="Path_7591" data-name="Path 7591" d="M1828.2,1385.947v2.736c.109.12.263.283.345.283h3.594a1.517,1.517,0,0,0,1.074-2.44c-.634-.848-1.834-.579-3.159-.579H1828.2Z" transform="translate(-1815.982 -1376.644)" fill="#92CBC8" fill-rule="evenodd"/>
+      <path id="Path_7592" data-name="Path 7592" d="M346.992,584.587h2V581.56H346.02a3.239,3.239,0,0,0-1.8.223,1.528,1.528,0,0,0,.34,2.746,13.911,13.911,0,0,0,2.428.058Z" transform="translate(-341.209 -577.661)" fill="#92CBC8" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/automated_reimbursement.svg b/src/assets/performics/sidemenu_icons/automated_reimbursement.svg
new file mode 100644
index 0000000..b0a0b91
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/automated_reimbursement.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.931" height="20.931" viewBox="0 0 20.931 20.931">
+  <g id="Group_16318" data-name="Group 16318" transform="translate(0.45 0.45)">
+    <path id="Path_11070" data-name="Path 11070" d="M12.016,2A10.016,10.016,0,1,0,22.031,12.016,10.019,10.019,0,0,0,12.016,2Zm0,18.028a8.012,8.012,0,1,1,8.012-8.012A8.023,8.023,0,0,1,12.016,20.028Zm.891-8.914c-1.783-.591-2.644-.961-2.644-1.9,0-1.022,1.112-1.392,1.813-1.392a1.935,1.935,0,0,1,1.9,1.342l1.582-.671A3.431,3.431,0,0,0,12.9,6.257V5H11.144V6.267A3.089,3.089,0,0,0,8.52,9.231c0,2.274,2.253,2.915,3.355,3.315,1.582.561,2.284,1.072,2.284,2.033,0,1.132-1.052,1.612-1.983,1.612a2.645,2.645,0,0,1-2.4-2.093l-1.663.671a4.043,4.043,0,0,0,3.025,2.965v1.292h1.753V17.784a3.32,3.32,0,0,0,3.025-3.225C15.922,13.167,15.311,11.945,12.907,11.114Z" transform="translate(-2 -2)" fill="#05968F" stroke="#fff" stroke-width="0.9"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/break_management_icon.svg b/src/assets/performics/sidemenu_icons/break_management_icon.svg
new file mode 100644
index 0000000..3742c30
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/break_management_icon.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.84" height="19.84" viewBox="0 0 19.84 19.84">
+  <g id="Layer_x0020_1" transform="translate(0 0.01)">
+    <g id="_1403751169488" transform="translate(0 -0.01)">
+      <path id="Path_10015" data-name="Path 10015" d="M1.162,9.91c0-.3.042-.735.074-1.011A8.524,8.524,0,0,1,3.2,4.318a9.221,9.221,0,0,1,2.378-2,8.741,8.741,0,0,1,2.37-.924,7.969,7.969,0,0,1,.922-.163L9.92,1.15a12.16,12.16,0,0,1,1.937.235,8.4,8.4,0,0,1,2.376.917A8.871,8.871,0,0,1,15.8,3.449l.311.27a1.448,1.448,0,0,1,.119.152,12.653,12.653,0,0,1,.859,1.04A10.493,10.493,0,0,1,17.7,5.926a8.869,8.869,0,0,1,.9,2.937,8.638,8.638,0,0,1-.71,4.637,8.524,8.524,0,0,1-1.508,2.289,1.655,1.655,0,0,0-.134.138c-.274.33-.146.138-.428.424a8.672,8.672,0,0,1-5.358,2.276c-.241,0-.3.042-.542.042l-1.011-.077a8.565,8.565,0,0,1-2.58-.714c-.157-.075-.227-.1-.364-.179a8.106,8.106,0,0,1-1.638-1.075,9.862,9.862,0,0,1-.85-.816,2.479,2.479,0,0,1-.257-.286,9.546,9.546,0,0,1-.895-1.275,8.74,8.74,0,0,1-.924-2.37,7.593,7.593,0,0,1-.163-.922c-.033-.3-.077-.734-.077-1.047ZM9.555-.01h.734a9.949,9.949,0,0,1,2.088.294,10.732,10.732,0,0,1,1.766.637,10.111,10.111,0,0,1,2.49,1.695,1.941,1.941,0,0,0,.157.153c.325.27.146.154.444.447a9.836,9.836,0,0,1,2.318,4.269,8.829,8.829,0,0,1,.287,2.082v.7a8.652,8.652,0,0,1-.3,2.1,9.733,9.733,0,0,1-2.055,3.951l-.719.754A8.7,8.7,0,0,1,14.9,18.49a9.558,9.558,0,0,1-2.551,1.052,9.377,9.377,0,0,1-2.774.287,9.752,9.752,0,0,1-5.386-1.821,11.831,11.831,0,0,1-1.136-.957c-.285-.236-.107-.1-.288-.293l-.428-.463a7.57,7.57,0,0,1-.528-.673,9.827,9.827,0,0,1-.887-1.516A9.507,9.507,0,0,1,0,9.561,9.69,9.69,0,0,1,.93,5.687,7.6,7.6,0,0,1,1.348,4.9c.152-.254.309-.5.473-.728A8.213,8.213,0,0,1,3.071,2.751c.06-.052.1-.1.155-.155A9.718,9.718,0,0,1,9.555-.01Z" transform="translate(0 0.01)" fill="#05968F" fill-rule="evenodd"/>
+      <path id="Path_10016" data-name="Path 10016" d="M552.28,346.333v3.642c0,.246.258.433.4.572l3,3c.325.325.321.416.746.416.315,0,.5-.283.5-.659,0-.295-1.1-1.27-1.347-1.521-.191-.191-2.093-2.031-2.131-2.17l-.009-2.858a1.359,1.359,0,0,0-.062-.636.593.593,0,0,0-1.1.209Z" transform="translate(-542.941 -339.978)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_10017" data-name="Path 10017" d="M552.28,140.4v1.317c0,.669,1.162.669,1.162,0V140.4C553.442,139.735,552.28,139.735,552.28,140.4Z" transform="translate(-542.941 -137.537)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_10018" data-name="Path 10018" d="M552.28,896.624v1.317c0,.669,1.162.669,1.162,0v-1.317C553.442,895.955,552.28,895.955,552.28,896.624Z" transform="translate(-542.941 -880.969)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_10019" data-name="Path 10019" d="M139.79,552.784c0,.376.189.659.5.659h1.317c.669,0,.669-1.162,0-1.162h-1.317A.566.566,0,0,0,139.79,552.784Z" transform="translate(-137.426 -542.941)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_10020" data-name="Path 10020" d="M896.01,552.784c0,.376.189.659.5.659h1.317c.669,0,.669-1.162,0-1.162h-1.317A.566.566,0,0,0,896.01,552.784Z" transform="translate(-880.859 -542.941)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_10021" data-name="Path 10021" d="M843.29,260.877a.593.593,0,1,0,1.03-.371.6.6,0,0,0-1.03.371Z" transform="translate(-829.03 -255.917)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_10022" data-name="Path 10022" d="M261.27,843.92a.593.593,0,1,0-1.03.371.6.6,0,0,0,1.03-.371Z" transform="translate(-255.691 -829.04)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_10023" data-name="Path 10023" d="M843.3,843.891a.593.593,0,1,0,.62-.581A.595.595,0,0,0,843.3,843.891Z" transform="translate(-829.04 -829.05)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_10024" data-name="Path 10024" d="M260.948,261.26a.593.593,0,1,0-.371-1.03A.6.6,0,0,0,260.948,261.26Z" transform="translate(-255.988 -255.68)" fill="#C0F5F2" stroke="#C0F5F2" stroke-width="0.5" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/consumer_section_icon.svg b/src/assets/performics/sidemenu_icons/consumer_section_icon.svg
new file mode 100644
index 0000000..d8cb900
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/consumer_section_icon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16.834" height="20.867" viewBox="0 0 16.834 20.867">
+  <g id="Group_16335" data-name="Group 16335" transform="translate(-19.155 -570.057)">
+    <path id="Path_11079" data-name="Path 11079" d="M13.247,4.017l4.87,4.87V20.151H6.017V4.017h7.23M14.084,2H6.017A2.023,2.023,0,0,0,4,4.017V20.151a2.023,2.023,0,0,0,2.017,2.017h12.1a2.023,2.023,0,0,0,2.017-2.017V8.05L14.084,2ZM12.067,14.1a2.017,2.017,0,1,0-2.017-2.017A2.023,2.023,0,0,0,12.067,14.1ZM16.1,17.559a2.028,2.028,0,0,0-1.23-1.865,7.011,7.011,0,0,0-5.607,0,2.028,2.028,0,0,0-1.23,1.865v.575H16.1Z" transform="translate(15.505 568.407)" fill="#05968F" stroke="#fff" stroke-width="0.7"/>
+    <circle id="Ellipse_59" data-name="Ellipse 59" cx="2.5" cy="2.5" r="2.5" transform="translate(25 578)" fill="#92CBC8"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/daily_route_plan_icon.svg b/src/assets/performics/sidemenu_icons/daily_route_plan_icon.svg
new file mode 100644
index 0000000..5a159aa
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/daily_route_plan_icon.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.851" height="17.211" viewBox="0 0 20.851 17.211">
+  <g id="Layer_x0020_1" transform="translate(0.51 0.489)">
+    <g id="_1369025135360" transform="translate(-0.01 0.002)">
+      <g id="Group_11004" data-name="Group 11004" transform="translate(0 0)">
+        <path id="Path_7588" data-name="Path 7588" d="M8.992,2.117a1.306,1.306,0,0,0,.161.515c.1.138.244.22.346.372-1.155,0-5.713-.07-6.478.065A3.613,3.613,0,0,0,0,6.676a3.659,3.659,0,0,0,2.443,3.383c.955.322,4.414.205,5.663.205h5.826c1.556,0,2.966-.315,3.71.68a1.782,1.782,0,0,1-1.261,2.866H12.158c-.132,0-.419-.355-.517-.454-.446-.446-1.159-1.319-1.636-1.319a.9.9,0,0,0-.853,1.4c.1.138.244.22.346.372-1.086,0-2.28-.238-2.28,1.013a.864.864,0,0,0,.749.813,11.164,11.164,0,0,0,1.531.031c-.136.2-.507.394-.507.844a.911.911,0,0,0,1.013.929c.639,0,1.682-1.536,2.061-1.738.412-.22,4.26.219,5.424-.275a4.138,4.138,0,0,0,1.179-.72A3.637,3.637,0,0,0,17.4,8.612a9.122,9.122,0,0,0-2.707-.206H5.91a16.305,16.305,0,0,1-2.845-.068,1.79,1.79,0,0,1-.4-3.217,3.8,3.8,0,0,1,2.1-.261H9.5a4.213,4.213,0,0,1-.327.349.9.9,0,0,0,.833,1.424c.46,0,1.032-.716,1.446-1.129.319-.319,1.172-1.063,1.172-1.446a.952.952,0,0,0-.186-.7l-.964-.978-.654-.654c-.375-.375-.439-.5-.982-.5a.923.923,0,0,0-.844.887Z" transform="translate(0 -1.222)" fill="#05968F" stroke="#fff" stroke-width="1" fill-rule="evenodd"/>
+        <path id="Path_7589" data-name="Path 7589" d="M-.01,1620.98a2.719,2.719,0,0,0,2.533,2.744,2.567,2.567,0,0,0,1.96-.657,2.721,2.721,0,0,0,.512-3.5c-.094-.143-.188-.243-.295-.381a2.781,2.781,0,0,0-1.756-.862,2.651,2.651,0,0,0-2.185.812,2.729,2.729,0,0,0-.77,1.848Z" transform="translate(0.01 -1607.504)" fill="#C0F5F2" fill-rule="evenodd"/>
+        <path id="Path_7590" data-name="Path 7590" d="M2157.364,5.414a2.622,2.622,0,0,0,2.122-.833,2.711,2.711,0,0,0-.021-3.758,2.745,2.745,0,0,0-3.143-.546,2.694,2.694,0,0,0-1.45,1.843,2.294,2.294,0,0,0-.009,1.151,2.737,2.737,0,0,0,.679,1.306,3.025,3.025,0,0,0,.752.557,2.534,2.534,0,0,0,1.071.28Z" transform="translate(-2140.393 -0.002)" fill="#C0F5F2" fill-rule="evenodd"/>
+      </g>
+      <path id="Path_7591" data-name="Path 7591" d="M1828.2,1385.947v2.736c.109.12.263.283.345.283h3.594a1.517,1.517,0,0,0,1.074-2.44c-.634-.848-1.834-.579-3.159-.579H1828.2Z" transform="translate(-1815.982 -1376.644)" fill="#92CBC8" fill-rule="evenodd"/>
+      <path id="Path_7592" data-name="Path 7592" d="M346.992,584.587h2V581.56H346.02a3.239,3.239,0,0,0-1.8.223,1.528,1.528,0,0,0,.34,2.746,13.911,13.911,0,0,0,2.428.058Z" transform="translate(-341.209 -577.661)" fill="#92CBC8" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/download_data_icon.svg b/src/assets/performics/sidemenu_icons/download_data_icon.svg
new file mode 100644
index 0000000..ff80a65
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/download_data_icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.703" height="18.194" viewBox="0 0 20.703 18.194">
+  <g id="Layer_x0020_1" transform="translate(0.44 0.43)">
+    <g id="_1403747735520" transform="translate(0.007 -0.001)">
+      <path id="Path_7584" data-name="Path 7584" d="M2.313,5.279A3.721,3.721,0,0,0,.726,6.588a3.856,3.856,0,0,0-.1,4.341,3.816,3.816,0,0,0,1.391,1.307,3.984,3.984,0,0,0,1.323.462c0-.31-.04-.485-.04-.754s.058-.614.079-.873c-.537-.258-.525-.072-1.161-.7A2.3,2.3,0,0,1,2.5,7.018a2.328,2.328,0,0,1,.826-.4c.811-.27.585-.872.572-1.337A3.754,3.754,0,0,1,6.121,2.025a4.373,4.373,0,0,1,4.365.4,2.517,2.517,0,0,1,.546.525,1.442,1.442,0,0,1,.176.221c.291.44.367.683.944.683.451,0,.323-.317,1.468-.317a2.313,2.313,0,0,1,1.633.787,2.369,2.369,0,0,1,.534,1.252c.059.41-.064.828.778,1.047a2.054,2.054,0,0,1,.812.417,1.3,1.3,0,0,1,.3.292,2.16,2.16,0,0,1,.543,1.719,2.3,2.3,0,0,1-1.078,1.738,4.617,4.617,0,0,1-.667.285c.021.258.079.593.079.873s-.04.443-.04.754A4.005,4.005,0,0,0,19.2,10.977,3.907,3.907,0,0,0,17.58,5.285c-.337-.128-.19-.115-.315-.518a3.257,3.257,0,0,0-.351-.839,3.86,3.86,0,0,0-4-1.97c-.178.026-.324.07-.488.108A6.19,6.19,0,0,0,10.67.65,5.9,5.9,0,0,0,5.619.492,5.271,5.271,0,0,0,2.313,5.279Z" transform="translate(-0.007 0.001)" fill="#05968F" stroke="#fff" stroke-width="0.8" fill-rule="evenodd"/>
+      <path id="Path_7585" data-name="Path 7585" d="M373.418,539.033a3.7,3.7,0,0,1,.391-2.029,3.9,3.9,0,0,1,7.385,1.474,3.676,3.676,0,0,1-.383,2,4.022,4.022,0,0,1-.768,1.057,3.763,3.763,0,0,1-2.935,1.111,3.814,3.814,0,0,1-2.631-1.218,3.648,3.648,0,0,1-1.059-2.393Zm-1.468-.555a5.29,5.29,0,0,0,.986,3.378,5.9,5.9,0,0,0,1.292,1.287,5.41,5.41,0,0,0,5.3.492,4.766,4.766,0,0,0,.828-.482,3.8,3.8,0,0,0,.71-.6,5.087,5.087,0,0,0,1.6-3.6,5.138,5.138,0,0,0-.755-2.974,5.407,5.407,0,0,0-1.219-1.4,5.575,5.575,0,0,0-2.214-1.078l-1.167-.143-1.167.143a5.483,5.483,0,0,0-3.164,2.073l-.368.584a5.048,5.048,0,0,0-.658,2.318Z" transform="translate(-367.383 -526.81)" fill="#C0F5F2" stroke="#fff" stroke-width="0.8" fill-rule="evenodd"/>
+      <path id="Path_7586" data-name="Path 7586" d="M666.892,746.986v1.785h-.436a.571.571,0,0,0-.516.635,12.271,12.271,0,0,0,1.15,1.825c.722,1.1,1.219-.092,1.576-.567a6.007,6.007,0,0,0,.765-1.258c0-.706-.561-.635-.952-.635v-1.706c0-1.3-1.587-1.225-1.587-.079Z" transform="translate(-657.762 -736.945)" fill="#C0F5F2" fill-rule="evenodd"/>
+      <path id="Path_7587" data-name="Path 7587" d="M571.983,133.493c-.9,0-.8.249-1.15.249-.452,0-.511-.191-.739-.535a1.127,1.127,0,0,0-.138-.173,1.969,1.969,0,0,0-.428-.412,3.423,3.423,0,0,0-2.758-.543v4.49a3.626,3.626,0,0,1,.639-.345,4.256,4.256,0,0,1,.769-.257l.914-.112.914.112a4.371,4.371,0,0,1,1.735.845,4.238,4.238,0,0,1,.956,1.1,4.026,4.026,0,0,1,.592,2.33,3.6,3.6,0,0,1-.026.43l.989.005c0-.243.031-.38.031-.591s-.045-.481-.062-.684a3.624,3.624,0,0,0,.523-.223,1.8,1.8,0,0,0,.845-1.362,1.692,1.692,0,0,0-.425-1.347,1.019,1.019,0,0,0-.237-.229,1.608,1.608,0,0,0-.637-.327c-.66-.172-.563-.5-.609-.821a1.857,1.857,0,0,0-.418-.981,1.812,1.812,0,0,0-1.279-.617Z" transform="translate(-558.592 -129.174)" fill="#92CBC8" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/exit_icon.svg b/src/assets/performics/sidemenu_icons/exit_icon.svg
new file mode 100644
index 0000000..14fe215
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/exit_icon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18.201" height="18.201" viewBox="0 0 18.201 18.201">
+  <g id="Group_16321" data-name="Group 16321" transform="translate(-3 -3)">
+    <path id="Path_11083" data-name="Path 11083" d="M17.156,8.056,15.73,9.481l1.6,1.608H9.067v2.022h8.261l-1.6,1.6,1.426,1.436L21.2,12.1ZM5.022,5.022H12.1V3H5.022A2.028,2.028,0,0,0,3,5.022V19.178A2.028,2.028,0,0,0,5.022,21.2H12.1V19.178H5.022Z" transform="translate(0 0)" fill="#05968F"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/language_selection_icon.svg b/src/assets/performics/sidemenu_icons/language_selection_icon.svg
new file mode 100644
index 0000000..e41678d
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/language_selection_icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16.134" height="14.667" viewBox="0 0 16.134 14.667">
+  <path id="Path_11081" data-name="Path 11081" d="M9.705,11.585,7.842,9.744l.022-.022a12.848,12.848,0,0,0,2.721-4.789h2.149V3.467H7.6V2H6.134V3.467H1V4.926H9.192A11.523,11.523,0,0,1,6.867,8.857,11.474,11.474,0,0,1,5.173,6.4H3.706A12.879,12.879,0,0,0,5.892,9.744L2.159,13.426,3.2,14.467,6.867,10.8l2.281,2.281.557-1.5Zm4.129-3.718H12.367l-3.3,8.8h1.467l.821-2.2h3.483l.829,2.2h1.467ZM11.912,13,13.1,9.825,14.289,13H11.912Z" transform="translate(-1 -2)" fill="#05968F"/>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/leave_management_icon.svg b/src/assets/performics/sidemenu_icons/leave_management_icon.svg
new file mode 100644
index 0000000..a3b3622
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/leave_management_icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.34" height="20.34" viewBox="0 0 20.34 20.34">
+  <g id="Group_16334" data-name="Group 16334" transform="translate(-17.188 -243.688)">
+    <rect id="Rectangle_17430" data-name="Rectangle 17430" width="11" height="1" transform="translate(22 249)" fill="#C0F5F2"/>
+    <g id="calendar_today_black_24dp" transform="translate(17.438 243.938)">
+      <path id="Path_11064" data-name="Path 11064" d="M0,0H19.84V19.84H0Z" fill="none" stroke="#fff" stroke-width="0.5"/>
+      <path id="Path_11065" data-name="Path 11065" d="M16.88,2.653h-.827V1H14.4V2.653H6.133V1H4.48V2.653H3.653A1.658,1.658,0,0,0,2,4.307V17.533a1.658,1.658,0,0,0,1.653,1.653H16.88a1.658,1.658,0,0,0,1.653-1.653V4.307A1.658,1.658,0,0,0,16.88,2.653Zm0,14.88H3.653V8.44H16.88Zm0-10.746H3.653V4.307H16.88Z" transform="translate(-0.347 -0.173)" fill="#05968F" stroke="#fff" stroke-width="0.5"/>
+    </g>
+    <rect id="Rectangle_17429" data-name="Rectangle 17429" width="11" height="7" transform="translate(22 253)" fill="#92CBC8"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/non_merchandised_icon.svg b/src/assets/performics/sidemenu_icons/non_merchandised_icon.svg
new file mode 100644
index 0000000..043e76b
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/non_merchandised_icon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.04" height="21.04" viewBox="0 0 21.04 21.04">
+  <g id="Group_16316" data-name="Group 16316" transform="translate(-16.838 -207.4)">
+    <path id="Path_11069" data-name="Path 11069" d="M13.92,6.356a2.6,2.6,0,1,1-2.6,2.6,2.6,2.6,0,0,1,2.6-2.6m0,11.16c3.683,0,7.564,1.81,7.564,2.6v1.364H6.356V20.12c0-.794,3.881-2.6,7.564-2.6M13.92,4a4.96,4.96,0,1,0,4.96,4.96A4.959,4.959,0,0,0,13.92,4Zm0,11.16C10.609,15.16,4,16.821,4,20.12v3.72H23.84V20.12C23.84,16.821,17.23,15.16,13.92,15.16Z" transform="translate(13.438 204)" fill="#05968F" stroke="#fff" stroke-width="1.2"/>
+    <rect id="Rectangle_17428" data-name="Rectangle 17428" width="11" height="2" transform="translate(22 223)" fill="#C0F5F2"/>
+    <circle id="Ellipse_58" data-name="Ellipse 58" cx="2" cy="2" r="2" transform="translate(25 211)" fill="#92CBC8"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/personal_document_icon.svg b/src/assets/performics/sidemenu_icons/personal_document_icon.svg
new file mode 100644
index 0000000..9364b83
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/personal_document_icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17.134" height="21.167" viewBox="0 0 17.134 21.167">
+  <path id="Path_11072" data-name="Path 11072" d="M8.033,16.117H16.1v2.017H8.033Zm0-4.033H16.1V14.1H8.033ZM14.084,2H6.017A2.023,2.023,0,0,0,4,4.017V20.151a2.014,2.014,0,0,0,2.007,2.017H18.117a2.023,2.023,0,0,0,2.017-2.017V8.05Zm4.033,18.151H6.017V4.017h7.059V9.059h5.042Z" transform="translate(-3.5 -1.5)" fill="#05968F" stroke="#fff" stroke-width="1"/>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/reports_icon.svg b/src/assets/performics/sidemenu_icons/reports_icon.svg
new file mode 100644
index 0000000..6086ce1
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/reports_icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17.134" height="21.167" viewBox="0 0 17.134 21.167">
+  <path id="Path_11073" data-name="Path 11073" d="M8.033,16.117H16.1v2.017H8.033Zm0-4.033H16.1V14.1H8.033ZM14.084,2H6.017A2.023,2.023,0,0,0,4,4.017V20.151a2.014,2.014,0,0,0,2.007,2.017H18.117a2.023,2.023,0,0,0,2.017-2.017V8.05Zm4.033,18.151H6.017V4.017h7.059V9.059h5.042Z" transform="translate(-3.5 -1.5)" fill="#05968F" stroke="#fff" stroke-width="1"/>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/resume-svgrepo-com.svg b/src/assets/performics/sidemenu_icons/resume-svgrepo-com.svg
new file mode 100644
index 0000000..80b91c5
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/resume-svgrepo-com.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M2,2h39v7h2V1c0-0.6-0.4-1-1-1H1C0.4,0,0,0.4,0,1v58c0,0.6,0.4,1,1,1h32v-2H2V2z"/>
+			<path d="M43.7,21.3l-2.8-6.6c-0.1-0.4-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-2.8,6.6C36.1,21.5,36,21.7,36,22v31v6c0,0.6,0.4,1,1,1
+				h6c0.6,0,1-0.4,1-1v-6V22C44,21.7,43.9,21.4,43.7,21.3z M38,23h4v29h-4V23z M40,17.5l1.5,3.5h-3L40,17.5z M42,58h-4v-4h4V58z"/>
+			<path d="M59,38H48c-0.6,0-1,0.4-1,1v20c0,0.6,0.4,1,1,1h11c0.6,0,1-0.4,1-1V39C60,38.4,59.6,38,59,38z M58,40v5h-9v-5H58z M49,58
+				V47h9v11H49z"/>
+			<path d="M27,11c0-3.3-2.7-6-6-6s-6,2.7-6,6s2.7,6,6,6S27,14.3,27,11z M17,11c0-2.2,1.8-4,4-4s4,1.8,4,4s-1.8,4-4,4S17,13.2,17,11
+				z"/>
+			<rect x="15" y="20" width="12" height="2"/>
+			<rect x="15" y="25" width="12" height="2"/>
+			<rect x="6" y="31" width="15" height="2"/>
+			<rect x="6" y="36" width="26" height="2"/>
+			<rect x="6" y="41" width="26" height="2"/>
+			<rect x="6" y="46" width="8" height="2"/>
+			<rect x="6" y="51" width="11" height="2"/>
+			<rect x="21" y="46" width="8" height="2"/>
+			<rect x="21" y="51" width="11" height="2"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/resume.svg b/src/assets/performics/sidemenu_icons/resume.svg
new file mode 100644
index 0000000..80b91c5
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/resume.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M2,2h39v7h2V1c0-0.6-0.4-1-1-1H1C0.4,0,0,0.4,0,1v58c0,0.6,0.4,1,1,1h32v-2H2V2z"/>
+			<path d="M43.7,21.3l-2.8-6.6c-0.1-0.4-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-2.8,6.6C36.1,21.5,36,21.7,36,22v31v6c0,0.6,0.4,1,1,1
+				h6c0.6,0,1-0.4,1-1v-6V22C44,21.7,43.9,21.4,43.7,21.3z M38,23h4v29h-4V23z M40,17.5l1.5,3.5h-3L40,17.5z M42,58h-4v-4h4V58z"/>
+			<path d="M59,38H48c-0.6,0-1,0.4-1,1v20c0,0.6,0.4,1,1,1h11c0.6,0,1-0.4,1-1V39C60,38.4,59.6,38,59,38z M58,40v5h-9v-5H58z M49,58
+				V47h9v11H49z"/>
+			<path d="M27,11c0-3.3-2.7-6-6-6s-6,2.7-6,6s2.7,6,6,6S27,14.3,27,11z M17,11c0-2.2,1.8-4,4-4s4,1.8,4,4s-1.8,4-4,4S17,13.2,17,11
+				z"/>
+			<rect x="15" y="20" width="12" height="2"/>
+			<rect x="15" y="25" width="12" height="2"/>
+			<rect x="6" y="31" width="15" height="2"/>
+			<rect x="6" y="36" width="26" height="2"/>
+			<rect x="6" y="41" width="26" height="2"/>
+			<rect x="6" y="46" width="8" height="2"/>
+			<rect x="6" y="51" width="11" height="2"/>
+			<rect x="21" y="46" width="8" height="2"/>
+			<rect x="21" y="51" width="11" height="2"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/services_icon.svg b/src/assets/performics/sidemenu_icons/services_icon.svg
new file mode 100644
index 0000000..cd667c7
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/services_icon.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16.134" height="16.186" viewBox="0 0 16.134 16.186">
+  <g id="Layer_x0020_1" transform="translate(0.283 0.117)">
+    <g id="_538619736" transform="translate(-0.283 -0.117)">
+      <path id="Path_11074" data-name="Path 11074" d="M7.433,4.919a21.967,21.967,0,0,1-1.65-1.607L2.6.139C1.624-.538.976.294.539.745S-.759,2,.059,2.874L4.839,7.6A12.309,12.309,0,0,0,7.433,4.919Z" transform="translate(0.283 0.117)" fill="#92CBC8" fill-rule="evenodd"/>
+      <path id="Path_11075" data-name="Path 11075" d="M297.538,303.825a13.012,13.012,0,0,0,1.17-1.4,16.333,16.333,0,0,1,1.255-1.339,18.748,18.748,0,0,1,2.749-2.383,2.927,2.927,0,0,0-.8-.522,3.14,3.14,0,0,1-.691-.606,11.349,11.349,0,0,1-1-1.579,5.528,5.528,0,0,0-.635.747A28.458,28.458,0,0,1,295,301.189a5.3,5.3,0,0,1,1.551,1.057C297.115,302.853,297.157,303.36,297.538,303.825Z" transform="translate(-290.836 -291.825)" fill="#05968F" fill-rule="evenodd"/>
+      <path id="Path_11076" data-name="Path 11076" d="M702.214,4.654c-.282-.24-1.325-2-.747-2.5a10.487,10.487,0,0,1,1.255-.536,3.614,3.614,0,0,0,1.213-.606c-.169-.338,0-.155-.367-.367A3.2,3.2,0,0,0,700,.889c-2.411,1.791-.494,6.246,2.651,5.626a3.034,3.034,0,0,0,2.411-2.806C704.231,3.709,703.089,4.654,702.214,4.654Z" transform="translate(-689.055 -0.21)" fill="#05968F" fill-rule="evenodd"/>
+      <path id="Path_11077" data-name="Path 11077" d="M6,701.807c.649.07,2.115-.917,2.665-.931.606-.014,1.283,1.974,1.086,2.326-.437.635-2.03.677-2.608,1.3.634,1.227,3.638,1.057,4.6-.592a3.222,3.222,0,0,0,.028-3.116A3.01,3.01,0,0,0,6,701.807Z" transform="translate(-5.911 -689.115)" fill="#05968F" fill-rule="evenodd"/>
+      <path id="Path_11078" data-name="Path 11078" d="M670.585,672.613c.409-.395.042-.733-.226-1.1-1.213-1.692-.8-.578-1.692-1.495-.635-.677-3.638-3.751-4.061-4.018a1.15,1.15,0,0,0-.606.677l1.636,1.607c.719.663.917.888,1.593,1.579.395.395.578.522.874.818.761.79-.226.522,1.452,1.72C669.894,672.627,670.232,672.951,670.585,672.613Z" transform="translate(-654.634 -656.608)" fill="#92CBC8" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/training_section_icon.svg b/src/assets/performics/sidemenu_icons/training_section_icon.svg
new file mode 100644
index 0000000..2ef11fd
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/training_section_icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.34" height="17.594" viewBox="0 0 20.34 17.594">
+  <g id="Layer_x0020_1" transform="translate(0.5 0.359)">
+    <g id="_1403758479136" transform="translate(0 -0.006)">
+      <path id="Path_7593" data-name="Path 7593" d="M0,4.791c0,.464.5.631,1,.95.707.446,1.716,1.024,2.35,1.443L8.67,10.447a1.631,1.631,0,0,0,1.494.014c1.1-.631,2.4-1.5,3.539-2.17l4.429-2.716c.117-.07.176-.115.295-.184a.773.773,0,0,0,.43-.514V4.77a.643.643,0,0,0-.38-.447c-1.151-.618-2.929-1.464-4.126-2.062L10.816.494C9.5-.166,9.378-.174,8.066.482L.4,4.311c-.151.078-.4.262-.4.48Z" transform="translate(0 0.006)" fill="#fff" stroke="#05968F" stroke-width="1" fill-rule="evenodd"/>
+      <path id="Path_7594" data-name="Path 7594" d="M77.469,248.431a3.241,3.241,0,0,1-2.129-.78l-4.475-2.743c-.172-.1-.725-.472-.725.172v3.536c0,.884,1.033,1.773,1.7,2.171a10.412,10.412,0,0,0,5.118,1.4,11.6,11.6,0,0,0,3.03-.285,8.923,8.923,0,0,0,2.8-1.1l.566-.391a2.754,2.754,0,0,0,1.153-1.794v-3.757c0-.518-.561-.049-.771.076-.292.174-.568.343-.871.529s-.575.361-.865.535c-1.03.617-2.51,1.59-3.448,2.113a2.346,2.346,0,0,1-1.08.32Z" transform="translate(-67.893 -235.447)" fill="#fff" stroke="#05968F" stroke-width="1" fill-rule="evenodd"/>
+      <path id="Path_7595" data-name="Path 7595" d="M525.411,225.79a.985.985,0,0,0-.555,1.068.831.831,0,0,0,.281.531.98.98,0,0,0,1.611-1.022.852.852,0,0,0-.173-.306c-.26-.333-.361-.087-.355-.6V221.7a10.687,10.687,0,0,0-.037-1.842,1.337,1.337,0,0,0-.538.272c-.25.162-.238.23-.235.612v5.046Z" transform="translate(-506.965 -212.817)" fill="#C0F5F2" fill-rule="evenodd"/>
+      <path id="Path_7596" data-name="Path 7596" d="M0,2.526c0,.245.262.333.529.5.373.235.906.54,1.24.762L4.576,5.511a.861.861,0,0,0,.789.007c.578-.333,1.269-.789,1.868-1.145L9.57,2.94c.062-.037.093-.061.156-.1a.408.408,0,0,0,.227-.271V2.515a.339.339,0,0,0-.2-.236c-.607-.326-1.546-.772-2.178-1.088L5.708.258c-.7-.348-.759-.352-1.451-.006L.213,2.273C.134,2.314,0,2.411,0,2.526Z" transform="translate(4.452 2.518)" fill="#92CBC8" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/upload_data_icon.svg b/src/assets/performics/sidemenu_icons/upload_data_icon.svg
new file mode 100644
index 0000000..b738d9c
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/upload_data_icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.4" height="18.043" viewBox="0 0 20.4 18.043">
+  <g id="Layer_x0020_1" transform="translate(0.287 0.279)">
+    <g id="_1403747735520" transform="translate(0.007 -0.001)">
+      <path id="Path_7584" data-name="Path 7584" d="M2.313,5.279A3.721,3.721,0,0,0,.726,6.588a3.856,3.856,0,0,0-.1,4.341,3.816,3.816,0,0,0,1.391,1.307,3.984,3.984,0,0,0,1.323.462c0-.31-.04-.485-.04-.754s.058-.614.079-.873c-.537-.258-.525-.072-1.161-.7A2.3,2.3,0,0,1,2.5,7.018a2.328,2.328,0,0,1,.826-.4c.811-.27.585-.872.572-1.337A3.754,3.754,0,0,1,6.121,2.025a4.373,4.373,0,0,1,4.365.4,2.517,2.517,0,0,1,.546.525,1.442,1.442,0,0,1,.176.221c.291.44.367.683.944.683.451,0,.323-.317,1.468-.317a2.313,2.313,0,0,1,1.633.787,2.369,2.369,0,0,1,.534,1.252c.059.41-.064.828.778,1.047a2.054,2.054,0,0,1,.812.417,1.3,1.3,0,0,1,.3.292,2.16,2.16,0,0,1,.543,1.719,2.3,2.3,0,0,1-1.078,1.738,4.617,4.617,0,0,1-.667.285c.021.258.079.593.079.873s-.04.443-.04.754A4.005,4.005,0,0,0,19.2,10.977,3.907,3.907,0,0,0,17.58,5.285c-.337-.128-.19-.115-.315-.518a3.257,3.257,0,0,0-.351-.839,3.86,3.86,0,0,0-4-1.97c-.178.026-.324.07-.488.108A6.19,6.19,0,0,0,10.67.65,5.9,5.9,0,0,0,5.619.492,5.271,5.271,0,0,0,2.313,5.279Z" transform="translate(-0.007 0.001)" fill="#C0F5F2" stroke="#fff" stroke-width="0.5" fill-rule="evenodd"/>
+      <path id="Path_7585" data-name="Path 7585" d="M373.418,539.033a3.7,3.7,0,0,1,.391-2.029,3.9,3.9,0,0,1,7.385,1.474,3.676,3.676,0,0,1-.383,2,4.024,4.024,0,0,1-.768,1.057,3.763,3.763,0,0,1-2.935,1.111,3.814,3.814,0,0,1-2.631-1.218,3.648,3.648,0,0,1-1.059-2.393Zm-1.468-.555a5.291,5.291,0,0,0,.986,3.378,5.9,5.9,0,0,0,1.292,1.287,5.41,5.41,0,0,0,5.3.492,4.768,4.768,0,0,0,.828-.482,3.8,3.8,0,0,0,.71-.6,5.087,5.087,0,0,0,1.6-3.6,5.138,5.138,0,0,0-.755-2.974,5.407,5.407,0,0,0-1.219-1.4,5.574,5.574,0,0,0-2.214-1.078l-1.167-.143-1.167.143a5.481,5.481,0,0,0-3.164,2.073l-.368.584a5.048,5.048,0,0,0-.658,2.318Z" transform="translate(-367.383 -526.81)" fill="#05968F" stroke="#fff" stroke-width="0.8" fill-rule="evenodd"/>
+      <path id="Path_7586" data-name="Path 7586" d="M666.892,750.8v-1.785h-.436a.571.571,0,0,1-.516-.635,12.273,12.273,0,0,1,1.15-1.825c.722-1.1,1.219.092,1.576.567a6.009,6.009,0,0,1,.765,1.258c0,.706-.561.635-.952.635v1.706C668.479,752.028,666.892,751.949,666.892,750.8Z" transform="translate(-657.762 -736.945)" fill="#05968F" fill-rule="evenodd"/>
+      <path id="Path_7587" data-name="Path 7587" d="M571.983,133.493c-.9,0-.8.249-1.15.249-.452,0-.511-.191-.74-.535a1.131,1.131,0,0,0-.138-.173,1.968,1.968,0,0,0-.428-.412,3.423,3.423,0,0,0-2.758-.543v4.49a3.622,3.622,0,0,1,.639-.345,4.255,4.255,0,0,1,.769-.257l.914-.112.914.112a4.371,4.371,0,0,1,1.735.845,4.237,4.237,0,0,1,.956,1.1,4.027,4.027,0,0,1,.592,2.33,3.611,3.611,0,0,1-.026.43l.989.005c0-.243.031-.38.031-.591s-.045-.481-.062-.684a3.617,3.617,0,0,0,.523-.223,1.8,1.8,0,0,0,.845-1.362,1.692,1.692,0,0,0-.425-1.347,1.018,1.018,0,0,0-.237-.229,1.607,1.607,0,0,0-.637-.327c-.66-.172-.563-.5-.609-.821a1.856,1.856,0,0,0-.418-.981,1.813,1.813,0,0,0-1.28-.617Z" transform="translate(-558.592 -129.174)" fill="#92CBC8" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/user_profile_icon.svg b/src/assets/performics/sidemenu_icons/user_profile_icon.svg
new file mode 100644
index 0000000..923c9ac
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/user_profile_icon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.04" height="21.04" viewBox="0 0 21.04 21.04">
+  <g id="Group_16315" data-name="Group 16315" transform="translate(-16.838 -207.4)">
+    <path id="Path_11069" data-name="Path 11069" d="M13.92,6.356a2.6,2.6,0,1,1-2.6,2.6,2.6,2.6,0,0,1,2.6-2.6m0,11.16c3.683,0,7.564,1.81,7.564,2.6v1.364H6.356V20.12c0-.794,3.881-2.6,7.564-2.6M13.92,4a4.96,4.96,0,1,0,4.96,4.96A4.959,4.959,0,0,0,13.92,4Zm0,11.16C10.609,15.16,4,16.821,4,20.12v3.72H23.84V20.12C23.84,16.821,17.23,15.16,13.92,15.16Z" transform="translate(13.438 204)" fill="#05968F" stroke="#fff" stroke-width="1.2"/>
+    <rect id="Rectangle_17428" data-name="Rectangle 17428" width="11" height="2" transform="translate(22 223)" fill="#C0F5F2"/>
+    <circle id="Ellipse_58" data-name="Ellipse 58" cx="2" cy="2" r="2" transform="translate(25 211)" fill="#92CBC8"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/sidemenu_icons/visitor_login_icon.svg b/src/assets/performics/sidemenu_icons/visitor_login_icon.svg
new file mode 100644
index 0000000..4655bb5
--- /dev/null
+++ b/src/assets/performics/sidemenu_icons/visitor_login_icon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.04" height="21.04" viewBox="0 0 21.04 21.04">
+  <g id="Group_16319" data-name="Group 16319" transform="translate(-16.838 -207.4)">
+    <path id="Path_11069" data-name="Path 11069" d="M13.92,6.356a2.6,2.6,0,1,1-2.6,2.6,2.6,2.6,0,0,1,2.6-2.6m0,11.16c3.683,0,7.564,1.81,7.564,2.6v1.364H6.356V20.12c0-.794,3.881-2.6,7.564-2.6M13.92,4a4.96,4.96,0,1,0,4.96,4.96A4.959,4.959,0,0,0,13.92,4Zm0,11.16C10.609,15.16,4,16.821,4,20.12v3.72H23.84V20.12C23.84,16.821,17.23,15.16,13.92,15.16Z" transform="translate(13.438 204)" fill="#05968F" stroke="#fff" stroke-width="1.2"/>
+    <rect id="Rectangle_17428" data-name="Rectangle 17428" width="11" height="2" transform="translate(22 223)" fill="#C0F5F2"/>
+    <circle id="Ellipse_58" data-name="Ellipse 58" cx="2" cy="2" r="2" transform="translate(25 211)" fill="#92CBC8"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/store.svg b/src/assets/performics/store.svg
new file mode 100644
index 0000000..2b9145c
--- /dev/null
+++ b/src/assets/performics/store.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="53.846" height="48.266" viewBox="0 0 53.846 48.266">
+  <g id="Layer_x0020_1" transform="translate(0 0.003)">
+    <g id="_1404241728704" transform="translate(0 -0.003)">
+      <path id="Path_7597" data-name="Path 7597" d="M148.767,394.084c.032,2.491.5,5.468-2.365,6.6a4.029,4.029,0,0,1-3.588-.353,3.5,3.5,0,0,1-1.594-2.843c-.271-.361-.143-2.839-.088-3.451l-7.685-.04-.042.086c.014,1.57.256,3.657-.461,4.923a4.436,4.436,0,0,1-1.33,1.4c-.766.48-1.488.38-1.966.621l-.029,23.978a11.718,11.718,0,0,0,3.05.068c-.024-2.258-.2-18.225.065-19.019.126-.382.2-.472.61-.458.364-.27,6.312-.113,7.3-.113,3.418,0,2.836-.5,2.836,4.589v7.467c0,2.425.108,5.11-.016,7.5h26.312l.046-5.1c-2.168.052-22.057.077-22.446-.087-.675-.122-.6-.656-.595-1.367V408.81c0-1.787-.3-3.017.614-3.269.368-.189,20.151-.143,22.425-.143v-4.791a4.531,4.531,0,0,0,1.866-2.407c.243-.825-.053-3.1.087-4.217-1.308,0-2.583.054-3.891.054-.913,0-3.067.246-3.769-.16l.006.206c.043,2.491.517,5.533-2.441,6.631a3.859,3.859,0,0,1-3.627-.479,3.429,3.429,0,0,1-1.488-2.921c-.278-.435-.108-2.589-.09-3.278h-7.514l-.075-.447c-.148.219-.1.145-.122.494Z" transform="translate(-125.714 -381.728)" fill="#eaebec" fill-rule="evenodd"/>
+      <path id="Path_7598" data-name="Path 7598" d="M698.293,803.436h18.594V789.09l-18.572.032c-.911.252-.614,1.483-.614,3.269v9.678C697.694,802.781,697.618,803.314,698.293,803.436Z" transform="translate(-676.628 -765.309)" fill="#00c5c8" fill-rule="evenodd"/>
+      <path id="Path_7599" data-name="Path 7599" d="M48,1440.542l-.024-4.872-30.238.042-10.781-.046a11.724,11.724,0,0,1-3.05-.068c-1.652,0-2.879-.185-3.613.82a2.151,2.151,0,0,0-.294.895v2.494a6.078,6.078,0,0,0,.105.629c1.1.256,9.985.105,11.884.105H48Z" transform="translate(0 -1392.32)" fill="#92CBC8" fill-rule="evenodd"/>
+      <path id="Path_7600" data-name="Path 7600" d="M122.055,5.12l6.637.011,6.632.012,6.642.006,6.486-.035.233.488-.037-.484h3.38c.771,0,2.774-.181,3.249.12l6.612-.1.715-.02.08-4.927c-1.8,0-38.9-.134-39.749.038-.965.2-.882.868-.879,1.96,0,.976,0,1.952,0,2.928Z" transform="translate(-118.374 -0.14)" fill="#fcc74f" fill-rule="evenodd"/>
+      <path id="Path_7601" data-name="Path 7601" d="M592.518,418.237l18.573-.032c.849-.037,5.186-.15,5.6.139.538.372.288,4.364.288,5.266v5.574c0,3.446.429,3.529-2.04,3.454l-.045,5.1H588.586l-.016.078,30.238-.042,2.027-.071-.084-23.978c-.578-.277-1.207-.107-2.038-.662a4.49,4.49,0,0,1-1.265-1.36c-.693-1.224-.524-3.409-.474-4.942l-.078-.081c-.14,1.114.156,3.393-.087,4.217a4.53,4.53,0,0,1-1.865,2.407v4.791c-2.274,0-22.057-.046-22.425.143Z" transform="translate(-570.832 -394.423)" fill="#b9bbc1" fill-rule="evenodd"/>
+      <path id="Path_7602" data-name="Path 7602" d="M235.2,795.909c0-1.48,1.628-1.545,1.628,0v.841c0,1.571-1.628,1.5-1.628,0Zm-6.9-8.54c-.267.795-.089,16.762-.065,19.02l10.781.046.016-.078c.124-2.393.016-5.078.016-7.5v-7.467c0-5.086.582-4.589-2.836-4.589-.991,0-6.938-.157-7.3.113a30.753,30.753,0,0,0,4.253.059V806.3h-4.9Z" transform="translate(-221.283 -763.042)" fill="#0fb0c0" fill-rule="evenodd"/>
+      <path id="Path_7603" data-name="Path 7603" d="M231.923,792.415l-.033,18.935h4.9V792.015a30.774,30.774,0,0,1-4.253-.058C232.122,791.943,232.049,792.032,231.923,792.415Z" transform="translate(-224.901 -768.088)" fill="#00c5c8" fill-rule="evenodd"/>
+      <path id="Path_7604" data-name="Path 7604" d="M718.87,801.728c.389.164,20.278.139,22.446.087,2.468.075,2.04-.008,2.04-3.454v-5.574c0-.9.251-4.893-.288-5.266-.419-.29-4.756-.176-5.6-.139v14.345Z" transform="translate(-697.205 -763.6)" fill="#0fb0c0" fill-rule="evenodd"/>
+      <path id="Path_7605" data-name="Path 7605" d="M1004.567,163.923l.453,6.847c-.018.688-.189,2.843.09,3.278l.019-3.232h7.537l-.006-.206-1.5-7.052c-.475-.3-2.478-.12-3.249-.12h-3.38l.037.484Z" transform="translate(-974.256 -158.46)" fill="#fc502a" fill-rule="evenodd"/>
+      <path id="Path_7606" data-name="Path 7606" d="M1446.429,172.555l.078.08,7.6-.04a31.739,31.739,0,0,0-1.753-3.653c-.62-1.24-1.19-2.455-1.823-3.645l-5.936-.017-.715.02,2.549,7.255Z" transform="translate(-1400.365 -160.299)" fill="#fc502a" fill-rule="evenodd"/>
+      <path id="Path_7607" data-name="Path 7607" d="M509.1,173.317c-.055.612-.183,3.09.088,3.451l-.005-3.4h7.551c.023-.348-.026-.275.122-.494-.2-1.3.332-5.243.417-6.853l-6.642-.006-1.53,7.306Z" transform="translate(-493.678 -161.007)" fill="#fc502a" fill-rule="evenodd"/>
+      <path id="Path_7608" data-name="Path 7608" d="M767.59,171.967l.075.447h7.515l-.453-6.847-.233-.488-6.487.035c-.085,1.61-.612,5.55-.417,6.853Z" transform="translate(-744.415 -160.105)" fill="#fffefe" fill-rule="evenodd"/>
+      <path id="Path_7609" data-name="Path 7609" d="M3.49,172.576l7.588.06.042-.087,2.583-7.278-6.637-.011c-.584,1.209-1.189,2.4-1.788,3.592a32.932,32.932,0,0,0-1.788,3.723Z" transform="translate(-3.385 -160.279)" fill="#fc502a" fill-rule="evenodd"/>
+      <path id="Path_7610" data-name="Path 7610" d="M256.65,172.888l7.685.04,1.53-7.306-6.632-.012Z" transform="translate(-248.915 -160.619)" fill="#fffefe" fill-rule="evenodd"/>
+      <path id="Path_7611" data-name="Path 7611" d="M1225.991,173.088c.7.407,2.856.16,3.769.16,1.308,0,2.583-.055,3.891-.054l-2.549-7.255-6.612.1,1.5,7.052Z" transform="translate(-1187.587 -160.939)" fill="#fffefe" fill-rule="evenodd"/>
+      <path id="Path_7612" data-name="Path 7612" d="M3.936,415c.478-.241,1.2-.141,1.966-.621a4.436,4.436,0,0,0,1.33-1.4c.717-1.266.476-3.353.461-4.923L.105,408a.841.841,0,0,0-.105.388v2.365c.048,2.414,1.463,4.2,3.936,4.252Z" transform="translate(0 -395.704)" fill="#e60d28" fill-rule="evenodd"/>
+      <path id="Path_7613" data-name="Path 7613" d="M1529.265,408.04c-.05,1.533-.22,3.717.474,4.942a4.491,4.491,0,0,0,1.265,1.36c.832.555,1.461.385,2.038.662a3.934,3.934,0,0,0,3.927-4.122v-.273l-.073-2.549a.223.223,0,0,0-.032-.06l-7.6.04Z" transform="translate(-1483.123 -395.704)" fill="#e60d28" fill-rule="evenodd"/>
+      <path id="Path_7614" data-name="Path 7614" d="M1023.041,413.222a3.429,3.429,0,0,0,1.488,2.921,3.859,3.859,0,0,0,3.627.479c2.958-1.1,2.483-4.141,2.441-6.631h-7.537l-.019,3.232Z" transform="translate(-992.187 -397.634)" fill="#e60d28" fill-rule="evenodd"/>
+      <path id="Path_7615" data-name="Path 7615" d="M514.2,413.395a3.5,3.5,0,0,0,1.594,2.843,4.028,4.028,0,0,0,3.588.353c2.869-1.132,2.4-4.109,2.365-6.6h-7.551l.005,3.4Z" transform="translate(-498.689 -397.634)" fill="#e60d28" fill-rule="evenodd"/>
+      <path id="Path_7616" data-name="Path 7616" d="M1467.58,4.978l5.936.017q0-1.315,0-2.63c0-.981.145-1.841-.549-2.186-.629-.313-4.255-.128-5.307-.128Z" transform="translate(-1423.351 0.003)" fill="#fca629" fill-rule="evenodd"/>
+      <path id="Path_7617" data-name="Path 7617" d="M1591.91,1436.112l.023,4.872,5.318,0c.338-.041.477-.162.529-.361v-1.078c-.016-3.2.123-3.5-3.844-3.5l-2.027.071Z" transform="translate(-1543.934 -1392.761)" fill="#05968F" fill-rule="evenodd"/>
+      <path id="Path_7618" data-name="Path 7618" d="M461.91,1054.058v.841c0,1.5,1.628,1.571,1.628,0v-.841C463.538,1052.513,461.91,1052.578,461.91,1054.058Z" transform="translate(-447.989 -1021.19)" fill="#fffefe" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/store_covered.svg b/src/assets/performics/store_covered.svg
new file mode 100644
index 0000000..ad29602
--- /dev/null
+++ b/src/assets/performics/store_covered.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="79.846" height="69.076" viewBox="0 0 79.846 69.076">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.303" y1="0.552" x2="1.253" y2="0.004" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#cb236d"/>
+      <stop offset="1" stop-color="#4c246d"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.276" y1="0.555" x2="1.321" y2="-0.052" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="Group_16330" data-name="Group 16330" transform="translate(-174.154 -459.542)">
+    <g id="Layer_x0020_1" transform="translate(192.39 459.432)">
+      <g id="_1403474062560" transform="translate(3.999 0.11)">
+        <path id="Path_7620" data-name="Path 7620" d="M56.014,69.844a1.984,1.984,0,0,1-1.053-.3q-1.215-.756-2.358-1.527C28.79,51.973,28.276,31.882,28,16.071c-.019-1.054-.037-2.093-.06-3.106a1.989,1.989,0,0,1,1.987-2.036c.058,0,.119,0,.179.009.469.041.968.064,1.495.064.1,0,.189,0,.285,0A35.251,35.251,0,0,0,54.746,1.048a.972.972,0,0,1,.72-.278,2.332,2.332,0,0,1,1.307.488C62.8,5.764,71.75,7.637,77.928,8.414c2.206.278,4.058.416,5.3.483a1.988,1.988,0,0,1,1.865,1.78q.268,2.585.377,5.036a64.443,64.443,0,0,1-4.129,27.013l-2.353,5.114-.3.566-4.623,7.082a50.781,50.781,0,0,1-15.042,13.05c-.885.494-1.619.862-2.155,1.116a1.983,1.983,0,0,1-.849.191ZM75.858,47.393c5.438-9.786,7.591-21.536,6.408-35.031a.645.645,0,0,0-.6-.589C67.492,10.73,59.62,6.753,56.188,4.476a.647.647,0,0,0-.789.057A37.823,37.823,0,0,1,43.265,11.68a35.075,35.075,0,0,1-11.672,2.291h0a.646.646,0,0,0-.649.658l.019,1.063c.14,7.986.3,17.034,3.545,25.922,3.635,9.951,10.586,18.1,21.253,24.921a.657.657,0,0,0,.35.1.636.636,0,0,0,.294-.071l-.057-.11.057.11A47.791,47.791,0,0,0,71.8,53.557l4.06-6.165Zm-19.746,19a.409.409,0,0,1-.218-.064c-10.62-6.788-17.54-14.9-21.154-24.8-3.232-8.849-3.39-17.876-3.531-25.842l-.019-1.065a.4.4,0,0,1,.113-.285.4.4,0,0,1,.294-.12h0a35.346,35.346,0,0,0,11.752-2.307A38.067,38.067,0,0,0,55.562,4.717a.4.4,0,0,1,.267-.1.391.391,0,0,1,.221.067A42.528,42.528,0,0,0,69.664,10.2,77.352,77.352,0,0,0,81.65,12.019a.4.4,0,0,1,.368.364c1.184,13.5-.985,25.253-6.454,35.024l-.84,1.406-.9,1.47-.814,1.2-1.123,1.551a47.6,47.6,0,0,1-15.6,13.316.407.407,0,0,1-.182.044Z" transform="translate(-27.937 -0.77)" fill-rule="evenodd" fill="url(#linear-gradient)"/>
+        <path id="Path_7621" data-name="Path 7621" d="M45.584,30.968a.4.4,0,0,0-.294.12.4.4,0,0,0-.113.285l.019,1.065c.14,7.966.3,16.994,3.531,25.842,3.616,9.9,10.535,18.009,21.154,24.8a.4.4,0,0,0,.4.019A47.607,47.607,0,0,0,86.085,69.5c7.994-10.72,11.333-24.3,9.924-40.372a.4.4,0,0,0-.368-.364A77.569,77.569,0,0,1,83.656,26.95a42.47,42.47,0,0,1-13.615-5.519.4.4,0,0,0-.488.035,38.1,38.1,0,0,1-12.214,7.195,35.346,35.346,0,0,1-11.752,2.307h0ZM70.1,83.388a.641.641,0,0,1-.35-.1c-10.667-6.82-17.618-14.97-21.253-24.921-3.246-8.888-3.405-17.938-3.545-25.922l-.019-1.063a.636.636,0,0,1,.184-.463.644.644,0,0,1,.465-.195h0a35.128,35.128,0,0,0,11.672-2.291,37.842,37.842,0,0,0,12.134-7.147.649.649,0,0,1,.791-.057c3.432,2.277,11.3,6.252,25.481,7.3a.643.643,0,0,1,.6.589c1.415,16.132-1.941,29.771-9.972,40.541a47.853,47.853,0,0,1-15.89,13.664l-.057-.11.057.11a.636.636,0,0,1-.294.071Z" transform="translate(-41.923 -17.52)" fill-rule="evenodd" fill="url(#linear-gradient-2)"/>
+      </g>
+    </g>
+    <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(174.154 472.621)">
+      <g id="_1404241728704" transform="translate(0 -0.003)">
+        <path id="Path_7597" data-name="Path 7597" d="M148.767,394.084c.032,2.491.5,5.468-2.365,6.6a4.029,4.029,0,0,1-3.588-.353,3.5,3.5,0,0,1-1.594-2.843c-.271-.361-.143-2.839-.088-3.451l-7.685-.04-.042.086c.014,1.57.256,3.657-.461,4.923a4.436,4.436,0,0,1-1.33,1.4c-.766.48-1.488.38-1.966.621l-.029,23.978a11.718,11.718,0,0,0,3.05.068c-.024-2.258-.2-18.225.065-19.019.126-.382.2-.472.61-.458.364-.27,6.312-.113,7.3-.113,3.418,0,2.836-.5,2.836,4.589v7.467c0,2.425.108,5.11-.016,7.5h26.312l.046-5.1c-2.168.052-22.057.077-22.446-.087-.675-.122-.6-.656-.595-1.367V408.81c0-1.787-.3-3.017.614-3.269.368-.189,20.151-.143,22.425-.143v-4.791a4.531,4.531,0,0,0,1.866-2.407c.243-.825-.053-3.1.087-4.217-1.308,0-2.583.054-3.891.054-.913,0-3.067.246-3.769-.16l.006.206c.043,2.491.517,5.533-2.441,6.631a3.859,3.859,0,0,1-3.627-.479,3.429,3.429,0,0,1-1.488-2.921c-.278-.435-.108-2.589-.09-3.278h-7.514l-.075-.447c-.148.219-.1.145-.122.494Z" transform="translate(-125.714 -381.728)" fill="#eaebec" fill-rule="evenodd"/>
+        <path id="Path_7598" data-name="Path 7598" d="M698.293,803.436h18.594V789.09l-18.572.032c-.911.252-.614,1.483-.614,3.269v9.678C697.694,802.781,697.618,803.314,698.293,803.436Z" transform="translate(-676.628 -765.309)" fill="#00c5c8" fill-rule="evenodd"/>
+        <path id="Path_7599" data-name="Path 7599" d="M48,1440.542l-.024-4.872-30.238.042-10.781-.046a11.724,11.724,0,0,1-3.05-.068c-1.652,0-2.879-.185-3.613.82a2.151,2.151,0,0,0-.294.895v2.494a6.078,6.078,0,0,0,.105.629c1.1.256,9.985.105,11.884.105H48Z" transform="translate(0 -1392.32)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_7600" data-name="Path 7600" d="M122.055,5.12l6.637.011,6.632.012,6.642.006,6.486-.035.233.488-.037-.484h3.38c.771,0,2.774-.181,3.249.12l6.612-.1.715-.02.08-4.927c-1.8,0-38.9-.134-39.749.038-.965.2-.882.868-.879,1.96,0,.976,0,1.952,0,2.928Z" transform="translate(-118.374 -0.14)" fill="#fcc74f" fill-rule="evenodd"/>
+        <path id="Path_7601" data-name="Path 7601" d="M592.518,418.237l18.573-.032c.849-.037,5.186-.15,5.6.139.538.372.288,4.364.288,5.266v5.574c0,3.446.429,3.529-2.04,3.454l-.045,5.1H588.586l-.016.078,30.238-.042,2.027-.071-.084-23.978c-.578-.277-1.207-.107-2.038-.662a4.49,4.49,0,0,1-1.265-1.36c-.693-1.224-.524-3.409-.474-4.942l-.078-.081c-.14,1.114.156,3.393-.087,4.217a4.53,4.53,0,0,1-1.865,2.407v4.791c-2.274,0-22.057-.046-22.425.143Z" transform="translate(-570.832 -394.423)" fill="#b9bbc1" fill-rule="evenodd"/>
+        <path id="Path_7602" data-name="Path 7602" d="M235.2,795.909c0-1.48,1.628-1.545,1.628,0v.841c0,1.571-1.628,1.5-1.628,0Zm-6.9-8.54c-.267.795-.089,16.762-.065,19.02l10.781.046.016-.078c.124-2.393.016-5.078.016-7.5v-7.467c0-5.086.582-4.589-2.836-4.589-.991,0-6.938-.157-7.3.113a30.753,30.753,0,0,0,4.253.059V806.3h-4.9Z" transform="translate(-221.283 -763.042)" fill="#0fb0c0" fill-rule="evenodd"/>
+        <path id="Path_7603" data-name="Path 7603" d="M231.923,792.415l-.033,18.935h4.9V792.015a30.774,30.774,0,0,1-4.253-.058C232.122,791.943,232.049,792.032,231.923,792.415Z" transform="translate(-224.901 -768.088)" fill="#00c5c8" fill-rule="evenodd"/>
+        <path id="Path_7604" data-name="Path 7604" d="M718.87,801.728c.389.164,20.278.139,22.446.087,2.468.075,2.04-.008,2.04-3.454v-5.574c0-.9.251-4.893-.288-5.266-.419-.29-4.756-.176-5.6-.139v14.345Z" transform="translate(-697.205 -763.6)" fill="#0fb0c0" fill-rule="evenodd"/>
+        <path id="Path_7605" data-name="Path 7605" d="M1004.567,163.923l.453,6.847c-.018.688-.189,2.843.09,3.278l.019-3.232h7.537l-.006-.206-1.5-7.052c-.475-.3-2.478-.12-3.249-.12h-3.38l.037.484Z" transform="translate(-974.256 -158.46)" fill="#fc502a" fill-rule="evenodd"/>
+        <path id="Path_7606" data-name="Path 7606" d="M1446.429,172.555l.078.08,7.6-.04a31.739,31.739,0,0,0-1.753-3.653c-.62-1.24-1.19-2.455-1.823-3.645l-5.936-.017-.715.02,2.549,7.255Z" transform="translate(-1400.365 -160.299)" fill="#fc502a" fill-rule="evenodd"/>
+        <path id="Path_7607" data-name="Path 7607" d="M509.1,173.317c-.055.612-.183,3.09.088,3.451l-.005-3.4h7.551c.023-.348-.026-.275.122-.494-.2-1.3.332-5.243.417-6.853l-6.642-.006-1.53,7.306Z" transform="translate(-493.678 -161.007)" fill="#fc502a" fill-rule="evenodd"/>
+        <path id="Path_7608" data-name="Path 7608" d="M767.59,171.967l.075.447h7.515l-.453-6.847-.233-.488-6.487.035c-.085,1.61-.612,5.55-.417,6.853Z" transform="translate(-744.415 -160.105)" fill="#fffefe" fill-rule="evenodd"/>
+        <path id="Path_7609" data-name="Path 7609" d="M3.49,172.576l7.588.06.042-.087,2.583-7.278-6.637-.011c-.584,1.209-1.189,2.4-1.788,3.592a32.932,32.932,0,0,0-1.788,3.723Z" transform="translate(-3.385 -160.279)" fill="#fc502a" fill-rule="evenodd"/>
+        <path id="Path_7610" data-name="Path 7610" d="M256.65,172.888l7.685.04,1.53-7.306-6.632-.012Z" transform="translate(-248.915 -160.619)" fill="#fffefe" fill-rule="evenodd"/>
+        <path id="Path_7611" data-name="Path 7611" d="M1225.991,173.088c.7.407,2.856.16,3.769.16,1.308,0,2.583-.055,3.891-.054l-2.549-7.255-6.612.1,1.5,7.052Z" transform="translate(-1187.587 -160.939)" fill="#fffefe" fill-rule="evenodd"/>
+        <path id="Path_7612" data-name="Path 7612" d="M3.936,415c.478-.241,1.2-.141,1.966-.621a4.436,4.436,0,0,0,1.33-1.4c.717-1.266.476-3.353.461-4.923L.105,408a.841.841,0,0,0-.105.388v2.365c.048,2.414,1.463,4.2,3.936,4.252Z" transform="translate(0 -395.704)" fill="#e60d28" fill-rule="evenodd"/>
+        <path id="Path_7613" data-name="Path 7613" d="M1529.265,408.04c-.05,1.533-.22,3.717.474,4.942a4.491,4.491,0,0,0,1.265,1.36c.832.555,1.461.385,2.038.662a3.934,3.934,0,0,0,3.927-4.122v-.273l-.073-2.549a.223.223,0,0,0-.032-.06l-7.6.04Z" transform="translate(-1483.123 -395.704)" fill="#e60d28" fill-rule="evenodd"/>
+        <path id="Path_7614" data-name="Path 7614" d="M1023.041,413.222a3.429,3.429,0,0,0,1.488,2.921,3.859,3.859,0,0,0,3.627.479c2.958-1.1,2.483-4.141,2.441-6.631h-7.537l-.019,3.232Z" transform="translate(-992.187 -397.634)" fill="#e60d28" fill-rule="evenodd"/>
+        <path id="Path_7615" data-name="Path 7615" d="M514.2,413.395a3.5,3.5,0,0,0,1.594,2.843,4.028,4.028,0,0,0,3.588.353c2.869-1.132,2.4-4.109,2.365-6.6h-7.551l.005,3.4Z" transform="translate(-498.689 -397.634)" fill="#e60d28" fill-rule="evenodd"/>
+        <path id="Path_7616" data-name="Path 7616" d="M1467.58,4.978l5.936.017q0-1.315,0-2.63c0-.981.145-1.841-.549-2.186-.629-.313-4.255-.128-5.307-.128Z" transform="translate(-1423.351 0.003)" fill="#fca629" fill-rule="evenodd"/>
+        <path id="Path_7617" data-name="Path 7617" d="M1591.91,1436.112l.023,4.872,5.318,0c.338-.041.477-.162.529-.361v-1.078c-.016-3.2.123-3.5-3.844-3.5l-2.027.071Z" transform="translate(-1543.934 -1392.761)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_7618" data-name="Path 7618" d="M461.91,1054.058v.841c0,1.5,1.628,1.571,1.628,0v-.841C463.538,1052.513,461.91,1052.578,461.91,1054.058Z" transform="translate(-447.989 -1021.19)" fill="#fffefe" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/store_merch.svg b/src/assets/performics/store_merch.svg
new file mode 100644
index 0000000..d9f117f
--- /dev/null
+++ b/src/assets/performics/store_merch.svg
@@ -0,0 +1,227 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="71.469" height="68.717" viewBox="0 0 71.469 68.717">
+  <g id="Group_16331" data-name="Group 16331" transform="translate(-321.77 -457.343)">
+    <g id="Layer_x0020_1" transform="translate(308.255 459.508)">
+      <g id="_118514128" transform="translate(13.515 0.034)">
+        <g id="Group_14130" data-name="Group 14130" transform="translate(0 39.36)">
+          <g id="Group_14129" data-name="Group 14129">
+            <g id="Group_14123" data-name="Group 14123" transform="translate(0 10.68)">
+              <path id="Path_9943" data-name="Path 9943" d="M74,328v1.221H56l2.9-.915.61-.305Z" transform="translate(-56 -328)" fill="#de7625"/>
+              <g id="Group_14121" data-name="Group 14121" transform="translate(0 1.221)">
+                <path id="Path_9944" data-name="Path 9944" d="M71.715,351.105H56V336H71.715Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                <g id="Group_14120" data-name="Group 14120" transform="translate(0.61 11.596)">
+                  <g id="Group_14119" data-name="Group 14119">
+                    <path id="Path_9945" data-name="Path 9945" d="M66.713,419.915H60V419h6.713Z" transform="translate(-60 -417.932)" fill="#de7625"/>
+                    <path id="Path_9946" data-name="Path 9946" d="M64.425,412.763H60V412h4.425Z" transform="translate(-60 -412)" fill="#de7625"/>
+                  </g>
+                </g>
+                <path id="Path_9947" data-name="Path 9947" d="M137.441,344.221a1.232,1.232,0,0,1-2.441,0,1.221,1.221,0,0,1,2.441,0Z" transform="translate(-122.946 -341.932)" fill="#de7625"/>
+                <path id="Path_9948" data-name="Path 9948" d="M56,351.105h.61V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+              </g>
+              <g id="Group_14122" data-name="Group 14122" transform="translate(15.715)">
+                <path id="Path_9949" data-name="Path 9949" d="M161.289,328v14.953L159,344.326V329.221l.61-.305Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                <path id="Path_9950" data-name="Path 9950" d="M161.289,345.138v2.9L159,349.41V334.305l.61-.305a51.7,51.7,0,0,0,.305,6.866,12.234,12.234,0,0,0,.763,3.2A3.823,3.823,0,0,0,161.289,345.138Z" transform="translate(-159 -333.085)" fill="rgba(252,141,47,0.5)"/>
+              </g>
+              <path id="Path_9951" data-name="Path 9951" d="M90.105,328v.305a68.443,68.443,0,0,1-15.105,0l.61-.305Z" transform="translate(-72.101 -328)" fill="rgba(222,118,37,0.5)"/>
+            </g>
+            <g id="Group_14128" data-name="Group 14128" transform="translate(2.289)">
+              <path id="Path_9952" data-name="Path 9952" d="M84.427,258v.915H71l2.136-.763.61-.153Z" transform="translate(-71 -258)" fill="#de7625"/>
+              <g id="Group_14126" data-name="Group 14126" transform="translate(0 0.915)">
+                <path id="Path_9953" data-name="Path 9953" d="M82.6,274.986H71V264H82.6Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                <g id="Group_14125" data-name="Group 14125" transform="translate(0.61 8.544)">
+                  <g id="Group_14124" data-name="Group 14124">
+                    <path id="Path_9954" data-name="Path 9954" d="M79.882,325.763H75V325h4.882Z" transform="translate(-75 -324.237)" fill="#de7625"/>
+                    <path id="Path_9955" data-name="Path 9955" d="M78.2,320.458H75V320h3.2Z" transform="translate(-75 -320)" fill="#de7625"/>
+                  </g>
+                </g>
+                <path id="Path_9956" data-name="Path 9956" d="M131.678,269.763c0,.61-.305.915-.763.915a.809.809,0,0,1-.915-.915c0-.458.305-.763.915-.763A.721.721,0,0,1,131.678,269.763Z" transform="translate(-120.998 -268.237)" fill="#de7625"/>
+                <path id="Path_9957" data-name="Path 9957" d="M71,274.986h.61V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+              </g>
+              <g id="Group_14127" data-name="Group 14127" transform="translate(11.596)">
+                <path id="Path_9958" data-name="Path 9958" d="M148.831,258v10.985L147,269.9V258.915l.458-.305Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                <path id="Path_9959" data-name="Path 9959" d="M148.831,270.239v2.136l-1.831.915V262.305l.458-.305a27.9,27.9,0,0,0,.305,5.035,6.326,6.326,0,0,0,.458,2.441A1.523,1.523,0,0,0,148.831,270.239Z" transform="translate(-147 -261.39)" fill="rgba(252,141,47,0.5)"/>
+              </g>
+              <path id="Path_9960" data-name="Path 9960" d="M96.291,258v.153a44.693,44.693,0,0,1-11.291,0l.61-.153Z" transform="translate(-82.864 -258)" fill="rgba(222,118,37,0.5)"/>
+            </g>
+          </g>
+        </g>
+        <g id="Group_14173" data-name="Group 14173" transform="translate(19.92 0)">
+          <g id="Group_14172" data-name="Group 14172" transform="translate(0)">
+            <g id="Group_14136" data-name="Group 14136" transform="translate(0.983 24.407)">
+              <g id="Group_14133" data-name="Group 14133" transform="translate(5.035)">
+                <g id="Group_14131" data-name="Group 14131">
+                  <path id="Path_9962" data-name="Path 9962" d="M238.206,199.67h-4.272L226,176.326l.305-14.8L231.34,160l1.678,9.917Z" transform="translate(-226 -160)" fill="#131d3d"/>
+                  <path id="Path_9963" data-name="Path 9963" d="M235,199.67h-1.068L226,176.326l.305-14.8L231.34,160l1.678,9.917a30.445,30.445,0,0,0-.915,20.14Z" transform="translate(-226 -160)" fill="rgba(19,29,61,0.5)"/>
+                </g>
+                <g id="Group_14132" data-name="Group 14132" transform="translate(8.036 39.67)">
+                  <path id="Path_9964" data-name="Path 9964" d="M278.87,420.305a2.836,2.836,0,0,0,0,2.136h6.713s.305-.458,0-.61c-.153-.305-2.441-.305-3.357-1.831H278.87Z" transform="translate(-278.667 -420)" fill="#1e7dbd"/>
+                  <path id="Path_9965" data-name="Path 9965" d="M286.018,435.153H279V435h7.018Z" transform="translate(-278.949 -432.711)" fill="#1e7dbd"/>
+                </g>
+              </g>
+              <g id="Group_14135" data-name="Group 14135">
+                <path id="Path_9966" data-name="Path 9966" d="M194.221,160.305a14.34,14.34,0,0,0-.153,5.035l.153,16.631L193,199.67h3.967l5.34-34.177L203.375,160Z" transform="translate(-193 -160)" fill="#22325e"/>
+                <g id="Group_14134" data-name="Group 14134" transform="translate(0.102 39.67)">
+                  <path id="Path_9967" data-name="Path 9967" d="M193.87,420.305a2.836,2.836,0,0,0,0,2.136h6.713s.305-.458,0-.61c-.153-.305-2.441-.305-3.357-1.831H193.87Z" transform="translate(-193.667 -420)" fill="#1e7dbd"/>
+                  <path id="Path_9968" data-name="Path 9968" d="M201.866,435.153H195V435h6.866Z" transform="translate(-194.797 -432.711)" fill="#1e7dbd"/>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14153" data-name="Group 14153" transform="translate(0 5.488)">
+              <g id="Group_14140" data-name="Group 14140" transform="translate(2.051)">
+                <g id="Group_14137" data-name="Group 14137" transform="translate(3.662)">
+                  <path id="Path_9969" data-name="Path 9969" d="M225.221,41.493a5.6,5.6,0,0,0,2.594,1.526.943.943,0,0,0,1.068-.305c0-.153.153-.153.153-.305a2.106,2.106,0,0,1-.458-.61,5.541,5.541,0,0,0-1.221-1.373V36h-2.594v4.12H224A9.869,9.869,0,0,0,225.221,41.493Z" transform="translate(-224 -36)" fill="#ffb17c"/>
+                  <path id="Path_9970" data-name="Path 9970" d="M234.984,50.763v.61h-.305a2.336,2.336,0,0,1-1.068-.763A1.191,1.191,0,0,1,233,50a8.758,8.758,0,0,0,1.068.61A2.268,2.268,0,0,0,234.984,50.763Z" transform="translate(-231.627 -47.864)" fill="#fe884f"/>
+                </g>
+                <g id="Group_14139" data-name="Group 14139" transform="translate(0 2.899)">
+                  <path id="Path_9971" data-name="Path 9971" d="M209.765,75.186c-.153,1.678-.305,2.9-.305,2.9s-.915.153-2.289.305h-.153A18.5,18.5,0,0,1,200,78.085l1.221-5.188.458-3.814.61-5.951a4.545,4.545,0,0,1,2.136-.305s1.983,1.678,2.594,1.526h0l.153-.153c.153-.153,0-.61,0-.763a.473.473,0,0,1-.153-.305h.153a2.2,2.2,0,0,1,.458.305c.153.153,1.983,2.746,2.441,3.509C210.223,67.252,209.917,71.982,209.765,75.186Z" transform="translate(-200 -61.606)" fill="#ff4644"/>
+                  <path id="Path_9972" data-name="Path 9972" d="M227.623,56.221s-.153-1.221,0-1.221a9.137,9.137,0,0,1,2.441,1.221,8.781,8.781,0,0,1,.305,1.526S229.759,58.2,227.623,56.221Z" transform="translate(-223.351 -55)" fill="#ff814a"/>
+                  <path id="Path_9973" data-name="Path 9973" d="M246,61.136V59a4.9,4.9,0,0,1,.763.458c.153.153.153,1.068.153,1.068S246.763,60.983,246,61.136Z" transform="translate(-238.981 -58.39)" fill="#ff814a"/>
+                  <g id="Group_14138" data-name="Group 14138" transform="translate(7.019 2.594)">
+                    <path id="Path_9974" data-name="Path 9974" d="M246.153,86.19H246c.61-3.357.153-11.138,0-14.037h0l.153-.153C246.305,74.9,246.763,82.68,246.153,86.19Z" transform="translate(-246 -72)" fill="#ff814a"/>
+                  </g>
+                  <path id="Path_9975" data-name="Path 9975" d="M209.765,108.408c-.153,1.678-.305,2.9-.305,2.9s-.915.153-2.289.305h-.153a18.5,18.5,0,0,1-7.019-.305l1.221-5.188.458-3.814A5.42,5.42,0,0,1,203.2,102a6.751,6.751,0,0,0,2.746,5.035A6.826,6.826,0,0,0,209.765,108.408Z" transform="translate(-200 -94.829)" fill="rgba(158,17,17,0.5)"/>
+                </g>
+              </g>
+              <g id="Group_14152" data-name="Group 14152" transform="translate(0 4.242)">
+                <g id="Group_14145" data-name="Group 14145" transform="translate(8.765 9.49)">
+                  <path id="Path_9976" data-name="Path 9976" d="M257.427,126v.915H244l2.289-.763.458-.153Z" transform="translate(-244 -126)" fill="#de7625"/>
+                  <g id="Group_14143" data-name="Group 14143" transform="translate(0 0.915)">
+                    <path id="Path_9977" data-name="Path 9977" d="M255.6,142.986H244V132h11.6Z" transform="translate(-244 -132)" fill="#ffae3e"/>
+                    <g id="Group_14142" data-name="Group 14142" transform="translate(0.61 8.544)">
+                      <g id="Group_14141" data-name="Group 14141">
+                        <path id="Path_9978" data-name="Path 9978" d="M252.882,193.61H248V193h4.882Z" transform="translate(-248 -192.237)" fill="#de7625"/>
+                        <path id="Path_9979" data-name="Path 9979" d="M251.2,188.458H248V188h3.2Z" transform="translate(-248 -188)" fill="#de7625"/>
+                      </g>
+                    </g>
+                    <path id="Path_9980" data-name="Path 9980" d="M304.831,136.915a.915.915,0,1,1-.915-.915A.984.984,0,0,1,304.831,136.915Z" transform="translate(-293.998 -135.39)" fill="#de7625"/>
+                    <path id="Path_9981" data-name="Path 9981" d="M244,142.986h.61V132H244Z" transform="translate(-244 -132)" fill="rgba(255,174,62,0.5)"/>
+                  </g>
+                  <g id="Group_14144" data-name="Group 14144" transform="translate(11.596)">
+                    <path id="Path_9982" data-name="Path 9982" d="M321.831,126v10.986L320,137.9V126.915l.61-.305Z" transform="translate(-320 -126)" fill="#fc8d2f"/>
+                    <path id="Path_9983" data-name="Path 9983" d="M321.831,138.239v2.136l-1.831.915V130.305l.61-.305a27.786,27.786,0,0,0,.153,5.035,10.13,10.13,0,0,0,.458,2.289C321.373,137.629,321.678,137.934,321.831,138.239Z" transform="translate(-320 -129.39)" fill="rgba(252,141,47,0.5)"/>
+                  </g>
+                  <path id="Path_9984" data-name="Path 9984" d="M270.138,126v.153a43.257,43.257,0,0,1-11.138,0l.458-.153Z" transform="translate(-256.711 -126)" fill="rgba(222,118,37,0.5)"/>
+                </g>
+                <g id="Group_14151" data-name="Group 14151">
+                  <path id="Path_9985" data-name="Path 9985" d="M234.12,180.9s.915.153.915,0c.153-.153-.763-.458-.763-.458l-.763-.458A22.813,22.813,0,0,1,231.831,178c0,.153,0,.153-.153.153a8.466,8.466,0,0,1-1.221.915l-.458.458c.61.61,1.373,1.221,1.984,1.831l.915.915c.153.153.61,0,.61,0,.153.153.61,0,.61,0a.668.668,0,0,0,.458-.153,1.19,1.19,0,0,0,1.068-.153h-.458Z" transform="translate(-223.371 -160.576)" fill="#ffb17c"/>
+                  <g id="Group_14150" data-name="Group 14150">
+                    <path id="Path_9986" data-name="Path 9986" d="M196.541,82.6l-.305.305-1.373,1.068-.305.305s-7.629-6.713-7.934-7.934a11.217,11.217,0,0,1,0-2.289,40.907,40.907,0,0,1,1.068-4.12,26.4,26.4,0,0,1,2.289-5.34c0-.153,0-.153.153-.153v-.153a2.16,2.16,0,0,1,3.509,1.984v.61l-.305.458v.153l-.305,1.221-1.983,6.713Z" transform="translate(-186.556 -63.801)" fill="#ff4644"/>
+                    <path id="Path_9987" data-name="Path 9987" d="M213.019,103.105l-.305.305-6.408-7.629.458-.305L206,94.256l1.221.458L209.814,88l-.305,1.221-1.983,6.713Z" transform="translate(-203.033 -84.308)" fill="rgba(158,17,17,0.5)"/>
+                    <path id="Path_9988" data-name="Path 9988" d="M194.863,88.377l-.305.305s-7.629-6.713-7.934-7.934a11.217,11.217,0,0,1,0-2.289,40.907,40.907,0,0,1,1.068-4.12A26.4,26.4,0,0,1,189.98,69c-.61,1.983-3.357,10.68-3.052,11.6S193.642,87.309,194.863,88.377Z" transform="translate(-186.556 -68.207)" fill="rgba(255,122,64,0.5)"/>
+                    <g id="Group_14149" data-name="Group 14149" transform="translate(4.035 3.54)">
+                      <g id="Group_14148" data-name="Group 14148">
+                        <g id="Group_14146" data-name="Group 14146" transform="translate(0 7.629)">
+                          <path id="Path_9989" data-name="Path 9989" d="M216.509,141.425c-.305-.305-.61-.763-.915-1.068s-.61-.763-.915-1.068c-.305-.458-.61-.763-.915-1.221l-.458-.61c0-.153-.153-.305-.305-.458l.458.458.458.61c.305.305.61.763.915,1.068a8.464,8.464,0,0,1,.915,1.221C216.051,140.662,216.2,141.12,216.509,141.425Z" transform="translate(-213 -137)" fill="#a91111"/>
+                        </g>
+                        <g id="Group_14147" data-name="Group 14147" transform="translate(0.458)">
+                          <path id="Path_9990" data-name="Path 9990" d="M218.289,87c-.153.763-.305,1.373-.458,2.136a9.865,9.865,0,0,1-.61,1.983,9.87,9.87,0,0,1-.61,1.984l-.305,1.068a2.168,2.168,0,0,1-.305.915,9.717,9.717,0,0,0,.305-1.068l.153-.915a14.179,14.179,0,0,0,.61-1.984c.153-.763.458-1.373.61-2.136C217.831,88.373,218.136,87.763,218.289,87Z" transform="translate(-216 -87)" fill="#a91111"/>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g id="Group_14171" data-name="Group 14171" transform="translate(5.251)">
+              <g id="Group_14169" data-name="Group 14169" transform="translate(0.145 0.575)">
+                <g id="Group_14168" data-name="Group 14168">
+                  <path id="Path_9991" data-name="Path 9991" d="M228.8,8.411a.793.793,0,0,0-.305-.61c-.153-.153-.153-.305-.305-.458a7.265,7.265,0,0,0-.61-2.746c-.153-.458-1.678-.915-3.052-.763-1.373.305-2.594,1.221-2.594,1.831a7.852,7.852,0,0,0,.61,3.357,16.642,16.642,0,0,0,.915,1.678,3.828,3.828,0,0,0,1.221.763,2.835,2.835,0,0,0,1.221,0h.153a1.89,1.89,0,0,0,1.221-.61,3.192,3.192,0,0,0,.61-.915,2.205,2.205,0,0,0,.305-1.068.917.917,0,0,0,.61-.153Z" transform="translate(-221.918 -3.804)" fill="#ffb17c"/>
+                  <g id="Group_14167" data-name="Group 14167" transform="translate(1.538 2.624)">
+                    <g id="Group_14166" data-name="Group 14166">
+                      <g id="Group_14156" data-name="Group 14156" transform="translate(0 1.068)">
+                        <g id="Group_14154" data-name="Group 14154">
+                          <path id="Path_9992" data-name="Path 9992" d="M232.153,28.763A.149.149,0,0,1,232,28.61v-.305a.328.328,0,0,1,.305-.305.473.473,0,0,1,.305.153c.153.153.305.305.305.458v.61c0-.305,0-.458-.153-.61a.328.328,0,0,0-.305-.305c-.153-.153-.305-.153-.305,0-.153,0-.153.153-.153.305A.149.149,0,0,0,232.153,28.763Z" transform="translate(-232 -28)" fill="#fe884f"/>
+                        </g>
+                        <g id="Group_14155" data-name="Group 14155" transform="translate(0.305 0.39)">
+                          <path id="Path_9993" data-name="Path 9993" d="M234.305,31.386a.149.149,0,0,1-.153-.153.473.473,0,0,1-.153-.305.533.533,0,0,1,.153-.305c.153,0,.153-.153.305,0-.153,0-.153,0-.153.153-.153,0-.153,0-.153.153A.561.561,0,0,0,234.305,31.386Z" transform="translate(-234 -30.556)" fill="#fe884f"/>
+                        </g>
+                      </g>
+                      <g id="Group_14159" data-name="Group 14159" transform="translate(3.357 2.441)">
+                        <g id="Group_14157" data-name="Group 14157" transform="translate(0.305 0.458)">
+                          <path id="Path_9994" data-name="Path 9994" d="M256,40c0,.153,0,.153.153.153a.149.149,0,0,1,.153.153.149.149,0,0,1-.153-.153C256,40.153,256,40.153,256,40Z" transform="translate(-256 -40)" fill="#fe884f"/>
+                        </g>
+                        <g id="Group_14158" data-name="Group 14158">
+                          <path id="Path_9995" data-name="Path 9995" d="M254,37a1.156,1.156,0,0,0,.61.305c0,.153.153.153.305.153a.473.473,0,0,1,.305.153h-.305c-.153,0-.305-.153-.458-.153a.533.533,0,0,1-.153-.305C254.153,37.153,254.153,37,254,37Z" transform="translate(-254 -37)" fill="#fe884f"/>
+                        </g>
+                      </g>
+                      <g id="Group_14161" data-name="Group 14161" transform="translate(4.12 2.289)">
+                        <g id="Group_14160" data-name="Group 14160">
+                          <path id="Path_9996" data-name="Path 9996" d="M259,36h.153v.153H259Z" transform="translate(-259 -36)" fill="#fe884f"/>
+                        </g>
+                      </g>
+                      <g id="Group_14163" data-name="Group 14163" transform="translate(3.509 0.915)">
+                        <g id="Group_14162" data-name="Group 14162">
+                          <path id="Path_9997" data-name="Path 9997" d="M255.458,27.458a.328.328,0,0,1-.305.305c-.153,0-.153-.153-.153-.305,0-.305,0-.458.153-.458S255.458,27.153,255.458,27.458Z" transform="translate(-255 -27)" fill="#6a2509"/>
+                        </g>
+                      </g>
+                      <g id="Group_14165" data-name="Group 14165" transform="translate(2.746)">
+                        <g id="Group_14164" data-name="Group 14164">
+                          <path id="Path_9998" data-name="Path 9998" d="M251.373,21.305h-.915c-.153.153-.153.153-.305.153H250c.153-.153.305-.153.305-.305.153,0,.305,0,.305-.153h.763a.153.153,0,0,1,0,.305Z" transform="translate(-250 -21)" fill="#6a2509"/>
+                          <path id="Path_9999" data-name="Path 9999" d="M258.776,21v.153a.149.149,0,0,1-.153.153h0c-.153-.153,0-.153,0-.153h.153V21Z" transform="translate(-257.25 -21)" fill="#6a2509"/>
+                        </g>
+                      </g>
+                    </g>
+                    <path id="Path_10000" data-name="Path 10000" d="M240.441,36.221a1.2,1.2,0,0,1-1.221,1.221A1.123,1.123,0,0,1,238,36.221,1.2,1.2,0,0,1,239.221,35,1.313,1.313,0,0,1,240.441,36.221Z" transform="translate(-237.085 -32.864)" fill="#fda96d"/>
+                  </g>
+                </g>
+                <path id="Path_10001" data-name="Path 10001" d="M225.992,6.136a3.091,3.091,0,0,1-.61,2.289.967.967,0,0,0-.763-.915.561.561,0,0,0-.458.153c-.305.153-.305.305-.305.61a1.563,1.563,0,0,0,.763.915c0,.305-.153.458-.305.763-.153.153-.305.458-.458.458a3.917,3.917,0,0,1-1.068-2.746c0-.61-.153-1.221.153-1.678a2.117,2.117,0,0,1,1.068-1.221A4.772,4.772,0,0,1,225.535,4h.458a.561.561,0,0,1,.458.153.917.917,0,0,1,.153.61A1.232,1.232,0,0,1,225.992,6.136Z" transform="translate(-222.623 -3.97)" fill="#6a2509"/>
+              </g>
+              <g id="Group_14170" data-name="Group 14170">
+                <path id="Path_10002" data-name="Path 10002" d="M232.623.749a.211.211,0,0,1,0-.305c.153-.153.61-.153.458.153Z" transform="translate(-230.788 -0.296)" fill="#ff814a"/>
+                <path id="Path_10003" data-name="Path 10003" d="M221.28,4.824a3.3,3.3,0,0,1,.763-3.814c1.831-1.526,4.577-1.068,5.188,1.068l-1.984,1.068Z" transform="translate(-220.97 -0.1)" fill="#ff4644"/>
+                <path id="Path_10004" data-name="Path 10004" d="M235,.334s2.136,1.068,1.983,2.746l2.594-1.068A3.423,3.423,0,0,0,235,.334Z" transform="translate(-232.859 -0.034)" fill="#e32625"/>
+                <path id="Path_10005" data-name="Path 10005" d="M221,23.153a.533.533,0,0,1,.305-.153c.153.153.305.153.305.305v.305l-.458.153A1.578,1.578,0,0,1,221,23.153Z" transform="translate(-220.995 -19.496)" fill="#6a2509"/>
+                <path id="Path_10006" data-name="Path 10006" d="M236.458,11.1s3.662-1.526,3.662-1.983c0,0,1.831-.763,2.441,0S236,11.253,236,11.253Z" transform="translate(-233.707 -7.444)" fill="#ff814a"/>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g id="Layer_x0020_1-2" data-name="Layer_x0020_1" transform="translate(351.246 395.052)">
+      <g id="_118514128-2" data-name="_118514128" transform="translate(0 0.034)">
+        <g id="Group_14130-2" data-name="Group 14130" transform="translate(0 62.257)">
+          <g id="Group_14129-2" data-name="Group 14129" transform="translate(13.515)">
+            <g id="Group_14123-2" data-name="Group 14123" transform="translate(0 16.894)">
+              <path id="Path_9943-2" data-name="Path 9943" d="M84.478,328v1.931H56l4.585-1.448.965-.483Z" transform="translate(-56 -328)" fill="#de7625"/>
+              <g id="Group_14121-2" data-name="Group 14121" transform="translate(0 1.931)">
+                <path id="Path_9944-2" data-name="Path 9944" d="M80.858,359.893H56V336H80.858Z" transform="translate(-56 -336)" fill="#ffae3e"/>
+                <g id="Group_14120-2" data-name="Group 14120" transform="translate(0.965 18.342)">
+                  <g id="Group_14119-2" data-name="Group 14119">
+                    <path id="Path_9945-2" data-name="Path 9945" d="M70.619,420.448H60V419H70.619Z" transform="translate(-60 -417.311)" fill="#de7625"/>
+                    <path id="Path_9946-2" data-name="Path 9946" d="M67,413.207H60V412h7Z" transform="translate(-60 -412)" fill="#de7625"/>
+                  </g>
+                </g>
+                <path id="Path_9947-2" data-name="Path 9947" d="M138.861,344.931a1.948,1.948,0,0,1-3.861,0,1.931,1.931,0,0,1,3.861,0Z" transform="translate(-115.934 -341.311)" fill="#de7625"/>
+                <path id="Path_9948-2" data-name="Path 9948" d="M56,359.893h.965V336H56Z" transform="translate(-56 -336)" fill="rgba(255,174,62,0.5)"/>
+              </g>
+              <g id="Group_14122-2" data-name="Group 14122" transform="translate(24.858)">
+                <path id="Path_9949-2" data-name="Path 9949" d="M162.62,328v23.651L159,353.823V329.931l.965-.483Z" transform="translate(-159 -328)" fill="#fc8d2f"/>
+                <path id="Path_9950-2" data-name="Path 9950" d="M162.62,351.618V356.2L159,358.375V334.483l.965-.483a81.785,81.785,0,0,0,.483,10.86,19.352,19.352,0,0,0,1.207,5.068A6.049,6.049,0,0,0,162.62,351.618Z" transform="translate(-159 -332.552)" fill="rgba(252,141,47,0.5)"/>
+              </g>
+              <path id="Path_9951-2" data-name="Path 9951" d="M98.893,328v.483a108.268,108.268,0,0,1-23.893,0l.965-.483Z" transform="translate(-70.415 -328)" fill="rgba(222,118,37,0.5)"/>
+            </g>
+            <g id="Group_14128-2" data-name="Group 14128" transform="translate(3.62)">
+              <path id="Path_9952-2" data-name="Path 9952" d="M92.238,258v1.448H71l3.379-1.207.965-.241Z" transform="translate(-71 -258)" fill="#de7625"/>
+              <g id="Group_14126-2" data-name="Group 14126" transform="translate(0 1.448)">
+                <path id="Path_9953-2" data-name="Path 9953" d="M89.342,281.376H71V264H89.342Z" transform="translate(-71 -264)" fill="#ffae3e"/>
+                <g id="Group_14125-2" data-name="Group 14125" transform="translate(0.965 13.515)">
+                  <g id="Group_14124-2" data-name="Group 14124">
+                    <path id="Path_9954-2" data-name="Path 9954" d="M82.723,326.207H75V325h7.723Z" transform="translate(-75 -323.793)" fill="#de7625"/>
+                    <path id="Path_9955-2" data-name="Path 9955" d="M80.068,320.724H75V320h5.068Z" transform="translate(-75 -320)" fill="#de7625"/>
+                  </g>
+                </g>
+                <path id="Path_9956-2" data-name="Path 9956" d="M132.655,270.207c0,.965-.483,1.448-1.207,1.448A1.28,1.28,0,0,1,130,270.207c0-.724.483-1.207,1.448-1.207A1.14,1.14,0,0,1,132.655,270.207Z" transform="translate(-115.761 -267.793)" fill="#de7625"/>
+                <path id="Path_9957-2" data-name="Path 9957" d="M71,281.376h.965V264H71Z" transform="translate(-71 -264)" fill="rgba(255,174,62,0.5)"/>
+              </g>
+              <g id="Group_14127-2" data-name="Group 14127" transform="translate(18.342)">
+                <path id="Path_9958-2" data-name="Path 9958" d="M149.9,258v17.376l-2.9,1.448V259.448l.724-.483Z" transform="translate(-147 -258)" fill="#fc8d2f"/>
+                <path id="Path_9959-2" data-name="Path 9959" d="M149.9,275.032v3.379l-2.9,1.448V262.483l.724-.483a44.134,44.134,0,0,0,.483,7.964,10,10,0,0,0,.724,3.861A2.409,2.409,0,0,0,149.9,275.032Z" transform="translate(-147 -261.035)" fill="rgba(252,141,47,0.5)"/>
+              </g>
+              <path id="Path_9960-2" data-name="Path 9960" d="M102.859,258v.241a70.7,70.7,0,0,1-17.859,0l.965-.241Z" transform="translate(-81.621 -258)" fill="rgba(222,118,37,0.5)"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/time_icon.svg b/src/assets/performics/time_icon.svg
new file mode 100644
index 0000000..88e49de
--- /dev/null
+++ b/src/assets/performics/time_icon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="38.284" height="38.294" viewBox="0 0 38.284 38.294">
+  <g id="_1403751169488" transform="translate(0.25 0.259)">
+    <path id="Path_10015" data-name="Path 10015" d="M2.214,18.882c0-.564.08-1.4.141-1.925A16.234,16.234,0,0,1,6.1,8.233,17.562,17.562,0,0,1,10.63,4.421a16.647,16.647,0,0,1,4.513-1.76,15.176,15.176,0,0,1,1.756-.31L18.892,2.2a23.159,23.159,0,0,1,3.69.448,15.993,15.993,0,0,1,4.525,1.747A16.9,16.9,0,0,1,30.09,6.577l.593.514a2.759,2.759,0,0,1,.227.29,24.1,24.1,0,0,1,1.635,1.981A19.984,19.984,0,0,1,33.711,11.3a16.89,16.89,0,0,1,1.711,5.594,16.45,16.45,0,0,1-1.353,8.831,16.233,16.233,0,0,1-2.872,4.36,3.152,3.152,0,0,0-.254.262c-.521.629-.279.263-.815.808a16.516,16.516,0,0,1-10.2,4.334c-.459,0-.575.081-1.032.081l-1.925-.147a16.311,16.311,0,0,1-4.913-1.359c-.3-.144-.432-.188-.692-.34a15.439,15.439,0,0,1-3.119-2.047,18.783,18.783,0,0,1-1.619-1.554,4.72,4.72,0,0,1-.489-.545,18.181,18.181,0,0,1-1.7-2.429,16.645,16.645,0,0,1-1.76-4.513,14.462,14.462,0,0,1-.31-1.756c-.063-.567-.147-1.4-.147-1.993ZM18.2-.01h1.4a18.947,18.947,0,0,1,3.976.56,20.439,20.439,0,0,1,3.363,1.212A19.256,19.256,0,0,1,31.677,4.99a3.7,3.7,0,0,0,.3.291c.619.514.279.294.845.852a18.732,18.732,0,0,1,4.415,8.13,16.815,16.815,0,0,1,.547,3.965v1.327a16.478,16.478,0,0,1-.564,4,18.536,18.536,0,0,1-3.915,7.524l-1.369,1.435a16.575,16.575,0,0,1-3.567,2.706,18.2,18.2,0,0,1-4.859,2,17.859,17.859,0,0,1-5.283.547A18.572,18.572,0,0,1,7.97,34.306a22.533,22.533,0,0,1-2.163-1.822c-.543-.449-.2-.2-.548-.559l-.815-.882a14.416,14.416,0,0,1-1.006-1.282A18.715,18.715,0,0,1,1.75,26.874,18.106,18.106,0,0,1,0,18.219,18.455,18.455,0,0,1,1.772,10.84a14.477,14.477,0,0,1,.8-1.492c.29-.484.588-.945.9-1.387a15.641,15.641,0,0,1,2.38-2.713c.114-.1.187-.184.3-.295A18.508,18.508,0,0,1,18.2-.01Z" transform="translate(0 0.01)" fill="#05968F" stroke="#05968F" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10016" data-name="Path 10016" d="M552.28,346.792v6.937c0,.468.492.824.756,1.089l5.719,5.719c.619.619.611.793,1.421.793.6,0,.959-.538.959-1.255,0-.561-2.087-2.419-2.564-2.9-.364-.363-3.986-3.868-4.059-4.132l-.018-5.443a2.588,2.588,0,0,0-.117-1.211,1.129,1.129,0,0,0-2.1.4Z" transform="translate(-534.495 -334.689)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10017" data-name="Path 10017" d="M552.28,140.858v2.509c0,1.274,2.214,1.274,2.214,0v-2.509C554.494,139.584,552.28,139.584,552.28,140.858Z" transform="translate(-534.495 -135.397)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10018" data-name="Path 10018" d="M552.28,897.078v2.509c0,1.274,2.214,1.274,2.214,0v-2.509C554.494,895.8,552.28,895.8,552.28,897.078Z" transform="translate(-534.495 -867.264)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10019" data-name="Path 10019" d="M139.79,553.239c0,.717.359,1.254.959,1.254h2.509c1.274,0,1.274-2.214,0-2.214h-2.509A1.078,1.078,0,0,0,139.79,553.239Z" transform="translate(-135.288 -534.494)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10020" data-name="Path 10020" d="M896.01,553.239c0,.717.359,1.254.959,1.254h2.509c1.274,0,1.274-2.214,0-2.214h-2.509A1.078,1.078,0,0,0,896.01,553.239Z" transform="translate(-867.155 -534.494)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10021" data-name="Path 10021" d="M843.29,261.382a1.128,1.128,0,1,0,1.961-.707,1.139,1.139,0,0,0-1.961.707Z" transform="translate(-816.133 -251.936)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10022" data-name="Path 10022" d="M262.34,844.481a1.128,1.128,0,1,0-1.962.707,1.139,1.139,0,0,0,1.962-.707Z" transform="translate(-251.713 -816.142)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10023" data-name="Path 10023" d="M843.3,844.417a1.129,1.129,0,1,0,1.181-1.107A1.133,1.133,0,0,0,843.3,844.417Z" transform="translate(-816.143 -816.152)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+    <path id="Path_10024" data-name="Path 10024" d="M261.451,262.329a1.129,1.129,0,1,0-.708-1.962A1.139,1.139,0,0,0,261.451,262.329Z" transform="translate(-252.005 -251.702)" fill="#92CBC8" stroke="#92CBC8" stroke-width="0.5" fill-rule="evenodd"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/training.svg b/src/assets/performics/training.svg
new file mode 100644
index 0000000..78bc0bb
--- /dev/null
+++ b/src/assets/performics/training.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55">
+  <g id="Group_11005" data-name="Group 11005" transform="translate(-303 -122)">
+    <circle id="Ellipse_5" data-name="Ellipse 5" cx="27.5" cy="27.5" r="27.5" transform="translate(303 122)" fill="#fff"/>
+    <g id="Layer_x0020_1" transform="translate(317.185 138.006)">
+      <g id="_1403758479136" transform="translate(0 -0.006)">
+        <path id="Path_7593" data-name="Path 7593" d="M0,6.594c0,.638.683.869,1.378,1.308.972.614,2.361,1.409,3.233,1.986l7.318,4.489a2.244,2.244,0,0,0,2.056.019c1.507-.868,3.308-2.057,4.869-2.986l6.095-3.737c.161-.1.242-.158.405-.253a1.064,1.064,0,0,0,.592-.707V6.565a.884.884,0,0,0-.523-.614c-1.583-.85-4.031-2.014-5.677-2.837L14.882.682C13.066-.227,12.9-.237,11.1.665L.556,5.934C.348,6.041,0,6.294,0,6.594Z" transform="translate(0 0.006)" fill="#fff" stroke="#05968F" stroke-width="1.4" fill-rule="evenodd"/>
+        <path id="Path_7594" data-name="Path 7594" d="M80.224,249.864c-1.437,0-1.767-.374-2.93-1.074l-6.158-3.775c-.237-.142-1-.649-1,.237v4.865c0,1.216,1.422,2.44,2.333,2.987a14.326,14.326,0,0,0,7.042,1.928,15.956,15.956,0,0,0,4.169-.392,12.277,12.277,0,0,0,3.854-1.517l.779-.538a3.789,3.789,0,0,0,1.586-2.468v-5.169c0-.712-.772-.068-1.061.1-.4.239-.781.472-1.2.728s-.791.5-1.19.736c-1.417.848-3.453,2.188-4.744,2.908a3.227,3.227,0,0,1-1.486.44Z" transform="translate(-67.049 -231.998)" fill="#fff" stroke="#05968F" stroke-width="1.4" fill-rule="evenodd"/>
+        <path id="Path_7595" data-name="Path 7595" d="M525.626,228.019a1.355,1.355,0,0,0-.764,1.47,1.144,1.144,0,0,0,.387.731,1.348,1.348,0,0,0,2.216-1.406,1.173,1.173,0,0,0-.238-.421c-.358-.458-.5-.119-.489-.829l0-5.17a14.71,14.71,0,0,0-.051-2.534,1.84,1.84,0,0,0-.741.374c-.345.223-.327.317-.324.842v6.943Z" transform="translate(-500.245 -210.169)" fill="#92CBC8" fill-rule="evenodd"/>
+        <path id="Path_7596" data-name="Path 7596" d="M0,3.477c0,.337.36.458.727.69.513.324,1.246.744,1.707,1.048L6.3,7.585a1.184,1.184,0,0,0,1.085.01c.8-.458,1.746-1.086,2.57-1.576l3.217-1.972c.085-.051.127-.083.214-.134a.561.561,0,0,0,.312-.373V3.462a.467.467,0,0,0-.276-.324c-.836-.449-2.127-1.063-3-1.5L7.854.357C6.9-.123,6.81-.128,5.857.348L.294,3.129c-.11.057-.294.19-.294.348Z" transform="translate(6.126 3.463)" fill="#C0F5F2" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/upload_data.svg b/src/assets/performics/upload_data.svg
new file mode 100644
index 0000000..d0003b0
--- /dev/null
+++ b/src/assets/performics/upload_data.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55">
+  <g id="Group_16329" data-name="Group 16329" transform="translate(-213 -148)">
+    <circle id="Ellipse_4" data-name="Ellipse 4" cx="27.5" cy="27.5" r="27.5" transform="translate(213 148)" fill="#fff"/>
+    <g id="Layer_x0020_1" transform="translate(226.135 164.001)">
+      <g id="_1403747735520" transform="translate(0.007 -0.001)">
+        <path id="Path_7584" data-name="Path 7584" d="M3.345,7.642a5.386,5.386,0,0,0-2.3,1.895,5.581,5.581,0,0,0-.138,6.283,5.523,5.523,0,0,0,2.013,1.892,5.767,5.767,0,0,0,1.915.669c0-.449-.057-.7-.057-1.091,0-.4.084-.889.115-1.263-.778-.373-.759-.1-1.681-1.018a3.334,3.334,0,0,1,.408-4.848,3.369,3.369,0,0,1,1.195-.585c1.174-.39.847-1.262.827-1.935A5.433,5.433,0,0,1,8.856,2.932a6.33,6.33,0,0,1,6.318.574,3.644,3.644,0,0,1,.79.76,2.086,2.086,0,0,1,.255.319c.421.636.531.989,1.366.989.652,0,.467-.459,2.125-.459a3.347,3.347,0,0,1,2.363,1.139,3.43,3.43,0,0,1,.772,1.812c.086.594-.093,1.2,1.126,1.516a2.973,2.973,0,0,1,1.176.6,1.878,1.878,0,0,1,.438.423,3.126,3.126,0,0,1,.785,2.488,3.326,3.326,0,0,1-1.561,2.516,6.683,6.683,0,0,1-.966.412c.031.374.115.858.115,1.263,0,.389-.057.642-.057,1.091a5.8,5.8,0,0,0,3.883-2.491,5.655,5.655,0,0,0-2.341-8.237c-.488-.185-.275-.166-.456-.75a4.715,4.715,0,0,0-.508-1.215,5.586,5.586,0,0,0-5.786-2.852c-.257.037-.469.1-.706.156A8.959,8.959,0,0,0,15.441.942,8.54,8.54,0,0,0,8.13.713,7.629,7.629,0,0,0,3.344,7.641Z" transform="translate(-0.007 0.001)" fill="#92CBC8" stroke="#fff" stroke-width="0.8" fill-rule="evenodd"/>
+        <path id="Path_7585" data-name="Path 7585" d="M374.075,541.572a5.359,5.359,0,0,1,.566-2.937,5.642,5.642,0,0,1,10.689,2.133,5.321,5.321,0,0,1-.555,2.891,5.822,5.822,0,0,1-1.111,1.53,5.447,5.447,0,0,1-4.249,1.608,5.52,5.52,0,0,1-3.808-1.762,5.28,5.28,0,0,1-1.533-3.463Zm-2.125-.8a7.657,7.657,0,0,0,1.427,4.89,8.543,8.543,0,0,0,1.87,1.862,7.831,7.831,0,0,0,7.67.712,6.9,6.9,0,0,0,1.2-.7,5.5,5.5,0,0,0,1.028-.867,7.363,7.363,0,0,0,2.311-5.211,7.437,7.437,0,0,0-1.093-4.3,7.826,7.826,0,0,0-1.765-2.025,8.069,8.069,0,0,0-3.205-1.561l-1.689-.207-1.689.207a7.935,7.935,0,0,0-4.579,3l-.532.846a7.306,7.306,0,0,0-.952,3.355Z" transform="translate(-365.339 -523.88)" fill="#05968F" stroke="#fff" stroke-width="0.8" fill-rule="evenodd"/>
+        <path id="Path_7586" data-name="Path 7586" d="M667.318,752.9v-2.584h-.632a.826.826,0,0,1-.747-.919,17.761,17.761,0,0,1,1.665-2.642c1.045-1.587,1.765.133,2.281.82a8.7,8.7,0,0,1,1.107,1.821c0,1.022-.812.919-1.378.919v2.469c0,1.887-2.3,1.773-2.3.115Z" transform="translate(-654.104 -732.846)" fill="#05968F" fill-rule="evenodd"/>
+        <path id="Path_7587" data-name="Path 7587" d="M574.316,134.164c-1.3,0-1.154.36-1.665.36-.654,0-.74-.276-1.07-.775a1.636,1.636,0,0,0-.2-.25,2.85,2.85,0,0,0-.619-.6,4.954,4.954,0,0,0-3.992-.786v6.5a5.251,5.251,0,0,1,.925-.5,6.16,6.16,0,0,1,1.113-.372l1.323-.162,1.323.162a6.326,6.326,0,0,1,2.512,1.223,6.133,6.133,0,0,1,1.383,1.587,5.828,5.828,0,0,1,.857,3.373,5.22,5.22,0,0,1-.037.622l1.432.007c0-.352.045-.55.045-.855s-.066-.7-.09-.99a5.249,5.249,0,0,0,.757-.323,2.606,2.606,0,0,0,1.223-1.972,2.449,2.449,0,0,0-.615-1.949,1.477,1.477,0,0,0-.343-.331,2.328,2.328,0,0,0-.921-.473c-.955-.249-.815-.722-.882-1.188a2.688,2.688,0,0,0-.605-1.42,2.624,2.624,0,0,0-1.852-.893Z" transform="translate(-554.934 -127.912)" fill="#C0F5F2" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/performics/uploaded_icon.svg b/src/assets/performics/uploaded_icon.svg
new file mode 100644
index 0000000..b277114
--- /dev/null
+++ b/src/assets/performics/uploaded_icon.svg
@@ -0,0 +1,8 @@
+<svg id="Layer_x0020_1" xmlns="http://www.w3.org/2000/svg" width="18.096" height="18.096" viewBox="0 0 18.096 18.096">
+  <g id="_1403745324224">
+    <path id="Path_10025" data-name="Path 10025" d="M0,0H18.1V18.1H0Z" fill="none" fill-rule="evenodd"/>
+    <path id="Path_10026" data-name="Path 10026" d="M18.2,533.733l4.215,4.215,1.063-1.063-4.208-4.215Z" transform="translate(-17.891 -523.622)" fill="#c2e6a2" fill-rule="evenodd"/>
+    <path id="Path_10027" data-name="Path 10027" d="M281.632,248.13l-7.978,7.978-3.152-3.144-1.063,1.063,4.215,4.215,9.048-9.048Z" transform="translate(-264.863 -243.915)" fill="#6fb236" fill-rule="evenodd"/>
+    <path id="Path_10028" data-name="Path 10028" d="M460.814,249.193l-1.063-1.063-4.781,4.781,1.063,1.063Z" transform="translate(-447.242 -243.915)" fill="#c2e6a2" fill-rule="evenodd"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/user_icon.svg b/src/assets/performics/user_icon.svg
new file mode 100644
index 0000000..7077d5f
--- /dev/null
+++ b/src/assets/performics/user_icon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="27.921" height="27.922" viewBox="0 0 27.921 27.922">
+  <g id="person_outline_black_24dp" transform="translate(0.4 0.4)">
+    <path id="Path_7418" data-name="Path 7418" d="M0,0H27.121V27.121H0Z" fill="none" stroke="#f7f8f8" stroke-width="0.8"/>
+    <path id="Path_7419" data-name="Path 7419" d="M13.04,6.147A2.373,2.373,0,1,1,10.667,8.52,2.373,2.373,0,0,1,13.04,6.147m0,10.171c3.356,0,6.893,1.65,6.893,2.373v1.243H6.147V18.691c0-.723,3.537-2.373,6.893-2.373M13.04,4a4.52,4.52,0,1,0,4.52,4.52A4.519,4.519,0,0,0,13.04,4Zm0,10.171c-3.017,0-9.04,1.514-9.04,4.52v3.39H22.081v-3.39C22.081,15.685,16.058,14.171,13.04,14.171Z" transform="translate(0.52 0.52)" fill="#323232" stroke="#f7f8f8" stroke-width="0.8"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/user_outline.svg b/src/assets/performics/user_outline.svg
new file mode 100644
index 0000000..3b99e88
--- /dev/null
+++ b/src/assets/performics/user_outline.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16.135" height="19.141" viewBox="0 0 16.135 19.141">
+  <g id="Group_10516" data-name="Group 10516" transform="translate(-46.283 -330.5)">
+    <path id="Path_7254" data-name="Path 7254" d="M91.4,8.739a4.228,4.228,0,0,0,3.089-1.28,4.227,4.227,0,0,0,1.28-3.089A4.228,4.228,0,0,0,94.49,1.28a4.368,4.368,0,0,0-6.178,0,4.228,4.228,0,0,0-1.28,3.089,4.228,4.228,0,0,0,1.28,3.089A4.229,4.229,0,0,0,91.4,8.739Zm0,0" transform="translate(-37.166 331)" fill="#fff" stroke="#05968F" stroke-width="1"/>
+    <path id="Path_7255" data-name="Path 7255" d="M15.1,252.5a10.791,10.791,0,0,0-.147-1.146,9.032,9.032,0,0,0-.282-1.152,5.693,5.693,0,0,0-.474-1.075,4.054,4.054,0,0,0-.714-.931,3.15,3.15,0,0,0-1.026-.645,3.546,3.546,0,0,0-1.31-.237,1.329,1.329,0,0,0-.71.3c-.213.139-.462.3-.74.477a4.236,4.236,0,0,1-.957.422,3.715,3.715,0,0,1-2.341,0,4.231,4.231,0,0,1-.956-.421c-.275-.176-.524-.336-.74-.477a1.328,1.328,0,0,0-.71-.3,3.543,3.543,0,0,0-1.31.237,3.148,3.148,0,0,0-1.026.645,4.057,4.057,0,0,0-.714.931A5.7,5.7,0,0,0,.465,250.2a9.05,9.05,0,0,0-.282,1.152A10.756,10.756,0,0,0,.036,252.5c-.024.347-.036.707-.036,1.071a3.012,3.012,0,0,0,.895,2.279,3.221,3.221,0,0,0,2.305.841h8.735a3.22,3.22,0,0,0,2.305-.841,3.011,3.011,0,0,0,.895-2.279c0-.365-.012-.726-.037-1.071Zm0,0" transform="translate(46.783 92.446)" fill="#fff" stroke="#05968F" stroke-width="1"/>
+  </g>
+</svg>
diff --git a/src/assets/performics/users-strike.png b/src/assets/performics/users-strike.png
new file mode 100644
index 0000000..d92afc5
Binary files /dev/null and b/src/assets/performics/users-strike.png differ
diff --git a/src/assets/performics/visitor_login_icon.svg b/src/assets/performics/visitor_login_icon.svg
new file mode 100644
index 0000000..39ffe32
--- /dev/null
+++ b/src/assets/performics/visitor_login_icon.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="0.6in" height="0.6in" 
+viewBox="0 0 600 600">
+ 
+ <g id="Layer_x0020_1">
+  <circle id="Ellipse_2" class="fil0" cx="300" cy="300" r="286.46" data-name="Ellipse 2"/>
+  <g id="Group_16319" data-name="Group 16319">
+   <g>
+    <path id="Path_11069" class="fil1" d="M300 221.21c14.96,0 27.08,12.13 27.08,27.09 0,14.96 -12.13,27.08 -27.08,27.08 -14.95,0 -27.08,-12.12 -27.08,-27.08 0,-14.96 12.13,-27.08 27.08,-27.08l0 -0zm0 116.25c38.37,0 78.79,18.85 78.79,27.08l0 14.21 -157.58 0 0 -14.17c0,-8.27 40.43,-27.08 78.79,-27.08l0 -0.04zm0 -140.79c-28.52,0 -51.66,23.14 -51.66,51.67 0,28.52 23.13,51.66 51.66,51.66 28.53,0 51.67,-23.14 51.67,-51.66 0,0 0,-0.01 0,-0.01 0,-28.52 -23.13,-51.66 -51.66,-51.66 0,0 -0.01,0 -0.01,0l0 -0zm51.67 167.92c-86.15,-51.67 -155,-34.36 -155,0l0 38.75 206.67 0 0 -38.75c0,-34.36 -68.85,-51.67 -103.33,-51.67l51.67 51.67z" data-name="Path 11069"/>
+    <path id="_1" class="fil2 str0" d="M300 221.21c14.96,0 27.08,12.13 27.08,27.09 0,14.96 -12.13,27.08 -27.08,27.08 -14.95,0 -27.08,-12.12 -27.08,-27.08 0,-14.96 12.13,-27.08 27.08,-27.08m0 116.24c38.37,0 78.79,18.85 78.79,27.08l0 14.21 -157.58 0 0 -14.17c0,-8.27 40.43,-27.08 78.79,-27.08m0 -140.83c-28.52,0 -51.66,23.14 -51.66,51.67 0,28.52 23.13,51.66 51.66,51.66 28.53,0 51.67,-23.14 51.67,-51.66 0,0 0,-0.01 0,-0.01 0,-28.52 -23.13,-51.66 -51.66,-51.66 0,0 -0.01,0 -0.01,0l0 -0zm51.67 167.92c-86.15,-51.67 -155,-34.36 -155,0l0 38.75 206.67 0 0 -38.75c0,-34.36 -68.85,-51.67 -103.33,-51.67l51.67 51.67z"/>
+   </g>
+   <rect id="Rectangle_17428" class="fil3" x="244.19" y="352.92" width="114.58" height="20.83" data-name="Rectangle 17428"/>
+   <circle id="Ellipse_58" class="fil4" cx="296.27" cy="248.75" r="20.83" data-name="Ellipse 58"/>
+  </g>
+ </g>
+</svg>
diff --git a/src/components/Camera.js b/src/components/Camera.js
new file mode 100644
index 0000000..c3aa213
--- /dev/null
+++ b/src/components/Camera.js
@@ -0,0 +1,782 @@
+import React, { useRef, useCallback, useState, useEffect, useMemo } from "react";
+import { Dimensions, Image, Platform, StatusBar, Text, TouchableOpacity, View,Animated, Alert } from "react-native";
+import Reanimated, { Extrapolate, interpolate, useAnimatedProps, useSharedValue } from 'react-native-reanimated';
+
+import { StyleSheet} from "react-native";  
+import { customCamera, customStyles, deffontfamily, GetPageTheme, WP } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { notify } from "./notify";
+import { hasCameraPermission } from "./geolocation";
+import { Entypo, MaterialCommunityIcons, MaterialIcons } from "./icons";
+import { connect } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import { launchImageLibrary } from 'react-native-image-picker';
+import Orientation from 'react-native-orientation-locker';
+import { PORTRAIT } from "react-native-orientation-locker";
+import moment from "dayjs";
+import * as RNFS from 'react-native-fs';
+import ViewShot  from "react-native-view-shot";
+import CustomModal from "./CustomModal";
+// import QRCodeScanner from "react-native-qrcode-scanner";
+import { PERMISSIONS, request, check, RESULTS } from 'react-native-permissions';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+
+
+const VC_OR={
+    "landscapeLeft":"landscapeLeft",
+    "landscapeRight":"landscapeRight",
+    "portraitUpsideDown":"portraitUpsideDown",
+    "portrait":"portrait",
+}
+
+
+import {
+    Camera,
+    useCameraDevice,
+    useCameraDevices,
+    useFrameProcessor
+  } from 'react-native-vision-camera'
+  import {
+    useFaceDetector
+  } from 'react-native-vision-camera-face-detector'
+  
+  import { Worklets } from 'react-native-worklets-core'
+
+  const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window')
+
+  
+
+function CustomCamera(props) {
+    const route = useRoute();
+    const PageTheme = GetPageTheme(props.DarkTheme, route.name);
+    const cameraStyle = customCamera(props.DarkMode, route.name);
+    const customStyle = customStyles(props.DarkMode, route.name);
+
+    const camera = useRef(null)
+
+    // const camera = useRef<Camera>(null) 
+    const viewShort = useRef();
+    const viewShotRef = useRef();
+    const svgRef = useRef();
+    const faceDetecRef = useRef(false);
+    const faceDetecDataRef = useRef([]);
+
+    const devices = useCameraDevices();
+    const supportsCameraFlipping = useMemo(() => devices.back != null && devices.front != null, [devices.back, devices.front]);
+    const dim = Dimensions.get("window");
+    const format = device?.formats.find(f => f.supportedColorSpaces?.length > 0) || device?.formats[0];
+    console.log("Available Formats:", device?.formats.map(f => ({
+        width: f.photoWidth,
+        height: f.photoHeight,
+        colorSpaces: f.supportedColorSpaces
+    })));
+    const [barcode, setBarcode] = React.useState({});
+    const [isScanned, setIsScanned] = React.useState(false);
+    const [qrCodeEnable, setQRCodeEnable] = useState(false);
+    const orAnim=useRef(new Animated.Value(0)).current;
+    const [showImage, setshowImage] = useState(false);
+    const [imgurl, setimgurl] = useState('');
+    const [temp_imgurl, setTemp_imgurl] = useState('');
+    const [BottomText, setBottomText] = useState(props.BottomText || '');
+    const [BottomSubText, setBottomSubText] = useState('');
+    const [BottomSubText2, setBottomSubText2] = useState('');
+    const [TopText, setTopText] = useState('');
+    const [photoObj, setPhotoObj] = useState({});
+    const [isActive, setisActive] = useState(false);
+    const [isPhotoTaken, setIsPhotoTaken] = useState(false);
+    const [isCameraActive, setIsCameraActive] = useState(false);
+    const [activeFlashMode, setActiveFlashMode] = useState('off');
+
+    const [orientation, setOrientation] = useState(PORTRAIT.toLowerCase());
+    const [islandscape, setIslandscape] = useState(false);
+    const [showCameraForScreen, setShowCameraForScreen] = useState(true);
+    const [gridEnable, setGridEnable] = useState(false);
+    const [showCapLandsImgAlert, setShowCapLandsImgAlert] = useState(false);
+    const [count, setCount] = useState(0);
+    const [ImageExtraSPace, setImageExtraSPace] = useState(1.06);
+    const [ImgLoading, setImgLoading] = useState(false);
+    const layoutProcessedCount=useRef(0);
+    const [cameraPosition, setCameraPosition] = useState((props.cameraType == 'front'?'front':'back'));
+    const [detectedFaces, setDetectedFaces] = useState([]) 
+    const [faceData, setFaceData] = useState([]);
+
+
+    const device = useCameraDevice(cameraPosition)
+
+    const lastBlinkTime = useRef(0);
+    const blinkCount = useRef(0);
+
+
+    const faceDetectionOptions = useRef({
+        // landmarkMode: 'none',
+        landmarkMode: 'all', 
+        performanceMode: 'fast',
+        // classificationMode: 'none',
+        classificationMode: 'all',
+        minFaceSize: 0.1,
+        mode: 'fast'
+    }).current
+
+
+    const { detectFaces } = useFaceDetector( faceDetectionOptions )
+
+    useEffect(() => {
+        (async () => {
+        const status = await Camera.requestCameraPermission()
+        await Camera.configure({
+            ...(Platform.OS === "ios" ? { colorSpace: undefined } : {}), // Remove colorSpace on iOS
+          });
+        })()
+    }, [device])
+
+    const handleDetectedFaces = Worklets.createRunOnJS((faces) => { 
+        faceDetecRef.current = faces?.length > 0
+        faceDetecDataRef.current=[...faces]
+        setDetectedFaces(faces) 
+    })
+
+
+    const handleBlinkDetected = Worklets.createRunOnJS(() => {
+        console.log("Blink detected! Count:", blinkCount.current);
+        
+        const now = Date.now();
+        // Simple debounce - only consider blinks > 300ms apart
+        if (now - lastBlinkTime.current > 300) {
+          lastBlinkTime.current = now;
+          blinkCount.current += 1;
+          
+          // Take photo after 2 blinks (adjust as needed)
+          if (blinkCount.current >= 2) {
+            blinkCount.current = 0;
+            takePhoto();
+          }
+        }
+      });
+
+  const frameProcessor = useFrameProcessor((frame) => {
+    'worklet'
+    // Detect faces in the frame (this is synchronous)
+    const faces = detectFaces(frame)
+    // Send the detected faces to the JS thread
+    handleDetectedFaces(faces)
+    if (faces.length > 0) {
+        const face = faces[0];
+        if (face.leftEyeOpenProbability < 0.3 && face.rightEyeOpenProbability < 0.3) {
+          // Simple debounce - only consider blinks > 300ms apart
+            handleBlinkDetected()
+        }
+      }
+  }, [handleDetectedFaces])
+
+
+    const ReanimatedCamera = Reanimated.createAnimatedComponent(Camera)
+    Reanimated.addWhitelistedNativeProps({
+      zoom: true,
+    })
+    const zoom = useSharedValue(0)
+    // zoom.value=0
+    // const minZoom = device?.minZoom ?? 1;
+    const minZoom = device?.minZoom ?? 1;
+    const maxZoom = Math.min(device?.maxZoom ?? 1, 20);
+  
+    const onZoomPress = useCallback(() => {
+        // setCount(count+1)
+      zoom.value = withSpring(count)
+    }, [count])
+
+
+    const SCALE_FULL_ZOOM = 3;
+    const BUTTON_SIZE = 40;
+
+
+ const pinchGesture = Gesture.Pinch()
+   .onStart(() => {
+     pinchGesture.startZoom = zoom.value;
+   })
+   .onUpdate((event) => {
+     const startZoom = pinchGesture.startZoom ?? 0;
+     const scale = interpolate(
+       event.scale,
+       [1 - 1 / SCALE_FULL_ZOOM, 1, SCALE_FULL_ZOOM],
+       [-1, 0, 1],
+       Extrapolate.CLAMP
+     );
+     zoom.value = interpolate(
+       scale,
+       [-1, 0, 1],
+       [minZoom, startZoom, maxZoom],
+       Extrapolate.CLAMP
+     );
+   });
+
+ 
+    const animatedProps = useAnimatedProps(
+      () => ({ zoom: zoom.value }),
+      [zoom]
+    )
+
+const requestCameraPermission = async () => {
+  const result = await request(PERMISSIONS.IOS.CAMERA);
+
+  if (result === RESULTS.GRANTED) {
+    console.log('Camera permission granted');
+  } else {
+    Alert.alert(
+      'Permission Required',
+      'Camera permission is required to use this feature. Please enable it in Settings.',
+      [{ text: 'OK' }]
+    );
+  }
+};
+
+const checkCameraPermission = async () => {
+  const result = await check(PERMISSIONS.IOS.CAMERA);
+  
+  if (result === RESULTS.GRANTED) {
+    console.log('Camera permission already granted');
+  } else {
+    await requestCameraPermission();
+  }
+};
+
+    useEffect(() => {
+       if(Platform.OS =="ios") checkCameraPermission();
+    }, []);
+  
+    useEffect(() => {
+        let showGrid = props.gridEnable != null ? (props.gridEnable) : false;
+        setGridEnable(showGrid);
+    },[props.gridEnable])
+
+    useEffect(() => {
+        let showQRCam = props.QRCodeEnable != null ? (props.QRCodeEnable) : false;
+        setQRCodeEnable(showQRCam);
+    },[props.QRCodeEnable])
+
+    useEffect(() => {
+
+        console.log('CameraGallery in camera :', props.CameraGallery, 'for screen:', props.enableGallerForScreen);
+        let showScreenCam = props.enableGallerForScreen != null ? (props.enableGallerForScreen) : true;
+        
+
+        setShowCameraForScreen(showScreenCam);
+        hasCameraPermission();
+        
+        Orientation.addDeviceOrientationListener((orientation) => {
+            let or=orientation.toLowerCase();
+            if(or=='unknown') or='portrait';
+           
+            let isLS=(or == 'landscape-left' || or == 'landscape-right' || or == 'landscape');
+            let or_VC= or=='landscape-left'?VC_OR.landscapeRight:(or=='landscape-right'?VC_OR.landscapeLeft:(or=='portrait-upside-down'?VC_OR.portraitUpsideDown:VC_OR.portrait));
+            setOrientation(or_VC);
+            setIslandscape(isLS);
+            Animated.timing(orAnim, {
+                toValue: isLS?1:0,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+
+            console.log("onchange:",orientation,or_VC);
+        });
+
+        return () => {
+            Orientation.removeOrientationListener((orientation) => { console.log("or listener removed") });
+            Orientation.removeAllListeners();
+        }
+
+    }, []);
+
+    useEffect(() => {
+        console.log('showCamera changed:', props.showCamera);
+        if (props.showCamera == true) {
+            showCamera();
+        }
+        else {
+            hideCamera();
+        }
+    }, [props.showCamera]);
+
+    function showCamera() {
+        console.log('showCamera customcamera');
+        if(props.cameraType != 'front' ){
+            setShowCapLandsImgAlert(true);
+            setTimeout(() => {
+                setShowCapLandsImgAlert(false);
+            }, 1000);
+        }
+        setIsCameraActive(true);
+        setisActive(true);
+    }
+
+    async function hideCamera(type='') {
+        setIsCameraActive(false);
+        setisActive(false);
+        setimgurl('');
+        setIsPhotoTaken(false);
+        setshowImage(true);
+        if(props.isCameraScreen!=null && props.isCameraScreen==true){
+            // Don't call onHideCamera if it is a camera screen
+            if(type=='cancel'){
+                props.onHideCamera();
+            }
+        }
+        else{
+            if (props.onHideCamera != null && typeof props.onHideCamera === 'function') {
+                props.onHideCamera();
+            }
+        }
+    }
+
+    function closeCamera() {
+        setIsCameraActive(false);
+    }
+
+
+    const onFlipCameraPressed = useCallback(() => {
+        setCameraPosition((p) => (p === 'back' ? 'front' : 'back'));
+    }, []);
+
+
+    async function takePhoto() {
+            if (camera?.current != null && typeof camera?.current === 'object') {
+
+                const photo = await camera?.current?.takePhoto({
+                    flash: activeFlashMode,
+                    // qualityPrioritization: 'speed'
+                })
+                
+
+                console.log("taken photo params:",photo)
+                if (photo != null) {
+                    let path = photo?.path?.includes('file://') ? photo.path :'file://' + photo.path;
+                    let picture_clicked_time=moment().format('DD-MM-YYYY HH:mm:ss');
+                    let ExtraSpace=1.1; 
+
+
+                    if(photo.width>photo.height){
+                        // landscape image 
+                        ExtraSpace=1.2
+                    }
+                    console.log("takephhoto:w x h",photo.width,photo.height,photo);
+
+                    let obj = { uri: path,original_path: photo.path, width: parseInt(photo.width), height: parseInt(photo.height), ExtendedHeight: parseInt(photo.height*ExtraSpace),or_Mode:orientation };
+                    
+                    setImageExtraSPace(ExtraSpace);
+                    setPhotoObj(obj);
+                    setTemp_imgurl(path)
+
+                    let bText=props.BottomText+" | Date: "+picture_clicked_time;
+                    setBottomText(bText);
+                    setTopText(picture_clicked_time);
+                    setIsPhotoTaken(true);
+                    setImgLoading(false);
+                }
+                else {
+                    notify('Something went wrong! Cannot take picture.');
+                    setisActive(false);
+                    setImgLoading(false);
+                }
+            }
+            else {
+                notify('Camera not found!.');
+                setisActive(false);
+                setImgLoading(false);
+            }
+
+            closeCamera();
+        
+    }
+
+    async function onRetake() {
+        await RNFS.unlink(temp_imgurl);
+        // setTemp_imgurl('');
+        setIsPhotoTaken(false);
+        setshowImage(false);
+        setIsCameraActive(true);
+        setisActive(true);
+        // setTopText('');
+        // setBottomText('');
+    }
+    async function onCameraImgOk() {
+        zoom.value=0
+
+        let obj = photoObj;
+        
+        obj.viewShotRef=viewShotRef;
+        setPhotoObj(obj);
+        setisActive(false);
+        setIsPhotoTaken(false);
+        setshowImage(true);
+
+        if (props.onImageCaptured != null && typeof props.onImageCaptured === 'function') {
+            props.onImageCaptured(obj);
+        }
+        hideCamera();
+    }
+
+    async function onQRScanned(qrData){
+        console.log("qrData:",qrData.data);
+        setisActive(false);
+        if (props.onImageCaptured != null && typeof props.onImageCaptured === 'function') {
+            let QR_withValidChars=qrData.data!=null && qrData.data!=''?qrData.data.replace(/["']/g,''):'';
+            props.onImageCaptured(QR_withValidChars);
+        }
+        hideCamera();
+    }
+
+    function flashOnOff(type = '') {
+        console.log('setflashmode:', type);
+        if (type != '' && type != null) {
+            setActiveFlashMode(type);
+            if (type == 'on') {
+
+            }
+            else if (type == 'off') {
+
+            }
+            else if (type == 'auto') {
+
+            }
+        }
+    }
+
+    function pickGalleryImage(img) {
+        console.log('pickGalleryImage:', img, typeof img.assets);
+        if (img != null && img.assets != null && typeof img.assets === 'object' && img.assets.length > 0 && img.assets[0].uri != null) {
+            let photo = img.assets[0];
+            let path = photo.uri;
+            console.log(path);
+            let times = photo.timestamp != null && photo.timestamp != '' ? photo.timestamp : new Date();
+            let obj = { uri: path, width: photo.width, height: photo.height, 'fromGallery': true, 'datetime': times };
+            setPhotoObj(obj);
+            setTemp_imgurl(path)
+            let picture_clicked_time=moment().format('DD-MM-YYYY HH:mm:ss');
+            let bText=props.BottomText+" | "+picture_clicked_time;
+
+            setTopText(picture_clicked_time);
+            setBottomText(bText);
+            setIsPhotoTaken(true);
+        }
+        else {
+            notify('Something went wrong! Cannot take picture.');
+            setisActive(false);
+        }
+    }
+
+    function getImageFromGallery() {
+        launchImageLibrary({ mediaType: 'photo', selectionLimit: 1, includeExtra: true, cameraType: 'front' }, pickGalleryImage)
+    }
+
+    function _renderCaptureBtn() {
+        return (
+            <>
+            <TouchableOpacity style={[cameraStyle.customCamera_capbtn]} onPress={() => { takePhoto(); }}>
+                <View style={cameraStyle.customCamera_capbtn_Outer}><View style={cameraStyle.customCamera_capbtn_Inner} /></View>
+            </TouchableOpacity>
+            </>
+        )
+    }
+
+    function _renderGalleryBtn() {
+        return (
+            <TouchableOpacity style={cameraStyle.customCamera_Gallerybtn} onPress={() => { getImageFromGallery() }}>
+                <View style={cameraStyle.customCamera_Gallerybtn_Outer}>
+                    <View style={cameraStyle.customCamera_Gallerybtn_Inner}>
+                        <Entypo name='images' size={32} color={PageTheme.$text_color} style={cameraStyle.customCamera_Gallerybtn_Icon} />
+                    </View>
+                </View>
+            </TouchableOpacity>
+        )
+    }
+
+    function _renderBottomControls() {
+        return (
+            <View style={[cameraStyle.customCamera_bottomBar,{marginBottom:"4%"}]}>
+                {_renderCaptureBtn()}
+                {props.CameraGallery == true && showCameraForScreen == true &&
+                    _renderGalleryBtn()
+                }
+            </View>
+        )
+    }
+    function _renderOrientationIcon() {
+        let deg=0;
+        if(orAnim!=null ){
+            deg=orAnim.interpolate({
+                inputRange:[0,1],
+                outputRange:['0deg', '90deg'],
+            });
+        }
+    }
+
+    function _renderCancelBtn() {
+        return (
+            <TouchableOpacity style={cameraStyle.imgControls_btnCon} onPress={() => { hideCamera('cancel') }}>
+                <View style={cameraStyle.imgControls_btn}>
+                    <MaterialCommunityIcons name='cancel' color={'#fff'} size={18} />
+                    <Text style={[cameraStyle.imgControls_btnText, cameraStyle.icbtTop]}>Cancel</Text>
+                </View>
+            </TouchableOpacity>
+        )
+    }
+
+    function _renderRetakeBtn() {
+        return (
+            <TouchableOpacity style={cameraStyle.imgControls_centerBtn} onPress={() => { onRetake() }}>
+                <View style={cameraStyle.imgControls_btn}>
+                    <View style={cameraStyle.imgControls_retakeBtn}>
+                        <MaterialCommunityIcons name='camera-retake' color={'#000'} size={30} />
+                    </View>
+                    <Text style={[cameraStyle.imgControls_btnText, cameraStyle.icbtTop]}>Retake</Text>
+                </View>
+            </TouchableOpacity>
+        )
+    }
+
+
+
+    function _renderSaveImgBtn() {
+        return (
+            <TouchableOpacity style={cameraStyle.imgControls_btnCon} onPress={() => { onCameraImgOk() }}>
+                <View style={cameraStyle.imgControls_btn}>
+                    <MaterialCommunityIcons name='check' color={'#fff'} size={18} />
+                    <Text style={[cameraStyle.imgControls_btnText, cameraStyle.icbtTop]}>Ok</Text>
+                </View>
+            </TouchableOpacity>
+        )
+    }
+
+
+
+    function _renderImageControls() {
+        return (
+            <View style={[cameraStyle.customCamera_bottomBar2,{marginBottom:"5%"}]}>
+                <View style={cameraStyle.imgControls}>
+                    {_renderCancelBtn()}
+                    {_renderRetakeBtn()}
+                    {_renderSaveImgBtn()}
+                </View>
+            </View>
+        )
+    }
+
+    function _renderFlashBtn(type = 'on') {
+        return (
+            <TouchableOpacity style={cameraStyle.flashBtn} onPress={() => { flashOnOff(type) }}>
+                {type == 'on' && <MaterialCommunityIcons name='flash' color={(activeFlashMode == 'on' ? '#ffe600' : '#fff')} size={24} />}
+                {type == 'off' && <MaterialCommunityIcons name='flash-off' color={(activeFlashMode == 'off' ? '#ffe600' : '#fff')} size={24} />}
+                {type == 'auto' && <MaterialCommunityIcons name='flash-auto' color={(activeFlashMode == 'auto' ? '#ffe600' : '#fff')} size={24} />}
+            </TouchableOpacity>
+        )
+    }
+
+    function _renderCameraSwapMode() {
+        return (
+            <TouchableOpacity style={cameraStyle.flashBtn} onPress={() => { onFlipCameraPressed() }}>
+                {cameraPosition == 'front' && <MaterialIcons name='flip-camera-ios' color={'#ffe600'} size={24} />}
+                {cameraPosition == 'back' && <MaterialIcons name='flip-camera-android' color={'#fff'} size={24} />}
+            </TouchableOpacity>
+        )
+    }
+
+    function _renderTopControls() {
+        return (
+            <View style={cameraStyle.topControls}>
+                <View style={cameraStyle.topControlsInner}>
+                    {_renderFlashBtn('on')}
+                    {_renderFlashBtn('off')}
+                </View>
+            </View>
+        )
+    }
+
+    function _renderSideControls() {
+        
+        let enableCameraFlip = props.enableCameraFlip != null ? (props.enableCameraFlip) : false;
+        return (
+            <View style={(cameraStyle.sideControls)}>
+                <View style={cameraStyle.sideControlsInner}>
+                    {_renderFlashBtn('on')}
+                    {_renderFlashBtn('off')}
+                    {supportsCameraFlipping && enableCameraFlip==true &&
+                    _renderCameraSwapMode()
+                    }
+                </View>
+            </View>
+        )
+    }
+    const cameraAnimatedProps = useAnimatedProps(() => {
+        const z = Math.max(Math.min(zoom.value, maxZoom), minZoom);
+        return {
+          zoom: z,
+        };
+      }, [maxZoom, minZoom, zoom]);
+
+    
+
+    const cameraView = () =>{
+        return (
+            <>
+            {/* <QRCodeScanner
+                 onRead={onQRScanned}
+                 showMarker={true}
+                 cameraStyle={[cameraStyle.customCamera, (islandscape || props.cameraType == 'front' ? cameraStyle.customCameraLS : {})]} //(props.cameraType!='front'?{}:cameraStyle.customCameraTop)
+             /> */}
+            </>
+        )
+    }
+
+    function _render_AutoAlertModal(){
+        return (
+          <CustomModal
+            style={customStyle.storelVisitM_Style}
+            title={"Please click image in landscape mode!"}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            showModal={showCapLandsImgAlert}
+          >
+            <View />
+          </CustomModal>
+        )
+    }
+
+    function _renderSCreenSHotView(){
+        let is_photo_mode_LS=(photoObj.or_Mode==VC_OR.landscapeLeft || photoObj.or_Mode==VC_OR.landscapeRight)
+        let imgSIze=(photoObj.or_Mode!=null && photoObj.or_Mode!='' ?(is_photo_mode_LS?{width:'100%'}:{height:'100%'}):{});
+        let vieshotStyle={}; 
+        let itemW=photoObj.width,itemH=photoObj.height;
+
+        let hR=(itemH/itemW )*100;
+        let screenWidth=WP('100%');
+        let ht=screenWidth*(hR/100);
+        vieshotStyle ={width:'100%',height:ht};
+            
+        return(
+            <View style={[cameraStyle.customCamera_Wrap,{justifyContent:'center',alignItems:'center'}]}>
+                {temp_imgurl!=null && temp_imgurl!='' && 
+                <View style={[vieshotStyle]}   >
+                    <Image source={{ uri: temp_imgurl }} style={[imgSIze,cameraStyle.cameraImgCaptured]}  resizeMode={'contain'}/>
+                </View>}
+                {_renderImageControls()}
+            </View>
+        )
+    }
+
+    const convertToScreenCoordinates = (bounds) => {
+        const xRatio = SCREEN_WIDTH / 1080; // Assuming 1080p image from the camera
+        const yRatio = SCREEN_HEIGHT / 1920; // Assuming 1920p image from the camera
+        return {
+          x: bounds.x * xRatio,
+          y: bounds.y * yRatio,
+          width: bounds.width * xRatio,
+          height: bounds.height * yRatio,
+        };
+      };
+    
+      let enableFacDet = route.params?.facDet != null ? (route.params?.facDet) : false;
+
+    return (
+        <View style={[cameraStyle.CameraWrapper
+        ,(props.showCamera == true && isActive == true?{}:cameraStyle.CameraWrapperHide)
+        ]} >
+            {temp_imgurl!=null && temp_imgurl!='' && 
+            <View style={{position:'absolute',left:0,top:0,opacity:0}}>
+                <ViewShot ref={viewShotRef}  options={{ format: "jpg", quality: 1.0 }} >
+                    <View collapsable={false} style={{width:photoObj.width,height:parseInt(photoObj.height*ImageExtraSPace),backgroundColor:'#fff'}} >
+                    <Image source={{ uri: temp_imgurl }} style={[{width:photoObj.width,height:photoObj.height},cameraStyle.cameraImgCaptured, (props.cameraType == 'front' ? { transform: [{ scaleX: -1 }] } : {})]} />
+                    {TopText!=null && TopText!='' && <Text style={{position:'absolute',left:10,top:10,fontFamily:deffontfamily,color:'red',fontSize:parseInt(photoObj.width*0.04)}} >{TopText}</Text>}
+                    {BottomText!=null && BottomText!='' && <Text style={{position:'absolute',left:0,paddingHorizontal:5,top:(photoObj.height+5),fontFamily:deffontfamily,color:'red',fontSize:parseInt(photoObj.width*0.03),flexWrap:'wrap'}} >{BottomText}</Text>}
+                    </View>
+                </ViewShot>
+            </View>
+            }
+            {props.showCamera == true && isActive == true && 
+            <View style={cameraStyle.scrollMain}>
+               
+                <StatusBar translucent={true} hidden={true} />
+                {
+                    Platform.OS == 'ios' &&
+                    <View style={cameraStyle.IOS_StatusBar} />
+                }
+
+                {device != null && isActive && 
+                    <View style={[cameraStyle.customCamera_Wrap]}>
+                    {!!device && enableFacDet ? <Camera
+                        ref={camera}
+                        style={[StyleSheet.absoluteFill]}
+                        device={device}
+                        isActive={true}
+                        //format={format!='undefined' ? format : 'back'}
+                        photo={true} 
+                        frameProcessor={frameProcessor}
+                        frameProcessorFps={5} 
+                        onFacesDetected={({ faces }) => setFaceData(faces)}
+                        onError={(error) => console.log('Camera Error:', error)}
+
+                    /> :
+                    (qrCodeEnable==true? cameraView() : 
+                    <>
+                    {_render_AutoAlertModal()}
+                     <GestureDetector gesture={pinchGesture}>
+                        <Reanimated.View style={StyleSheet.absoluteFill}>
+                            <ReanimatedCamera
+                            ref={camera}
+                            style={[cameraStyle.customCamera,{width:'100%',height:'100%'}, (islandscape || props.cameraType == 'front' ? cameraStyle.customCameraLS : {})]}
+                            device={device}
+                            isActive={true}
+                            photo={true}
+                            focusable={true}
+                            orientation={orientation}
+                            enableZoomGesture={true}
+                            animatedProps={cameraAnimatedProps}
+                            />
+                        </Reanimated.View>
+                    </GestureDetector>
+                    </> )}
+                    
+
+                        {(faceDetecRef.current ? true  :!enableFacDet) && _renderOrientationIcon()}
+                        {(faceDetecRef.current ? true : !enableFacDet) && _renderBottomControls()}
+                        {props.cameraType != 'front' && _renderSideControls()}
+                    </View>
+                }
+
+                {!isPhotoTaken && faceDetecDataRef.current?.map((face, index) => {
+                    const screenBounds = convertToScreenCoordinates(face.bounds);
+                    return (
+                    <View
+                        key={index}
+                        style={[
+                        styles.boundingBox,
+                        {
+                            top: screenBounds.y, 
+                            left: screenBounds.x, 
+                            width: screenBounds.width, 
+                            height: screenBounds.height,
+                        }
+                        ]}
+                    />
+                    );
+                })}
+                {device != null && (temp_imgurl != null && temp_imgurl != '') && isPhotoTaken &&
+                _renderSCreenSHotView()
+                }
+            </View>
+            }
+        </View>
+    )
+
+};
+
+const styles = StyleSheet.create({
+    boundingBox: {
+        position: 'absolute',
+        borderWidth: 2,
+        borderColor: 'green',
+        // backgroundColor: 'rgba(255, 0, 0, 0.2)',
+        zIndex: 9999999,
+        borderRadius: 10,
+      }    
+    
+  })
+
+export default connect(mapStateToProps, mapDispatchToProps)(CustomCamera);
\ No newline at end of file
diff --git a/src/components/CameraBackup.js b/src/components/CameraBackup.js
new file mode 100644
index 0000000..451535c
--- /dev/null
+++ b/src/components/CameraBackup.js
@@ -0,0 +1,317 @@
+import React, { useRef,useState,useEffect, useMemo, useCallback } from "react";
+import { Dimensions, Image, Platform, ScrollView, StatusBar, Text, TouchableOpacity, View } from "react-native";
+import { customCamera,customStyles,GetPageTheme } from "../styles/Global";
+import { customCamera_LS} from "../styles/Global_LS";
+import { useRoute } from '@react-navigation/native';
+import { Camera,useCameraDevices} from 'react-native-vision-camera';
+import PropTypes from 'prop-types'; 
+import { notify } from "./notify";
+import { hasCameraPermission } from "./geolocation";
+import { Entypo, MaterialCommunityIcons, MaterialIcons } from "./icons";
+
+import { useOrientation } from "../controller/functions";
+
+function CustomCamera(props){
+    const route = useRoute();
+    const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+    const cameraStyle=customCamera(props.DarkMode,route.name);
+    // const [cameraStyle, setCameraStyle] = useState(customCamera(props.DarkMode,route.name));
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const camera = useRef(null)
+    const devices=useCameraDevices();
+    const dim=Dimensions.get("window");
+    // const [camera,setcamera]=useState(null);
+    const [showImage,setshowImage]=useState(false);
+    const [imgurl,setimgurl]=useState('');
+    const [temp_imgurl,setTemp_imgurl]=useState('');
+    const [photoObj,setPhotoObj]=useState({});
+    const [isActive,setisActive]=useState(false);
+    const [isPhotoTaken,setIsPhotoTaken]=useState(false);
+    const [isCameraActive,setIsCameraActive]=useState(false);
+    const [activeFlashMode,setActiveFlashMode]=useState('off');
+    const [orientation, setOrientation] = useState(useOrientation(dim.width,dim.height));
+    const supportsCameraFlipping = useMemo(() => devices.back != null && devices.front != null, [devices.back, devices.front]);
+    const [cameraPosition, setCameraPosition] = useState((props.cameraType == 'front'?'front':'back'));
+    const device = devices[cameraPosition];
+
+
+    useEffect(()=>{
+        hasCameraPermission();
+        Dimensions.addEventListener('change', ({window:{width,height}})=>{
+            let or=useOrientation(width,height);
+            setOrientation(or);
+        });
+    },[]);
+
+    useEffect(()=>{
+        console.log('showCamera changed:',props.showCamera);
+        if(props.showCamera==true){
+            showCamera();
+        }
+        else{
+            hideCamera();
+        }
+    },[props.showCamera]);
+
+    function showCamera() {
+        console.log('showCamera customcamera');
+        setIsCameraActive(true);
+        setisActive(true);
+    }
+
+    function hideCamera() {
+        setIsCameraActive(false);
+        setisActive(false);
+        setPhotoObj({});
+        setimgurl('');
+        setIsPhotoTaken(false);
+        setshowImage(true);
+        setTemp_imgurl('');
+        if(props.onHideCamera!=null && typeof props.onHideCamera=='function')
+        {
+            props.onHideCamera();
+        }
+    }
+
+    function closeCamera() {
+        setIsCameraActive(false);
+    }
+
+    async function takePhoto(){
+        if(camera.current!=null && typeof camera.current==='object'){
+            const photo = await camera.current.takePhoto({
+                // flash: 'on',      
+            })
+            
+            if(photo!=null){
+                let path='file://'+photo.path;
+                console.log(path);
+                let obj={uri:path,width:photo.width,height:photo.height};
+                setPhotoObj(obj);
+                setTemp_imgurl(path)
+                setIsPhotoTaken(true);
+            }
+            else{
+                notify('Something went wrong! Cannot take picture.');
+                setisActive(false);
+            }
+        }
+        else{
+            notify('Camera not found!.');
+            setisActive(false);
+        }
+        closeCamera();
+    }
+
+    async function onRetake(){
+        setTemp_imgurl('');
+        setIsPhotoTaken(false);
+        setshowImage(false);
+        setIsCameraActive(true);
+        setisActive(true);
+    }
+    async function onCameraImgOk(){
+        let obj=photoObj;
+        obj.uri=temp_imgurl;
+        setPhotoObj(obj);
+        setimgurl(temp_imgurl);
+        setisActive(false);
+        setIsPhotoTaken(false);
+        setshowImage(true);
+        setTemp_imgurl('');
+        
+        if(props.onImageCaptured!=null && typeof props.onImageCaptured=='function'){
+            console.log('call onImageCaptured');
+            props.onImageCaptured(obj);
+        }
+        hideCamera();
+    }
+
+    function flashOnOff(type=''){
+        console.log('setflashmode:',type);
+        if(type!='' && type!=null){
+            setActiveFlashMode(type);
+            if(type=='on'){
+
+            }
+            else if(type=='off'){
+
+            }
+            else if(type=='auto'){
+
+            }
+        }
+    }
+
+
+
+    function _renderCaptureBtn(){
+        return(
+        <TouchableOpacity style={cameraStyle.customCamera_capbtn} onPress={()=>{takePhoto();}}>
+            <View style={cameraStyle.customCamera_capbtn_Outer}><View style={cameraStyle.customCamera_capbtn_Inner}></View></View>
+        </TouchableOpacity>
+        )
+    }
+    function _renderBottomControls(){
+        return(
+        <View style={cameraStyle.customCamera_bottomBar}>
+            {_renderCaptureBtn()}
+        </View>
+        )
+    }
+
+    function _renderCancelBtn(){
+        return(
+        <TouchableOpacity style={cameraStyle.imgControls_btnCon} onPress={()=>{hideCamera()}}>
+            <View style={cameraStyle.imgControls_btn}>
+                <MaterialCommunityIcons name='cancel' color={'#fff'} size={18}/>
+                <Text style={[cameraStyle.imgControls_btnText,cameraStyle.icbtTop]}>Cancel</Text>
+            </View>
+        </TouchableOpacity>
+        )
+    }
+
+    function _renderRetakeBtn(){
+        return(
+        <TouchableOpacity style={cameraStyle.imgControls_centerBtn} onPress={()=>{onRetake()}}>
+            <View style={cameraStyle.imgControls_btn}>  
+                <View style={cameraStyle.imgControls_retakeBtn}>
+                    <MaterialCommunityIcons name='camera-retake' color={'#000'} size={30}/>
+                </View>
+                <Text style={[cameraStyle.imgControls_btnText,cameraStyle.icbtTop]}>Retake</Text>
+            </View>
+        </TouchableOpacity>
+        )
+    }
+
+    
+
+    function _renderSaveImgBtn(){
+        return(
+        <TouchableOpacity style={cameraStyle.imgControls_btnCon} onPress={()=>{onCameraImgOk()}}>
+            <View style={cameraStyle.imgControls_btn}>
+                <MaterialCommunityIcons name='check' color={'#fff'} size={18}/>
+                <Text style={[cameraStyle.imgControls_btnText,cameraStyle.icbtTop]}>Ok</Text>
+            </View>
+        </TouchableOpacity>
+        )
+    }
+
+
+    
+    function _renderCameraSwapMode() {
+        return (
+            <TouchableOpacity style={cameraStyle.flashBtn} onPress={() => { onFlipCameraPressed() }}>
+                {cameraPosition == 'front' && <MaterialIcons name='flip-camera-ios' color={'#ffe600'} size={24} />}
+                {cameraPosition == 'back' && <MaterialIcons name='flip-camera-android' color={'#fff'} size={24} />}
+            </TouchableOpacity>
+        )
+    }
+
+    
+
+    function _renderImageControls(){
+        return(
+        <View style={cameraStyle.customCamera_bottomBar2}>
+            <View style={cameraStyle.imgControls}>
+            {_renderCancelBtn()}
+            {_renderRetakeBtn()}
+            {_renderSaveImgBtn()}
+            </View>
+        </View>
+        )
+    }
+
+    function _renderFlashBtn(type='on'){
+        return(
+        <TouchableOpacity style={cameraStyle.flashBtn} onPress={()=>{flashOnOff(type)}}>
+            {type=='on' && <MaterialCommunityIcons name='flash' color={(activeFlashMode=='on'?'#ffe600':'#fff')} size={24}/>}
+            {type=='off' && <MaterialCommunityIcons name='flash-off' color={(activeFlashMode=='off'?'#ffe600':'#fff')} size={24}/>}
+            {type=='auto' && <MaterialCommunityIcons name='flash-auto' color={(activeFlashMode=='auto'?'#ffe600':'#fff')} size={24}/>}
+        </TouchableOpacity>
+        )
+    }
+
+    function _renderTopControls(){
+        return(
+            <View style={cameraStyle.topControls}>
+                <View style={cameraStyle.topControlsInner}>
+                    {_renderFlashBtn('on')}
+                    {_renderFlashBtn('off')}
+                </View>
+            </View>
+        )
+    }
+
+    const onFlipCameraPressed = useCallback(() => {
+        setCameraPosition((p) => (p === 'back' ? 'front' : 'back'));
+    }, []);
+
+    function _renderSideControls() {
+        
+        let enableCameraFlip = props.enableCameraFlip != null ? (props.enableCameraFlip) : false;
+        return (
+            <View style={(orientation == 'PORTRAIT'? cameraStyle.sideControls:cameraStyle.sideControl)}>
+                <View style={cameraStyle.sideControlsInner}>
+                    {_renderFlashBtn('on')}
+                    {_renderFlashBtn('off')}
+                    {supportsCameraFlipping && enableCameraFlip==true &&
+                    _renderCameraSwapMode()
+                    }
+                </View>
+            </View>
+        )
+    }
+
+ 
+
+    if(props.showCamera==true && isActive==true){
+        return (  
+            <View style={cameraStyle.scrollMain}>
+            <StatusBar translucent={true} hidden={true}/>
+            {
+                Platform.OS=='ios' &&
+                <View style={cameraStyle.IOS_StatusBar}>
+                </View>
+            }
+            {device!=null && isActive &&
+                <View style={cameraStyle.customCamera_Wrap}>
+                {console.log('activeFlashMode:',activeFlashMode)}
+                <Camera
+                    ref={camera}
+                    style={[cameraStyle.customCamera,]} //(props.cameraType!='front'?{}:cameraStyle.customCameraTop)
+                    device={device}
+                    isActive={isCameraActive}
+                    photo={true}
+                    torch={activeFlashMode}
+                    fps={60}
+                    
+                />          
+                {_renderBottomControls()}   
+                {props.cameraType!='front' && _renderSideControls()}       
+                </View> 
+            }
+            {device!=null && (temp_imgurl!=null && temp_imgurl!='') && isPhotoTaken &&
+                <View style={cameraStyle.customCamera_Wrap}>
+                <Image source={{uri:temp_imgurl}} style={[cameraStyle.cameraImgCaptured,(props.cameraType=='front' && Platform.OS=='ios' ?{transform:[{scaleX:-1}]}:{}) ]}/>      
+                
+                {_renderImageControls()}          
+                </View> 
+            }
+            </View>       
+        );
+    }
+    else{
+        return (<View></View>)
+    }
+    
+};
+
+export default CustomCamera;
+
+CustomCamera.propTypes = { 
+    cameraType: PropTypes.oneOf(['front', 'back']),
+    showCamera:PropTypes.bool,
+    onImageCaptured: PropTypes.func,
+    onHideCamera:PropTypes.func,
+};   
\ No newline at end of file
diff --git a/src/components/CustomDropdown.js b/src/components/CustomDropdown.js
new file mode 100644
index 0000000..c7572fa
--- /dev/null
+++ b/src/components/CustomDropdown.js
@@ -0,0 +1,41 @@
+// src/components/CustomDropdown.js
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { Dropdown } from 'react-native-element-dropdown';
+
+const CustomDropdown = ({
+    data = [],
+    value,
+    onChange,
+    placeholder = '--Select--',
+    containerStyle = {},
+}) => {
+    return (
+        <Dropdown
+            style={[styles.dropdown, containerStyle]}
+            data={data}
+            labelField="label"
+            valueField="value"
+            placeholder={placeholder}
+            placeholderStyle={{ fontSize: 13, fontWeight: '500', color: 'gray' }}
+            value={value}
+            selectedTextStyle={{fontSize: 13, fontWeight: '500', color: '#000'}}
+            itemTextStyle={{fontSize:13,color:'#000'}}
+            onChange={onChange}
+        />
+    );
+};
+
+const styles = StyleSheet.create({
+    dropdown: {
+        borderWidth: 1,
+        borderColor: '#ccc',
+        borderRadius: 8,
+        paddingHorizontal: 10,
+        height: 45,
+        marginBottom: 0, // ✅ no margin
+        paddingBottom: 0, // ✅ no padding
+    },
+});
+
+export default CustomDropdown;
diff --git a/src/components/CustomLoader.js b/src/components/CustomLoader.js
new file mode 100644
index 0000000..e20604b
--- /dev/null
+++ b/src/components/CustomLoader.js
@@ -0,0 +1,37 @@
+import React from "react";
+import { Text, TouchableOpacity ,View,Image,ImageBackground,ActivityIndicator, StatusBar, Platform} from "react-native";
+import { customeButtons,GetPageTheme,customStyles,globalStyles, HP } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { AntDesign } from "./icons";
+
+const CustomLoader = (props) => {
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+  const globalStyle=globalStyles(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+
+  const htStyle=props.fullHeight?{height:HP('100%')+StatusBar.currentHeight}:{};
+
+  return (
+    <View style={[customStyle.loaderBackdrop]}>      
+      <View style={customStyle.loaderCon}>
+          {
+          Platform.OS==='ios' &&
+          <View style={customStyle.spinnerCon}>
+              <ActivityIndicator  style={customStyle.spinner} size="large" color={PageTheme.$primary_color}  />
+          </View>
+          }
+          {
+          Platform.OS!=='ios' &&
+          <View style={customStyle.spinnerCon}>
+              <ActivityIndicator  style={customStyle.spinner} size="large" color={PageTheme.$primary_color}  />
+              <ActivityIndicator  style={customStyle.spinnerInner2} size={32} color={PageTheme.$secondary_color_light} />
+              <ActivityIndicator  style={customStyle.spinnerInner} size={28} color={PageTheme.$primary_color} />
+          </View>
+          }
+          {props.title && <Text style={customStyle.loaderTitle}>{props.title}</Text>}
+      </View>
+    </View>
+  );
+};
+export default CustomLoader;
\ No newline at end of file
diff --git a/src/components/CustomModal.js b/src/components/CustomModal.js
new file mode 100644
index 0000000..ef7eae4
--- /dev/null
+++ b/src/components/CustomModal.js
@@ -0,0 +1,99 @@
+import React from "react";
+import { Text, View, StatusBar, StyleSheet } from "react-native";
+import Modal from "react-native-modal";
+import { customStyles } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+
+const CustomModal = (props) => {
+  const route = useRoute();
+  const customStyle = customStyles(props.DarkMode, route.name);
+
+  if(!props.showModal) null;
+  
+  return (
+    <>
+      <StatusBar 
+        translucent={true}
+        backgroundColor="transparent"
+        barStyle={props.DarkTheme ? "light-content" : "dark-content"}
+      />
+      
+      <Modal
+        isVisible={props.showModal}
+        animationIn="fadeIn"
+        animationOut="fadeOut"
+        backdropOpacity={0.7}
+        style={styles.modal}
+        statusBarTranslucent={true}
+        avoidKeyboard={true}
+        onBackdropPress={props.onBackdropPress || (() => {})}
+      >
+        <View style={[styles.modalContent, customStyle.customModal, props.style,{padding:"2%"}]}>
+          {props.title && (
+            <Text style={[customStyle.customModal_Title, props.titleStyle]}>
+              {props.title}
+            </Text>
+          )}
+          {props.message && (
+            <Text style={[customStyle.customModal_Message, props.messageStyle]}>
+              {props.message}
+            </Text>
+          )}
+          {props.children}
+        </View>
+      </Modal>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  modal: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    margin: 0,
+  },
+  modalContent: {
+    backgroundColor: '#fff',
+    borderRadius: 10,
+    padding: 20,
+    // width: '80%',
+    // maxWidth: 400,
+  }
+});
+
+export default CustomModal;
+
+
+// import React,{useRef,useEffect} from "react";
+// import { Text, TouchableOpacity ,View,Image,Animated,ActivityIndicator,StatusBar} from "react-native";
+// import { customeButtons,GetPageTheme,customStyles,globalStyles,HP } from "../styles/Global";
+// import { useRoute } from '@react-navigation/native';
+// import { AntDesign } from "./icons";
+
+// const CustomModal = (props) => {
+//   const route = useRoute();
+//   const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+//   const globalStyle=globalStyles(props.DarkMode,route.name);
+//   const customStyle=customStyles(props.DarkMode,route.name);
+
+//   const htStyle={height:HP('100%')+StatusBar.currentHeight};
+//   if(!props.showModal) null;
+
+//   if(props.showModal==true){
+//     return (
+//         <View style={[customStyle.loaderBackdrop]}>      
+//           <View style={[customStyle.customModal,props.style?props.style:{}]}>
+//             {(props.title!=null) && <Text style={[customStyle.customModal_Title,(props.titleStyle?props.titleStyle:{})]}>{props.title}</Text>}
+//             {(props.message!=null) && <Text style={[customStyle.customModal_Message,(props.messageStyle?props.messageStyle:{})]}>{props.message}</Text>}
+//             {props.children}
+//           </View>
+//         </View>
+//       );
+//   }
+//   else {
+//     return 
+//   }
+  
+  
+// };
+// export default CustomModal;
\ No newline at end of file
diff --git a/src/components/CustomModal2.js b/src/components/CustomModal2.js
new file mode 100644
index 0000000..79e39fd
--- /dev/null
+++ b/src/components/CustomModal2.js
@@ -0,0 +1,33 @@
+import React,{useRef,useEffect} from "react";
+import { Text, TouchableOpacity ,View,Image,Animated,ActivityIndicator,StatusBar, Keyboard, KeyboardAvoidingView} from "react-native";
+import { customeButtons,GetPageTheme,customStyles,globalStyles,HP } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { AntDesign } from "./icons";
+
+const CustomModal2 = (props) => {
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+  const globalStyle=globalStyles(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+
+  const htStyle={height:HP('100%')+StatusBar.currentHeight};
+
+  if(props.showModal==true){
+    return (
+        <TouchableOpacity activeOpacity={1} onPress={()=>{Keyboard.dismiss()}} style={[customStyle.loaderBackdrop,htStyle,{width:'100%'}]}>
+            <View style={[customStyle.customModal,props.style?props.style:{}]}>
+            {(props.title!=null) && <Text style={[customStyle.customModal_Title,(props.titleStyle?props.titleStyle:{})]}>{props.title}</Text>}
+            {(props.message!=null) && <Text style={[customStyle.customModal_Message,(props.messageStyle?props.messageStyle:{})]}>{props.message}</Text>}
+            {props.children}
+          </View>
+        </TouchableOpacity>
+        
+      );
+  }
+  else {
+    return <View></View>;
+  }
+  
+  
+};
+export default CustomModal2;
\ No newline at end of file
diff --git a/src/components/CustomPicker.js b/src/components/CustomPicker.js
new file mode 100644
index 0000000..25f3c5d
--- /dev/null
+++ b/src/components/CustomPicker.js
@@ -0,0 +1,92 @@
+import React,{useState,useEffect,useRef} from 'react';
+import { useRoute } from '@react-navigation/native';
+import { customStyles, GetPageTheme } from '../styles/Global';
+import ModalSelector from 'react-native-modal-selector';
+import { Text,View } from 'react-native';
+
+export function CustomPicker(props,Pickerdata,label_key,value_key,onchangeKeyLbl,onchangeKey,onChange=()=>{},selected_data={}){
+    const ST=props.StaticText || {};
+    const route = useRoute();
+   
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    let otherData=selected_data.otherData?selected_data.otherData:{};
+    var data=[];
+
+    Pickerdata.map((item,index)=>{
+        let obj={ key: index, label: item[label_key],value:item[value_key] };
+        if(selected_data.value==item[label_key])
+            obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            
+        data.push(obj);
+    });
+    
+    return (
+        <ModalSelector
+        data={data}
+        
+        touchableActiveOpacity={0.8}
+        style={customStyle.addVisPickerStyle}
+        onChange={(option)=>{onChange(option,onchangeKeyLbl,onchangeKey,otherData) }}
+        overlayStyle={customStyle.addVisPickerOverlay}
+        cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+        optionStyle={customStyle.addvis_opStyle}
+        optionTextStyle={customStyle.addvis_opTextStyle}
+        optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+        selectedKey={'1'}
+        cancelText={ST.Cancel}
+        cancelStyle={{fontFamily:'Zocial'}}
+        >
+        <Text style={[customStyle.addVisPicker_InputStyle]}>{(selected_data.value || '-'+ST.select+'-')}</Text>
+        </ModalSelector>
+    )
+}
+
+export function CustomPicker2(props){
+    const ST=props.StaticText || {};
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    let {Pickerdata,label_key,value_key,onchangeKeyLbl,onchangeKey,onChange,selected_data}=props;
+    let otherData=selected_data.otherData?selected_data.otherData:{};
+   
+    const [data, setdata] = useState([]);
+
+    useEffect(() => {
+        let arr=[]
+        Pickerdata.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+                
+            arr.push(obj);
+            if(index==Pickerdata.length-1){
+                setdata(arr);
+            }
+        });
+    }, []);
+    
+    
+    
+    return (
+        <ModalSelector
+        data={data}
+        
+        touchableActiveOpacity={0.8}
+        style={[customStyle.addVisPickerStyle,props.selectStyle!=null?props.selectStyle:{}]}
+        onChange={(option)=>{onChange(option,onchangeKeyLbl,onchangeKey,otherData) }}
+        overlayStyle={customStyle.addVisPickerOverlay}
+        cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+        optionStyle={customStyle.addvis_opStyle}
+        optionTextStyle={customStyle.addvis_opTextStyle}
+        optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+        selectedKey={'1'}
+        cancelText={ST.Cancel}
+        >
+        <Text style={[customStyle.addVisPicker_InputStyle,props.InputStyle!=null?props.InputStyle:{}]}>{(selected_data.value || '-'+ST.select+'-')}</Text>
+        </ModalSelector>
+    )
+}
\ No newline at end of file
diff --git a/src/components/HeaderTabsTeam.js b/src/components/HeaderTabsTeam.js
new file mode 100644
index 0000000..1b26920
--- /dev/null
+++ b/src/components/HeaderTabsTeam.js
@@ -0,0 +1,70 @@
+import React from "react";
+import { Text, TouchableOpacity, View, ScrollView } from "react-native";
+import { customStyles, GetPageTheme } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+
+const HeaderTabsTeam = (props) => {
+    const route = useRoute();
+    const PageTheme = GetPageTheme(props.DarkTheme, route.name);
+    const customStyle = customStyles(props.DarkMode, route.name);
+
+    const ST = props.StaticText || {};
+    const isAdhocScreen = props.isAdhocScreen;
+    const isBeatPlan = props.isBeatPlan;
+    const isDBPOSMScreen = props.isDBPOSMScreen;
+    const isNPNDScreen = props.isNPNDScreen;
+    const isAddStoreScreen = props.isAddStoreScreen;
+    const isNonMerchan = props.isNonMerchans;
+    const isNonProgs = props.isNonProgs;
+
+
+
+    return (
+        <View style={customStyle.storeTab_Con}>
+            <ScrollView style={customStyle.storeTab_MenuCon} contentContainerStyle={customStyle.storeTab_Menu} horizontal={true}>
+                <TouchableOpacity disabled={(!isAdhocScreen && !isNPNDScreen && !isBeatPlan && !isDBPOSMScreen && !isAddStoreScreen && !isNonMerchan && !isNonProgs) ? true : false} style={[customStyle.storeTab_pill, ((!isAdhocScreen && !isNPNDScreen && !isBeatPlan && !isDBPOSMScreen && !isAddStoreScreen && !isNonMerchan && !isNonProgs) ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.pop(); props.navigation.push('TeamList') }}>
+                    <Text style={[customStyle.storeTab_pillText, ((!isAdhocScreen && !isNPNDScreen && !isBeatPlan && !isDBPOSMScreen && !isAddStoreScreen && !isNonMerchan && !isNonProgs) ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{ST.Planned}</Text>
+                </TouchableOpacity>
+                <TouchableOpacity disabled={isAdhocScreen ? true : false} style={[customStyle.storeTab_pill, (isAdhocScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.pop(); props.navigation.push('TeamList', { 'isAdhoc': true }) }}>
+                    <Text style={[customStyle.storeTab_pillText, (isAdhocScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{ST.Adhoc}</Text>
+                </TouchableOpacity>
+                {/* {props.ShowBeatPlanList==true && 
+            <TouchableOpacity style={[customStyle.storeTab_pill,(isBeatPlan?customStyle.storeTab_pillActive:{})]} onPress={()=>{props.navigation.pop();props.navigation.push('StoreList',{'isAdhoc': false,'isBeat':true})}}>
+                <Text style={[customStyle.storeTab_pillText,(isBeatPlan?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>{'Beat Plan'}</Text>
+            </TouchableOpacity>
+            }
+            {props.ShowStoreAdd==true && 
+            <TouchableOpacity style={[customStyle.storeTab_pill,(isAddStoreScreen?customStyle.storeTab_pillActive:{})]} onPress={()=>{props.navigation.navigate('AddStoreScreen',{})}}>
+                <Text style={[customStyle.storeTab_pillText,(isAddStoreScreen?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>{'Add Store'}</Text>
+            </TouchableOpacity>
+            }
+            {props.ShowNonMerList==true && 
+            <TouchableOpacity style={[customStyle.storeTab_pill,(isNonMerchan?customStyle.storeTab_pillActive:{})]} onPress={()=>{props.navigation.pop();props.navigation.push('StoreList',{'isAdhoc': false,'isBeat':false,'isNonMerchans':true,'isNonProgs':false})}}>
+                <Text style={[customStyle.storeTab_pillText,(isNonMerchan?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>{'Non Merch.'}</Text>
+            </TouchableOpacity>
+            }
+            {props.ShowNonProgram==true && 
+            <TouchableOpacity style={[customStyle.storeTab_pill,(isNonProgs?customStyle.storeTab_pillActive:{})]} onPress={()=>{props.navigation.pop();props.navigation.push('StoreList',{'isAdhoc': false,'isBeat':false,'isNonMerchans':false, 'isNonProgs':true})}}>
+                <Text style={[customStyle.storeTab_pillText,(isNonProgs?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>{props.NonProgramLabel}</Text>
+            </TouchableOpacity>
+            } */}
+
+                {props.ShowDBPOSM == true &&
+                    <TouchableOpacity style={[customStyle.storeTab_pill, (isDBPOSMScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.navigate('DistributorList', {}) }}>
+                        <Text style={[customStyle.storeTab_pillText, (isDBPOSMScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{'Distributors'}</Text>
+                    </TouchableOpacity>
+                }
+
+                {props.ShowNPND == true &&
+                    <TouchableOpacity style={[customStyle.storeTab_pill, (isNPNDScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.navigate('NPNDStoreList', {}) }}>
+                        <Text style={[customStyle.storeTab_pillText, (isNPNDScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{props.ShowNPNDLabel}</Text>
+                    </TouchableOpacity>
+                }
+
+
+
+            </ScrollView>
+        </View>
+    );
+};
+export default HeaderTabsTeam;
\ No newline at end of file
diff --git a/src/components/ImageMarkText.js b/src/components/ImageMarkText.js
new file mode 100644
index 0000000..13af71f
--- /dev/null
+++ b/src/components/ImageMarkText.js
@@ -0,0 +1,3 @@
+import { NativeModules } from 'react-native';
+const { ImageMarkText } = NativeModules;
+export default ImageMarkText;
\ No newline at end of file
diff --git a/src/components/ImageWithLoader.js b/src/components/ImageWithLoader.js
new file mode 100644
index 0000000..da7ca15
--- /dev/null
+++ b/src/components/ImageWithLoader.js
@@ -0,0 +1,42 @@
+import React, { useState } from "react";
+import { Image, View, Text } from "react-native";
+import { ActivityIndicator } from "react-native-paper";
+
+const ImageWithLoader = ({ uri, style }) => {
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(false);
+
+  return (
+    <View style={[style, { justifyContent: "center", alignItems: "center" }]}>
+      {/* Loader */}
+      {loading && !error && (
+        <ActivityIndicator
+          size="small"
+          color="#000"
+          style={{ position: "absolute", zIndex: 10 }}
+        />
+      )}
+
+      {/* Error Message or fallback */}
+      {error ? (
+        <Text style={{ color: "red", fontSize: 12 }}>Image not available</Text>
+      ) : (
+        <Image
+          source={{ uri }}
+          style={style}
+          onLoadStart={() => {
+            setLoading(true);
+            setError(false);
+          }}
+          onLoadEnd={() => setLoading(false)}
+          onError={() => {
+            setLoading(false);
+            setError(true);
+          }}
+        />
+      )}
+    </View>
+  );
+};
+
+export default ImageWithLoader;
diff --git a/src/components/NetworkStatusBar.js b/src/components/NetworkStatusBar.js
new file mode 100644
index 0000000..8378668
--- /dev/null
+++ b/src/components/NetworkStatusBar.js
@@ -0,0 +1,68 @@
+import React, { useRef,useEffect } from "react";
+import { Text ,View,Animated, Platform} from "react-native";
+import { customeButtons,GetPageTheme,customStyles,globalStyles, HP } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { AntDesign } from "./icons";
+
+const NetworkStatusBar = (props) => {
+    const route = useRoute();
+    const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+    const globalStyle=globalStyles(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+
+    const NSBarAnim=useRef(new Animated.Value(0)).current;
+
+    
+    useEffect(() => { 
+        
+    }, []);
+
+    useEffect(() => { 
+        showAnim()
+    }, [props.isInternetAvailable]);
+
+    function showAnim(){
+        console.log('show con change:',props.showConnChange,props.isInternetAvailable)
+        if(props.showConnChange==true){
+            animateView()
+        }
+    }
+
+    function animateView(){
+        // show 
+        Animated.timing(NSBarAnim, {
+            toValue: 1,
+            duration: 500,
+            useNativeDriver:(Platform.OS=='ios'?false:true),
+        }).start();
+
+        if(props.isInternetAvailable==true){
+            // hide  NS bar
+            setTimeout(()=>{
+                console.log('hidebar')
+                Animated.timing(NSBarAnim, {
+                    toValue: 0,
+                    duration: 500,
+                    useNativeDriver:(Platform.OS=='ios'?false:true),
+                }).start();
+            },2500)
+            props.show_ConnChange({showConnChange:false})
+        }
+        
+
+    }
+
+    const tY=NSBarAnim.interpolate({
+        inputRange:[0,1],
+        outputRange:[50,0],
+    });
+
+    return (
+        <Animated.View style={[customStyle.netSBar,(props.isInternetAvailable==true ?customStyle.netSBarGreen:customStyle.netSBarGrey),
+            {transform:[{translateY:tY}]}
+        ]}>
+            <Text style={[customStyle.netSBarText,(props.isInternetAvailable==true ?customStyle.netSBarGreen_Text:customStyle.netSBarGrey_Text)]}>{(props.isInternetAvailable==true?'Back Online':'No Connection! You are offline')}</Text>
+        </Animated.View>
+    )
+};
+export default NetworkStatusBar;
\ No newline at end of file
diff --git a/src/components/NoAttendance.js b/src/components/NoAttendance.js
new file mode 100644
index 0000000..6692ed1
--- /dev/null
+++ b/src/components/NoAttendance.js
@@ -0,0 +1,23 @@
+import React,{useState,useEffect,useRef} from "react";
+import { Text, TouchableOpacity ,View,Image,StatusBar} from "react-native";
+import { GetPageTheme,customStyles,globalStyles } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { FontAwesome } from "./icons";
+
+function NoAttendance(props) { 
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+  const globalStyle=globalStyles(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name); 
+  
+  const ST=props.StaticText || {};
+    return (
+        <View style={customStyle.nodownloaddata_con}>
+            <View style={customStyle.nodownloaddata_row}>
+                <FontAwesome name='cloud-download' size={45} color={PageTheme.$text_color_light} />
+                <Text style={customStyle.nodownloaddata_text}>{props.msg!=null?props.msg:"Attendance not marked! Please mark attendance first"}</Text>
+            </View>
+        </View>
+    );
+}
+export default NoAttendance;
\ No newline at end of file
diff --git a/src/components/NoDataComponent.js b/src/components/NoDataComponent.js
new file mode 100644
index 0000000..aa2d0ed
--- /dev/null
+++ b/src/components/NoDataComponent.js
@@ -0,0 +1,23 @@
+import React,{useState,useEffect,useRef} from "react";
+import { Text, TouchableOpacity ,View,Image,StatusBar} from "react-native";
+import { GetPageTheme,customStyles,globalStyles } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { FontAwesome } from "./icons";
+
+function NoDataComponent(props) { 
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+  const globalStyle=globalStyles(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name); 
+  
+  const ST=props.StaticText || {};
+    return (
+        <View style={customStyle.nodownloaddata_con}>
+            <View style={customStyle.nodownloaddata_row}>
+                <FontAwesome name='cloud-download' size={45} color={PageTheme.$text_color_light} />
+                <Text style={customStyle.nodownloaddata_text}>{ST.NoDataFoundPleaseDownloadDataFirst}</Text>
+            </View>
+        </View>
+    );
+}
+export default NoDataComponent;
\ No newline at end of file
diff --git a/src/components/StoreItem.js b/src/components/StoreItem.js
new file mode 100644
index 0000000..0779210
--- /dev/null
+++ b/src/components/StoreItem.js
@@ -0,0 +1,698 @@
+import React, { useState, useEffect, useRef, memo } from "react";
+import { Text, TouchableOpacity, View, Image, StatusBar } from "react-native";
+import { GetPageTheme, customStyles, globalStyles } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { AntDesign, Entypo, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons } from "./icons";
+import { notify } from "./notify";
+import moment from "moment";
+import { AppTables } from "../constants/tableConstants";
+import { db } from "../constants/constants";
+import { SvgXml } from "react-native-svg";
+import * as RNFS from 'react-native-fs';
+
+import MapIcon from '../assets/performics/map_icon.svg';
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CustomCamera from '../components/Camera';
+import { get_item } from "./localStorage";
+import { getMethodName, METHODS } from "../constants/methodNames";
+import { getDownloadJson1, fetchProjectConfig } from "../controller/functions";
+
+
+const StoreItem = memo((props) => {
+  let d1 = new Date();
+  let d2 = moment(d1).format('MM/DD/YYYY');
+  const route = useRoute();
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const item = props.item;
+  //console.log("sdata.CheckInTime", item.CheckInTime)
+  // console.log("itemitem====",item)
+  const isAlreadyCheckedIn = props?.isAlreadyCheckedIn;
+
+  // console.log("store detail data--",item?.CheckInTime != "" && item?.CheckInTime != null ? item.StoreId : "anita")
+
+  const ST = props.StaticText || {};
+  const IsSearchedStore = props.IsSearchedStore != null && props.IsSearchedStore == true ? true : false;
+  // console.log("IsSearchedStore",IsSearchedStore)
+  const isNPNDScreen = props.isNPNDScreen != null && props.isNPNDScreen == true ? true : false;
+
+  const CheckInStoreIds = props.CheckInStoreIds != null && typeof props.CheckInStoreIds == "object" ? props.CheckInStoreIds : [];
+
+
+  // add posSale (download Sup_Mapping_StorePosSaleDefinition when user click on checkin .)
+  async function DownloadDataPosSaleDefination(data1) {
+    props.setLoaderTitle("Downloading " + "Store PosSale defination Data...");
+    props.setProcessing(true);
+    let downloadKey = "Sup_Mapping_StorePosSaleDefinition";
+
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+
+    let data = '';
+
+    data = {
+      Downloadtype: downloadKey,
+      Username: loginDetails.UserId,
+      Param1: item?.StoreId,
+      Param2: '',
+
+    }
+
+    console.log(url, data);
+    return await getDownloadJson1(url, data)
+      .then(async (res) => {
+        console.log("DownloadDataPosSaleDefination res:", res);
+        if (res.Sup_Mapping_StorePosSaleDefinition != null || res.Sup_Mapping_StorePosSaleDefinition != '') {
+          props.setProcessing(false);
+          let posSaleArr = res.Sup_Mapping_StorePosSaleDefinition;
+          let isInserted = await InsertDownloadedPosSale(posSaleArr);
+
+          console.log('Inserted data:', posSaleArr);
+          console.log('isInserted:', isInserted)
+          if (isInserted) {
+            // notify("possale defination list downloaded successfully.");
+            props.navigation.navigate('StoreDailyMenu', { storeData: data1, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+          }
+          else {
+            props.setProcessing(false);
+            // notify("No data found for possale defination list.");
+            props.navigation.navigate('StoreDailyMenu', { storeData: data1, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+            return [];
+          }
+        }
+        else {
+          // notify('No data found!');
+          props.setProcessing(false);
+          props.navigation.navigate('StoreDailyMenu', { storeData: data1, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+          return [];
+        }
+
+      })
+      .catch((err) => {
+        console.log('onPage Team error', err);
+        props.setProcessing(false);
+        // notify("Cannot download store posSale defination data!")
+        return [];
+      });
+  }
+
+
+  async function InsertDownloadedPosSale(posSaleArr) {
+    console.log("insert download posSale called");
+    return new Promise((resolve, reject) => {
+
+      var values = [], sql_stmnt = '', all_vals = '';
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      let tbname = 'Sup_Mapping_StorePosSaleDefinition';
+      let storeId = item.StoreId;
+      let q = `Delete from ${tbname} where VisitDate='${d2}' AND StoreId='${storeId}' `;
+
+      posSaleArr.map((data_obj) => {
+        let { PosDefinitionId, StoreId, VisitDate } = data_obj;
+        values.push(` ('${PosDefinitionId}', '${StoreId}', '${VisitDate}')`);
+      });
+      all_vals = values.join(',');
+      sql_stmnt = `INSERT INTO ${tbname}(PosDefinitionId,StoreId,VisitDate) 
+        values ${all_vals}`;
+
+      db.transaction(async function (txn) {
+        await txn.executeSql(q, [], async function (txn2, txnres4) {
+          console.log('removeddata');
+          await txn.executeSql(sql_stmnt, [], async function (txn2, txnres2) {
+            resolve(true);
+          }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+      })
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    })
+
+  }
+
+  async function getposSaledefinationdata(data1) {
+    props.setProcessing(true);
+    try {
+      await db.transaction(async (txn) => {
+        let query = `
+            SELECT DISTINCT * FROM Sup_Mapping_StorePosSaleDefinition Where StoreId = '${item?.StoreId}' AND VisitDate = '${d2}';`;
+
+        console.log(query, "query");
+
+        txn.executeSql(query, [], (txn, result) => {
+          if (result.rows.length > 0) {
+            console.log(result.rows.length, "result.rows.length")
+            props.navigation.navigate('StoreDailyMenu', { storeData: data1, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+
+          }
+          else {
+            console.log('Table is empty. Triggering data download.');
+            DownloadDataPosSaleDefination(data1);
+            // setProcessing(false);
+          }
+        }, (error) => {
+          props.setProcessing(false);
+          console.log("Error while executing getposSaledefinationdata SQL: ", error);
+        });
+      });
+    } catch (err) {
+      console.log("Error in get pos Saledefinationdata function: ", err);
+      props.setProcessing(false);
+    }
+  }
+  // end download
+
+  async function get_posSaleStoredefinationdata(data1) {
+    try {
+      await db.transaction(async function (txn) {
+        let q = `select count() as count from Sup_Mapping_StorePosSaleDefinition where StoreId= '${item.StoreId}' `;
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          if (txnres.rows.length >= 0) {
+            let data = txnres.rows.item(0);
+            console.log(data, "data--->");
+            if (data?.count > 0) {
+              props.navigation.navigate('StoreDailyMenu', { storeData: data1, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+              console.log("no need to download the data.")
+            } else {
+              getposSaledefinationdata(data1);
+            }
+          }
+        }, function (txnE, txnerr) { console.log(txnerr); },);
+      });
+    } catch (err) {
+      console.log(err);
+      props.setProcessing(false);
+    }
+  }
+
+
+  async function get_to_store_details(data) {
+    console.log("===IsSearchedStore===", IsSearchedStore, "called ===", data);
+    const { StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+    // const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+
+    if (data.UploadStatus == 'U') {
+      notify(ST.AllDataalreadyuploadedforthisstore);
+      // props.navigation.navigate('StoreDailyMenu',{storeData:data,'isAdhoc':props.isAdhocScreen,'IsSearchedStore':IsSearchedStore});
+    }
+    else if (data.UploadStatus == 'L') {
+      notify(ST.Alreadymarkedasnotworkingstatusforthisstore);
+    }
+    else if (data.UploadStatus == 'I') {
+
+      let isChcekedIn = await checkIfCheckInAvlbl(storewisePjp, storeSearch);
+      console.log('isChcekedIn==storewisePjp', isChcekedIn, storewisePjp);
+      console.log("data=======", data)
+      let menuList = data.MenuList;
+      console.log('menuList length:', menuList?.length);
+      if (storewisePjp == true) {
+
+        if (isChcekedIn == true) {
+          if (menuList?.length > 0) {
+            props.set_autoback({ 'AutoGoToPrev': false });
+
+            let isPosSale = menuList?.some(item => item.ScreenName == 'POSSALE');
+            if (isPosSale) {
+              get_posSaleStoredefinationdata(data);
+            }
+            else {
+              props.navigation.navigate('StoreDailyMenu', { storeData: data, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+            }
+
+          }
+        }
+        else {
+          console.log("restore checkin called ======")
+          let isrestored = await restoreCheckIn(data, storewisePjp, storeSearch);
+
+          props.setProcessing(false);
+          console.log('isrestored:', isrestored);
+          if (isrestored == true) {
+            if (menuList?.length > 0) {
+              props.set_autoback({ 'AutoGoToPrev': false });
+
+              let isPosSale = menuList?.some(item => item.ScreenName == 'POSSALE');
+              if (isPosSale) {
+                get_posSaleStoredefinationdata(data);
+              }
+              else {
+                props.navigation.navigate('StoreDailyMenu', { storeData: data, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+              }
+            }
+          }
+          else {
+            notify(ST.CheckIndatanotavailable);
+          }
+
+        }
+
+      }
+      else {
+        if (isChcekedIn == true) {
+
+          console.log("menuList--->", menuList)
+          console.log("menuList---ccc>", isChcekedIn)
+
+          if (menuList?.length > 0) {
+            props.set_autoback({ 'AutoGoToPrev': false });
+
+            let isPosSale = menuList?.some(item => item.ScreenName == 'POSSALE');
+            if (isPosSale) {
+              get_posSaleStoredefinationdata(data);
+            }
+            else {
+              props.navigation.navigate('StoreDailyMenu', { storeData: data, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+            }
+          }
+        }
+        else {
+          console.log("helllllooooo--->")
+          let isrestored = await restoreCheckIn(data, storewisePjp, storeSearch);
+          props.setProcessing(false);
+          console.log('isrestored:', isrestored);
+          if (isrestored == true) {
+            if (menuList?.length > 0) {
+              props.set_autoback({ 'AutoGoToPrev': false });
+
+              let isPosSale = menuList?.some(item => item.ScreenName == 'POSSALE');
+              if (isPosSale) {
+                get_posSaleStoredefinationdata(data);
+              }
+              else {
+                props.navigation.navigate('StoreDailyMenu', { storeData: data, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore, isNPND: isNPNDScreen });
+              }
+            }
+          }
+          else {
+            notify(ST.CheckIndatanotavailable);
+          }
+
+        }
+
+      }
+    }
+    else if (data.UploadStatus == 'C') {
+      notify(ST.Alreadycheckedout);
+    }
+    else if (data.UploadStatus == 'D') {
+      notify(ST.Dataalreadyuploaded);
+    }
+    else if (data.UploadStatus == 'P') {
+      notify(ST.Datapartiallyuploaded);
+    }
+    else if (data.UploadStatus == 'N' || data.UploadStatus == '') {
+      console.log('isChcekedIn');
+      let isChcekedIn = await checkIfAlreadyCheckdIn(storewisePjp, storeSearch);
+      console.log('isChcekedIn', isChcekedIn);
+      if (isChcekedIn == true) {
+        notify(ST.Youarealreadycheckedintotheotherstore, 'LONG');
+      }
+      else if (IsSearchedStore && CheckInStoreIds.indexOf(item.StoreId) >= 0) {
+        // this store is already checked in
+        notify("This store is already Checked-In");
+      }
+      else if (isAlreadyCheckedIn) {
+        notify(ST.Youarealreadycheckedintotheotherstore, 'LONG');
+      }
+      else {
+        if (IsSearchedStore && props.InsertPJP != null) {
+          console.log("insert pjp is called ======")
+          let isInserted = await props.InsertPJP(item);
+          console.log("isPJPInserted:", isInserted);
+        }
+        console.log("go to checkin screen ======")
+        props.setShowStoreVisitModal(true);
+        props.setCurrentStore(data);
+      }
+    }
+
+  }
+
+
+
+  async function checkIfCheckInAvlbl(storewisePjp, storeSearch) {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let join, join2, q, q2;
+    let execQ2 = true;
+    let ShowStoreSearch = storeSearch ? storeSearch : false;
+    console.log("storewisePjp:", storewisePjp);
+
+
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+
+        if (storewisePjp) {
+          join = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_JourneyPlanStorewiseSup' `;
+          q = `Select t1.* from Sup_JourneyPlanStorewiseSup t1 ${join} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+
+          join2 = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_JourneyPlanStorewiseSup_Adhoc' `;
+          q2 = `Select t1.* from Sup_JourneyPlanStorewiseSup_Adhoc t1 ${join2} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+        } else if (isNPNDScreen) {
+          join = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_NPNDStore' `;
+          q = `Select t1.* from Sup_NPNDStore t1 ${join} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+
+          join2 = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_AdhocJourneyPlan' `;
+          q2 = `Select t1.* from Sup_AdhocJourneyPlan t1 ${join2} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+        }
+        else {
+          join = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_JourneyPlan' `;
+          q = `Select t1.* from Sup_JourneyPlan t1 ${join} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+
+          join2 = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_AdhocJourneyPlan' `;
+          q2 = `Select t1.* from Sup_AdhocJourneyPlan t1 ${join2} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+        }
+
+
+        console.log('checkIfCheckInAvlbl q:', q)
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('checkIfCheckInAvlbl q count:', txnres2.rows.length)
+          if (txnres2.rows.length > 0) {
+            // show from local
+            resolve(true);
+          }
+          else if (execQ2) {
+            txn.executeSql(q2, [], async function (txn2, txnres3) {
+              if (txnres3.rows.length > 0) {
+                // show from local
+                resolve(true);
+              }
+              else {
+                resolve(false);
+              }
+            }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+          }
+          else {
+            resolve(false);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+      });
+
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      return false;
+    });
+  }
+
+
+  async function AskForCancelCheckin(data) {
+    props.setCancelCheckOutStore(data);
+    props.setShowCancelCIModal(true);
+  }
+
+
+  async function restoreCheckIn(item, storewisePjp, storeSearch) {
+    try {
+      props.setLoaderTitle(ST.YouhaveclearedtheAppDataRestoringCheckinInfo + '...');
+      props.setProcessing(true);
+
+      const d2 = moment(new Date()).format('MM/DD/YYYY');
+
+      return new Promise(async (resolve, reject) => {
+
+        const { StoreId, VisitDate, MID, Latitude, Longitude, InTime, OutTime, MerchandiserId, UploadStatus } = item;
+
+        console.log("restoreCheckIn item:", item);
+
+        let JcpType = storewisePjp
+          ? (props.isAdhocScreen ? "Sup_JourneyPlanStorewiseSup_Adhoc" : (props.isNPNDScreen ? "Sup_NPNDStore" : "Sup_JourneyPlanStorewiseSup"))
+          : (props.isAdhocScreen ? "Sup_AdhocJourneyPlan" : (props.isNPNDScreen ? "Sup_NPNDStore" : "Sup_JourneyPlan"));
+
+        let In_Time = InTime
+          ? moment(InTime, InTime.includes('/')
+            ? "MM/DD/YYYY HH:mm:ss"
+            : "HH:mm:ss"
+          ).format("HH:mm:ss")
+          : '';
+
+        let Out_Time = ""
+        if (UploadStatus !== 'I') {
+          Out_Time = OutTime
+            ? moment(OutTime, OutTime.includes('/')
+              ? "MM/DD/YYYY HH:mm:ss"
+              : "HH:mm:ss"
+            ).format("HH:mm:ss")
+            : '';
+        }
+
+
+
+        //let In_Time = InTime ? moment(d2 + ' ' + InTime).format('MM/DD/YYYY HH:mm:ss') : '';
+        //let Out_Time = OutTime ? moment(d2 + ' ' + OutTime).format('MM/DD/YYYY HH:mm:ss') : '';
+        let CHECKOUT_TIME = Out_Time || '';
+
+        db.transaction((txn) => {
+
+          txn.executeSql(
+            `DELETE FROM ${AppTables.COVERAGE_DATA}`,
+            [],
+            () => {
+              txn.executeSql(
+                `INSERT INTO ${AppTables.COVERAGE_DATA}
+              (EMP_ID,STORE_ID,VISIT_DATE,LATITUDE,LONGITUDE,IMAGE,CHECKOUT_TIME,
+              CHECKOUT_IMAGE,REASON_ID,REASON,REMARK,STORE_FLAG,MID,JCP_TYPE,ADDED_DATE)
+              VALUES (?, ?, ?, ?, ?, '', ?, '', '0', '', '', '', ?, ?, ?)`,
+                [MerchandiserId, StoreId, VisitDate, Latitude, Longitude, CHECKOUT_TIME, MID, JcpType, d2],
+                () => {
+                  txn.executeSql(
+                    `DELETE FROM ${AppTables.CHECKIN_DATA}`,
+                    [],
+                    () => {
+                      txn.executeSql(
+                        `INSERT INTO ${AppTables.CHECKIN_DATA}
+                      (EMP_ID,STORE_ID,VISIT_DATE,LATITUDE,LONGITUDE,CHECKIN_TIME,
+                      CHECKIN_IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REMARK,JCP_TYPE,ADDED_DATE)
+                      VALUES (?, ?, ?, ?, ?, ?, '', ?, '', '', ?, ?)`,
+                        [MerchandiserId, StoreId, VisitDate, Latitude, Longitude, In_Time, Out_Time, JcpType, d2],
+                        () => {
+                          console.log('CHECKIN INSERT SUCCESS');
+                          resolve(true);
+                        },
+                        (e) => { console.log(e); resolve(false); }
+                      );
+                    },
+                    (e) => { console.log(e); resolve(false); }
+                  );
+                },
+                (e) => { console.log(e); resolve(false); }
+              );
+            },
+            (e) => { console.log(e); resolve(false); }
+          );
+
+        });
+
+      });
+
+    } catch (err) {
+      console.log(err);
+      return false;
+    }
+  }
+
+
+  async function checkIfAlreadyCheckdIn(storewisePjp, storeSearch) {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let join, join2, q, q2;
+        let execQ2 = true;
+        let ShowStoreSearch = storeSearch ? storeSearch : false;
+
+
+        if (storewisePjp) {
+          join = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_JourneyPlanStorewiseSup' `;
+          q = `Select t1.* from Sup_JourneyPlanStorewiseSup t1 where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+
+          join2 = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_JourneyPlanStorewiseSup_Adhoc' `;
+          q2 = `Select t1.* from Sup_JourneyPlanStorewiseSup_Adhoc t1 where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+        } else if (isNPNDScreen) {
+          join = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_NPNDStore' `;
+          q = `Select t1.* from Sup_NPNDStore t1 ${join} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+
+          join2 = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_AdhocJourneyPlan' `;
+          q2 = `Select t1.* from Sup_AdhocJourneyPlan t1 ${join2} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+        }
+        else {
+          join = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_JourneyPlan' `;
+          q = `Select t1.* from Sup_JourneyPlan t1 where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+
+          join2 = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_AdhocJourneyPlan' `;
+          q2 = `Select t1.* from Sup_AdhocJourneyPlan t1 where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+
+        }
+
+        console.log("query-------1-21", q);
+        console.log("query-------2", q2);
+
+        txn.executeSql(q, [], async function (txn2, txnres2) {
+          if (txnres2.rows.length > 0) {
+            console.log("query-------1--", txnres2.rows.length);
+            // show from local
+            resolve(true);
+          }
+          else if (execQ2) {
+            console.log("query-------2--");
+            txn.executeSql(q2, [], async function (txn2, txnres3) {
+              if (txnres3.rows.length > 0) {
+                // show from local
+                resolve(true);
+              }
+              else {
+                resolve(false);
+              }
+            }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+          }
+          else {
+            resolve(false);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+      });
+
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      return false;
+    });
+  }
+
+  return (
+    <TouchableOpacity
+      style={customStyle.storel}
+      key={props.index}
+      onPress={() => { get_to_store_details(item) }}>
+      <View style={customStyle.storel_card_outer}>
+        <View style={customStyle.storel_card}>
+          <View style={customStyle.storel_card_content}>
+            <Text style={customStyle.storel_card_title}>{item?.StoreName}</Text>
+          </View>
+        </View>
+        <View style={customStyle.storel_details}>
+          <View style={customStyle.storel_code}>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeBorder, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{ST.StoreId + ':'}</Text>
+              <Text style={customStyle.storel_codeText}>{item?.StoreId}</Text>
+            </View>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{ST.StoreType + ':'}</Text>
+              <Text style={[customStyle.storel_codeText, { width: '50%' }]}>{item?.StoreType}</Text>
+            </View>
+          </View>
+          <View style={customStyle.storel_code}>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{ST.StoreCode + ':'}</Text>
+              <Text style={[customStyle.storel_codeText, customStyle.storel_codeTextAddr]}>{item?.StoreCode}</Text>
+            </View>
+          </View>
+          <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10]}>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{ST.Address + ':'}</Text>
+              <Text style={[customStyle.storel_codeText, customStyle.storel_codeTextAddr]}>{item?.Address}</Text>
+            </View>
+          </View>
+          {/* {console.log("CheckInTime====", item?.CheckInTime)} */}
+          {
+            (item?.CheckInTime != null && item?.CheckInTime != '') &&
+            <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10]}>
+              <Fontisto style={customStyle.storel_codeIcon} color={PageTheme.$secondary_color_dark} name='clock' />
+              <View style={[customStyle.storel_codeCon, customStyle.storel_codeBorder]}>
+                <Text style={customStyle.storel_codeText}>{ST.CheckIn + ':'}</Text>
+
+                <Text style={customStyle.storel_codeText}>{item?.CheckInTime}</Text>
+              </View>
+              {(item?.CheckOutTime != null && item?.CheckOutTime != '') &&
+                <View style={[customStyle.storel_codeCon]}>
+                  <Text style={customStyle.storel_codeText}>{ST.CheckOut + ':'}</Text>
+                  <Text style={customStyle.storel_codeText}>{item?.CheckOutTime}</Text>
+                </View>
+              }
+            </View>
+          }
+          {(item?.UploadStatus != null && item?.UploadStatus != '' && item?.UploadStatus != 'N') &&
+            <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10]}>
+              <View style={[customStyle.storel_usWrap]}>
+
+                {item?.UploadStatus != null && (item?.UploadStatus == 'I' || item?.UploadStatus == 'L') &&
+                  <TouchableOpacity style={[customStyle.storel_usCon, customStyle.storel_usConBtn, customStyle.storel_usConBtn2]} onPress={() => { AskForCancelCheckin(item) }}>
+                    {item?.UploadStatus == 'L' ? <MaterialCommunityIcons name='exclamation' color='red' size={20} /> : <MaterialCommunityIcons name='login' color='#1f7dbc' size={20} />}
+                    {item?.UploadStatus == 'L' ? <Text style={[customStyle.storel_usText, { color: 'red' }, customStyle.storel_usBtnText]}>{ST.NotWorking}</Text> : <Text style={[customStyle.storel_usText, { color: '#1f7dbc' }, customStyle.storel_usBtnText]}>{ST.CheckedIn}</Text>}
+
+                    <View style={[customStyle.storel_usBtnRemoveIcon]}>
+                      <FontAwesome name='trash' size={20} color={'red'} />
+                    </View>
+                  </TouchableOpacity>}
+                {/* {item.UploadStatus!=null && item.UploadStatus=='I' &&
+                        <View style={[customStyle.storel_usCon]}>
+                          <MaterialCommunityIcons name='login' color='#1f7dbc' size={20}/>
+                          <Text style={[customStyle.storel_usText,{color:'#1f7dbc'}]}>Checked In</Text>
+                        </View>}  */}
+                {item?.UploadStatus != null && item.UploadStatus == 'C' &&
+                  <View style={[customStyle.storel_usCon]}>
+                    <MaterialCommunityIcons name='logout' color='#ffd667' size={20} />
+                    <Text style={[customStyle.storel_usText, { color: '#ffd667' }]}>{ST.CheckedOut}</Text>
+                  </View>}
+                {item?.UploadStatus != null && item?.UploadStatus == 'P' &&
+                  <View style={[customStyle.storel_usCon]}>
+                    <AntDesign name='cloudupload' color='red' size={20} />
+                    <Text style={[customStyle.storel_usText, { color: 'red' }]}>{ST.PartiallyUploaded}</Text>
+                  </View>}
+                {item?.UploadStatus != null && item?.UploadStatus == 'D' &&
+                  <View style={[customStyle.storel_usCon]}>
+                    <Ionicons name='checkmark-sharp' color='green' size={20} />
+                    <Text style={[customStyle.storel_usText, { color: 'green' }]}>{ST.DataUploaded}</Text>
+                  </View>}
+                {item?.UploadStatus != null && item?.UploadStatus == 'U' &&
+                  <View style={[customStyle.storel_usCon]}>
+                    <Ionicons name='checkmark-done-sharp' color='green' size={20} />
+                    <Text style={[customStyle.storel_usText, { color: 'green' }]}>{ST.Uploaded}</Text>
+                  </View>}
+                {/* {item.UploadStatus!=null && item.UploadStatus=='L' &&
+                        <View style={[customStyle.storel_usCon]}>
+                          <MaterialCommunityIcons name='exclamation' color='red' size={20}/>
+                          <Text style={[customStyle.storel_usText,{color:'red'}]}>{ST.NotWorking}</Text>
+                        </View> }   */}
+
+                {console.log("allDone===", item)}
+
+                {item.allDone == true && (item.UploadStatus == 'I') &&
+                  <TouchableOpacity style={customStyle.storel_CheckOutBtn} onPress={() => { props.onCheckOut ? props.onCheckOut(item) : ''; }}>
+                    <Text style={customStyle.storel_CheckOutBtnText}>{ST.CheckOut}</Text>
+                  </TouchableOpacity>
+                }
+              </View>
+            </View>}
+          {
+            <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10, customStyle.storel_usOp]}>
+              <TouchableOpacity style={[customStyle.storel_usOpBtn]} onPress={() => { props.navigation.navigate('Album', { storeData: item, 'empData': props.EmpData, 'isAdhoc': props.isAdhocScreen, 'IsSearchedStore': IsSearchedStore }); }}>
+                <Ionicons name='albums' color={PageTheme.$accent_color} size={20} />
+                <Text style={customStyle.storel_usOpBtnText}>{'Album'}</Text>
+              </TouchableOpacity>
+            </View>
+          }
+        </View>
+        {item?.GeoTag == 'Y' &&
+          <TouchableOpacity activeOpacity={0.5} style={customStyle.storel_geotag_btn} onPress={() => { props.navigation.navigate('ShowMap', { storeData: item }) }} >
+            <SvgXml width={30} height={30} xml={MapIcon} />
+          </TouchableOpacity>
+        }
+        {item?.GeoTag == 'N' &&
+          <TouchableOpacity activeOpacity={1} style={customStyle.storel_geotag_btn} onPress={() => { }} >
+            <Entypo name='location-pin' size={30} color={'#b4b4b4'} />
+          </TouchableOpacity>
+        }
+      </View>
+    </TouchableOpacity>
+  );
+});
+
+export default StoreItem;
+
diff --git a/src/components/alert.js b/src/components/alert.js
new file mode 100644
index 0000000..0aa38fe
--- /dev/null
+++ b/src/components/alert.js
@@ -0,0 +1,63 @@
+import React from 'react';
+import {Platform,ToastAndroid,Alert,View,TouchableOpacity,Text} from 'react-native';
+import CustomModal from './CustomModal';
+import { useRoute } from '@react-navigation/native';
+import { customStyles, GetPageTheme } from '../styles/Global';
+
+export const CustomAlert = (title='',msg='',onCancel=function (){},onDone=function (){}) => {
+    Alert.alert(
+        title,
+        msg,
+        [
+          {
+            text: "Cancel",
+            onPress: () => console.log('tw'),
+            style: "cancel"
+          },
+          { text: "OK", onPress: () => console.log('jhdh') }
+        ]
+    );
+}
+
+export function ConfirmSaveAlert(props,showAlert=false,onCancelCallBack=()=>{},onYesCallBack=()=>{},msg='Do you really want to save data?'){
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+  const ST= props.StaticText || {};
+
+  return (
+    <CustomModal 
+      style={customStyle.storelVisitM_Style}
+      titleStyle={customStyle.storelVisitM_titleStyle}
+      title={msg}
+      showModal={showAlert}
+    >
+      <View style={customStyle.storelVisitM_options}>
+       <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{onCancelCallBack()}}>
+          <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{onYesCallBack()}}>
+          <Text style={customStyle.storelVisitM_op_btnText}>{ST.Yes}</Text>
+        </TouchableOpacity>
+      </View>
+    </CustomModal>
+  )
+}
+
+
+
+export function ExitScreenAlert(props,callback){
+  Alert.alert(
+      "",
+      "Do you really want to exit the screen?",
+      [
+        {
+          text: "Cancel",
+          onPress: () => {},
+          style: "cancel"
+        },
+        { text: "OK", onPress: () => {props.navigation.goBack();} }
+      ]
+    );
+}
+
diff --git a/src/components/container.js b/src/components/container.js
new file mode 100644
index 0000000..87aeab0
--- /dev/null
+++ b/src/components/container.js
@@ -0,0 +1,56 @@
+import * as React from "react";
+import { StatusBar, View} from "react-native";
+import { globalStyles,customStyles, GetPageTheme } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import NetworkStatusBar from "./NetworkStatusBar";
+import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
+import LinearGradient from "react-native-linear-gradient";
+
+const Container = (props) => {
+  const route = useRoute();
+  const globalStyle=globalStyles(props.DarkMode,route.name);
+  const insets = useSafeAreaInsets();
+  const paddingS=props.pt!=null?{paddingTop:props.pt}:{};
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+
+
+
+  if(props.avoidSafeArea  && props.avoidSafeArea==true){
+    return (
+      <View style={[globalStyle.container,paddingS]}>
+        {props.children}
+        <NetworkStatusBar {...props} />
+      </View>
+    );
+  }
+  return (
+    <View style={{ flex: 1, backgroundColor: '#FFFFFF', }}>
+          {/* Top Safe Area with Gradient */}
+          {route.name != "MpinLogin" && route.name != "Mpin" && route.name != "Project" && route.name != "initialScreen" &&   route.name != "Login" &&
+          <LinearGradient
+            colors={[PageTheme.$gradient1, PageTheme.$primary_color]}
+            start={{ x: 0, y: 0 }}
+            end={{ x: 1, y: 0 }}
+            style={{ height: insets.top }}
+          >
+            <StatusBar
+              backgroundColor={'transparent'}
+              translucent={true}
+              {...props}
+              barStyle={"light-content"}
+            />
+          </LinearGradient> }
+    
+          {/* Main Content */}
+          <View style={[globalStyle.container]}>
+            {props.children}
+            <NetworkStatusBar {...props} />
+          </View>
+    
+          {/* Bottom Safe Area (white) */}
+          <View style={{ height: insets.bottom, backgroundColor: '#FFFFFF' }} />
+        </View>
+  );
+};
+
+export default Container;
\ No newline at end of file
diff --git a/src/components/customButton.js b/src/components/customButton.js
new file mode 100644
index 0000000..cd502de
--- /dev/null
+++ b/src/components/customButton.js
@@ -0,0 +1,20 @@
+import React from "react";
+import { Text, TouchableOpacity } from "react-native";
+import { customeButtons,GetPageTheme } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+
+const CustomButton = (props) => {
+  const route = useRoute();
+  // const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+  const customeButton=customeButtons(props.DarkMode,route.name);
+
+  return (
+    <TouchableOpacity
+      activeOpacity={0.6}
+      onPress={props.onPress}
+      style={customeButton.buttonStyle}>
+      <Text style={customeButton.textStyle}>{props.title}</Text>
+    </TouchableOpacity>
+  );
+};
+export default CustomButton;
\ No newline at end of file
diff --git a/src/components/customHeader.js b/src/components/customHeader.js
new file mode 100644
index 0000000..e9f586c
--- /dev/null
+++ b/src/components/customHeader.js
@@ -0,0 +1,80 @@
+import React, { useState, useEffect, useRef } from "react";
+import { Text, TouchableOpacity, View, Image, StatusBar, Platform } from "react-native";
+import { customeButtons, GetPageTheme, customStyles, globalStyles } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { AntDesign, Entypo, Fontisto, MaterialCommunityIcons, FontAwesome } from "./icons";
+import moment from 'moment';
+import LinearGradient from 'react-native-linear-gradient';
+
+function CustomHeader(props) {
+  const route = useRoute();
+  const isCancelled = useRef(false);
+  const PageTheme = GetPageTheme(props.DarkTheme, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const [currentTime, setCurrentTime] = useState('');
+  const [currentDate, setCurrentDate] = useState('');
+
+  // const prevRoute = props.prevRoute
+
+  // console.log("prevRoute",prevRoute)
+
+  const goBack = () => {
+    props.navigation.goBack();
+  }
+
+  useEffect(() => {
+
+    setTimer();
+
+    return () => {
+      isCancelled.current = true;
+    };
+  }, []);
+
+  function setTimer() {
+    if (!isCancelled.current) {
+      let d1 = new Date();
+      let now = moment(d1).format('hh:mm:ss a');
+      let ndate = moment(d1).format('DD/MM/YYYY');
+      setCurrentTime(now);
+      setCurrentDate(ndate);
+      setTimeout(() => { setTimer(); }, 1000);
+    }
+
+  }
+
+  return (
+    <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[globalStyle.drawerScreenHdr_bg]}>
+      <StatusBar barStyle={"light-content"} backgroundColor={'transparent'} translucent={true} />
+      <View style={[Platform.OS=='ios'?{ marginTop: "10%", height: "100%" }:{height: "80%"}]}>
+        <View style={globalStyle.dScreenHdr_Content}>
+          <Text style={globalStyle.drawerScreenHdr_title}>{props.title}</Text>
+          <View style={[globalStyle.dScreen_LeftContainer,{zIndex:10000}]}>
+            <TouchableOpacity style={[customStyle.toggleDrawerBtn, customStyle.headerLeftIcon]} onPress={() => { props.onPress != null ? props.onPress() : goBack() }}>
+              <AntDesign color={PageTheme.$accent_color} size={20} name='arrowleft' />
+            </TouchableOpacity>
+          </View>
+          {props.hideBellIcon != true &&
+            <View style={globalStyle.dScreen_RightContainer}>
+              {props.projectCode != null && <Text style={globalStyle.drawerProjectId}>{(props.projectCode != null ? (props.projectCode.length > 15 ? props.projectCode.substring(0, 15) + '...' : props.projectCode) : '')}</Text>}
+              <TouchableOpacity activeOpacity={0.6} style={globalStyle.drawerNotifIcon} onPress={() => { }}>
+                <MaterialCommunityIcons name='bell-ring-outline' size={20} color={PageTheme.$accent_color} />
+              </TouchableOpacity>
+            </View>
+          }
+        </View>
+        {
+          props.hideTimer != true &&
+          <View style={customStyle.clocktimerWrap}>
+            <View style={customStyle.clocktimerRow}>
+              <Entypo name='calendar' color={PageTheme.$primary_color} size={14} /><Text style={[customStyle.clocktimerText, customStyle.mr10]}>{currentDate}</Text>
+              <Fontisto name='clock' color={PageTheme.$primary_color} size={14} /><Text style={customStyle.clocktimerText}>{currentTime}</Text>
+            </View>
+          </View>
+        }
+      </View>
+    </LinearGradient>
+  );
+}
+export default CustomHeader;
\ No newline at end of file
diff --git a/src/components/customInput.js b/src/components/customInput.js
new file mode 100644
index 0000000..dcf1eeb
--- /dev/null
+++ b/src/components/customInput.js
@@ -0,0 +1,13 @@
+import * as React from "react";
+import { TextInput } from "react-native";
+import { globalStyle } from "../styles/Global";
+import { PrimaryTheme } from "../styles/Themes"; 
+
+const CustomInput = (props) => {
+  return (
+    <TextInput placeholder={props.placeholder} placeholderTextColor={PrimaryTheme.$text_color_500} style={globalStyle.inputStyle} autoComplete='off'>
+    </TextInput>
+  );
+};
+
+export default CustomInput;
\ No newline at end of file
diff --git a/src/components/downloadApkModal.js b/src/components/downloadApkModal.js
new file mode 100644
index 0000000..1279526
--- /dev/null
+++ b/src/components/downloadApkModal.js
@@ -0,0 +1,57 @@
+import React,{useRef,useEffect} from "react";
+import { Text, TouchableOpacity ,View,Image,Animated,ActivityIndicator,StatusBar} from "react-native";
+import { customeButtons,GetPageTheme,customStyles,globalStyles,HP } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { AntDesign } from "./icons";
+
+// import LoadingSVG from '../assets/image/loader.svg'
+// import { SvgXml } from "react-native-svg";
+// import { heightPercentageToDP } from "react-native-responsive-screen";
+
+const DownloadAPKModal = (props) => {
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+  const globalStyle=globalStyles(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+
+  const downloadAnimated = useRef(new Animated.Value(0)).current;
+
+  const htStyle={height:HP('100%')+StatusBar.currentHeight};
+  let dc=props.downloadCount;
+  let tc=props.totalCount;
+  let p=tc==0?0:((dc/tc)*100);
+  
+  const bar_width=(p=='Infinity')?'0%':(p>100?'100%':p+'%');
+
+  // downloadAnimated.setValue(0);
+  // Animated.timing(downloadAnimated, {
+  //     toValue: 1,
+  //     duration:100,
+  //     useNativeDriver:false,  
+  // }).start();
+  // let prev_dc=dc<1?dc-1:dc;
+  // const bar_width=downloadAnimated.interpolate({
+  //     inputRange:[prev_dc,dc],
+  //     outputRange:[((prev_dc/tc)*100)+'%',((dc/tc)*100)+'%'], 
+  // });
+  
+  return (
+    <View style={[customStyle.loaderBackdrop]}>      
+      <View style={customStyle.download_loaderCon}>
+        {(props.title!=null) && <Text style={customStyle.downloadAPk_Title}>{props.title}</Text>}
+        {(props.downloadCount!=null && props.totalCount!=null) && props.hideCounter!=true && <Text style={customStyle.download_count}>{(dc+1)+'/'+(tc+1)}</Text>}
+        
+        <View style={customStyle.downloadAPkProgress}>
+          <Image source={require('../assets/image/loader.gif')} style={customStyle.downloadAPkProgress_gif} />
+        </View>
+        {props.subtitle!=null && 
+          <View style={customStyle.downloadAPk_subtitleWrap}>
+          {<ActivityIndicator size={'small'} color={PageTheme.$primary_color} style={customStyle.downloadAPKModal_spin}/>}
+          {(props.subtitle!=null) && <Text style={customStyle.downloadAPk_subTitle}>{props.subtitle}</Text>}
+          </View>
+        }
+      </View>
+    </View>
+  );
+};
+export default DownloadAPKModal;
\ No newline at end of file
diff --git a/src/components/downloadDataModal.js b/src/components/downloadDataModal.js
new file mode 100644
index 0000000..13afa83
--- /dev/null
+++ b/src/components/downloadDataModal.js
@@ -0,0 +1,60 @@
+import React,{useRef,useEffect} from "react";
+import { Text, TouchableOpacity ,View,Image,Animated,ActivityIndicator,StatusBar} from "react-native";
+import { customeButtons,GetPageTheme,customStyles,globalStyles,HP } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { AntDesign } from "./icons";
+
+const DownloadDataModal = (props) => {
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+  const globalStyle=globalStyles(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+
+  const downloadAnimated = useRef(new Animated.Value(0)).current;
+
+  const htStyle={height:HP('100%')+StatusBar.currentHeight};
+  let dc=props.downloadCount;
+  let tc=props.totalCount;
+  let p=((dc/tc)*100);
+  
+  const bar_width=p>p?'100%':p+'%';
+
+  let showProgresssBar=(props.showProgresssBar!=null && props.showProgresssBar!='')?props.showProgresssBar:(props.showProgresssBar===false?false:true);
+  // downloadAnimated.setValue(0);
+  // Animated.timing(downloadAnimated, {
+  //     toValue: 1,
+  //     duration:100,
+  //     useNativeDriver:false,  
+  // }).start();
+  // let prev_dc=dc<1?dc-1:dc;
+  // const bar_width=downloadAnimated.interpolate({
+  //     inputRange:[prev_dc,dc],
+  //     outputRange:[((prev_dc/tc)*100)+'%',((dc/tc)*100)+'%'], 
+  // });
+  
+  return (
+    <View style={[customStyle.loaderBackdrop]}>      
+      <View style={customStyle.download_loaderCon}>
+        {(props.title!=null) && <Text style={customStyle.download_Title}>{props.title}</Text>}
+        {(props.downloadCount!=null && props.totalCount!=null) && props.hideCounter!=true && showProgresssBar && <Text style={customStyle.download_count}>{(dc+1)+'/'+(tc+1)}</Text>}
+        {(props.downloadCount!=null && props.totalCount!=null &&  showProgresssBar)  && 
+        <View style={customStyle.downloadProgress}>
+          <View style={customStyle.downloadProgress_bg}></View>
+          <Animated.View style={[customStyle.downloadProgress_filled,{width:bar_width}]}></Animated.View>
+        </View>
+        }  
+        {(props.subtitle!=null)  && <Text style={[customStyle.download_subTitle,(props.subTextStyle!=null && props.subTextStyle!=''?props.subTextStyle:{})]}>{props.subtitle}</Text>}
+        {(props.showOkButton!=true) && <ActivityIndicator size={'small'} color={PageTheme.$primary_color} style={customStyle.downloadModal_spin}/>}
+       
+        {(props.showOkButton==true && props.OnOKClick!=null) && 
+          <View style={customStyle.downloadModal_btnWrap}>
+          <TouchableOpacity  style={customStyle.downloadModal_OkBtn} onPress={()=>{props.OnOKClick()}}>
+            <Text style={customStyle.downloadModal_OkBtnText}>Ok</Text>
+          </TouchableOpacity>
+          </View>
+        }
+      </View>
+    </View>
+  );
+};
+export default DownloadDataModal;
\ No newline at end of file
diff --git a/src/components/downloadTasks.js b/src/components/downloadTasks.js
new file mode 100644
index 0000000..9ad97d6
--- /dev/null
+++ b/src/components/downloadTasks.js
@@ -0,0 +1,864 @@
+import React, { useState, useEffect } from 'react';
+import moment from 'moment';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { db } from '../constants/constants';
+import { getMethodName, METHODS } from '../constants/methodNames';
+import { getIf_UserIsManager } from '../controller/functions';
+import { getDownloadJson1,fetchProjectConfig } from '../controller/functions';
+
+export async function getDownloadDataTask(props, Redownload = false) {
+  console.log('getDownloadDataTask Redownload:', "hello");
+  let userIsManager = await getIf_UserIsManager(props);
+  const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+
+  var DownloadTasks = [];
+
+  // include these keys in download only when either user is not in prop.SUP_ManagerDesigList i.e. not a manager or if it is a manager then redownload should not be true
+  // these keys are not required in redownload functionality
+  if (userIsManager == false || (userIsManager == true && Redownload == false)) {
+    DownloadTasks.push("Table_Structure_Sup");
+
+    DownloadTasks.push("Sup_AttendanceStatus");
+    DownloadTasks.push("Sup_Menu_Master");
+    DownloadTasks.push("Mapping_MenuConfiguration_Sup")
+    DownloadTasks.push("Sup_ImageType");
+    DownloadTasks.push("Sup_NonWorkingReason");
+    DownloadTasks.push("Sup_Master_MenuReports");
+    DownloadTasks.push("Sup_Master_DetailerContent");
+    DownloadTasks.push("Sup_TeamList");
+    DownloadTasks.push("Sup_SupervisorList")
+    console.log("storewisePjpDOWnload--->:", storewisePjp);
+    if (storewisePjp == true) {
+      DownloadTasks.push("Sup_JourneyPlanStorewiseSup");
+      DownloadTasks.push("Sup_JourneyPlanStorewiseSup_Adhoc");
+    }
+
+    // add these keys only if user is manager and this is not called for redonwload 
+    if ((userIsManager == true && Redownload == false)) {
+      DownloadTasks.push("Sup_JourneyPlan");
+    }
+
+  }
+  DownloadTasks.push("Sup_NPNDStore");
+  // include these keys in download only when either user is not in prop.SUP_ManagerDesigList i.e. not a manager or if it is a manager then redownload must be true
+  // these keys are required in redownload functionality only if it is search wise store checkin
+  // always include these either in download or in redownload
+  // if(userIsManager==false || (userIsManager==true && Redownload)){
+  // supervisor Downloads
+  DownloadTasks.push("Sup_Product_Master");
+  DownloadTasks.push("Mapping_MenuSup");
+  DownloadTasks.push("Sup_Master_Display")
+  // DownloadTasks.push("Sup_Master_ActivationType");
+  // DownloadTasks.push("Sup_Master_ProductFlavour"); 
+  // DownloadTasks.push("Sup_Master_ProductPack"); 
+
+  DownloadTasks.push("Sup_Master_PromoType")
+  DownloadTasks.push("Sup_Master_Competitor");
+
+  // DownloadTasks.push("Sup_Album"); 
+  DownloadTasks.push("Sup_Master_SurveyQuestion");
+  DownloadTasks.push("Mapping_SurveySup");
+
+  DownloadTasks.push("Sup_Master_VisibilityDefinition");
+  DownloadTasks.push("Sup_Master_VisibilityQuestion");
+  DownloadTasks.push("Sup_VisibilityAudit");
+  DownloadTasks.push("Sup_Master_VisibilityReason");
+  DownloadTasks.push("Sup_MasterDistributor");
+  DownloadTasks.push("Mapping_MenuDistributorPointSup");
+  DownloadTasks.push("Sup_Distributor_PreviousVisicooler");
+
+  DownloadTasks.push("Sup_Non_Working_ReasonDistributor");
+
+  // new 
+  DownloadTasks.push("Sup_ImageAuditKPIImages");
+  DownloadTasks.push("Sup_ImageAuditKPIQuestion");
+  DownloadTasks.push("Sup_ImageAuditStoreList");
+  DownloadTasks.push("Sup_Mapping_VisibilityQuestion");
+  DownloadTasks.push("Sup_Master_VisibilityStockDefinition");
+
+  // posSale downloads
+
+  DownloadTasks.push("Sup_Master_PosSaleDefinition");
+  DownloadTasks.push("Sup_Mapping_PosSaleDefinition");
+  DownloadTasks.push("Sup_Master_PosSaleReason");
+  DownloadTasks.push("Sup_Master_PosSaleCycle");
+
+  // dashboard
+  DownloadTasks.push("Sup_MenuAppDashboard");
+
+
+  // return DownloadTasks;
+  let DownloadTasks1 = [];
+  for (let i = 0; i < DownloadTasks.length; i++) {
+    let key = DownloadTasks[i];
+    let index = i + 1;
+    let IsMandatory = (key == 'Table_Structure') ? true : false;
+    let obj = { "KeyId": index, "DownloadKey": key, "IsMandatory": IsMandatory, "DevActive": true, "ProdActive": true, "DownloadSequence": index };
+
+    DownloadTasks1.push(obj);
+    if (i == DownloadTasks.length - 1) {
+      // console.log('DownloadTasks1:',DownloadTasks1);
+      return DownloadTasks1;
+    }
+  }
+
+}
+
+// manual download post data function
+// export async function getDownloadDataTask(props, Redownload = false) {
+//   console.log('getDownloadDataTask Redownload:', "hello");
+//   let userIsManager = await getIf_UserIsManager(props);
+//   //const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+//   const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+
+//   var DownloadTasks = [];
+
+//   // include these keys in download only when either user is not in prop.SUP_ManagerDesigList i.e. not a manager or if it is a manager then redownload should not be true
+//   // these keys are not required in redownload functionality
+//   if (userIsManager == false || (userIsManager == true && Redownload == false)) {
+//     DownloadTasks.push("Table_Structure_Sup");
+    
+//     DownloadTasks.push("Sup_NonWorkingReason");
+//     DownloadTasks.push("Sup_TeamList");
+//     DownloadTasks.push("Sup_Product_Master")
+//     DownloadTasks.push("Mapping_MenuSup");
+//     DownloadTasks.push("Sup_Master_Display");
+//     DownloadTasks.push("Sup_Master_ActivationType");
+//     DownloadTasks.push("Sup_Master_ProductFlavour");
+//     DownloadTasks.push("Sup_Master_ProductPack");
+//     DownloadTasks.push("Sup_Master_PromoType")
+//     console.log("storewisePjpDOWnload--->:", storewisePjp);
+//     if (storewisePjp == true) {
+//       DownloadTasks.push("Sup_JourneyPlanStorewiseSup");
+//       DownloadTasks.push("Sup_JourneyPlanStorewiseSup_Adhoc");
+//     }
+
+//     // add these keys only if user is manager and this is not called for redonwload 
+//     if ((userIsManager == true && Redownload == false)) {
+//       DownloadTasks.push("Sup_JourneyPlan");
+//     }
+
+//   }
+//   DownloadTasks.push("Sup_Master_Competitor");
+//   // include these keys in download only when either user is not in prop.SUP_ManagerDesigList i.e. not a manager or if it is a manager then redownload must be true
+//   // these keys are required in redownload functionality only if it is search wise store checkin
+//   // always include these either in download or in redownload
+//   // if(userIsManager==false || (userIsManager==true && Redownload)){
+//   // supervisor Downloads
+//   DownloadTasks.push("Sup_Master_SurveyQuestion");
+//   DownloadTasks.push("Sup_Master_VisibilityDefinition");
+//   DownloadTasks.push("Sup_Master_VisibilityQuestion")
+//   // DownloadTasks.push("Sup_Master_ActivationType");
+//   // DownloadTasks.push("Sup_Master_ProductFlavour"); 
+//   // DownloadTasks.push("Sup_Master_ProductPack"); 
+
+//   DownloadTasks.push("Sup_VisibilityAudit")
+//   DownloadTasks.push("Sup_Master_VisibilityReason");
+
+//   // DownloadTasks.push("Sup_Album"); 
+//   DownloadTasks.push("Sup_Menu_Master");
+//   DownloadTasks.push("Mapping_MenuConfiguration_Sup");
+
+//   DownloadTasks.push("Sup_ImageType");
+//   DownloadTasks.push("Sup_AttendanceStatus");
+//   DownloadTasks.push("Sup_Master_MenuReports");
+//   DownloadTasks.push("Sup_Master_DetailerContent");
+//   DownloadTasks.push("Sup_SupervisorList");
+//   DownloadTasks.push("Sup_MenuAppDashboard");
+//   DownloadTasks.push("Mapping_SurveySup");
+//   DownloadTasks.push("Sup_Mapping_VisibilityQuestion");
+//   DownloadTasks.push("Sup_Master_VisibilityStockDefinition");
+
+ 
+//   // return DownloadTasks;
+//   let DownloadTasks1 = [];
+//   for (let i = 0; i < DownloadTasks.length; i++) {
+//     let key = DownloadTasks[i];
+//     let index = i + 1;
+//     let IsMandatory = (key == 'Table_Structure') ? true : false;
+//     let obj = { "KeyId": index, "DownloadKey": key, "IsMandatory": IsMandatory, "DevActive": true, "ProdActive": true, "DownloadSequence": index };
+
+//     DownloadTasks1.push(obj);
+//     if (i == DownloadTasks.length - 1) {
+//       // console.log('DownloadTasks1:',DownloadTasks1);
+//       return DownloadTasks1;
+//     }
+//   }
+
+// }
+
+
+
+
+
+// MODIFIED BY AJEET
+
+export async function getPostData(DownloadTasks, index = 0, props) {
+  // var DownloadTasks=await getDownloadDataTask(props);
+  // let token=await get_item('loginToken');
+  const params = props.route.params || {};
+  let StoreSearchFlag=params.StoreSearchFlag || false;
+  let empData=params.empData 
+
+// console.log('ye wala call hua ',empData);
+// console.log('props. props. props. props. props----->',props);
+
+
+  let dk_data = DownloadTasks[index];
+  let key = dk_data.DownloadKey || '';
+  let loginInfo = await get_item('loginInfo');
+  const loginDetails = JSON.parse(loginInfo);
+  const todate = new Date();
+  const today = moment(todate).format("HH:mm:ss");
+
+  const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+  console.log("currentConfigDw:", storewisePjp);
+  console.log("storewisePjpDw:", storeSearch);
+
+  var postdata = {};
+  if (index >= 0) {
+    postdata = {
+      Downloadtype: key,
+      Username: loginDetails.UserId,
+      Param1: storewisePjp==false||(StoreSearchFlag && key=="Mapping_SurveySup")? (empData?.EmpId||0) :0,
+      Param2: storewisePjp ? 1 : 0,
+    };
+  }
+  console.log("postdata----",key,postdata)
+  return postdata;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+export async function getPostData2(key = '') {
+
+  let loginInfo = await get_item('loginInfo');
+  const loginDetails = JSON.parse(loginInfo);
+  var postdata = {};
+  if (key != '') {
+    postdata = {
+      Downloadtype: key,
+      Username: loginDetails.UserId,
+      Param1: '',
+      Param2: '',
+    };
+  }
+  return postdata;
+}
+
+export async function SortDownloadkeys(AllDTs) {
+  return await new Promise.all(AllDTs.sort((a, b) => {
+    if (a.DownloadSequence < b.DownloadSequence) {
+      return -1;
+    }
+    if (a.DownloadSequence > b.DownloadSequence) {
+      return 1;
+    }
+    // a must be equal to b
+    return 0;
+  })).then((val) => {
+    return AllDTs;
+  });
+}
+
+//************************** Redownload functionallity*******************
+export async function getReDownloadTasks1(props) {
+  console.log('getReDownloadTasks1');
+  return new Promise(async (resolve, reject) => {
+    var DownloadTasks1 = [];
+    console.log('chekc 1', props.DownloadKey);
+    if (props.DownloadKey != null && props.DownloadKey != '') {
+      console.log('props.DownloadKey');
+      let prop_dk = JSON.parse(props.DownloadKey);
+
+      let AllDTs = prop_dk['DownloadKey'] || [];
+      console.log('set server d keys', AllDTs.length);
+      if (AllDTs.length > 0) {
+        for (let i = 0; i < AllDTs.length; i++) {
+          let item = AllDTs[i];
+          if (item.ReDownload == 1 || item.ReDownload == 'true' || item.ReDownload == '1') {
+            DownloadTasks1.push(item);
+          }
+
+          if (i == AllDTs.length - 1) {
+            console.log('set server d2 keys', DownloadTasks1.length);
+            let sortedDTs = await SortDownloadkeys(DownloadTasks1);
+            // let sortedDTs={"KeyId":0,"DownloadKey":"Mapping_StoreShareOfShelf","IsMandatory":false,"DevActive":true,"ProdActive":true,"DownloadSequence":0};
+            resolve(sortedDTs);
+          }
+        }
+      }
+      else {
+        resolve([]);
+      }
+
+
+    }
+    else {
+      DownloadTasks1 = await getDownloadDataTask(props, true);
+      resolve(DownloadTasks1);
+    }
+
+  }).catch((Err) => {
+    console.log('getDTasks err', Err);
+    return [];
+  })
+
+}
+
+export async function onNoData(data = [], shouldStop = false, tbname = '', props, showErrorModal = () => { }, res) {
+  console.log("res on no data in ReDownloadTask:", res);
+  const ST = props.StaticText || {};
+  if (tbname != '') {
+    db.transaction(function (txn) {
+      // delete all today data
+      txn.executeSql(`delete from ${tbname} where 1=1`, [], function (txn1, txnres) {
+        console.log('deleted all data for ' + tbname);
+      }, function (Etxn, err) {
+        console.log('err:', err);
+      });
+    });
+  }
+
+  if (shouldStop == true) {
+    let msg = '';
+    // res should be set only when there is network or other related issue
+    if (res == '') {
+      msg = ST.Nodatafoundfor + tbname + '';
+      if (tbname == 'Mapping_JourneyPlan') {
+        msg = ST.Youhavenojourneyplanfortoday;
+      }
+    }
+    else {
+      msg = res + " Please ensure you are connected to the internet and retry downloading! ";
+    }
+    // notify(msg); 
+
+    console.log("msg :", msg);
+
+    // set is Data downloaded to false so that no other parts of app can be accessed if data is not downloaded
+
+    // update download status on local async storage
+    let dateWiseDataDownload = await get_item('dateWiseDataDownload');
+    let dateWiseDataDownload1 = dateWiseDataDownload != null ? JSON.parse(dateWiseDataDownload) : {};
+    let todayDate = moment(new Date()).format('DD/MM/YYYY');
+    dateWiseDataDownload1[todayDate] = false;
+    set_item('dateWiseDataDownload', JSON.stringify(dateWiseDataDownload1));
+
+    // update downloaed status on redux props
+    props.setTodayDataExists(false);
+    props.setGlobalData({ isDataDownloaded: false })
+
+
+    // notify(msg); 
+    // show error msg
+    let obj = { "ErrorMsg": "!! Error in downloading data !!", "ErrorSubMsg": tbname, "ErrorDetail": msg }
+
+    props.set_startDownload({ startDownload: false });
+    //hide download modal and show Error in Download modal with details
+    showErrorModal(obj);
+  }
+  else {
+
+  }
+}
+
+
+export async function insert_TaskDownloadedData(res, D_key, D_ColList = [], props, showErrorModal = () => { }) {
+  console.log('insert_TaskDownloadedData:', D_key);
+  let r_obj = { r: false, data_arr: [] };
+  return await new Promise(async (resolve, reject) => {
+    // if (res[D_key]!=null && res[D_key]!='') {
+    if (res != null && typeof res == 'object' && res[D_key] != null && res[D_key] != '') {
+      let data_arr = res[D_key] || [];
+      var values = [], cols = '(';
+      data_arr.map((data_obj, d_index) => {
+        // let {StateId, ChainId, StoreTypeId, ProductId, MSL,MBQ}=data_obj;
+        let str = '(';
+        for (var i = 0; i < D_ColList.length; i++) {
+          let colname = D_ColList[i];
+          let col_value = data_obj[colname];
+          if (typeof col_value == 'string') {
+            col_value = col_value.replace(/'/g, "");
+          }
+          if (col_value == false) {
+            col_value = 0
+          }
+          if (col_value == true) {
+            // console.log("coltype:",typeof col_value);
+            col_value = 1
+          }
+
+          str += `'${col_value}'`;
+
+          if (i != D_ColList.length - 1) {
+            str += `,`;
+          }
+
+          if (d_index == 0) {
+            cols += `${colname}`;
+            if (i != D_ColList.length - 1) {
+              cols += `,`;
+            }
+          }
+        }
+        str += ')';
+        values.push(str);
+        // values.push(` ('${StateId}', '${ChainId}', '${StoreTypeId}', '${ProductId}','${MSL}','${MBQ}')`);
+      })
+      cols += ')'
+      var all_vals = values.join(',');
+      var sql_stmnt = `INSERT INTO ${D_key}${cols} values ${all_vals}`;
+      console.log('execute sql_stmnt');
+      db.transaction(function (txn) {
+        // delete all today data
+        txn.executeSql(`delete from ${D_key} where 1=1`, [], function (txn1, txnres) {
+          // insert or refresh all today data
+          txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+            console.log(D_key + ' added');
+            r_obj['r'] = true;
+            r_obj['data_arr'] = data_arr;
+            resolve(r_obj);
+          }, function (txnE, txnerr) {
+            console.log(txnerr);
+            r_obj['r'] = true;
+            resolve(r_obj);
+          });
+        }, function (txnE, txnerr) {
+          console.log(txnerr);
+          r_obj['r'] = true;
+          resolve(r_obj);
+        });
+      });
+
+
+
+
+    }
+    // else if(res!=null && typeof(res)=='object' && (res.success==false || (res[0]!=null && res[0].Result!=null))){
+    //   console.log('No data found');
+    //   await onNoData([`No data for ${D_key}`],false,D_key,props);
+    //   r_obj['r']=true;
+    //   resolve(r_obj); 
+    // }
+    // else{  
+    //   console.log('else no data');
+    //   await onNoData([`No data for ${D_key}`],false,D_key,props); 
+    //   r_obj['r']=true; 
+    //   resolve(r_obj); 
+    // }
+    // pass to the next download key if data does not exists for this Key
+    else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+      console.log('No data found');
+      await onNoData([`No data for ${D_key}`], false, D_key, props, showErrorModal);
+      r_obj['r'] = true;
+      resolve(r_obj);
+    }
+    // Stop Downloading and report error
+    else if (res != null && typeof (res) == 'object' && res.success == false) {
+      console.log('Error in downloading network', res);
+      await onNoData([`No data for ${D_key}`], true, D_key, props, showErrorModal, res);
+      r_obj['r'] = false;
+      resolve(r_obj);
+    }
+    // Stop Downloading and report error
+    else {
+      console.log('Error in downloading else', res);
+      await onNoData([`No data for ${D_key}`], true, D_key, props, showErrorModal, res);
+      r_obj['r'] = false;
+      resolve(r_obj);
+    }
+
+  }).catch((err) => {
+    console.log('err:', err);
+    return r_obj;
+  })
+
+}
+
+export async function checkIfDataAvlbl(storeData, D_key, cols = 'StoreId') {
+  console.log('checkIfDataAvlbl', D_key)
+  let { StoreId, ChannelId, RegionId, StoreTypeId } = storeData;
+  let colsToCompare = cols.split(',');
+  if (cols != '' && cols != null && storeData != null && colsToCompare.length > 0) {
+    return new Promise((resolve, reject) => {
+      let q = '', whereq = '';
+
+      q = `Select * from ${D_key}`;
+      for (let i = 0; i < colsToCompare.length; i++) {
+        let column = colsToCompare[i];
+        if (column != null && column != '' && storeData[column] != null && storeData[column] != '') {
+          whereq += whereq == '' ? ` Where ` : ' and ';
+          whereq += ` ${column}=${storeData[column]} `;
+        }
+      }
+      q += ' ' + whereq;
+      console.log('query to check store data:', q)
+
+      db.transaction(function (txn) {
+        // delete all today data
+        txn.executeSql(q, [], function (txn1, txnres) {
+          console.log(D_key + ' data length:', txnres.rows.length);
+          if (txnres.rows.length > 0) {
+            resolve(true);
+          }
+          else {
+            resolve(false);
+          }
+        }, function (txnE, txnerr) {
+          console.log(txnerr);
+          resolve(false);
+        });
+      });
+    }).catch((err) => {
+      console.log('error:', err);
+      return false;
+    })
+  }
+  else {
+    return false;
+  }
+}
+
+export async function startRedownload(props, DownloadTasks, dowloadedCount, totalCount, setDowloadedCount = () => { }, setTotalCount = () => { }) {
+  console.log('startRedownload', DownloadTasks.length);
+  if (totalCount == (DownloadTasks.length - 1) && totalCount > 0) {
+    console.log('setDowloadedCount', dowloadedCount, 0);
+    setDowloadedCount(0);
+  }
+  else {
+    console.log('setTotalCount', totalCount, (DownloadTasks.length - 1));
+    setTotalCount((DownloadTasks.length - 1));
+  }
+  return DownloadTasks;
+}
+
+export async function executeTasks(props, storeData, DownloadTasks, dowloadedCount, totalCount, setDowloadedCount = () => { }, setDownloadingText = () => { }, onDownloadComplete = () => { }, setTaskResponse = () => { }, showErrorModal = () => { }) {
+  // var DownloadTasks=getDownloadDataTask();
+  let loginInfo = await get_item('loginInfo');
+  const loginDetails = JSON.parse(loginInfo);
+  var currentIndex = dowloadedCount;
+
+  console.log('currentIndex:', currentIndex);
+  if (currentIndex >= 0) {
+    let dk_data = DownloadTasks[currentIndex];
+    console.log('dk_data', dk_data);
+    let key = dk_data.DownloadKey || '';
+    setDownloadingText(key);
+
+    let IsDataExists = await CheckIfRequiredDownload(storeData, currentIndex, DownloadTasks);
+    if (!IsDataExists) {
+      var data = await getPostData(DownloadTasks, currentIndex, props);
+      var url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+
+      console.log(url, data);
+      await getDownloadJson1(url, data)
+        .then(async (res) => {
+          console.log('res of download get');
+          let isAdded = await updateTaskRes(props, storeData, res, currentIndex, DownloadTasks, setTaskResponse, true, showErrorModal);
+          console.log("isAdded=====", isAdded)
+          if (isAdded == true) {
+            if (currentIndex == DownloadTasks.length - 1) {
+              console.log('last found all downloaded');
+              onDownloadComplete();
+            }
+            else {
+              console.log('all downloaded but last not found ');
+            }
+          }
+          else {
+            console.log('Cannot download all Data');
+          }
+        })
+        .catch(err => {
+          console.log('onPage Team error', err);
+        });
+    }
+    else {
+      let isAdded = await updateTaskRes(props, storeData, [{ "Result": "No Data" }], currentIndex, DownloadTasks, setTaskResponse, false, showErrorModal);
+      if (isAdded == true) {
+        if (currentIndex == DownloadTasks.length - 1) {
+          console.log('last found all downloaded');
+          onDownloadComplete();
+        }
+        else {
+          console.log('all downloaded but last not found ');
+        }
+      }
+      else {
+        console.log('Cannot download all Data');
+      }
+    }
+  }
+
+}
+
+export async function CheckIfRequiredDownload(storeData, index, DownloadTasks) {
+  let dk_data = DownloadTasks[index];
+  let key = dk_data.DownloadKey || '';
+  return new Promise(async (resolve, reject) => {
+
+    switch (key) {
+
+      case 'Sup_VisibilityAudit': {
+        let IsDataAvlbl = await checkIfDataAvlbl(storeData, key, 'MID,StoreId');
+        console.log('IsDataAvlbl:', IsDataAvlbl);
+        resolve(IsDataAvlbl);
+        break;
+      }
+      default: resolve(false); break;
+
+    }
+
+  }).catch((err) => {
+    console.log('error in check', err);
+    return false;
+  });
+
+}
+
+export async function updateTaskRes(props, storeData, res, index, DownloadTasks, setTaskResponse = () => { }, isDownloadExists = true, showErrorModal = () => { }) {
+  // var DownloadTasks=getDownloadDataTask();   
+
+  const todate = new Date();
+  const today = moment(todate).format("MM/DD/YYYY");
+  let d2 = today;
+  let dk_data = DownloadTasks[index];
+  let key = dk_data.DownloadKey || '';
+  let IsMandatory = dk_data.IsMandatory == 'true' || dk_data.IsMandatory == 1 ? true : false;
+
+  return new Promise(async (resolve, reject) => {
+
+    console.log("key========", key)
+
+    switch (key) {
+
+      case 'Sup_Product_Master': {
+        let colList = ['ProductId', 'ProductCode', 'ProductName', 'Mrp', 'BrandId', 'BrandName', 'SubCategoryId', 'SubCategoryName', 'CategoryId', 'CategoryName', 'CompanyId', 'ProductSequence', 'BrandSequence', 'SubCategorySequence', 'CategorySequence', 'IsCompetitor'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+      case 'Mapping_MenuSup': {
+        let colList = ['MenuId', 'VisitType'];
+        if (isDownloadExists) {
+          let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+          let data_arr = i_res['data_arr'];
+          let r = i_res['r'];
+          if (r == true) {
+            setTaskResponse(data_arr);
+          }
+          //console.log('r:', r);
+          resolve(r);
+        }
+        else {
+          setTaskResponse([key]);
+          resolve(true);
+        }
+        break;
+      }
+
+      case 'Sup_Master_Display': {
+        let colList = ['DisplayId', 'DisplayName', 'RefImage'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+      case 'Sup_Master_PromoType': {
+        let colList = ['PromoTypeId', 'PromoType'];
+        if (isDownloadExists) {
+          let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+          let data_arr = i_res['data_arr'];
+          let r = i_res['r'];
+          if (r == true) {
+            setTaskResponse(data_arr);
+          }
+          //console.log('r:', r);
+          resolve(r);
+        }
+        else {
+          setTaskResponse([key]);
+          resolve(true);
+        }
+        break;
+      }
+      case 'Sup_Master_Competitor': {
+        let colList = ['CompanyId', 'Company', 'CategoryId', 'CategoryName', 'SubCategoryId', 'SubCategoryName', 'BrandId', 'BrandName', 'SubBrandId', 'SubBrandName', 'ProductId', 'ProductName'];
+        if (isDownloadExists) {
+          let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+          let data_arr = i_res['data_arr'];
+          let r = i_res['r'];
+          if (r == true) {
+            setTaskResponse(data_arr);
+          }
+          //console.log('r:', r);
+          resolve(r);
+        }
+        else {
+          setTaskResponse([key]);
+          resolve(true);
+        }
+        break;
+      }
+      case 'Sup_Master_SurveyQuestion': {
+        let colList = ['SurveyId', 'SurveyName', 'CategoryId', 'Category', 'CategorySequence', 'QuestionId', 'Question', 'QuestionType', 'QuestionImageAllow', 'QEnable', 'LengthValidation', 'MinLength', 'MaxLength', 'OTP', 'DateRange', 'QuestionSequence', 'AnswerId', 'Answer', 'ImageAllow1', 'ImageAllow2', 'EnableQuestion', 'DisableQuestion', 'AnswerSequence', 'ShowCat', 'SubCategoryId', 'SubCategory', 'SubCategorySequence', 'MenuId', 'QuestionTypeNew', 'QuestionImageMandatory', 'Image1Mandatory', 'Image2Mandatory', 'CalFormula', 'RefImage', 'QuestionRefImage'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        //console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+
+      case 'Mapping_SurveySup': {
+        let colList = ['SurveyId', 'StoreId'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        //console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+
+
+      case 'Sup_Master_VisibilityDefinition': {
+        let colList = ['VisibilityDefinitionId', 'MenuId', 'MenuName', 'VisibilityId', 'VisibilityName', 'VisibilityTable', 'VisibilityField', 'VisibilityValue', 'ChildName', 'VisibilityRefImage', 'VisibilityElementStockRequired', 'VisibilityElementCheckAssortment', 'NoOfSplit', 'VisibilityImage1', 'VisibilityImage2', 'VisibilityImage1Lable', 'VisibilityImage2Lable', 'VisibilityNotExistCamera', 'VisibilityExistReasonEnable', 'VisibilityNotExistReasonEnable', 'VisibilityImage1CameraGrid', 'VisibilityImage2CameraGrid', 'StockQtyRequired', 'VisiDefSequence'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        //console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+      case 'Sup_Master_VisibilityQuestion': {
+        let colList = ['VisibilityQuestionId', 'VisibilityQuestionCode', 'VisibilityQuestionName', 'QuestionType', 'VQShowCamera', 'VQCameraMandatory', 'VQLengthValidationRequired', 'VQMinimumChar', 'VQMaximumChar', 'VQDecimalPoint', 'VQDateRangeMin', 'VQDateRangeMax', 'VQVoiceLengthInMinutes', 'VQDefaultQuestionEnable', 'VisibilityQuestionSequence', 'VisibilityAnswerId', 'VisibilityAnswerName', 'VAShowCamera', 'VACameraMandatory', 'VAQuestionEnable', 'VAQuestionDisable', 'VASequence'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        //console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+      case 'Sup_VisibilityAudit': {
+        let colList = ['VId', 'MID', 'StoreId', 'LastVisitDate', 'VisibilityDefinitionId', 'Present', 'VisibilityReasonId', 'VisibilityImages', 'VisibilityQuestion'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        //console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+      case 'Sup_Master_VisibilityReason': {
+        let colList = ['VisibilityReasonId', 'VisibilityReason', 'MenuId', 'IsRemarkTaken'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+       // console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+
+      // new 
+
+      case 'Sup_ImageAuditKPIImages': {
+        let colList = ['MID', 'MenuId', 'KPIImageId', 'QuestionImageId', 'DefId', 'DefName', 'ImageName', 'Image1', 'Image2'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        //console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+
+      case 'Sup_ImageAuditKPIQuestion': {
+        let colList = ['AIQuestionId', 'AIQuestionCode', 'AIQuestionName', 'QuestionType', 'AIShowCamera', 'AICameraMandatory', 'AILengthValidationRequired', 'AIMinimumChar', 'AIMaximumChar', 'AIDecimalPoint', 'AIDateRangeMin', 'AIDateRangeMax', 'AIVoiceLengthInMinutes', 'AIDefaultQuestionEnable', 'AIQuestionSequence', 'AIAnswerId', 'AIAnswerName', 'AIAShowCamera', 'AIACameraMandatory', 'AIAQuestionEnable', 'AIAQuestionDisable', 'AIASequence'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        //console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+
+      case 'Sup_ImageAuditStoreList': {
+        let colList = ['MID', 'CoveredBy', 'StoreId', 'StoreName', 'StoreType', 'Address', 'CityName', 'VisitDate'];
+        let i_res = await insert_TaskDownloadedData(res, key, colList, props, showErrorModal);
+        //console.log('i_res:', i_res);
+        let data_arr = i_res['data_arr'];
+        let r = i_res['r'];
+        if (r == true) {
+          setTaskResponse(data_arr);
+        }
+        //console.log('r:', r);
+        resolve(r);
+        break;
+      }
+
+    }
+
+  }).catch((err) => {
+    console.log('error in downloading', err);
+    return false;
+  });
+}
+
+
+
+
+
+
+
diff --git a/src/components/drawerHeader.js b/src/components/drawerHeader.js
new file mode 100644
index 0000000..8d84a4f
--- /dev/null
+++ b/src/components/drawerHeader.js
@@ -0,0 +1,72 @@
+
+
+import React, { useState, useEffect, useRef } from "react";
+import { Text, TouchableOpacity, View, Image, StatusBar, SafeAreaView, Platform } from "react-native";
+import { customeButtons, GetPageTheme, customStyles, globalStyles } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import { AntDesign, Entypo, Fontisto, MaterialCommunityIcons, FontAwesome } from "./icons";
+import moment from 'moment';
+import LinearGradient from 'react-native-linear-gradient';
+
+
+function DrawerHeader(props) {
+    const route = useRoute();
+    const isCancelled = useRef(false);
+    const PageTheme = GetPageTheme(props.DarkTheme, route.name);
+    const globalStyle = globalStyles(props.DarkMode, route.name);
+    const customStyle = customStyles(props.DarkMode, route.name);
+    const [currentTime, setCurrentTime] = useState('');
+    const [currentDate, setCurrentDate] = useState('');
+
+    useEffect(() => {
+        setTimer();
+        return () => { isCancelled.current = true; };
+    }, []);
+
+    function setTimer() {
+        if (!isCancelled.current) {
+            let d1 = new Date();
+            let now = moment(d1).format('hh:mm:ss a');
+            let ndate = moment(d1).format('DD/MM/YYYY');
+            setCurrentTime(now);
+            setCurrentDate(ndate);
+            setTimeout(() => { setTimer(); }, 1000);
+        }
+    }
+
+
+    function toggleDrawer() {
+        props.navigation.toggleDrawer();
+    }
+    // console.log("route.name---",route.name)
+
+    return (
+        <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[globalStyle.drawerScreenHdr_bg, (route.name == "NoticeBoard" && { height: Platform.OS=='ios'?"18%":"12%" })]}>
+            <StatusBar backgroundColor={'transparent'} translucent={true} {...props} barStyle={"light-content"} />
+            <View style={{ marginTop: Platform.OS=='ios'?"15%":"2%" }}>
+                <View style={[globalStyle.dScreenHdr_Content]}>
+                    <Text style={globalStyle.drawerScreenHdr_title}>{props.drawer_title != null ? props.drawer_title : route.name}</Text>
+                    <View style={globalStyle.dScreen_LeftContainer}>
+                        <TouchableOpacity activeOpacity={0.6} style={globalStyle.toggleDrawerBtn} onPress={() => { toggleDrawer() }}>
+                            <FontAwesome name='bars' size={20} color={PageTheme.$accent_color} />
+                        </TouchableOpacity>
+                    </View>
+                    <View style={globalStyle.dScreen_RightContainer}>
+                        <Text style={globalStyle.drawerProjectId}>{'Id : ' + (props.projectCode != null ? props.projectCode : '')}</Text>
+                        <TouchableOpacity activeOpacity={0.6} style={globalStyle.drawerNotifIcon} onPress={() => { }}>
+                            <MaterialCommunityIcons name='bell-ring-outline' size={20} color={PageTheme.$accent_color} />
+                        </TouchableOpacity>
+                    </View>
+                </View>
+                <View style={[customStyle.clocktimerWrap, { paddingTop: "3%" }]}>
+                    <View style={customStyle.clocktimerRow}>
+                        <Entypo name='calendar' color={PageTheme.$primary_color} size={14} /><Text style={[customStyle.clocktimerText, customStyle.mr10]}>{currentDate}</Text>
+                        <Fontisto name='clock' color={PageTheme.$primary_color} size={14} /><Text style={customStyle.clocktimerText}>{currentTime}</Text>
+                    </View>
+                </View>
+            </View>
+        </LinearGradient>
+    )
+}
+
+export default DrawerHeader;
\ No newline at end of file
diff --git a/src/components/enc_dec.js b/src/components/enc_dec.js
new file mode 100644
index 0000000..9ac3106
--- /dev/null
+++ b/src/components/enc_dec.js
@@ -0,0 +1,30 @@
+import base64 from 'base-64';
+import utf8 from 'utf8';
+
+const SALT = 'ć92😳☕ĸ♊ǛƶÃƱzÙŒwŷygƃ☈8ò☢¯♓ǰ';
+const PREPENDING_STR = '__enc__';
+
+ export function encodeCredential(input) {
+    if (input // if the input exists
+        && typeof input === 'string' // and it's a string
+    ) {
+        const newInput = `${input}${SALT}`; // add salt to the input
+        const utf8Bytes = utf8.encode(newInput); // utf8 encode it
+        const encoded = base64.encode(utf8Bytes); // base64 encode it
+        return `${PREPENDING_STR}${encoded}`; // add a prepending string
+    }
+    return input;
+}
+
+export function decodeCredential(input) {
+    if (input // if the input exists
+        && typeof input === 'string' // and it's a string
+        && input.startsWith(PREPENDING_STR) === true // and it's encoded yet
+    ) {
+        const newInput = input.replace(PREPENDING_STR, ''); // remove the prepending string
+        const utf8Bytes = base64.decode(newInput); // base64 decode it
+        const output = utf8.decode(utf8Bytes); // utf8 decode it
+        return output.replace(SALT, '');
+    }
+    return input;
+}
\ No newline at end of file
diff --git a/src/components/geolocation.js b/src/components/geolocation.js
new file mode 100644
index 0000000..25e514d
--- /dev/null
+++ b/src/components/geolocation.js
@@ -0,0 +1,249 @@
+import React from "react";
+import {PermissionsAndroid,Platform} from 'react-native';
+import { notify } from "./notify";
+import Permissions, { PERMISSIONS, RESULTS } from 'react-native-permissions'
+
+export async function CheckAndAskForPermission(Permm){
+    if (Platform.OS === 'ios') {
+        console.log('CheckAndAskForPermission ios');
+        let IOS_hasPermission = await Permissions.check(Permm)
+        if (IOS_hasPermission==RESULTS.GRANTED) return true;
+        let IOS_status = await Permissions.request(Permm);
+        console.log('IOS_status:',IOS_status);
+        if (IOS_status === RESULTS.GRANTED) return true;
+        if (IOS_status === RESULTS.DENIED) {
+            notify('Location permission denied by user.');
+        } else if (RESULTS === RESULTS.UNAVAILABLE) {
+            notify('Location permission not available.');
+        }
+        return true;
+    }
+    else if (Platform.OS === 'android') {
+        const hasPermission = await PermissionsAndroid.check(Permm);
+        if (hasPermission) return true;
+        const status = await PermissionsAndroid.request(Permm);
+        if (status === PermissionsAndroid.RESULTS.GRANTED) return true;
+        if (status === PermissionsAndroid.RESULTS.DENIED) {
+            notify('Location permission denied by user.');
+        } else if (status === PermissionsAndroid.RESULTS.NEVER_ASK_AGAIN) {
+            notify('Location permission revoked by user.');
+        }
+        return false;
+    }
+
+    return true;
+}
+
+export async function CheckAndAskForMulitplePermissions(Permms=[]){
+    let hasPermission = await Permissions.checkMultiple(Permms)
+   
+    let k_IOSLoc='ios.permission.LOCATION_WHEN_IN_USE',k_IOSCamera='ios.permission.CAMERA',k_IOSStorage='ios.permission.PHOTO_LIBRARY',k_IOSMic=PERMISSIONS.IOS.MICROPHONE,k_IOSmedia=PERMISSIONS.IOS.MEDIA_LIBRARY;
+    let k_Loc='android.permission.ACCESS_FINE_LOCATION',k_Camera='android.permission.CAMERA',k_Storage='android.permission.WRITE_EXTERNAL_STORAGE',k_StorageRead='android.permission.READ_EXTERNAL_STORAGE',k_Mic=PERMISSIONS.ANDROID.RECORD_AUDIO;
+  
+    if (Platform.OS === 'ios') {
+        if (hasPermission[k_IOSLoc]==RESULTS.GRANTED && hasPermission[k_IOSCamera]==RESULTS.GRANTED && hasPermission[k_IOSStorage]==RESULTS.GRANTED && hasPermission[k_IOSMic]==RESULTS.GRANTED && hasPermission[k_IOSmedia]==RESULTS.GRANTED) return true;  
+    }
+    else{
+        if (hasPermission[k_Loc]==RESULTS.GRANTED && hasPermission[k_Camera]==RESULTS.GRANTED && hasPermission[k_Storage]==RESULTS.GRANTED  &&  hasPermission[k_StorageRead]==RESULTS.GRANTED && hasPermission[k_Mic]==RESULTS.GRANTED) return true;  
+    }
+        
+    let statuses = await Permissions.requestMultiple(Permms);
+    let denies=[];
+    let notavlbl=[];
+    console.log(statuses);
+    if (Platform.OS === 'ios') {
+        if (statuses[k_IOSLoc]==RESULTS.GRANTED && statuses[k_IOSCamera]==RESULTS.GRANTED && statuses[k_IOSStorage]==RESULTS.GRANTED  && statuses[k_IOSMic]==RESULTS.GRANTED  && statuses[k_IOSmedia]==RESULTS.GRANTED) return true;  
+        if (statuses[k_IOSLoc]=== RESULTS.DENIED) {
+            denies.push('Location');
+        } else if (statuses[k_IOSLoc] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Location');
+        }
+
+        if (statuses[k_IOSCamera]=== RESULTS.DENIED) {
+            denies.push('Camera');
+        } else if (statuses[k_IOSCamera] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Camera');
+        }
+
+        if (statuses[k_IOSStorage]=== RESULTS.DENIED) {
+            denies.push('Photo Library');
+        } else if (statuses[k_IOSStorage] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Photo Library');
+        }
+
+        if (statuses[k_IOSMic]=== RESULTS.DENIED) {
+            denies.push('Microphone');
+        } else if (statuses[k_IOSMic] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Microphone');
+        }
+
+        if (statuses[k_IOSmedia]=== RESULTS.DENIED) {
+            denies.push('Media Library');
+        } else if (statuses[k_IOSmedia] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Media Library');
+        }
+    }
+    else{
+        if (statuses[k_Loc]==RESULTS.GRANTED && statuses[k_Camera]==RESULTS.GRANTED && statuses[k_Storage]==RESULTS.GRANTED && statuses[k_StorageRead]==RESULTS.GRANTED && statuses[k_Mic]==RESULTS.GRANTED) return true;  
+        if (statuses[k_Loc]=== RESULTS.DENIED) {
+            denies.push('Location');
+        } else if (statuses[k_Loc] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Location');
+        }
+
+        if (statuses[k_Camera]=== RESULTS.DENIED) {
+            denies.push('Camera');
+        } else if (statuses[k_Camera] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Camera');
+        }
+
+        if (statuses[k_StorageRead]=== RESULTS.DENIED) {
+            denies.push('Read External Storage');
+        } else if (statuses[k_StorageRead] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Read External Storage');
+        }
+
+        if (statuses[k_Storage]=== RESULTS.DENIED) {
+            denies.push('Photo Library');
+        } else if (statuses[k_Storage] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Photo Library');
+        }
+
+        if (statuses[k_Mic]=== RESULTS.DENIED) {
+            denies.push('Record Audio');
+        } else if (statuses[k_Mic] === RESULTS.UNAVAILABLE) {
+            notavlbl.push('Record Audio');
+        }
+    }
+       
+    let msg='';
+    if(denies.length>0){
+        msg+='User denied '+denies.join(', ')+(denies.length>1?' permissions':' permission');
+    }
+    if(notavlbl.length>0){
+        msg+=msg!=''?', ':'';
+        msg+=notavlbl.join(', ')+(notavlbl.length>1?' permissions':' permission')+' not available';
+    }
+
+    if(denies.length>0 || notavlbl.length>0){
+        notify(msg);
+    }
+
+    return true;
+}
+
+export const hasLocationPermission = async () => {
+    if (Platform.OS === 'android' && Platform.Version < 21) {
+        return true;
+    }
+    else if(Platform.OS === 'ios'){
+        let status=await CheckAndAskForPermission(PERMISSIONS.IOS.LOCATION_WHEN_IN_USE);
+        return status;
+    }
+    else if(Platform.OS === 'android'){
+        let status=await CheckAndAskForPermission(PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION);
+        return status;
+    }
+    return true;
+}
+
+export const hasCameraPermission = async () => {
+    if (Platform.OS === 'android' && Platform.Version < 21) {
+        return true;
+    }
+    else if(Platform.OS === 'ios'){
+        let status=await CheckAndAskForPermission(PERMISSIONS.IOS.CAMERA);
+        return status;
+    }
+    else if(Platform.OS === 'android'){
+        let status=await CheckAndAskForPermission(PermissionsAndroid.PERMISSIONS.CAMERA);
+        return status;
+    }
+    return true;
+}
+
+export const hasStoragePermission = async () => {
+    if (Platform.OS === 'android' && Platform.Version < 21) {
+        return true;
+    }
+    else if(Platform.OS === 'ios'){
+        let status=await CheckAndAskForPermission(PERMISSIONS.IOS.PHOTO_LIBRARY);
+        return status;
+    }
+    else if(Platform.OS === 'android'){
+        let status=await CheckAndAskForPermission(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE);
+        return status;
+    }
+    return true;
+}
+
+export const requestMultiplePerms = async () => {
+    console.log('requestMultiplePerms');
+    if (Platform.OS === 'android' && Platform.Version < 21) {
+        return true;
+    }
+    else{
+        let OSPer=Platform.OS === 'ios'?PERMISSIONS.IOS:PERMISSIONS.ANDROID;
+        let IOSPERMS=[OSPer.LOCATION_WHEN_IN_USE,OSPer.CAMERA,OSPer.PHOTO_LIBRARY,OSPer.MICROPHONE,OSPer.MEDIA_LIBRARY];
+        let ANDROIDPERMS=[OSPer.ACCESS_FINE_LOCATION,OSPer.CAMERA,OSPer.READ_EXTERNAL_STORAGE,OSPer.WRITE_EXTERNAL_STORAGE,OSPer.RECORD_AUDIO];
+        let allperms=Platform.OS === 'ios'?IOSPERMS:ANDROIDPERMS;
+        let status=await CheckAndAskForMulitplePermissions(allperms);
+        return status;
+    }
+}
+
+  
+
+export const _checkLocationPermission = async () => {
+    if(Platform.OS === 'android' && Platform.Version < 21){
+        return true;
+    }
+    else if (Platform.OS === 'ios' ){
+        let IOS_hasPermission = await Permissions.check(PERMISSIONS.IOS.LOCATION_WHEN_IN_USE);
+        let IOS_P=IOS_hasPermission==RESULTS.GRANTED?true:false;
+        return IOS_P;
+    }
+    else if(Platform.OS === 'android' ){
+        const hasPermission = await PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION);
+        return hasPermission;    
+    }
+    else{return true;}
+}
+
+export const _checkCameraPermission = async () => {
+    if(Platform.OS === 'android' && Platform.Version < 21){
+        return true;
+    }
+    else if (Platform.OS === 'ios' ){
+        let IOS_hasPermission = await Permissions.check(PERMISSIONS.IOS.CAMERA);
+        let IOS_P=IOS_hasPermission==RESULTS.GRANTED?true:false;
+        return IOS_P;
+    }
+    else if(Platform.OS === 'android' ){
+        const hasPermission = await PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.CAMERA);
+        return hasPermission;    
+    }
+    else{return true;}
+}
+
+export const _checkStoragePermission = async () => {
+    if(Platform.OS === 'android' && Platform.Version < 21){
+        return true;
+    }
+    else if (Platform.OS === 'ios' ){
+        let IOS_hasPermission = await Permissions.check(PERMISSIONS.IOS.PHOTO_LIBRARY);
+        let IOS_P=IOS_hasPermission==RESULTS.GRANTED?true:false;
+        return IOS_P;
+    }
+    else if(Platform.OS === 'android' ){
+        const hasPermission = await PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE);
+        return hasPermission;    
+    }
+    else{return true;}
+}
+
+export async function checkPermissions(){
+    await hasLocationPermission();
+    await hasCameraPermission();
+    await hasStoragePermission();
+}
\ No newline at end of file
diff --git a/src/components/gradientButton.js b/src/components/gradientButton.js
new file mode 100644
index 0000000..f247ec0
--- /dev/null
+++ b/src/components/gradientButton.js
@@ -0,0 +1,23 @@
+import React from "react";
+import { Text, TouchableOpacity } from "react-native";
+import { customeButtons,GetPageTheme } from "../styles/Global";
+import { useRoute } from '@react-navigation/native';
+import LinearGradient from 'react-native-linear-gradient';
+
+const GradientButton = (props) => {
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkTheme,route.name);
+  const customeButton=customeButtons(props.DarkMode,route.name);
+
+  return (
+    <TouchableOpacity
+      activeOpacity={0.6}
+      onPress={props.onPress}
+      style={[customeButton.g_buttonStyle]}>      
+        <LinearGradient colors={(props.colors!=null ? props.colors: [PageTheme.$secondary_color_light,PageTheme.$gradient2, PageTheme.$primary_color])} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customeButton.g_linearGradient,props.style!=null?props.style:{}]}>
+            <Text style={customeButton.g_textStyle}>{props.title}</Text>
+        </LinearGradient>
+    </TouchableOpacity>
+  );
+};
+export default GradientButton;
\ No newline at end of file
diff --git a/src/components/icons.js b/src/components/icons.js
new file mode 100644
index 0000000..5851cd3
--- /dev/null
+++ b/src/components/icons.js
@@ -0,0 +1,49 @@
+import MaterialCommunityIconsI from 'react-native-vector-icons/MaterialCommunityIcons'
+// import SimpleLineIconsI from 'react-native-vector-icons/SimpleLineIcons'
+import AntDesignI from 'react-native-vector-icons/AntDesign'
+import MaterialIconsI from 'react-native-vector-icons/MaterialIcons'
+import FontAwesomeI from 'react-native-vector-icons/FontAwesome'
+import FontAwesome5I from 'react-native-vector-icons/FontAwesome5';
+import FoundationI from 'react-native-vector-icons/Foundation'
+import EvilIconsI from 'react-native-vector-icons/EvilIcons'
+// import OcticonsI from 'react-native-vector-icons/Octicons'
+import IoniconsI from 'react-native-vector-icons/Ionicons'
+import FeatherI from 'react-native-vector-icons/Feather'
+import EntypoI from 'react-native-vector-icons/Entypo'
+// import ZocialI from 'react-native-vector-icons/Zocial'
+import FontistoI from 'react-native-vector-icons/Fontisto'
+import React from 'react'
+
+export const MaterialCommunityIcons = props => (
+    <MaterialCommunityIconsI {...props} />
+)
+//  const SimpleLineIcons = props => <SimpleLineIconsI {...props} />
+ const MaterialIcons = props => <MaterialIconsI {...props} />
+ const AntDesign = props => <AntDesignI {...props} />
+ const FontAwesome = props => <FontAwesomeI {...props} />
+ const FontAwesome5 = props => <FontAwesome5I {...props} />
+ const Foundation = props => <FoundationI {...props} />
+ const EvilIcons = props => <EvilIconsI {...props} />
+ const Ionicons = props => <IoniconsI {...props} />
+//  const Octicons = props => <OcticonsI {...props} />
+ const Feather = props => <FeatherI {...props} />
+ const Entypo = props => <EntypoI {...props} />
+//  const Zocial = props => <ZocialI {...props} />
+ const Fontisto = props => <FontistoI {...props} />
+
+export  {
+    // SimpleLineIcons,
+    MaterialIcons,
+    FontAwesome,
+    FontAwesome5,
+    Foundation,
+    AntDesign,
+    EvilIcons,
+    Ionicons,
+    Fontisto,
+    // Octicons,
+    Feather,
+    Entypo,
+    // Zocial,
+    
+}
\ No newline at end of file
diff --git a/src/components/localStorage.js b/src/components/localStorage.js
new file mode 100644
index 0000000..e25fc5e
--- /dev/null
+++ b/src/components/localStorage.js
@@ -0,0 +1,49 @@
+import React from "react";
+// import AsyncStorage from '@react-native-async-storage/async-storage';
+import * as Keychain from 'react-native-keychain';
+
+// const setProjectDataLocal = async (value) => {
+//     try {
+//       await AsyncStorage.setItem('', value)
+//     } catch (e) {
+//       // saving error
+//     }
+// }
+
+export const set_item = async (key,data) => {
+  if(key!='' && key!=null && data!='' && data!=null){    
+    //Store the credentials
+    // await Keychain.setGenericPassword(key, data);  
+    //await Keychain.resetGenericPassword();
+    await Keychain.setInternetCredentials(key, key, data)
+    .catch((err)=>{
+        console.log('cannot reset :',key);
+    });    
+  }  
+};
+
+export const get_item=async(key)=>{
+    // Retrieve the credentials
+    return await Keychain.getInternetCredentials(key)
+    .then((res)=>{
+        return res.password;
+    })
+    .catch((err)=>{
+        console.log('cannot access value for :',key);
+        return '';
+    });
+}
+
+export const clear_item=async(key)=>{
+    // Retrieve the credentials
+    await Keychain.resetInternetCredentials(key)
+    .catch((err)=>{
+        console.log('cannot reset :',key);
+    });
+}
+
+export const clear_all=async()=>{
+    // Retrieve the credentials
+    const allkeys=await Keychain.getAllGenericPasswordServices();
+    console.log(allkeys);
+}
\ No newline at end of file
diff --git a/src/components/logout.js b/src/components/logout.js
new file mode 100644
index 0000000..616e5e9
--- /dev/null
+++ b/src/components/logout.js
@@ -0,0 +1,23 @@
+import React from "react";
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import { connect} from 'react-redux';
+import {BackHandler} from 'react-native';
+// import RNExitApp from 'react-native-exit-app';
+
+export async function logout(props){
+   
+    const pdata={islogin:false,SecurityToken:''};    
+    props.navigation.reset({index: 0,routes: [{name: "MpinLogin"}],});
+    // props.set_session(pdata);  
+
+    // clear_item('islogin'); 
+    // clear_item('loginToken');
+    // clear_item('loginInfo');
+    
+    // BackHandler.exitApp();
+    // RNExitApp.exitApp();
+    
+}
+
+// export default connect(mapStateToProps, mapDispatchToProps)(logout)
\ No newline at end of file
diff --git a/src/components/notify.js b/src/components/notify.js
new file mode 100644
index 0000000..6df4363
--- /dev/null
+++ b/src/components/notify.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import {Platform,ToastAndroid,Text} from 'react-native';
+// import {Snackbar} from 'react-native-paper';
+import Snackbar from 'react-native-snackbar';
+
+export const notify = (message='',type='SHORT') => {
+    if (Platform.OS != 'android') {
+        Snackbar.show({
+            text:message,
+            duration: (type=='SHORT'?Snackbar.LENGTH_SHORT:Snackbar.LENGTH_LONG),
+        });
+    } else {
+        const toast_time=type=='SHORT'?ToastAndroid.SHORT:ToastAndroid.LONG;
+        ToastAndroid.show(message, toast_time);
+    }
+}
\ No newline at end of file
diff --git a/src/constants/ConstantQueries.js b/src/constants/ConstantQueries.js
new file mode 100644
index 0000000..4ea2600
--- /dev/null
+++ b/src/constants/ConstantQueries.js
@@ -0,0 +1,828 @@
+import moment from 'moment';
+import React from 'react';
+import { db } from './constants';
+import { AppTables } from './tableConstants';
+
+
+export function  Q_GetAvailabityDefaultData(storeData){
+    let {StoreId,ChainId,StoreTypeId,StateId} =storeData;
+    let join=` INNER JOIN Product_Master p on c.CategoryId=p.CategoryId  `;
+    let join2=` INNER JOIN Mapping_ProductAssortment mp on p.ProductId=mp.ProductId `;
+    let q=` SELECT DISTINCT c.CategoryId,c.CategoryName,mp.MSL from Master_Category c ${join} ${join2} Where mp.StateId ='${StateId}' and mp.ChainId ='${ChainId}'  and mp.StoreTypeId ='${StoreTypeId}' order by p.CategorySequence`;
+    return q;
+}
+
+export function  Q_getdefaltShareofSelf(storeData){
+    let {StoreId,ChainId,StoreTypeId,StateId} =storeData;
+    let join=` INNER JOIN Master_Category mc on mc.CategoryId = p.CategoryId  `;
+    let join2=` INNER JOIN Mapping_ShareOfShelf m on p.SubCategoryId=m.SubCategoryId `;
+    let q=`SELECT DISTINCT p.CategoryId,p.CategoryName from Product_Master p ${join} ${join2} Where m.StateId ='${StateId}' and m.ChainId ='${ChainId}'  and m.StoreTypeId ='${StoreTypeId}' order by p.CategorySequence`;
+    return q;
+}
+
+export function  Q_getCompetitorQuery(storeData){
+  let {StoreId,ChainId,StoreTypeId,StateId} =storeData;
+  let q=`SELECT DISTINCT CategoryId,CategoryName from Sup_Product_Master  Where IsCompetitor='1' or IsCompetitor='true'  order by CategorySequence`;
+  return q;
+}
+
+export function Q_getpaidvisibility(storeData){
+    let {StoreId,ChainId,StoreTypeId}=storeData;
+    let join=` INNER JOIN Mapping_Visibility v on p.SubCategoryId=v.SubCategoryId `;
+    let join2=` INNER join Master_Display md on md.DisplayId=v.DisplayId  `;
+    let q=`SELECT DISTINCT p.SubCategoryName,p.SubCategoryId from Product_Master p  ${join} ${join2} Where v.StoreId='${StoreId}' `;
+    return q;
+}
+
+export function Q_getAvlblDBVisiCooler(props,menu,PJP_Table){
+  console.log("Q_getAvlblDBVisiCooler-----1",menu,PJP_Table)
+  let {MenuId}= menu
+  let d1=new Date();
+  let d2=moment(d1).format('MM/DD/YYYY');
+  
+  let q=`SELECT JP.DistributorId, ${MenuId} as MenuID,1 as KPIAVBL ,1 as DataRowAvlblCount 
+  from ${PJP_Table} JP 
+  INNER JOIN Mapping_MenuDistributorPointSup MW on MW.MenuId='${MenuId}'
+  group by JP.DistributorId`;
+  // Where JP.VisitDate='${d2}'
+  
+  // let join2=` inner join Sup_VisibilityAudit s on w.VisibilityDefinitionId=s.VisibilityDefinitionId  `;
+  // let q=` Select * from Sup_Master_VisibilityDefinition w  ${join2} where s.StoreId='${StoreId}'`;
+
+  console.log("Q_getAvlblDBVisiCooler-----",q)
+  return q;
+}
+
+
+export function Q_getvisibilityAudit(storeData){
+  let {StoreId,ChainId,StoreTypeId}=storeData;
+
+  // let q=`SELECT DISTINCT VisibilityDefinitionId from Sup_VisibilityAudit  Where StoreId='${StoreId}'`;
+
+  let join2=` inner join Sup_VisibilityAudit s on w.VisibilityDefinitionId=s.VisibilityDefinitionId  `;
+  let q=` Select * from Sup_Master_VisibilityDefinition w  ${join2} where s.StoreId='${StoreId}'`;
+
+  console.log("Q_getvisibilityAudit-----",q)
+  return q;
+}
+
+export function Q_getpromotionmappingList(storeData){
+    let {StoreId,ChainId,StoreTypeId,StateId} =storeData;
+    let join=`  INNER JOIN Mapping_Promotion m  on p.SubCategoryId=m.SubCategoryId`;
+    let q=`SELECT DISTINCT p.SubCategoryId,p.SubCategoryName from Product_Master p ${join} where m.StateId='${StateId}' and m.ChainId='${ChainId}' and m.StoreTypeId='${StoreTypeId}' `;
+    return q;
+}
+
+export function Q_getSamplingData(storeData){
+    let {StoreId,ChainId,StoreTypeId,StateId} =storeData;
+    let join=` INNER JOIN Mapping_Sample m  on s.SampleId=m.SampleId`;
+    let q=`SELECT DISTINCT s.Sample,s.SampleId from Master_Sample s ${join} where m.ChainId='${ChainId}' and  m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' `;
+    return q;
+}
+
+export function Q_getSurveys(storeData,menu1){
+    let {StoreId,ChainId,StoreTypeId,StateId} =storeData;
+    // let join=` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+    let q=`Select Distinct T.SurveyName ,T.SurveyId ,T.ShowCat from Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId WHERE T.MenuId='${menu1?.MenuId}' and  M.StoreId='${StoreId}'`;
+   
+    console.log('query==============>',q);
+    
+    return q;
+}
+
+ // add posSale
+
+export function Q_getAvailbl_POSSaleOneApp(menuItem,storeData,checkPosale=false){
+
+  console.log(checkPosale , "checkPosale---")
+  let {StoreId,ChainId,StoreTypeId}=storeData;
+  let {MenuId}= menuItem
+  console.log('PossaleMenuId',MenuId)
+  let d1=new Date();
+  let d2=moment(d1).format('MM/DD/YYYY');
+ let q=""
+  if(checkPosale){
+     q=`SELECT *  from Sup_Master_PosSaleDefinition p`
+  }else{
+      q=`SELECT * ,mps.StoreId from Sup_Master_PosSaleDefinition p INNER join Sup_Mapping_StorePosSaleDefinition mps on p.PosDefinitionId=mps.PosDefinitionId where mps.StoreId='${StoreId}'`
+    }
+  return q;
+}
+
+
+//end posSale
+
+
+export function Q_MenuList(storeData1,isAdhoc,isNPND){
+  let {StoreId,ChannelId,RegionId,StoreTypeId}=storeData1;
+  let q=`SELECT DISTINCT t1.* from Sup_Menu_Master t1 INNER join Mapping_MenuSup t2 on t1.MenuId=t2.MenuId and t2.VisitType='${isAdhoc?"Adhoc":isNPND?"NPND":"JCP"}' Order by t1.MenuSequence `;
+  q = q.replace(/\\/g, "");
+  console.log("Queryyyy------1",q)
+
+  return q;
+}
+    
+
+export async function checkFilledSurveys(ScreenName,txnres2,storeData,menu1){
+  
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    let {StoreId}=storeData;
+    let isSurveyDone=true;
+
+    return new Promise((resolve,reject)=>{
+      db.transaction(async function (txn) { 
+        
+        if(txnres2.rows.length>0){
+          for(var i=0;i<txnres2.rows.length;i++){
+            let data =txnres2.rows.item(i);
+            let c_index=i;
+            let {SurveyId,ShowCat}=data;
+            let isshowcat=(ShowCat==1 || ShowCat=='true' || ShowCat==true);
+            let isDone=await checkIf_surveyDone(storeData,SurveyId,isshowcat,menu1);
+            
+            if(!isDone){
+              isSurveyDone=false;
+              resolve(isSurveyDone);
+              break;
+            }
+            else if(i==txnres2.rows.length-1){
+              resolve(isSurveyDone)
+            }
+          }
+        }
+        else{
+          resolve(true);
+        }
+      }); 
+    }).then(val=>{
+      return val;
+    }).catch(err=>{
+      console.log(err);
+      return false;
+    });
+    
+    
+}
+
+export function getAvailblQuery(ScreenName,storeData,menu1,checkPosale=false){
+
+  // console.log("getavailablequery--->>",ScreenName)
+    
+    let d1=new Date();
+    let d2=moment(d1).format('MM/DD/YYYY');
+    let q=``;
+    let join=``,join2=``;
+    let {StoreId,ChainId,StoreTypeId} =storeData;
+    // let join=` inner join Mapping_SurveySup M on T.SurveyId=M.SurveyId `;
+    // let q=`Select Distinct T.SurveyName as SurveyName,T.SurveyId as SurveyId from Sup_Master_SurveyQuestion T ${join} Where M.StoreId='${StoreId}' `;
+        
+    switch(ScreenName){
+        // case 'COMPETITIONSKU':
+        //   q=Q_getCompetitorQuery(storeData);
+        // return q;
+        // case 'COMPETITIONACT':
+        //   q=Q_getCompetitorQuery(storeData);
+        // return q;
+        case 'COMPVISI':
+          q=Q_getCompetitorQuery(storeData);
+        return q;
+        case 'STOREAUDIT': 
+          q=Q_getSurveys(storeData,menu1);
+        return q;
+        case 'STOREPHOTO':
+          q="SELECT * FROM Sup_ImageType  ";
+          return q;
+        case 'COMPPROMO':
+          q=` select '1' as CompanyId `;
+          return q;
+        case 'VISIBILITYAUDIT':
+          q=Q_getvisibilityAudit(storeData);
+          console.log('Generated query for VISIBILITYAUDIT:', q);
+          return q;
+          // add posSale 
+        case 'POSSALE':
+          q= Q_getAvailbl_POSSaleOneApp(menu1,storeData,checkPosale);
+          console.log('Generated query for POSSALE:', q);
+          // console.log('menu+PJPTable',q)
+          return q;
+
+  
+          
+        default: return '';
+        
+    }
+}
+
+export function getIfAvlbl(ScreenName,txnres2,storeData={}){
+    let isAvlbl=false;
+    switch(ScreenName){
+      // case 'COMPETITIONSKU':
+      //   if(txnres2.rows.length>0){ isAvlbl=true;}
+      // return isAvlbl;
+      // case 'COMPETITIONACT':
+      //   if(txnres2.rows.length>0){ isAvlbl=true;}
+      // return isAvlbl;
+      case 'COMPVISI':
+        if(txnres2.rows.length>0){ isAvlbl=true;}
+      return isAvlbl;
+      case 'STOREAUDIT':
+        if(txnres2.rows.length>0){ isAvlbl=true;}
+      return isAvlbl;
+      case 'STOREPHOTO':
+        if(txnres2.rows.length>0){ isAvlbl=true;}
+      return isAvlbl;
+      case 'COMPPROMO':
+        if(txnres2.rows.length>0){ isAvlbl=true;}
+      return isAvlbl;
+      case 'VISIBILITYAUDIT':
+        if(txnres2.rows.length>0){ isAvlbl={"isAvlbl":true, avlblCount:txnres2.rows.length}}
+      return isAvlbl;
+      // add posSale
+      case 'POSSALE':
+        console.log('POSSALE txnres2:', txnres2.rows.length);
+        if(txnres2.rows.length>0){ isAvlbl=true;}
+      return isAvlbl;
+
+
+      default: return isAvlbl;
+    }
+}
+
+
+
+
+export function getQuery(ScreenName,storeData,menu1){
+
+// console.log(menu1 , "getQuerydata---->>>>>")
+
+  let {MenuId}=menu1;
+    let d1=new Date();
+    let d2=moment(d1).format('MM/DD/YYYY');
+    let q=``;
+    switch(ScreenName){
+        // case 'COMPETITIONSKU':
+        //   q=`SELECT * FROM ${AppTables.COMPETITION_VISIBILITY} WHERE STORE_ID='${storeData.StoreId}'  and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `
+        //   return q;
+        // case 'COMPETITIONACT':
+        //   q=`SELECT * FROM ${AppTables.COMPETITION_VISIBILITY} WHERE STORE_ID='${storeData.StoreId}'  and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `
+        //   return q;
+        case 'COMPVISI':
+          q=`SELECT * FROM ${AppTables.COMPETITION_VISIBILITY} WHERE STORE_ID='${storeData.StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `
+          return q;
+        case 'STOREAUDIT':
+          q=Q_getSurveys(storeData,menu1);
+          //  q=`SELECT * FROM ${AppTables.SURVEY} WHERE STORE_ID='${storeData.StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' and MENUID='${menu1.MenuId}' `
+          //  q=`SELECT * FROM ${AppTables.COMPETITION_VISIBILITY} WHERE STORE_ID='${storeData.StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' and MENUID='${menu1.MenuId}' `
+          return q;
+        case 'STOREPHOTO':
+          q=`SELECT * FROM ${AppTables.STORE_IMAGES} WHERE STORE_ID='${storeData.StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `
+          return q;
+        case 'COMPPROMO':
+          q=`SELECT * FROM ${AppTables.COMPETITION_PROMOTION} WHERE STORE_ID='${storeData.StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `
+          return q;
+        case 'VISIBILITYAUDIT':
+          let join3=` inner join Sup_VisibilityAudit s on w.PVIS_DEFINITION_ID=s.VisibilityDefinitionId  `;
+          q=`SELECT  DISTINCT w.PVIS_DEFINITION_ID FROM ${AppTables.VISAUDIT_HDR_DATA} w ${join3} WHERE w.STORE_ID='${storeData.StoreId}' and w.VISIT_DATE='${d2}' `
+          return q;
+
+        // add posSale
+
+        case 'POSSALE': 
+        // q=` SELECT Jp.StoreId, ${MenuId} as MenuID, IFNULL(DR.DataRowCount,0) as DataRowCount FROM ${PJP_Table} JP LEFT OUTER JOIN
+        // (SELECT STORE_ID AS StoreId , IFNULL(COUNT(1),0) AS DATAROWCOUNT FROM ${AppTables.POSSALE_DATA} WHERE VISIT_DATE='${d2}' GROUP BY STORE_ID) DR
+        // ON JP.StoreId=DR.StoreId WHERE Jp.VisitDate='${d2}'`;
+
+        // q = `SELECT JP.StoreId, ${MenuId} as MenuID, IFNULL(DR.DataRowCount,0) as DataRowCount FROM (SELECT DISTINCT StoreId FROM ${AppTables.POSSALE_DATA} WHERE VISIT_DATE = '${d2}') JP LEFT OUTER JOIN (
+        //  SELECT STORE_ID AS StoreId, IFNULL(COUNT(1),0) AS DATAROWCOUNT FROM ${AppTables.POSSALE_DATA}  WHERE VISIT_DATE = '${d2}' GROUP BY STORE_ID) DR 
+        //  ON JP.StoreId = DR.StoreId;`;
+
+        q=`SELECT * FROM ${AppTables.POSSALE_DATA} WHERE STORE_ID='${storeData.StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `
+
+        return q;
+          
+        default: return '';
+        
+    }
+}
+
+export async function getIfKPIDone(ScreenName,txnres2,storeData,isAvlbl,menu1){
+
+  // console.log(ScreenName, "ScreenNamegetQueryyy---")
+
+    let isDone=false;
+    switch(ScreenName){
+      // case 'COMPETITIONSKU':
+      //   if(txnres2.rows.length>0) isDone=true;
+      // return isDone; 
+      // case 'COMPETITIONACT':
+      //   if(txnres2.rows.length>0) isDone=true;
+      // return isDone; 
+      case 'COMPVISI':
+        if(txnres2.rows.length>0) isDone=true;
+      return isDone; 
+      case 'STOREAUDIT': 
+        isDone=await checkFilledSurveys(ScreenName,txnres2,storeData,menu1);
+      return isDone;
+      case 'STOREPHOTO':
+        if(txnres2.rows.length>0){ isDone=true;}
+      return isDone;
+      case 'COMPPROMO':
+        if(txnres2.rows.length>0) isDone=true;
+      return isDone;
+      case 'VISIBILITYAUDIT':
+        if((txnres2.rows.length>0) && ( isAvlbl && isAvlbl.avlblCount && (txnres2.rows.length==isAvlbl.avlblCount))){
+          isDone=true;
+        } 
+      return isDone;
+
+      // add posSale
+      case 'POSSALE':
+        if(txnres2.rows.length>0) { isDone=true;}
+      return isDone;
+
+      default: return isDone;
+      
+    }
+}
+
+
+
+export function get_DBAvailblQuery(props,menu,PJP_Table){
+  let {ScreenName,MenuId}=menu
+  let d1=new Date();
+  let d2=moment(d1).format('MM/DD/YYYY');
+  let q=``;
+      
+  console.log("ScreenName---------",ScreenName)
+  switch(ScreenName){
+      case 'DBPOSMONEAPP':
+        q=Q_getAvlblDBPOSM(props,menu,PJP_Table);
+        return q;
+      case 'DBWINDOWONEAPP':
+        q=Q_getAvlblDBWindow(props,menu,PJP_Table);
+        return q;
+      case 'VISICOOLER':
+        q=Q_getAvlblDBVisiCooler(props,menu,PJP_Table);
+        return q;
+      default: return '';
+  }
+}
+
+export function get_DBQuery(menu,PJP_Table){
+  let {ScreenName,MenuId}=menu
+  let d1=new Date();
+  let d2=moment(d1).format('MM/DD/YYYY');
+  let q=``;
+      
+  switch(ScreenName){
+      case 'DBPOSMONEAPP':
+        q=` SELECT Jp.DistributorId, ${MenuId} as MenuID, IFNULL(DR.DataRowCount,0) as DataRowCount FROM ${PJP_Table} JP LEFT OUTER JOIN
+        (SELECT DISTRIBUTOR_ID AS DistributorId , IFNULL(COUNT(1),0) AS DATAROWCOUNT FROM ${AppTables.DBPOSM_HDR_DATA} WHERE VISIT_DATE='${d2}' GROUP BY DISTRIBUTOR_ID) DR
+        ON JP.DistributorId=DR.DistributorId `;
+        return q;
+      case 'DBWINDOWONEAPP':
+        q=` SELECT Jp.DistributorId, ${MenuId} as MenuID, IFNULL(DR.DataRowCount,0) as DataRowCount FROM ${PJP_Table} JP LEFT OUTER JOIN
+        (SELECT DISTRIBUTOR_ID AS DistributorId , IFNULL(COUNT(1),0) AS DATAROWCOUNT FROM ${AppTables.DB_WINDOW_HDR_DATA} WHERE VISIT_DATE='${d2}' GROUP BY DISTRIBUTOR_ID) DR
+        ON JP.DistributorId=DR.DistributorId `;
+        return q;
+      case 'VISICOOLER':
+        q=` SELECT Jp.DistributorId, ${MenuId} as MenuID, IFNULL(DR.DataRowCount,0) as DataRowCount FROM ${PJP_Table} JP LEFT OUTER JOIN
+        (SELECT DISTRIBUTOR_ID AS DistributorId , IFNULL(COUNT(1),0) AS DATAROWCOUNT FROM ${AppTables.DB_VISICOOLER} WHERE VISIT_DATE='${d2}' GROUP BY DISTRIBUTOR_ID) DR
+        ON JP.DistributorId=DR.DistributorId `;
+        
+        return q;
+      default: return '';
+      
+  }
+}
+export function Q_DBMenuList(storeData1,screen=''){
+  let {StoreId,ChannelId,RegionId,StoreTypeId}=storeData1;
+
+  let join=` INNER join Mapping_MenuDistributorPointSup t2 on t1.MenuId=t2.MenuId`;
+  let q=`SELECT DISTINCT t1.MenuId,t1.MenuName,t1.NormalIcon,t1.TickIcon,t1.GreyIcon,t1.MenuPath,t1.ScreenName from Sup_Menu_Master t1 ${join}`;
+  q+=screen!=''?` where t1.ScreenName='${screen}' `:'';
+  q+=' Order by t1.MenuSequence ';
+  return q;
+}
+
+export async function Q_getMyDBMenuList(storeData,props){
+  console.log('Q_getMyDBMenuList:',storeData)
+  let q='',tb2=AppTables.CHECKIN_DATA;
+  let join_tbl='Sup_MasterDistributor';
+  let superQ_tblName='StoreCats';
+  // let superQ2_tblName='StoreData';
+  let d1=new Date();
+  let d2=moment(d1).format('MM/DD/YYYY');
+
+  let menusQ=`(select Distinct JP.DistributorId,MM_Inner.MenuId,MM_Inner.MenuName,MM_Inner.NormalIcon,MM_Inner.TickIcon,MM_Inner.GreyIcon,MM_Inner.MenuPath,MM_Inner.ScreenName,MM_Inner.MenuSequence from ${join_tbl} JP 
+    cross join 
+    (select MMAS.* from Sup_Menu_Master MMAS Inner Join Mapping_MenuDistributorPointSup MMap on MMap.MenuId=MMAS.MenuId) as MM_Inner
+    Order by JP.DistributorId, MM_Inner.MenuId) as Menu `;
+
+  
+  let DataAvailable_QList=``,KPIAvailable_QList=``;
+  return await  new Promise((resolve,reject)=>{
+    db.transaction(async function (txn) {        
+      let mq=`SELECT DISTINCT t1.ScreenName,t1.MenuId from Sup_Menu_Master t1 INNER join Mapping_MenuDistributorPointSup t2 on t1.MenuId=t2.MenuId`;
+      
+      await txn.executeSql(mq,[],async function (txn2, txnres) { 
+      
+       if(txnres.rows.length>0){ 
+         for(let i=0;i<txnres.rows.length;i++){
+          let data=txnres.rows.item(i);
+          
+          let avlblQ=get_DBAvailblQuery(props,data,join_tbl);
+          let isDoneQ=get_DBQuery(data,join_tbl);
+
+          KPIAvailable_QList+=KPIAvailable_QList!='' && avlblQ!=''?' UNION ':' ';
+          DataAvailable_QList+=DataAvailable_QList!='' && isDoneQ!=''?' UNION ':' ';
+          KPIAvailable_QList+=' '+avlblQ+' ';
+          DataAvailable_QList+=' '+isDoneQ+' ';
+
+          
+          if(i==txnres.rows.length-1){
+            let KPIAvlblJoin=`LEFT Outer Join ( ${KPIAvailable_QList} ) as AVLSTK ON Menu.DistributorId=AVLSTK.DistributorId and Menu.MenuId=AVLSTK.MenuId`;
+            let DataAvailableJoin=` Left Outer Join ( ${DataAvailable_QList} ) dataavl ON Menu.DistributorId=dataavl.DistributorId and Menu.MenuId=dataavl.MenuId `;
+            q=`Select Menu.*,  IFNULL(KPIAVBL, 0) as KPIAVBL, CASE WHEN IFNULL(dataavl.DataRowCount, 0)>0 THEN 1 ELSE 0 END  as DataRowCount from ${menusQ} ${KPIAvlblJoin} ${DataAvailableJoin} Where Menu.DistributorId='${storeData.StoreId}' order by Menu.MenuSequence `;
+            resolve(q);
+          }
+           
+         }
+       }
+       else{
+        resolve('');
+       }
+     },function (txnE,txnerr) { console.log(txnerr); resolve('');},);
+  
+   }); 
+  }).then((val)=>{
+    // console.log('myval',val);
+    return val;
+  }).catch((err)=>{
+    console.log('error in query:',err);
+    return '';
+  })
+  
+
+}
+    
+
+
+export async function Q_getMyDistributorList(props){
+  let q='',tb2=AppTables.DISTRIBUTOR_CHECKIN;
+  let join_tbl='Sup_MasterDistributor';
+  let superQ_tblName='StoreCats';
+  let d1=new Date();
+  let d2=moment(d1).format('MM/DD/YYYY');
+
+  // Mapping_MenuDistributorPointSup
+  let menusQ=` (select Distinct  JP.*,MM.MenuId from ${join_tbl} JP
+    cross join (select MMAS.* from Sup_Menu_Master MMAS Inner Join Mapping_MenuDistributorPointSup MMap on MenuId on MMap.MenuId=MMAS.MenuId) as MM
+    Order by JP.DistributorId, MM.MenuId) as Menu `;
+
+
+  let menuQ2=`(select Distinct  JP.*,MM.MenuId from ${join_tbl} JP
+    Left outer join 
+	  (select Distinct  JP.DistributorId,MM_Inner.* from ${join_tbl} JP cross join (select MMAS.* from Sup_Menu_Master MMAS Inner Join Mapping_MenuDistributorPointSup MMap on MMap.MenuId=MMAS.MenuId) as MM_Inner) 
+    MM on JP.DistributorId=MM.DistributorId
+    Order by JP.DistributorId, MM.MenuId) as Menu `;
+
+  let stored_Select=`${superQ_tblName}.DMID as MID,${superQ_tblName}.EmpId,${superQ_tblName}.DistributorId as StoreId,${superQ_tblName}.DistributorName as StoreName,${superQ_tblName}.DistributorCode as StoreCode,${superQ_tblName}.Latitude,${superQ_tblName}.Longitude,${superQ_tblName}.InTime,${superQ_tblName}.OutTime,${superQ_tblName}.UploadStatus,${superQ_tblName}.GeoTag`;
+  let checkinSelect=`CheckInData.CHECKIN_TIME as CheckInTime,CheckInData.CHECKOUT_TIME as CheckOutTime`;
+
+
+            
+  let DataAvailable_QList=``,KPIAvailable_QList=``;
+  return new Promise((resolve,reject)=>{
+    db.transaction(async function (txn) {        
+     let mq=`SELECT DISTINCT t1.ScreenName,t1.MenuId from Sup_Menu_Master t1 INNER join Mapping_MenuDistributorPointSup t2 on t1.MenuId=t2.MenuId`;
+     
+     await txn.executeSql(mq,[],async function (txn2, txnres) { 
+       if(txnres.rows.length>0){ 
+         for(let i=0;i<txnres.rows.length;i++){
+          let data=txnres.rows.item(i);
+          let avlblQ=get_DBAvailblQuery(props,data,join_tbl);
+          let isDoneQ=get_DBQuery(data,join_tbl);
+          console.log('isDoneQ',avlblQ)
+
+          KPIAvailable_QList+=KPIAvailable_QList!='' && avlblQ!=''?' UNION ':' ';
+          DataAvailable_QList+=DataAvailable_QList!='' && isDoneQ!=''?' UNION ':' ';
+          KPIAvailable_QList+=' '+avlblQ+' ';
+          DataAvailable_QList+=' '+isDoneQ+' ';
+
+          if(i==txnres.rows.length-1){
+            
+            let KPIAvlblJoin=`LEFT Outer Join ( ${KPIAvailable_QList} ) as AVLSTK ON Menu.DistributorId=AVLSTK.DistributorId and Menu.MenuId=AVLSTK.MenuId `;
+            let DataAvailableJoin=` Left Outer Join ( ${DataAvailable_QList} ) dataavl ON Menu.DistributorId=dataavl.DistributorId and Menu.MenuId=dataavl.MenuId  `;
+            
+            let StoreData_join =` Left Outer Join ( Select ${tb2}.* From ${tb2} Where ${tb2}.VISIT_DATE='${d2}') as CheckInData on ${superQ_tblName}.DistributorId=CheckInData.DISTRIBUTOR_ID    `;//and ${superQ_tblName}.UploadStatus in ('I','C','D','U','L')
+            // var SD_orderby=` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+
+            
+            q=`Select Menu.*,  IFNULL(KPIAVBL, 0) as KPIAVBL, CASE WHEN IFNULL(dataavl.DataRowCount, 0)>0 THEN 1 ELSE 0 END  as DataRowCount from ${menuQ2} ${KPIAvlblJoin} ${DataAvailableJoin}  `;
+            let superQ=`select ${checkinSelect},${stored_Select},count((CASE WHEN (${superQ_tblName}.KPIAVBL==1) THEN 1 ELSE null END)) as MenuCount,count((CASE WHEN (${superQ_tblName}.KPIAVBL==1 and ${superQ_tblName}.DataRowCount==1) THEN 1 ELSE null END )) as MenuDoneCount from (${q}) as ${superQ_tblName} ${StoreData_join}  GROUP BY ${superQ_tblName}.DistributorId`;
+            console.log('superQ',superQ)
+            // let superQ2=`select  ${checkinSelect},${stored_Select2},IFNULL(count(StoreData.CategoryId) ,0) as CategoryCount,IFNULL(count((CASE WHEN (${superQ2_tblName}.MenuCount==${superQ2_tblName}.MenuDoneCount) THEN 1 ELSE null END )),0) as CategoryDoneCount  from (${superQ}) as ${superQ2_tblName} ${StoreData_join} GROUP BY ${superQ2_tblName}.StoreId`;
+
+            resolve(superQ);
+          }
+           
+         }
+       }
+       else{
+        
+        let StoreData_join =` Left Outer Join ( Select ${tb2}.* From ${tb2} Where  ${tb2}.VISIT_DATE='${d2}') as CheckInData on ${superQ_tblName}.DistributorId=CheckInData.DISTRIBUTOR_ID   `; //and ${superQ_tblName}.UploadStatus in ('I','C','D','U','L') 
+        // var SD_orderby=` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+
+        
+        q=`Select Menu.*, 0 as KPIAVBL, 0 as DataRowCount from ${menuQ2}   `;
+        let superQ=`select ${checkinSelect},${stored_Select},0 as MenuCount,0 as MenuDoneCount from (${q}) as ${superQ_tblName} ${StoreData_join}  GROUP BY ${superQ_tblName}.DistributorId`;
+        // let superQ2=`select  ${checkinSelect},${stored_Select2},IFNULL(count(StoreData.CategoryId) ,0) as CategoryCount,IFNULL(count((CASE WHEN (${superQ2_tblName}.MenuCount==${superQ2_tblName}.MenuDoneCount) THEN 1 ELSE null END )),0) as CategoryDoneCount  from (${superQ}) as ${superQ2_tblName} ${StoreData_join} GROUP BY ${superQ2_tblName}.StoreId`;
+        
+        resolve(superQ);
+       }
+     },function (txnE,txnerr) { console.log('txnerr in store q:',txnerr); resolve('');},);
+  
+   }); 
+  }).catch((err)=>{
+    console.log('error in query:',err);
+    return '';
+  })
+
+}
+
+export async function Q_getMyNPNDStoreList(props){
+  let q='',tb2=AppTables.DISTRIBUTOR_CHECKIN;
+  let join_tbl='Sup_NPNDStore';
+  let superQ_tblName='StoreCats';
+  let d1=new Date();
+  let d2=moment(d1).format('MM/DD/YYYY');
+
+  // Mapping_MenuDistributorPointSup
+  let menusQ=` (select Distinct  JP.*,MM.MenuId from ${join_tbl} JP
+    cross join (select MMAS.* from Sup_Menu_Master MMAS Inner Join Mapping_MenuSup MMap on MenuId on MMap.MenuId=MMAS.MenuId) as MM
+    Order by JP.DistributorId, MM.MenuId) as Menu `;
+
+
+  let menuQ2=`(select Distinct  JP.*,MM.MenuId from ${join_tbl} JP
+    Left outer join 
+	  (select Distinct  JP.StoreId,MM_Inner.* from ${join_tbl} JP cross join (select MMAS.* from Sup_Menu_Master MMAS Inner Join Mapping_MenuSup MMap on MMap.MenuId=MMAS.MenuId) as MM_Inner) 
+    MM on JP.StoreId=MM.StoreId
+    Order by JP.StoreId, MM.MenuId) as Menu `;
+
+  let stored_Select=`${superQ_tblName}.MID,${superQ_tblName}.EmpId,${superQ_tblName}.StoreId,${superQ_tblName}.StoreName,${superQ_tblName}.StoreCode,${superQ_tblName}.Latitude,${superQ_tblName}.Longitude,${superQ_tblName}.InTime,${superQ_tblName}.OutTime,${superQ_tblName}.UploadStatus,${superQ_tblName}.GeoTag`;
+  let checkinSelect=`CheckInData.CHECKIN_TIME as CheckInTime,CheckInData.CHECKOUT_TIME as CheckOutTime`;
+
+
+            
+  let DataAvailable_QList=``,KPIAvailable_QList=``;
+  return new Promise((resolve,reject)=>{
+    db.transaction(async function (txn) {        
+     let mq=`SELECT DISTINCT t1.ScreenName,t1.MenuId from Sup_Menu_Master t1 INNER join Mapping_MenuSup t2 on t1.MenuId=t2.MenuId`;
+     
+     await txn.executeSql(mq,[],async function (txn2, txnres) { 
+       if(txnres.rows.length>0){ 
+         for(let i=0;i<txnres.rows.length;i++){
+          let data=txnres.rows.item(i);
+          let avlblQ=get_DBAvailblQuery(props,data,join_tbl);
+          let isDoneQ=get_DBQuery(data,join_tbl);
+          console.log('isDoneQ',avlblQ)
+
+          KPIAvailable_QList+=KPIAvailable_QList!='' && avlblQ!=''?' UNION ':' ';
+          DataAvailable_QList+=DataAvailable_QList!='' && isDoneQ!=''?' UNION ':' ';
+          KPIAvailable_QList+=' '+avlblQ+' ';
+          DataAvailable_QList+=' '+isDoneQ+' ';
+
+          if(i==txnres.rows.length-1){
+            
+            let KPIAvlblJoin=`LEFT Outer Join ( ${KPIAvailable_QList} ) as AVLSTK ON Menu.DistributorId=AVLSTK.DistributorId and Menu.MenuId=AVLSTK.MenuId `;
+            let DataAvailableJoin=` Left Outer Join ( ${DataAvailable_QList} ) dataavl ON Menu.DistributorId=dataavl.DistributorId and Menu.MenuId=dataavl.MenuId  `;
+            
+            let StoreData_join =` Left Outer Join ( Select ${tb2}.* From ${tb2} Where ${tb2}.VISIT_DATE='${d2}') as CheckInData on ${superQ_tblName}.DistributorId=CheckInData.DISTRIBUTOR_ID    `;//and ${superQ_tblName}.UploadStatus in ('I','C','D','U','L')
+            // var SD_orderby=` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+
+            
+            q=`Select Menu.*,  IFNULL(KPIAVBL, 0) as KPIAVBL, CASE WHEN IFNULL(dataavl.DataRowCount, 0)>0 THEN 1 ELSE 0 END  as DataRowCount from ${menuQ2} ${KPIAvlblJoin} ${DataAvailableJoin}  `;
+            let superQ=`select ${checkinSelect},${stored_Select},count((CASE WHEN (${superQ_tblName}.KPIAVBL==1) THEN 1 ELSE null END)) as MenuCount,count((CASE WHEN (${superQ_tblName}.KPIAVBL==1 and ${superQ_tblName}.DataRowCount==1) THEN 1 ELSE null END )) as MenuDoneCount from (${q}) as ${superQ_tblName} ${StoreData_join}  GROUP BY ${superQ_tblName}.DistributorId`;
+            console.log('superQ',superQ)
+            // let superQ2=`select  ${checkinSelect},${stored_Select2},IFNULL(count(StoreData.CategoryId) ,0) as CategoryCount,IFNULL(count((CASE WHEN (${superQ2_tblName}.MenuCount==${superQ2_tblName}.MenuDoneCount) THEN 1 ELSE null END )),0) as CategoryDoneCount  from (${superQ}) as ${superQ2_tblName} ${StoreData_join} GROUP BY ${superQ2_tblName}.StoreId`;
+
+            resolve(superQ);
+          }
+           
+         }
+       }
+       else{
+        
+        let StoreData_join =` Left Outer Join ( Select ${tb2}.* From ${tb2} Where  ${tb2}.VISIT_DATE='${d2}') as CheckInData on ${superQ_tblName}.DistributorId=CheckInData.DISTRIBUTOR_ID   `; //and ${superQ_tblName}.UploadStatus in ('I','C','D','U','L') 
+        // var SD_orderby=` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+
+        
+        q=`Select Menu.*, 0 as KPIAVBL, 0 as DataRowCount from ${menuQ2}   `;
+        let superQ=`select ${checkinSelect},${stored_Select},0 as MenuCount,0 as MenuDoneCount from (${q}) as ${superQ_tblName} ${StoreData_join}  GROUP BY ${superQ_tblName}.DistributorId`;
+        // let superQ2=`select  ${checkinSelect},${stored_Select2},IFNULL(count(StoreData.CategoryId) ,0) as CategoryCount,IFNULL(count((CASE WHEN (${superQ2_tblName}.MenuCount==${superQ2_tblName}.MenuDoneCount) THEN 1 ELSE null END )),0) as CategoryDoneCount  from (${superQ}) as ${superQ2_tblName} ${StoreData_join} GROUP BY ${superQ2_tblName}.StoreId`;
+        
+        resolve(superQ);
+       }
+     },function (txnE,txnerr) { console.log('txnerr in store q:',txnerr); resolve('');},);
+  
+   }); 
+  }).catch((err)=>{
+    console.log('error in query:',err);
+    return '';
+  })
+
+}
+
+
+
+
+async function checkIf_StockWithCat_KPIDone(txnres2,storeData){
+  let {StoreId}=storeData;
+  return await new Promise((resolve,reject)=>{
+    if(txnres2.rows.length>0){
+      db.transaction(async function (txn) { 
+        let allDone=true;
+        for(var i=0;i<txnres2.rows.length;i++){
+          let cat=txnres2.rows.item(i);
+          let isDone=await isCatDone(storeData,cat)
+          if(isDone==false){
+            allDone=false;
+          }
+
+          if(i==txnres2.rows.length-1){
+            resolve(allDone);
+          }
+        }
+      });   
+      
+    }
+    else{
+      resolve(false);
+    }
+  }).catch((err)=>{
+    console.log(err);
+    return false;
+  });
+  
+}
+
+async function isCatDone(storeData1,cat){
+  let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+  return await new Promise((resolve,reject)=>{
+      db.transaction(async function (txn) {  
+          let seletlist=`STOCK_UID,PRODUCT as ProductName,PRODUCT_ID as ProductId,BRAND as BrandName,BRAND_ID as BrandId,SUB_CATEGORY as SubCategoryName,SUB_CATEGORY_ID as SubCategoryId,MSL,STOCK,BACKROOM_STOCK,DAMAGED_STOCK,LOST_STOCK,EXPIRY_STOCK,IS_SKU_STOCK_PRESENT,NREXPIRY1_STOCK,NREXPIRY2_STOCK,NREXPIRY3_STOCK`;
+          let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCKWITHCAT_DATA} WHERE STORE_ID='${StoreId}' and CATEGORY_ID='${cat.CategoryId}'    `;
+          await txn.executeSql(sku_q,[],async function (txn2, txnres2) { 
+              if(txnres2.rows.length>0){
+                  resolve(true);
+              }else{
+                  resolve(false);
+              }
+          },function (txn2, txnerr) { console.log(txnerr);resolve(false); },);
+          
+        });   
+  }).catch((err)=>{
+      console.log(err);
+      return false;
+  })
+}
+
+export async function checkIf_surveyCatDone(storeData1,SurveyId,CategoryId,ShowCat1,menu1){
+  
+  var d1=new Date();
+  var d2=moment(d1).format('MM/DD/YYYY');
+  return new Promise((resolve,reject)=>{
+    try{
+      db.transaction(async function (txn) { 
+
+        let {StoreId}=storeData1;
+        
+        // get inserted audit
+        let selectlist=` DISTINCT T.MaxLength as MaxLength,T.MinLength as MinLength,T.CategoryId,T.Category,T.SubCategoryId,T.SubCategory,T.LengthValidation as LengthValidation,T.QuestionImageAllow as QuestionImageAllow,T.DateRange as DateRange,T.Question as Question,T.QuestionId as QuestionId,T.QuestionType as QuestionType,T.OTP as OTP,T1.ANSWER As Answer, T1.ANSWER_ID as AnswerId,T1.IMAGE_ALLOW1 as ImageAllow1,T1.IMAGE1 as Image1,T1.IMAGE_ALLOW2 as ImageAllow2,T1.IMAGE2 as Image2,T1.MULTI_OPTIONS_IDS as multi_op_ids `;
+        let join=` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+        let join2=` INNER JOIN ${AppTables.SURVEY} T1 on T.SurveyId=T1.SURVEY_ID and T.CategoryId=T1.CATEGORY_ID and T.SubCategoryId=T1.SUB_CATEGORY_ID And T.QuestionId=T1.QUESTION_ID and T1.MENUID='${menu1?.MenuId}'`;
+        let q2=`Select ${selectlist} FROM Sup_Master_SurveyQuestion T ${join}  ${join2} WHERE T1.STORE_ID='${StoreId}' AND T1.EMP_ID='${storeData1.MerchandiserId}' AND T1.VISIT_DATE= '${d2}' AND T1.SURVEY_ID=${SurveyId} and  T1.ANSWER_ID Is Not NULL `;
+        if(ShowCat1==true){
+          q2+=` AND  T1.CATEGORY_ID=${CategoryId} `;
+        }
+        q2+=` ORDER BY T.SubCategorySequence `;
+
+       
+        await txn.executeSql(q2,[],async function (txn2, txnres) { 
+          
+            if(txnres.rows.length>0){
+              resolve(true);
+            }
+            else{
+              resolve(false);
+            }
+            
+        },function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+       
+      });  
+
+    }
+    catch(err){
+      console.log('checkIfDone Error CatSurvey',err)
+      resolve(false);
+    }
+  }).catch((err)=>{
+    console.log('checkIfDone Error CatSurvey',err)
+    return false;
+  });
+}
+
+
+export async function checkIf_VisiAuditDone(storeData1,SurveyId,CategoryId,ShowCat1){
+  
+  var d1=new Date();
+  var d2=moment(d1).format('MM/DD/YYYY');
+  return new Promise((resolve,reject)=>{
+    try{
+      db.transaction(async function (txn) { 
+
+        let {StoreId}=storeData1;
+        
+        // get inserted audit
+
+        let join3=` inner join Sup_VisibilityAudit s on w.PVIS_DEFINITION_ID=s.VisibilityDefinitionId  `;
+        let q2=` Select * from ${AppTables.VISAUDIT_HDR_DATA} w  ${join3} where w.STORE_ID='${StoreId}' and w.PVIS_DEFINITION_ID='${SurveyId.VisibilityDefinitionId}' and s.StoreId='${StoreId}' and s.VisibilityDefinitionId='${SurveyId.VisibilityDefinitionId}'  `;
+
+
+       
+        await txn.executeSql(q2,[],async function (txn2, txnres) { 
+          
+            if(txnres.rows.length>0){
+              resolve(true);
+            }
+            else{
+              resolve(false);
+            }
+            
+        },function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+       
+      });  
+
+    }
+    catch(err){
+      console.log('checkIfDone Error CatSurvey',err)
+      resolve(false);
+    }
+  }).catch((err)=>{
+    console.log('checkIfDone Error CatSurvey',err)
+    return false;
+  });
+}
+
+
+export async function checkIf_surveyDone(storeData1,SurveyId,ShowCat1,menu1){
+ 
+  var d1=new Date();
+  var d2=moment(d1).format('MM/DD/YYYY');
+  return new Promise((resolve,reject)=>{
+    try{
+      db.transaction(async function (txn) { 
+        let {StoreId}=storeData1;
+       
+        if(ShowCat1==true){
+          let q2=`SELECT DISTINCT T.Category,T.CategoryId,T.CategorySequence FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId WHERE T.SurveyId='${SurveyId}' order by T.CategorySequence`;
+          await txn.executeSql(q2,[],async function (txn2, txnres) { 
+             
+              if(txnres.rows.length>0){
+                let arr=[],isSurveyDone=true;
+                for(var i=0;i<txnres.rows.length;i++){
+                  let data =txnres.rows.item(i);
+                  let isDone=await checkIf_surveyCatDone(storeData1,SurveyId,data.CategoryId,true,menu1)
+                  if(isDone!=true){
+                    isSurveyDone=false;
+                    resolve(isSurveyDone)
+                    break;
+                  }
+                  else if(i==txnres.rows.length-1){
+                    resolve(isSurveyDone)
+                  }
+                }
+              }
+              else{
+                resolve(true);
+              }
+          },function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+        }
+        else{
+          let isDone=await checkIf_surveyCatDone(storeData1,SurveyId,'',false,menu1)
+          resolve(isDone)
+        }
+      });  
+
+    }
+    catch(err){
+      console.log('checkIfDone Error CatSurvey',err)
+      resolve(false);
+    }
+  }).catch((err)=>{
+    console.log('checkIfDone Error CatSurvey',err)
+    return false;
+  });
+}
\ No newline at end of file
diff --git a/src/constants/Text_eng.json b/src/constants/Text_eng.json
new file mode 100644
index 0000000..0411c38
--- /dev/null
+++ b/src/constants/Text_eng.json
@@ -0,0 +1,355 @@
+{
+    "HeyThere":"Hey There",
+    "EnteryourProjectId":"Enter your Project Id",
+    "ProjectId":"Project Id",
+    "Next":"Next",
+    "PleaseenterProjectId":"Please enter Project Id",
+    "ProjectnotfoundensureifyouhaveenteredcorrectprojectId":"Project not found, ensure if you have entered correct project Id",
+    "LoggingIn":"Logging In",
+    "Logintoyouraccount":"Login to your account",
+    "Username":"Username",
+    "Password":"Password",
+    "Cannotgetuserposition":"Cannot get user position",
+    "Pleaseallowlocationpermissiontologin":"Please allow location permission to login",
+    "Pleaseconnecttointernet":"Please connect to internet",
+    "LoginSuccess":"Login Success",
+    "CannotloginSomethingwentwrong":"Cannot login! Something went wrong",
+    "Pleaseenterusername":"Please enter username",
+    "Pleaseenterpassword":"Please enter password",
+    "CreateMPin":"Create M-Pin",
+    "SetMPintologinyouraccount":"Set M-Pin to login your account",
+    "EnterMPin":"Enter M-Pin",
+    "ConfirmMPin":"Confirm M-Pin",
+    "PleaseenterMPin":"Please enter M-Pin",
+    "Pleaseenter4digitMPin":"Please enter 4-digit M-Pin",
+    "PleaseconfirmyourMPin":"Please confirm your M-Pin",
+    "ConfirmMPindoesnotmatch":"Confirm M-Pin does not match",
+    "Sessionnotfoundpleaseloginagain":"Session not found, please login again",
+    "YouenteredwrongMPin":"You entered wrong M-Pin",
+    "MPintologinyouraccount":"M-Pin to login your account",
+    "ForgotMPin":"Forgot M-Pin",
+    "Login":"Login",
+    "Appupdateavailableversion":"App update available version:",
+    "UpdateapptothenewversionYourdataissafeandwillnotbelostduringthisupdate":"Update app to the new version! Your data is safe and will not be lost during this update.",
+    "Downloadingapk":"Downloading apk",
+    "Loading":"Loading",
+    "Pleaseselectyouranswer":"Please select your answer",
+    "OneQuestionADay":"One Question A Day",
+    "WellDoneGoodJob":"Well Done! Good Job",
+    "OopsBetterlucknexttime":"Oops! Better luck next time",
+    "Back":"Back",
+    "Submit":"Submit",
+    "NoticeBoard":"Notice Board",
+    "Youhavenojourneyplanfortoday":"You have no journey plan for today!",
+    "Cannotdownloaddata":"Cannot download data!",
+    "UploadingData":"Uploading Data",
+    "Uploadingvisitorsdata":"Uploading Visitors Data",
+    "AllDataUploaded":"All Data Uploaded",
+    "CannotUploadVisitors":"Cannot Upload Visitors",
+    "UploadingDatafor":"Uploading Data for",
+    "Erroroccurwhileuploadingdatafor":"Error occur while uploading data for",
+    "Alldatauploadedfor":"All data uploaded for",
+    "NodatatoUpload":"No data to Upload",
+    "UploadingImages":"Uploading Images",
+    "Alldataandimagesuploadedfor":"All data and images uploaded for",
+    "Cannotuploadimagesfor":"Cannot upload images for",
+    "Couldnotstartupload":"Could not start upload!",
+    "DownloadData":"Download Data",
+    "DownloadingData":"Downloading Data",
+    "Doyouwanttodownloaddata":"Do you want to download data?",
+    "DataDownloaded":"Data Downloaded",
+    "Couldnotdownload":"Could not download",
+    "Nodatafoundfor":"No data found for ",
+    "Couldnotstartdownload":"Could not start download!",
+    "DailyRoutePlan":"Daily Route Plan",
+    "StoreList":"Store List",
+    "Planned":"Planned",
+    "StoreName":"Store Name",
+    "StoreId":"Store Id",
+    "StoreType":"Store Type",
+    "StoreCode":"Store Code",
+    "Address":"Address",
+    "StoreVisited":"Store Visited",
+    "Yes":"Yes",
+    "No":"No",
+    "YouneedtobeinthestoretoCheckInCheckOut":"You need to be in the store to CheckIn/CheckOut",
+    "Youneedtobeinthestore":"You need to be in the store",
+    "toCheckInCheckOut":"to CheckIn/CheckOut",
+    "Alloweddistancefromstore":"Allowed distance from store",
+    "Yourdistancefromstore":"Your distance from store",
+    "OK":"OK",
+    "ClickSelfieinfrontofStore":"Click Selfie in front of Store",
+    "Youare":"You are",
+    "Awayfromthestore":"away from the store!",
+    "NoDataFoundPleaseDownloadDataFirst":"No Data Found! Please Download Data First",
+    "AllDataalreadyuploadedforthisstore":"All Data already uploaded for this store!",
+    "Alreadymarkedasnotworkingstatusforthisstore":"Already marked as not working status for this store!",
+    "CheckIndatanotavailable":"Check-In data not available!",
+    "Alreadycheckedout":"Already checked out!",
+    "Dataalreadyuploaded":"Data already uploaded!",
+    "Datapartiallyuploaded":"Data partially uploaded!",
+    "Youarealreadycheckedintotheotherstore":"You are already checked in to the other store!",
+    "YouhaveclearedtheAppDataRestoringCheckinInfo":"You have cleared the App-Data! Restoring Checkin Info",
+    "Pleaseallowlocationpermission":"Please allow location permission",
+    "Storelocationnotavailable":"Store location not available",
+    "Nodatafound":"No data found",
+    "PleasefillallKPI":"Please fill all KPI",
+    "Gettinglocation":"Getting location",
+    "Youcannotcheckout":"You cannot checkout!",
+    "Youcannotcheckin":"You cannot checkin!",
+    "Youarenotwithinthealloweddistancefromthestore":" You are not within the allowed distance from the store i.e.",
+    "UpdatingCheckoutStatus":"Updating Checkout Status",
+    "Erroroccurwhilecheckout":"Error occur while checkout",
+    "Somethingwentwrong":"Something went wrong!",
+    "Erroroccurwhileuploadingdata":"Error occur while uploading data",
+    "DeletingCheckInData":"Deleting Check-In Data",
+    "CheckInRemoved":"Check-In Removed",
+    "CheckInremovedsuccessfullybutcannotupdatestatus":"Check-In removed successfully, but cannot update status!",
+    "CannotRemoveCheckIn":"Cannot Remove Check-In!",
+    "DoyoureallywanttoCancelCheckIn":"Do you really want to Cancel Check-In?",
+    "Yourallcheckindatawillbelost":"Your all check-in data will be lost!",
+    "Errorimagefilewritefailed":"ERROR: image file write failed",
+    "Pleasecaptureaimage":"Please capture a image",
+    "CannotProcessImage":"Cannot Process Image",
+    "Pleaseclickselfieinfrontofstore":"Please click selfie in front of store",
+    "Doyoureallywanttocheckout":"Do you really want to checkout?",
+    "Youneedtogeotagstore":"You need to geotag store",
+    "Cameraunavailable":"Camera unavailable",
+    "CheckIn":"Check In",
+    "CheckedIn":"Checked In",
+    "CheckOut":"Check Out",
+    "CheckedOut":"Checked Out",
+    "CheckOutImage":"Check-Out Image",
+    "NotWorking":"Not Working",
+    "Uploaded":"Uploaded",
+    "PartiallyUploaded":"Partially Uploaded",
+    "DataUploaded":"Data Uploaded",
+    "Searchby":"Search by",
+    "Save":"Save",
+    "Close":"Close",
+    "Reasonfornotworkinginstore":"Reason for not working in store",
+    "NonWorkingReason":"Non Working Reason",
+    "DataUploadedButcouldnotupdatestorestatus":"Data Uploaded! But could not update store status!",
+    "Cannotuploaddata":"Cannot upload data",
+    "OopsSomethingwentwrongcannotcreateJCP":"Oops! Something went wrong, cannot create JCP",
+    "Pleaseselectreasonfornotworking":"Please select reason for not working",
+    "Youcannotselectthisreasonasthereisalreadyastore":"You cannot select this reason as there is already a store which data has been uploaded!",
+    "CouldnotcreateJCP":"Could not create JCP!",
+    "Geotag":"Geotag",
+    "UploadGeotag":"Upload Geotag",
+    "ClickStoreFrontImage":"Click Store Front Image",
+    "Cannotuploadgeotag ":"Cannot upload geotag!",
+    "GeoTagDataUploadedSuccessfully":"GeoTag Data Uploaded Successfully",
+    "Geotaguploadedbutcannotupdategeotagstatus":"Geotag uploaded but cannot update geotag status!",
+    "Pleaseclickstorefrontimage":"Please click store front image",
+    "StoreCheckIn":"Store Check-In",
+    "ProcessingCheckIn":"Processing Check-In",
+    "CheckinSuccessful":"Check-in Successful",
+    "CheckInDataUploadedsuccessfully":"Check-In Data Uploaded successfully",
+    "CouldnotaddCheckIndata":"Could not add Check In data!",
+    "DailyMenu":"Daily Menu",
+    "SurveyId":"Survey Id",
+    "CategoryId":"Category Id",
+    "Pressmictostartrecordingvoice":"Press mic to start recording voice",
+    "Doyoureallywanttoexitthescreen":"Do you really want to exit the screen?",
+    "Pleasestoprecordingfirst":"Please stop recording first",
+    "AlreadyRecording":"Already Recording",
+    "Pleasestopplayerfirst":"Please stop player first!",
+    "RecordingPressmictostoprecording":"Recording... ! Press mic to stop recording",
+    "Maximumrecordtimelimitreached":"Maximum record time limit reached.",
+    "Cannotopenfileforrecording":"Cannot open file for recording!",
+    "AlreadyPlaying":"Already Playing",
+    "Filenotfound":"File not found!",
+    "Pleaseselectoptionsfortherequiredfield":"Please select options for the required field",
+    "Pleasepickadate":"Please pick a date",
+    "Pleaseselectrating":"Please select rating",
+    "Pleasefillalldetails":"Please fill all details",
+    "Pleaserecordaudioclipfortherequiredfield":"Please record audio clip for the required field",
+    "Pleaseaddimages":"Please add images",
+    "DragItemsInOrder":"Drag Items In Order",
+    "Pressandholdtodrag":"Press and hold to drag",
+    "RecordVoiceClip":"Record Voice Clip",
+    "Youcanrecordmaxfor60secs":"You can record max for 60 secs",
+    "SavingData":"Saving Data",
+    "Surveyupdatedsuccessfully":"Survey updated successfully",
+    "Cannotupdatesurvey":"Cannot update survey",
+    "OpeningStock":"Opening Stock",
+    "Bundlepack":"Bundle pack",
+    "Stock":"Stock",
+    "ExpiryStock":"Expiry Stock",
+    "Doyoureallywanttosavedata":"Do you really want to save data?",
+    "Cancel":"Cancel",
+    "StockUpdateSuccessfully":"Stock Update Successfully",
+    "BackroomStock":"Backroom Stock",
+    "MiddayStock":"Midday Stock",
+    "ClosingStock":"Closing Stock",
+    "ShareofShelf":"Share of Shelf",
+    "SubCategoryFacing":"Sub Category Facing",
+    "BrandFacing":"Brand Facing",
+    "PaidVisibility":"Paid Visibility",
+    "Endcap":"Endcap",
+    "IsPresent":"Is Present",
+    "CaptureImage":"Capture Image",
+    "Reason":"Reason",
+    "Select":"Select",
+    "AddlfreeVisibility":"Addl./free Visibility",
+    "Category":"Category",
+    "SubCategory":"Sub-Category",
+    "Brands":"Brands",
+    "DisplayType":"Display Type",
+    "Remark":"Remark",
+    "Image":"Image",
+    "Add":"Add",
+    "AddedVisibilities":"Added Visibilities",
+    "Pleaseaddfirst":"Please add first",
+    "AdditionalvisibilityUpdateSuccessfully":"Additional visibility Update Successfully",
+    "CompetitionVisibility":"Competition Visibility",
+    "Company":"Company",
+    "Promotion":"Promotion",
+    "PromoTalker":"Promo Talker",
+    "RunningonPOS":"Running on POS",
+    "PromotionUpdateSuccessfully":"Promotion Update Successfully",
+    "CompetitionPromotion":"Competition Promotion",
+    "ContactConversion":"Contact Conversion",
+    "TotalContact":"Total Contact",
+    "CustomerConverted":"Customer Converted",
+    "Sale":"Sale",
+    "Survey":"Survey",
+    "Adhoc":"Adhoc",
+    "NoDataAvailable":"No Data Available",
+    "UplaodData":"Upload Data",
+    "Doyouwanttouploaddata":"Do you want to upload data?",
+    "Nodatatoupload":"No data to upload",
+    "VisitorLogin":"Visitor Login",
+    "Employeecode":"Employee code",
+    "Visitors":"Visitors",
+    "Name":"Name",
+    "Designation":"Designation",
+    "Actions":"Actions",
+    "AddVisitor":"Add",
+    "Pleaseenteremployeecode":"Please enter employee code",
+    "GettingEmployeeDetails":"Getting Employee Details",
+    "AddingEmployee":"Adding Employee",
+    "Visitoraddedsuccessfully":"Visitor added successfully",
+    "Cannotaddvisitor":"Cannot add visitor",
+    "Errorwhileaddingvisitor":"Error while adding visitor",
+    "PleaseclickCheckInImage":"Please click Check-In Image",
+    "PleaseclickCheckOutImage":"Please click Check-Out Image",
+    "Cannotdeletevisitornow":"Cannot delete visitor now",
+    "Visitoralreadyhadcheckedout":"Visitor already had checked out!",
+    "RemovingEmployee":"Removing Employee",
+    "Visitorremovedsuccessfully":"Visitor removed successfully",
+    "CannotRemovevisitor":"Cannot remove visitor",
+    "Errorwhileremovingvisitor":"Error while removing visitor",
+    "UploadingVisitorData":"Uploading Visitor Data",
+    "Visitorupdatedsuccessfully":"Visitor updated successfully",
+    "Cannotupdatevisitor":"Cannot update visitor",
+    "Errorwhileaddingemployee":"Error while adding employee",
+    "Visitordatauploaded":"Visitor data uploaded",
+    "Cannotuploadvisitordata":"Cannot upload visitor data",
+    "VisitorCheckOut":"Visitor Check Out",
+    "DoyoureallywanttoremoveVisitor":"Do you really want to remove Visitor?",
+    "Visitor":"Visitor",
+    "Alreadyexists":"already exists",
+    "Report":"Report",
+    "Performance":"Performance",
+    "Kpi":"KPI",
+    "Target":"Target",
+    "Achivement":"Achivement",
+    "Go":"Go",
+    "Offtake":"Off take",
+    "FocusPack":"Focus Pack",
+    "Mandays":"Mandays",
+    "Sos":"Sos",
+    "1Qad":"1 Qad",
+    "Training":"Training",
+    "Exit":"Exit",
+    "Settings":"Settings",
+    "ClearDataLogout":"Clear Data & Logout",
+    "DoyoureallywanttoclearalldataThiswillremoveallcacheandstorage":"Do you really want to clear all data? This will remove all cache and storage.",
+    "Warning":"Warning!",
+    "Allcacheandstoragewillbedeletedfortheapp":"All cache and storage will be deleted for the app.",
+    "PrivacyPolicy":"Privacy Policy",
+    "ContactUs":"Contact Us",
+    "MeetUs":"Meet Us",
+    "Manufacturingdate":"Manufacturing date",
+    "PleaseSelectCategory":"Please select category",
+    "SearchByProductName":"Search by Product Name",
+    "SearchByPeopleName":"Search by People Name",
+    "MiddayStockhasbeenupdatedOpeningStockDatacannotbechangednow":"Midday-Stock has been updated! Opening-Stock Data cannot be changed now",
+    "ClosingStockhasbeenupdatedMiddayStockDatacannotbechangednow":"Closing-Stock has been updated! Midday-Stock Data cannot be changed now",
+    "FillOpenningStockfirst":"Fill Openning-Stock first",
+    "FillMiddayStockfirst":"Fill Midday-Stock first",
+    "Stockupdatedsuccessfully":"Stock updated successfully",
+    "Cannotaddstock":"Cannot add stock",
+    "Pleaseclickimagefor":"Please click image for",
+    "Pleaseenter":"Please enter",
+    "for":"for",
+    "Pleaseenterwholenumbersonly":"Please enter whole numbers only",
+    "SearchbyDisplayNameorSubCategoryName":"Search by Display Name or Sub Category Name",
+    "PaidVisibilityupdatedsuccessfully":"Paid Visibility updated successfully",
+    "Cannotaddpaidvisibility":"Cannot add paid visibility",
+    "Pleaseselectifvisiblitypresentornotfor":"Please select if visiblity present or not for",
+    "Pleaseselectreasonfor":"Please select reason for",
+    "Pleaseclickallimagesfor":"Please click all images for",
+    "SelectReason":"Select Reason",
+    "select":"Select",
+    "Pleaseselectdate":"Please select date!",
+    "Pleaseenterstock":"Please enter stock!",
+    "Pleaseenterlotno":"Please enter lot no.!",
+    "ThisdateisalreadyaddedPleaseselectdifferentdate":"This date is already added! Please select different date",
+    "AddNearExpiryStock":"Add Near Expiry Stock",
+    "ExpiryDate":"Expiry Date",
+    "LotNo":"Lot No.",
+    "Date":"Date",
+    "Doyoureallywanttoremovethisstock":"Do you really want to remove this stock?",
+    "Doyoureallywanttoremovethisvisibility":"Do you really want to remove this visibility?",
+    "Doyoureallywanttoremoveallvisibilitydata":"Do you really want to remove all visibility data?",
+    "AdditionalVisibilityaddedsuccessfully":"Additional Visibility added successfully",
+    "Cannotaddadditionalvisibility":"Cannot add additional visibility",
+    "Pleaseselectsubcategory":"Please select sub category",
+    "Pleaseselectbrand":"Please select brand",
+    "Pleaseselectdisplaytype":"Please select display type",
+    "Pleaseclickimage":"Please click image",
+    "Thisvisibilityhasalreadybeenadded":"This visibility has already been added",
+    "Visibilityremovedsuccessfully":"Visibility removed successfully",
+    "CannotremoveVisibilitynotfound":"Cannot remove! Visibility not found",
+    "ImageTypes":"Image Types",
+    "Imagesaddedsuccessfully":"Images added successfully",
+    "Cannotaddimages":"Cannot add images",
+    "DoyoureallywanttoremovethisImage":"Do you really want to remove this Image?",
+    "Promotionupdatedsuccessfully":"Promotion updated successfully",
+    "CannotupdatePromotion":"Cannot update Promotion",
+    "Pleaseselectifpromotionpresentornotfor":"Please select if promotion present or not for",
+    "Pleaseselectifstockisavailablefor":"Please select if stock is available for",
+    "Cannotaddsplitshelftalkerimages":"Cannot add split shelf talker images",
+    "Cannotaddshelftalkerstockdata":"Cannot add shelf talker stock data",
+    "Cannotaddshelftalkerquestionsdata":"Cannot add shelf talker questions data",
+    "ShelfTalkerdataupdatedsuccessfully":"Shelf Talker data updated successfully",
+    "Cannotaddshelftalkerdata":"Cannot add shelf talker data",
+    "Pleaseenterstockfor":"Please enter stock for",
+    "PleaseselectatleastoneSKUfor":"Please select atleast one SKU for",
+    "In":"In",
+    "Pleasepickadatefortherequiredfield":"Please pick a date for the required field",
+    "Pleaseselectratingfortherequiredfield":"Please select rating for the required field",
+    "Pleasefillalltherequiredfield":"Please fill all the required field",
+    "SelectProducts":"Select Products",
+    "SelectAll":"Select All",
+    "CaptureShelfTalkerImages":"Capture Shelf Talker Images",
+    "ShelfTalkerQuestions":"Shelf Talker Questions",
+    "SearchItems":"Search Items",
+    "SearchbyPromotion":"Search by Promotion",
+    "Cannotaddposmquestionsdata":"Cannot add POSM questions data",
+    "POSMdataupdatedsuccessfully":"POSM data updated successfully",
+    "CannotaddPOSMdata":"Cannot add POSM data",
+    "Cannotaddpromotionimages":"Cannot add promotion images",
+    "Cannotaddpromotionstockdata":"Cannot add promotion stock data",
+    "Cannotaddpromotionquestionsdata":"Cannot add promotion questions data",
+    "Promotiondataupdatedsuccessfully":"Promotion data updated successfully",
+    "Cannotaddpromotiondata":"Cannot add promotion data",
+    "CapturePromotionImages":"Capture Promotion Images",
+    "PromotionQuestions":"Promotion Questions",
+    "POSMQuestions":"POSM Questions",
+    "CoveredBy" : "Covered By",
+    "CityName" : "City Name"
+}
\ No newline at end of file
diff --git a/src/constants/Text_thai.json b/src/constants/Text_thai.json
new file mode 100644
index 0000000..8299b36
--- /dev/null
+++ b/src/constants/Text_thai.json
@@ -0,0 +1,353 @@
+{
+    "HeyThere":"สวัสดีค่ะ",
+    "EnteryourProjectId":"ป้อนรหัสโปรเจ็คของคุณ",
+    "ProjectId":"รหัสโปรเจ็ค",
+    "Next":"ต่อไป",
+    "PleaseenterProjectId":"โปรดป้อนรหัสโปรเจ็ค",
+    "ProjectnotfoundensureifyouhaveenteredcorrectprojectId":"ไม่พบโปรเจ็ค ตรวจสอบว่าคุณป้อนรหัสโปรเจ็คที่ถูกต้อง",
+    "LoggingIn":"เข้าสู่ระบบ",
+    "Logintoyouraccount":"ลงชื่อเข้าใช้บัญชีของคุณ",
+    "Username":"ชื่อผู้ใช้",
+    "Password":"รหัสผ่าน",
+    "Cannotgetuserposition":"ไม่สามารถรับตำแหน่งผู้ใช้",
+    "Pleaseallowlocationpermissiontologin":"โปรดอนุญาตให้แอพเข้าถึงการระบุตำแหน่ง",
+    "Pleaseconnecttointernet":"โปรดเชื่อมต่ออินเตอร์เน็ต",
+    "LoginSuccess":"เข้าสู่ระบบสำเร็จ",
+    "CannotloginSomethingwentwrong":"ล็อกอินไม่ได้! บางอย่างผิดพลาด",
+    "Pleaseenterusername":"โปรดใส่ชื่อผู้ใช้",
+    "Pleaseenterpassword":"โปรดใส่รหัสผ่าน",
+    "CreateMPin":"สร้าง M-Pin",
+    "SetMPintologinyouraccount":"ตั้งค่า M-Pin เพื่อเข้าสู่ระบบบัญชีของคุณ",
+    "EnterMPin":"ป้อน M-Pin",
+    "ConfirmMPin":"ยืนยัน M-Pin",
+    "PleaseenterMPin":"โปรดกรอก M-Pin",
+    "Pleaseenter4digitMPin":"โปรดป้อน M-Pin 4 หลัก",
+    "PleaseconfirmyourMPin":"โปรดยืนยัน M-Pin ของคุณ",
+    "ConfirmMPindoesnotmatch":"ยืนยัน M-Pin ไม่ตรงกัน",
+    "Sessionnotfoundpleaseloginagain":"ไม่พบข้อมูล โปรดเข้าสู่ระบบอีกครั้ง",
+    "YouenteredwrongMPin":"คุณป้อน M-Pin ผิด",
+    "MPintologinyouraccount":"กรอก M-PIN เพื่อเข้าสู่ระบบ",
+    "ForgotMPin":"ลืม M-PIN",
+    "Login":"เข้าสู่ระบบ",
+    "Appupdateavailableversion":"อัปเดตแอปเวอร์ชันที่มีให้:",
+    "UpdateapptothenewversionYourdataissafeandwillnotbelostduringthisupdate":"อัปเดตแอปเป็นเวอร์ชันใหม่! ข้อมูลของคุณปลอดภัยและจะไม่สูญหายระหว่างการอัปเดตนี้",
+    "Downloadingapk":"กำลังดาวน์โหลด apk",
+    "Loading":"กำลังโหลด",
+    "Pleaseselectyouranswer":"โปรดเลือกคำตอบของคุณ",
+    "OneQuestionADay":"หนึ่งคำถามต่อวัน",
+    "WellDoneGoodJob":"ยอดเยี่ยม",
+    "OopsBetterlucknexttime":"อุ๊บส์! ครั้งหน้าขอให้โชคดี",
+    "Back":"กลับ",
+    "Submit":"ส่ง",
+    "NoticeBoard":"ประกาศ",
+    "Youhavenojourneyplanfortoday":"คุณไม่มีแผนงานสำหรับวันนี้!",
+    "Cannotdownloaddata":"ดาวน์โหลดข้อมูลไม่ได้!",
+    "UploadingData":"กำลังอัพโหลดข้อมูล",
+    "Uploadingvisitorsdata":"กำลังอัพโหลดข้อมูลของคุณ",
+    "AllDataUploaded":"อัพโหลดข้อมูลทั้งหมดแล้ว",
+    "CannotUploadVisitors":"ไม่สามารถอัปโหลดข้อมูลของคุณได้",
+    "UploadingDatafor":"กำลังอัปโหลดข้อมูลสำหรับ",
+    "Erroroccurwhileuploadingdatafor":"เกิดข้อผิดพลาดขณะอัปโหลดข้อมูลสำหรับ",
+    "Alldatauploadedfor":"ข้อมูลทั้งหมดที่อัปโหลดสำหรับ",
+    "NodatatoUpload":"ไม่มีข้อมูลที่จะอัปโหลด",
+    "UploadingImages":"กำลังอัพโหลดรูปภาพ",
+    "Alldataandimagesuploadedfor":"ข้อมูลและรูปภาพทั้งหมดที่อัปโหลดสำหรับ",
+    "Cannotuploadimagesfor":"ไม่สามารถอัปโหลดภาพสำหรับ",
+    "Couldnotstartupload":"ไม่สามารถเริ่มอัปโหลดได้!",
+    "DownloadData":"ดาวโหลดข้อมูล",
+    "DownloadingData":"กำลังดาวน์โหลดข้อมูล",
+    "Doyouwanttodownloaddata":"ต้องการดาวโหลดข้อมูลหรือไม่",
+    "DataDownloaded":"ดาวโหลดข้อมูลสำเร็จ",
+    "Couldnotdownload":"ดาวน์โหลดไม่ได้",
+    "Nodatafoundfor":"ไม่พบข้อมูลสำหรับ",
+    "Couldnotstartdownload":"ไม่สามารถเริ่มดาวน์โหลด!",
+    "DailyRoutePlan":"แผนเยี่ยมร้านค้ารายวัน",
+    "StoreList":"รายชื่อร้านค้า",
+    "Planned":"แผน",
+    "StoreName":"ชื่อร้าน",
+    "StoreId":"ID ร้านค้า",
+    "StoreType":"ประเภทร้านค้า",
+    "StoreCode":"รหัสร้านค้า",
+    "Address":"ที่อยู่",
+    "StoreVisited":"เข้าเยี่ยมร้านค้า",
+    "Yes":"ใช่",
+    "No":"ไม่ใช่",
+    "YouneedtobeinthestoretoCheckInCheckOut":"คุณต้องอยู่ภายในบริเวณร้านค้าเพื่อ เช็คอิน / เช็คเอ้าท์",
+    "Youneedtobeinthestore":"ต้องอยู่ในร้าน",
+    "toCheckInCheckOut":"เพื่อเช็คอิน/เช็คเอ้าท์",
+    "Alloweddistancefromstore":"ระยะห่างจากร้านค้าที่อนุญาต คือ",
+    "Yourdistancefromstore":"คุณอยู่ห่างจากร้านค้า ",
+    "OK":"ตกลง",
+    "ClickSelfieinfrontofStore":"เลือกเพื่อถ่ายรูปตนเองกับร้านค้า",
+    "Youare":"คุณคือ",
+    "Awayfromthestore":"ห่างจากร้าน!",
+    "NoDataFoundPleaseDownloadDataFirst":"ไม่พบข้อมูล! โปรดดาวน์โหลดข้อมูลก่อน",
+    "AllDataalreadyuploadedforthisstore":"อัปโหลดข้อมูลทั้งหมดสำหรับร้านค้านี้แล้ว!",
+    "Alreadymarkedasnotworkingstatusforthisstore":"ทำเครื่องหมายว่าไม่ทำงานสำหรับร้านค้านี้แล้ว!",
+    "CheckIndatanotavailable":"ไม่มีข้อมูลการเช็คอิน!",
+    "Alreadycheckedout":"เช็คเอ้าท์แล้ว!",
+    "Dataalreadyuploaded":"อัพโหลดข้อมูลแล้ว!",
+    "Datapartiallyuploaded":"ข้อมูลถูกอัปโหลดบางส่วน!",
+    "Youarealreadycheckedintotheotherstore":"คุณได้เช็คอินไปยังร้านอื่นแล้ว!",
+    "YouhaveclearedtheAppDataRestoringCheckinInfo":"คุณได้ล้างข้อมูลแอพแล้ว! กำลังกู้คืนข้อมูลการเช็คอิน",
+    "Pleaseallowlocationpermission":"ขออนุญาตระบุตำแหน่ง",
+    "Storelocationnotavailable":"ไม่พบสถานที่ตั้งของร้าน",
+    "Nodatafound":"ไม่พบข้อมูล",
+    "PleasefillallKPI":"โปรดกรอก KPI ให้ครบ",
+    "Gettinglocation":"รับตำแหน่งปัจจุบัน",
+    "Youcannotcheckout":"คุณไม่สามารถ เช็คเอ้าท์",
+    "Youcannotcheckin":"คุณไม่สามารถเช็คอินได้!",
+    "Youarenotwithinthealloweddistancefromthestore":"คุณไม่ได้อยู่ภายในระยะทางที่กำหนดของร้านค้า เช่น",
+    "UpdatingCheckoutStatus":"กำลังอัปเดตสถานะการเช็คเอ้าท์",
+    "Erroroccurwhilecheckout":"เกิดข้อผิดพลาดขณะเช็คเอ้าท์",
+    "Somethingwentwrong":"บางอย่างผิดพลาด!",
+    "Erroroccurwhileuploadingdata":"เกิดข้อผิดพลาดขณะอัปโหลดข้อมูล",
+    "DeletingCheckInData":"ลบข้อมูลการเช็คอิน",
+    "CheckInRemoved":"ลบข้อมูลการเช็คอินแล้ว",
+    "CheckInremovedsuccessfullybutcannotupdatestatus":"ลบข้อมูลการเช็คอินเรียบร้อยแล้ว แต่ไม่สามารถอัปเดตสถานะได้!",
+    "CannotRemoveCheckIn":"ไม่สามารถลบข้อมูลการเช็คอินได้!",
+    "DoyoureallywanttoCancelCheckIn":"คุณต้องการยกเลิกการเช็คอินจริงหรือ?",
+    "Yourallcheckindatawillbelost":"ข้อมูลการเช็คอินทั้งหมดของคุณจะหายไป!",
+    "Errorimagefilewritefailed":"ข้อผิดพลาด: ไฟล์รูปภาพล้มเหลว",
+    "Pleasecaptureaimage":"โปรดถ่ายรูป",
+    "CannotProcessImage":"ไม่สามารถประมวลผลภาพ",
+    "Pleaseclickselfieinfrontofstore":"โปรดกดเซลฟี่หน้าร้าน",
+    "Doyoureallywanttocheckout":"คุณต้องการที่จะ เช็คเอ้าท์ใช่หรือไม่?",
+    "Youneedtogeotagstore":"คุณต้องระบุตำแหน่งร้าน",
+    "Cameraunavailable":"กล้องไม่พร้อมใช้งาน",
+    "CheckIn":"เช็คอิน",
+    "CheckedIn":"เช็คอินสำเร็จ",
+    "CheckOut":"เช็คเอ้าท์",
+    "CheckedOut":"เช็คเอ้าท์สำเร็จ",
+    "CheckOutImage":"ภาพเช็คเอ้าท์",
+    "NotWorking":"ไม่ทำงาน",
+    "Uploaded":"อัพโหลดแล้ว",
+    "PartiallyUploaded":"อัปโหลดบางส่วน",
+    "DataUploaded":"อัพโหลดข้อมูลแล้ว",
+    "Searchby":"ค้นหาโดย",
+    "Save":"บันทึก",
+    "Close":"ปิด",
+    "Reasonfornotworkinginstore":"สาเหตุที่ไม่ได้ทำงานที่ร้าน",
+    "NonWorkingReason":"สาเหตุที่ไม่ได้ทำงานที่ร้าน",
+    "DataUploadedButcouldnotupdatestorestatus":"อัพโหลดข้อมูลแล้ว! แต่ไม่สามารถอัพเดทสถานะร้านได้!",
+    "Cannotuploaddata":"อัพโหลดข้อมูลไม่ได้",
+    "OopsSomethingwentwrongcannotcreateJCP":"อุ๊บส์! มีบางอย่างผิดพลาด ไม่สามารถสร้าง JCP",
+    "Pleaseselectreasonfornotworking":"โปรดเลือกเหตุผลที่ไม่ทำงาน",
+    "Youcannotselectthisreasonasthereisalreadyastore":"คุณไม่สามารถเลือกเหตุผลนี้ได้เพราะ มีร้านค้าที่อัพโหลดข้อมูลแล้ว!",
+    "CouldnotcreateJCP":"ไม่สามารถสร้าง JCP!",
+    "Geotag":"พิกัด",
+    "UploadGeotag":"อัพโหลดพิกัด",
+    "ClickStoreFrontImage":"คลิกรูปภาพหน้าร้าน",
+    "Cannotuploadgeotag ":"ไม่สามารถอัพโหลดพิกัดได้",
+    "GeoTagDataUploadedSuccessfully":"อัพโหลดข้อมูลพิกัดเรียบร้อยแล้ว",
+    "Geotaguploadedbutcannotupdategeotagstatus":"อัพโหลดพิกัดสำเร็จ แต่ไม่สามารถอัพเดทสถานะพิกัดได้!",
+    "Pleaseclickstorefrontimage":"โปรดคลิกที่รูปหน้าร้าน",
+    "StoreCheckIn":"เช็คอินที่ร้าน",
+    "ProcessingCheckIn":"กำลังดำเนินการเช็คอิน",
+    "CheckinSuccessful":"เช็คอินสำเร็จ",
+    "CheckInDataUploadedsuccessfully":"อัพโหลดข้อมูลเช็คอินเรียบร้อยแล้ว",
+    "CouldnotaddCheckIndata":"เพิ่มข้อมูลการเช็คอินไม่ได้!",
+    "DailyMenu":"เมนูประจำวัน",
+    "SurveyId":"รหัสแบบสำรวจ",
+    "CategoryId":"หมวดหมู่",
+    "Pressmictostartrecordingvoice":"กดไมโครโฟนเพื่อเริ่มบันทึกเสียง",
+    "Doyoureallywanttoexitthescreen":"คุณต้องการที่จะออกจากหน้าจอ?",
+    "Pleasestoprecordingfirst":"โปรดหยุดบันทึกก่อน",
+    "AlreadyRecording":"การบันทึก",
+    "Pleasestopplayerfirst":"โปรดหยุดผู้เล่นก่อน!",
+    "RecordingPressmictostoprecording":"การบันทึก... ! กดไมค์เพื่อหยุดการบันทึก",
+    "Maximumrecordtimelimitreached":"ถึงขีดจำกัดเวลาบันทึกสูงสุดแล้ว",
+    "Cannotopenfileforrecording":"ไม่สามารถเปิดไฟล์สำหรับบันทึกได้!",
+    "AlreadyPlaying":"กำลังเล่น",
+    "Filenotfound":"ไม่พบไฟล์!",
+    "Pleaseselectoptionsfortherequiredfield":"โปรดเลือกตัวเลือกข้อมูลที่ต้องการ",
+    "Pleasepickadate":"โปรดเลือกวันที่",
+    "Pleaseselectrating":"โปรดเลือกเรตติ้ง",
+    "Pleasefillalldetails":"โปรดกรอกรายละเอียดให้ครบถ้วน",
+    "Pleaserecordaudioclipfortherequiredfield":"โปรดบันทึกคลิปเสียงสำหรับช่องที่ต้องกรอก",
+    "Pleaseaddimages":"โปรดเพิ่มรูปภาพ",
+    "DragItemsInOrder":"ลากรายการตามลำดับ",
+    "Pressandholdtodrag":"กดค้างไว้เพื่อลาก",
+    "RecordVoiceClip":"บันทึกคลิปเสียง",
+    "Youcanrecordmaxfor60secs":"คุณสามารถบันทึกได้สูงสุด 60 วินาที",
+    "SavingData":"บันทึกข้อมูล",
+    "Surveyupdatedsuccessfully":"อัพเดทแบบสำรวจเรียบร้อยแล้ว",
+    "Cannotupdatesurvey":"ไม่สามารถอัปเดตแบบสำรวจได้",
+    "OpeningStock":"สต๊อคเริ่มต้นของวัน",
+    "Bundlepack":"แพ็คคู่",
+    "Stock":"สต๊อค",
+    "ExpiryStock":"สต๊อคสินค้าหมดอายุ",
+    "Doyoureallywanttosavedata":"คุณต้องการบันทึกข้อมูลหรือไม่",
+    "Cancel":"ยกเลิก",
+    "StockUpdateSuccessfully":"อัพเดทสต๊อคเรียบร้อยแล้ว",
+    "BackroomStock":"สต๊อคหลังร้าน",
+    "MiddayStock":"สต๊อคระหว่างวัน",
+    "ClosingStock":"สต๊อคสุดท้ายของวัน",
+    "ShareofShelf":"Share of Shelf",
+    "SubCategoryFacing":"",
+    "BrandFacing":"",
+    "PaidVisibility":"พื้นที่พิเศษ",
+    "Endcap":"หัวชั้น",
+    "IsPresent":"พบที่สาขาหรือไม่?",
+    "CaptureImage":"บันทึกภาพ",
+    "Reason":"เหตุผล",
+    "Select":"เลือก",
+    "AddlfreeVisibility":"พื้นที่พิเศษเพิ่มเติม",
+    "Category":"หมวดหมู่",
+    "SubCategory":"หมวดหมู่ย่อย",
+    "Brands":"ยี่ห้อ",
+    "DisplayType":"ประเภทพื้นที่พิเศษ",
+    "Remark":"หมายเหตุ",
+    "Image":"รูปภาพ",
+    "Add":"เพิ่ม",
+    "AddedVisibilities":"เพิ่ม รายการพื้นที่พิเศษเพิ่มเติม",
+    "Pleaseaddfirst":"กรุณาเพิ่มก่อน",
+    "AdditionalvisibilityUpdateSuccessfully":"รายการพื้นที่พิเศษเพิ่มเติม อัพเดตสำเร็จ",
+    "CompetitionVisibility":"พื้นที่พิเศษของคู่แข่ง",
+    "Company":"บริษัท",
+    "Promotion":"โปรโมชั่น",
+    "PromoTalker":"ป้ายสื่อสิ่งพิมพ์",
+    "RunningonPOS":"โปรโมชั่นเข้าสู่ระบบของสาขา",
+    "PromotionUpdateSuccessfully":"อัพเดทโปรโมชั่นเรียบร้อยแล้ว",
+    "CompetitionPromotion":"โปรโมชั่นคู่แข่ง",
+    "ContactConversion":"",
+    "TotalContact":"",
+    "CustomerConverted":"",
+    "Sale":"ขาย",
+    "Survey":"สำรวจ",
+    "Adhoc":"ไม่ได้วางแผน",
+    "NoDataAvailable":"ไม่พบข้อมูล",
+    "UplaodData":"อัพโหลดข้อมูล",
+    "Doyouwanttouploaddata":"ต้องการอัพโหลดข้อมูลหรือไม่",
+    "Nodatatoupload":"ไม่มีข้อมูลอัพโหลด",
+    "VisitorLogin":"ข้อมูลพนักงานเข้าสู่ระบบ",
+    "Employeecode":"รหัสพนักงาน",
+    "Visitors":"ผู้เยี่ยมชม",
+    "Name":"ชื่อผู้ใช้",
+    "Designation":"พนักงานจัดเรียง",
+    "Actions":"การกระทำ",
+    "AddVisitor":"เพิ่มผู้เยี่ยมชม",
+    "Pleaseenteremployeecode":"กรุณากรอกรหัสพนักงาน",
+    "GettingEmployeeDetails":"รับรายละเอียดพนักงาน",
+    "AddingEmployee":"การเพิ่มพนักงาน",
+    "Visitoraddedsuccessfully":"เพิ่มผู้เข้าชมเรียบร้อยแล้ว",
+    "Cannotaddvisitor":"เพิ่มผู้เข้าชมไม่ได้",
+    "Errorwhileaddingvisitor":"เกิดข้อผิดพลาดขณะเพิ่มผู้เข้าชม",
+    "PleaseclickCheckInImage":"กรุณาคลิก เช็คอิน รูปภาพ",
+    "PleaseclickCheckOutImage":"กรุณาคลิก เช็คเอาท์ รูปภาพ",
+    "Cannotdeletevisitornow":"ไม่สามารถลบผู้เยี่ยมชมได้ในขณะนี้",
+    "Visitoralreadyhadcheckedout":"ผู้เยี่ยมชมได้เช็คเอาท์แล้ว!",
+    "RemovingEmployee":"การลบพนักงานออกจากรายการ",
+    "Visitorremovedsuccessfully":"นำผู้เยี่ยมชมออกเรียบร้อยแล้ว",
+    "CannotRemovevisitor":"ไม่สามารถลบผู้เยี่ยมชม",
+    "Errorwhileremovingvisitor":"เกิดข้อผิดพลาดขณะลบผู้เยี่ยมชม",
+    "UploadingVisitorData":"กำลังอัปโหลดข้อมูลผู้เข้าชม",
+    "Visitorupdatedsuccessfully":"อัปเดตผู้เยี่ยมชมเรียบร้อยแล้ว",
+    "Cannotupdatevisitor":"ไม่สามารถอัปเดตผู้เยี่ยมชมได้",
+    "Errorwhileaddingemployee":"เกิดข้อผิดพลาดขณะเพิ่มพนักงาน",
+    "Visitordatauploaded":"อัปโหลดข้อมูลผู้เข้าชมแล้ว",
+    "Cannotuploadvisitordata":"ไม่สามารถอัปโหลดข้อมูลผู้เยี่ยมชมได้",
+    "VisitorCheckOut":"ผู้เข้าชมเช็คเอาท์",
+    "DoyoureallywanttoremoveVisitor":"คุณต้องการลบผู้เยี่ยมชมจริงหรือไม่?",
+    "Visitor":"ผู้มาเยือน",
+    "Alreadyexists":"มีอยู่แล้ว",
+    "Report":"รายงาน",
+    "Performance":"ประสิทธิภาพ",
+    "Kpi":"KPI",
+    "Target":"เป้าหมาย",
+    "Achivement":"ความสำเร็จ",
+    "Go":"ส่ง",
+    "Offtake":"ยอดขาย",
+    "FocusPack":"",
+    "Mandays":"",
+    "Sos":"",
+    "1Qad":"",
+    "Training":"การฝึกอบรม",
+    "Exit":"ทางออก",
+    "Settings":"การตั้งค่า",
+    "ClearDataLogout":"ล้างข้อมูลและออกจากระบบ",
+    "DoyoureallywanttoclearalldataThiswillremoveallcacheandstorage":"คุณต้องการล้างข้อมูลทั้งหมดหรือไม่? การดำเนินการนี้จะลบแคชและข้อมูลทั้งหมด",
+    "Warning":"คำเตือน!",
+    "Allcacheandstoragewillbedeletedfortheapp":"แคชและข้อมูลทั้งหมดจะถูกลบออกสำหรับแอป",
+    "PrivacyPolicy":"นโยบายความเป็นส่วนตัว",
+    "ContactUs":"ติดต่อเรา",
+    "MeetUs":"พบกับเรา",
+    "Manufacturingdate":"วันผลิต",
+    "PleaseSelectCategory":"โปรดเลือกประเภท",
+    "SearchByProductName":"ค้นหาตามชื่อสินค้า",
+    "MiddayStockhasbeenupdatedOpeningStockDatacannotbechangednow":"Midday-Stock อัพเดทแล้ว! ไม่สามารถเปลี่ยนแปลงข้อมูลการเปิด-สต็อกได้ในขณะนี้",
+    "ClosingStockhasbeenupdatedMiddayStockDatacannotbechangednow":"ปิด-สต็อกได้รับการปรับปรุง! ไม่สามารถเปลี่ยนแปลงข้อมูล Midday-Stock ได้ในขณะนี้",
+    "FillOpenningStockfirst":"เติมตอนเปิด-สต๊อกก่อน",
+    "FillMiddayStockfirst":"เติม Midday-Stock ก่อน",
+    "Stockupdatedsuccessfully":"อัพเดทสต็อกเรียบร้อยแล้ว",
+    "Cannotaddstock":"เพิ่มสต๊อกไม่ได้",
+    "Pleaseclickimagefor":"กรุณาคลิกที่ภาพเพื่อ",
+    "Pleaseenter":"กรุณาป้อน",
+    "for":"สำหรับ",
+    "Pleaseenterwholenumbersonly":"กรุณากรอกตัวเลขเท่านั้น",
+    "SearchbyDisplayNameorSubCategoryName":"ค้นหาตามชื่อที่แสดงหรือชื่อหมวดย่อย",
+    "PaidVisibilityupdatedsuccessfully":"พื้นที่พิเศษ อัพเดทเรียบร้อย",
+    "Cannotaddpaidvisibility":"พื้นที่พิเศษ ไม่สามารถเพิ่ม",
+    "Pleaseselectifvisiblitypresentornotfor":"โปรดเลือกถ้า ทัศนวิสัย มีหรือไม่ สำหรับ",
+    "Pleaseselectreasonfor":"โปรดเลือกเหตุผลสำหรับ",
+    "Pleaseclickallimagesfor":"กรุณาคลิกภาพทั้งหมดสำหรับ",
+    "SelectReason":"เลือกเหตุผล",
+    "select":"เลือก",
+    "Pleaseselectdate":"กรุณาเลือกวันที่!",
+    "Pleaseenterstock":"กรุณาใส่สต็อก!",
+    "Pleaseenterlotno":"กรุณาใส่หมายเลขล็อต!",
+    "ThisdateisalreadyaddedPleaseselectdifferentdate":"เพิ่มวันที่นี้แล้ว! กรุณาเลือกวันที่อื่น",
+    "AddNearExpiryStock":"เพิ่มสินค้าใกล้หมดอายุ",
+    "ExpiryDate":"วันหมดอายุ",
+    "LotNo":"หมายเลขล็อต",
+    "Date":"วันที่",
+    "Doyoureallywanttoremovethisstock":"คุณต้องการที่จะลบหุ้นนี้หรือไม่?",
+    "Doyoureallywanttoremovethisvisibility":"คุณต้องการลบสิ่งนี้จริงๆ หรือไม่ ทัศนวิสัย?",
+    "Doyoureallywanttoremoveallvisibilitydata":"คุณต้องการที่จะลบทั้งหมด ทัศนวิสัย?",
+    "AdditionalVisibilityaddedsuccessfully":"พิเศษ ทัศนวิสัย เพิ่มเรียบร้อยแล้ว",
+    "Cannotaddadditionalvisibility":"ไม่สามารถเพิ่ม พิเศษ ทัศนวิสัย",
+    "Pleaseselectsubcategory":"กรุณาเลือกหมวดย่อย",
+    "Pleaseselectbrand":"กรุณาเลือกยี่ห้อ",
+    "Pleaseselectdisplaytype":"กรุณาเลือกประเภทการแสดงผล",
+    "Pleaseclickimage":"กรุณาคลิกที่ภาพ",
+    "Thisvisibilityhasalreadybeenadded":"เพิ่มการมองเห็นนี้แล้ว",
+    "Visibilityremovedsuccessfully":"นำการมองเห็นออกเรียบร้อยแล้ว",
+    "CannotremoveVisibilitynotfound":"ถอดไม่ได้! ทัศนวิสัย ไม่พบ",
+    "ImageTypes":"ประเภทรูปภาพ",
+    "Imagesaddedsuccessfully":"เพิ่มรูปภาพเรียบร้อยแล้ว",
+    "Cannotaddimages":"เพิ่มรูปภาพไม่ได้",
+    "DoyoureallywanttoremovethisImage":"คุณต้องการลบภาพนี้หรือไม่?",
+    "Promotionupdatedsuccessfully":"อัพเดทโปรโมชั่นเรียบร้อยแล้ว",
+    "CannotupdatePromotion":"อัพเดทโปรโมชั่นไม่ได้",
+    "Pleaseselectifpromotionpresentornotfor":"โปรดเลือกว่าโปรโมชันมีหรือไม่สำหรับ",
+    "Pleaseselectifstockisavailablefor":"โปรดเลือก ถ้าสต็อกสามารถใช้ได้สำหรับ",
+    "Cannotaddsplitshelftalkerimages":"เพิ่มรูปภาพไม่ได้ สำหรับ ชั้นวาง นักพูด",
+    "Cannotaddshelftalkerstockdata":"ไม่สามารถเพิ่ม ชั้นวาง นักพูด หุ้น",
+    "Cannotaddshelftalkerquestionsdata":"เพิ่มข้อมูลคำถามนักพูดในชั้นวางไม่ได้",
+    "ShelfTalkerdataupdatedsuccessfully":"ชั้นวาง นักพูด อัพเดทข้อมูลเรียบร้อยแล้ว",
+    "Cannotaddshelftalkerdata":"ไม่สามารถเพิ่ม ชั้นวาง นักพูด",
+    "Pleaseenterstockfor":"กรุณาใส่สต็อกสำหรับ",
+    "PleaseselectatleastoneSKUfor":"โปรดเลือก SKU อย่างน้อยหนึ่งรายการสำหรับ",
+    "In":"ใน",
+    "Pleasepickadatefortherequiredfield":"โปรดเลือกวันที่สำหรับฟิลด์ที่ต้องการ",
+    "Pleaseselectratingfortherequiredfield":"โปรดเลือกการให้คะแนนสำหรับฟิลด์ที่ต้องระบุ",
+    "Pleasefillalltherequiredfield":"กรุณากรอกข้อมูลให้ครบถ้วน",
+    "SelectProducts":"เลือกผลิตภัณฑ์",
+    "SelectAll":"เลือกทั้งหมด",
+    "CaptureShelfTalkerImages":"จับภาพชั้นวาง Talker",
+    "ShelfTalkerQuestions":"ชั้นวาง คำถามนักพูด",
+    "SearchItems":"ค้นหารายการ",
+    "SearchbyPromotion":"ค้นหาตามโปรโมชั่น",
+    "Cannotaddposmquestionsdata":"ไม่สามารถเพิ่มข้อมูลคำถาม POSM ได้",
+    "POSMdataupdatedsuccessfully":"อัปเดตข้อมูล POSM เรียบร้อยแล้ว",
+    "CannotaddPOSMdata":"เพิ่มข้อมูล POSM ไม่ได้",
+    "Cannotaddpromotionimages":"เพิ่มไม่ได้ โปรโมชั่น ภาพ",
+    "Cannotaddpromotionstockdata":"เพิ่มไม่ได้ โปรโมชั่น หุ้น ข้อมูล",
+    "Cannotaddpromotionquestionsdata":"เพิ่มไม่ได้ โปรโมชั่น คำถาม ข้อมูล",
+    "Promotiondataupdatedsuccessfully":"โปรโมชั่น ข้อมูล อัพเดทเรียบร้อย",
+    "Cannotaddpromotiondata":"เพิ่มไม่ได้ โปรโมชั่น ข้อมูล",
+    "CapturePromotionImages":"การจับกุม โปรโมชั่น ภาพ",
+    "PromotionQuestions":"โปรโมชั่น คำถาม",
+    "POSMQuestions":"คำถาม POSM"
+}
+
diff --git a/src/constants/constants.js b/src/constants/constants.js
new file mode 100644
index 0000000..f631af4
--- /dev/null
+++ b/src/constants/constants.js
@@ -0,0 +1,49 @@
+import SQLite from 'react-native-sqlite-2';
+import * as RNFS from 'react-native-fs';
+import bgimage1 from '../assets/performics/circle_cream.svg';
+import bgimage2 from '../assets/performics/circle_green.svg';
+import bgimage3 from '../assets/performics/circle_red.svg';
+
+const HierarchyTbls = { "Master_Category": "Master_Category", "Master_SubCategory": "Master_SubCategory", "Master_Brand": "Master_Brand", "Master_SubBrand": "Master_SubBrand", "Master_Product": "Master_Product", "Master_Program": "Master_Program" }
+
+const fixedurl = 'https://api1.parinaam.in/api/generic/GetAppSetting';//'https://api.parinaam.in/api/GetAppDetails';
+const resumeurl = 'https://hrm.parinaam.in/Webservice/GenericService.svc/'
+const baseurl = '';//'https://th.parinaam.in/Webservice/Performics_ThailandService.svc/';
+const URL_IMAGE = '';//'https://th.parinaam.in/webservice/Imageupload.asmx/';
+// const URL_GET_OTP = "https://cpmmfa.parinaam.in/Webservice/MFMService.svc/";
+// const URL_GETTRAINING = "https://th.parinaam.in/conten/training.html";
+// const testurl='https://Anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/DownloadJson';
+// const testurl_upload='https://Anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/UploadJson';
+// const testurl_image='https://th.parinaam.in/webservice/Imageupload.asmx/';
+
+const Production = false; //false for dev, true for prod
+const DevType = Production ? "Prod" : "Dev" 
+const sloganline = '...Any slogan line here...';
+const appname = 'Supervisor App';
+const AppVersion = '2.6';
+const DBName = 'PerformicsSupervisor_' + AppVersion.replace(".", "_") + '.db';
+
+console.log('DBName in contants:', DBName);
+const db = SQLite.openDatabase(DBName, AppVersion);
+// const db = SQLite.openDatabase('PerformicsSupervisor.db', '1.5')
+
+const OQAD_TimeConstimeConst = 30;
+
+const version = `Version ${AppVersion}`;
+const copyrightText = '© copyright CPM India';
+const cpm_logo = 'cpm_logo.png';
+const logoImage = require('../assets/image/olay_logo.png');
+const gMap_key = 'AIzaSyCI1EaTZk3eXA_J_UsnBC1STOAFd5unJ4A';
+const OQAD_TimeConst = 30;
+
+// const colors_Arr={"0":{bg:['#d0f5fb','#43b0c3'],color:'#0c8fa5'},"1":{bg:['#fdeacf','#ffbb58'],color:'#f39a19'},"2":{bg:['#ffdede','#f99292'],color:'#ff5f5f'},"3":{bg:['#ddd4ff','#a48ef9'],color:'#4551e7'},"4":{bg:['#d1efd3','#83c188'],color:'#3b9542'},"5":{bg:['#efeed1','#e1de7d'],color:'#bfbb44'},"6":{bg:['#fdeffd','#fdb9ff'],color:'#fc86ff'}};
+const colors_Arr = { "0": { bg: ['#faf7ef', '#e4d9be'], color: '#0c8fa5', 'bgImage': bgimage1 }, "1": { bg: ['#e6f9f5', '#8cdccc'], color: '#f39a19', 'bgImage': bgimage2 }, "2": { bg: ['#faebed', '#eec8ce'], color: '#ff5f5f', 'bgImage': bgimage3 } };
+const common_ImagePath = `${RNFS.DocumentDirectoryPath}/`;
+const common_FilePath = `${RNFS.ExternalDirectoryPath}/`;
+const TrainingContentFolderPath = `${common_FilePath}TrainingContent`;
+const PosSaleFolderPath = `${common_ImagePath}POSSALE`;
+
+
+// const common_ImagePath2=`${RNFS.DocumentDirectoryPath}/AppImages/`;
+
+export {DevType, fixedurl, version, cpm_logo, sloganline, appname, db, baseurl, URL_IMAGE, copyrightText, logoImage, AppVersion, gMap_key, colors_Arr, common_ImagePath, resumeurl, OQAD_TimeConst, OQAD_TimeConstimeConst, TrainingContentFolderPath, HierarchyTbls, PosSaleFolderPath };
\ No newline at end of file
diff --git a/src/constants/methodNames.js b/src/constants/methodNames.js
new file mode 100644
index 0000000..d6d79a6
--- /dev/null
+++ b/src/constants/methodNames.js
@@ -0,0 +1,89 @@
+import React,{useState,useEffect} from 'react';
+
+export const METHODS={
+    LOGIN_METHOD:1,
+    DOWNLOADJSON_METHOD:2,
+    UPLOADJSON_METHOD:3,
+
+    STORECOVERAGE_METHOD:4,
+    STORECOVERAGE_STATUS_METHOD:5,
+    UPLOADIMAGES_METHOD:6,
+
+    GETCOVERAGE_METHOD:7,
+    GETCOVERAGE_CLIENT_METHOD:8,
+    GETOTP_METHOD:9,
+    UPLOADJSON_DETAIL_METHOD:10,
+    COVERAGESTATUS_DETAIL_METHOD:11,
+    UPLOAD_STOREGEOTAG_IMAGES_METHOD:12,
+    CHECKOUTDETAIL_METHOD:13,
+    CHECKOUTDETAIL_CLIENT_METHOD:14,
+    JOURNEYPLAN_METHOD:15,
+    DELETECOVERAGE_METHOD:16,
+    COVERAGENOTALLOW_METHOD:17,
+    CHANGEPASSWORD_METHOD:18,
+    CREATEJP_METHOD:19,
+    UPLOADATTENDANCE_METHOD:20,
+    NOTICEBOARD_BANNER:21,
+    CREATEJP_METHOD_SUPWISE:22,
+    DELETECOVERAGE_METHOD_SUPWISE:23,
+    UPLOADTAJSON_METHOD:24,
+    DISTRIBUTOR_COVERAGE:25,
+    DISTRIBUTOR_CHECKOUT_SUP:26,
+    UPLOAD_JSON_DIRECT:27
+    
+}
+
+
+
+export const DOWNLOAD_TYPES={
+   
+}
+
+export function getMethodName(type){
+    switch(type){
+        case METHODS.LOGIN_METHOD: return 'DeviceLoginSup';
+        case METHODS.DOWNLOADJSON_METHOD: return 'DownloadJson';
+        case METHODS.UPLOADJSON_METHOD: return 'UploadJson';
+        case METHODS.STORECOVERAGE_METHOD: return 'StoreCoverageSup';
+        case METHODS.STORECOVERAGE_STATUS_METHOD: return 'CoverageStatusSup';
+        case METHODS.UPLOADIMAGES_METHOD: return 'Uploadimages';
+        case METHODS.GETCOVERAGE_METHOD: return 'CoverageSup';
+        case METHODS.GETCOVERAGE_CLIENT_METHOD: return 'CoverageDetail_latest_client';
+        case METHODS.GETOTP_METHOD: return 'GetOtp';
+        case METHODS.UPLOADJSON_DETAIL_METHOD: return 'UploadJsonDetail';
+        case METHODS.COVERAGESTATUS_DETAIL_METHOD: return 'CoverageStatusDetail';
+        case METHODS.UPLOAD_STOREGEOTAG_IMAGES_METHOD: return 'Upload_StoreGeoTag_IMAGES';
+        case METHODS.CHECKOUTDETAIL_METHOD: return 'StoreCheckOutSup';
+        case METHODS.CHECKOUTDETAIL_CLIENT_METHOD: return 'CheckoutDetail_client';
+        case METHODS.JOURNEYPLAN_METHOD: return 'JourneyPlan';
+        case METHODS.DELETECOVERAGE_METHOD: return 'DeleteCoverageSup';
+        case METHODS.DELETECOVERAGE_METHOD_SUPWISE: return 'DeleteCoverageStorewiseSup';
+        case METHODS.COVERAGENOTALLOW_METHOD: return 'CoverageNotAllow';
+        case METHODS.UPLOADTAJSON_METHOD: return 'AttendanceTeamSup';
+        case METHODS.CHANGEPASSWORD_METHOD: return 'ChangePassword';
+        case METHODS.CREATEJP_METHOD: return 'CreateJourneyPlan';
+        case METHODS.CREATEJP_METHOD_SUPWISE: return 'CreateJourneyPlanSup';
+        case METHODS.UPLOADATTENDANCE_METHOD: return 'SupAttendance';
+        case METHODS.NOTICEBOARD_BANNER: return 'Sup_NoticeBoard';
+        case METHODS.DISTRIBUTOR_COVERAGE: return 'DistributorPointCoverageSup';
+        case METHODS.DISTRIBUTOR_CHECKOUT_SUP: return 'DistributorPointCheckoutSup';
+
+        // by Ajeet
+        case METHODS.UPLOAD_JSON_DIRECT: return 'UploadJsonDirect';
+
+        default : return '';
+    }
+}
+
+
+export function getFolderName(filename=''){
+    var foldername='';
+    if(filename.includes("_StoreImg-") || filename.includes("_NonworkImg-") || filename.includes("_GroomingImg-") || filename.includes("_CheckoutImg-")){
+        foldername = "SupCoverageImages";
+    }           
+    else if(filename.includes("_GeoTag-") || filename.includes("_DBGeoTag-") ){
+        foldername = "SupGeoTagImages";
+    }    
+    return foldername;
+}
+
diff --git a/src/constants/s_qtns.json b/src/constants/s_qtns.json
new file mode 100644
index 0000000..2e2c23f
--- /dev/null
+++ b/src/constants/s_qtns.json
@@ -0,0 +1,458 @@
+[
+    {
+      "Answer": "Streax Insta",
+      "AnswerId": 47,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Which other brands of Shampoo Hair Colour are you currently selling",
+      "QuestionId": 1,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 1,
+      "QuestionType": "List_Multi_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "Indica Easy",
+      "AnswerId": 48,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Which other brands of Shampoo Hair Colour are you currently selling",
+      "QuestionId": 1,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 1,
+      "QuestionType": "List_Multi_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "Godrej Expert Easy",
+      "AnswerId": 49,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Which other brands of Shampoo Hair Colour are you currently selling",
+      "QuestionId": 1,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 1,
+      "QuestionType": "List_Multi_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "Siso shampoo hair colour",
+      "AnswerId": 50,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Which other brands of Shampoo Hair Colour are you currently selling",
+      "QuestionId": 1,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 1,
+      "QuestionType": "List_Multi_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "VIP shampoo hair colour",
+      "AnswerId": 51,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Which other brands of Shampoo Hair Colour are you currently selling",
+      "QuestionId": 1,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 1,
+      "QuestionType": "List_Multi_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "Garnier Shampoo hair colour",
+      "AnswerId": 52,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Which other brands of Shampoo Hair Colour are you currently selling",
+      "QuestionId": 1,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 1,
+      "QuestionType": "List_Multi_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "Non",
+      "AnswerId": 53,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Which other brands of Shampoo Hair Colour are you currently selling",
+      "QuestionId": 1,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 1,
+      "QuestionType": "List_Multi_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "Yes",
+      "AnswerId": 1,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Is Color Riche Matte Range Available",
+      "QuestionId": 5,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 5,
+      "QuestionType": "List_Single_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "No",
+      "AnswerId": 2,
+      "AnswerSequence": 0,
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Is Color Riche Matte Range Available",
+      "QuestionId": 5,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 5,
+      "QuestionType": "List_Single_Choice",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Question Demical Only",
+      "QuestionId": 12,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 12,
+      "QuestionType": "Decimal",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Category": "Category 2",
+      "CategoryId": 2,
+      "CategorySequence": 2,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Product MRP",
+      "QuestionId": 14,
+      "QuestionImageAllow": true,
+      "QuestionSequence": 14,
+      "QuestionType": "Text",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":2,
+      "SubCategory":"Sub Category 2",
+      "SubCategorySequence":2
+    },
+    {
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Voice of Customer",
+      "QuestionId": 18,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 18,
+      "QuestionType": "Audio",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "RFD",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Oldest Pro clean toilet cleaner Mfd Date",
+      "QuestionId": 19,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 19,
+      "QuestionType": "Date",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Category": "Category 1",
+      "CategoryId": 1,
+      "CategorySequence": 1,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "LengthValidation": true,
+      "MaxLength": 10,
+      "MinLength": 2,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Poster",
+      "QuestionId": 20,
+      "QuestionImageAllow": true,
+      "QuestionSequence": 20,
+      "QuestionType": "Number",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":1,
+      "SubCategory":"Sub Category 1",
+      "SubCategorySequence":1
+    },
+    {
+      "Answer": "Google Pay",
+      "AnswerId": 54,
+      "AnswerSequence": 0,
+      "Category": "Category 2",
+      "CategoryId": 2,
+      "CategorySequence": 2,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Rating",
+      "QuestionId": 23,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 23,
+      "QuestionType": "Rating",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":2,
+      "SubCategory":"Sub Category 2",
+      "SubCategorySequence":2
+    },
+    {
+      "Answer": "Phone Pay",
+      "AnswerId": 55,
+      "AnswerSequence": 0,
+      "Category": "Category 2",
+      "CategoryId": 2,
+      "CategorySequence": 2,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Rating",
+      "QuestionId": 23,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 23,
+      "QuestionType": "Rating",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":2,
+      "SubCategory":"Sub Category 2",
+      "SubCategorySequence":2
+    },
+    {
+      "Answer": "PayTM",
+      "AnswerId": 56,
+      "AnswerSequence": 0,
+      "Category": "Category 2",
+      "CategoryId": 2,
+      "CategorySequence": 2,
+      "DateRange": "NA",
+      "DisableQuestion": "",
+      "EnableQuestion": "",
+      "ImageAllow": false,
+      "LengthValidation": false,
+      "MaxLength": 0,
+      "MinLength": 0,
+      "OTP": false,
+      "QEnable": true,
+      "Question": "Rating",
+      "QuestionId": 23,
+      "QuestionImageAllow": false,
+      "QuestionSequence": 23,
+      "QuestionType": "Rating",
+      "SurveyId": 1,
+      "SurveyName": "Survey 1",
+      "ShowCat":0,
+      "SubCategoryId":2,
+      "SubCategory":"Sub Category 2",
+      "SubCategorySequence":2
+    }
+]
diff --git a/src/constants/storeList_definition.json b/src/constants/storeList_definition.json
new file mode 100644
index 0000000..b0c717a
--- /dev/null
+++ b/src/constants/storeList_definition.json
@@ -0,0 +1,75 @@
+{
+    "storeList_def": {
+        "showInCard": 1,
+        "showCardDefaultColor": "#ffffff",
+        "rowData": [
+            {
+                "rowNumber": 1,
+                "ShowString": [
+                    {
+                        "labelName": "Store Name",
+                        "fieldName": "StoreName",
+                        "fontName": "Arial",
+                        "fontSize": 12,
+                        "fontWeight": "500",
+                        "fieldNameValueSeparator": ":",
+                        "afterConcatChar": "-"
+                    },
+                    {
+                        "labelName": "",
+                        "fieldName": "StoreType",
+                        "fontName": "Arial",
+                        "fontSize": 12,
+                        "fontWeight": "400",
+                        "fieldNameValueSeparator": "",
+                        "afterConcatChar": ""
+                    }
+                    
+                    
+                ]
+            },
+            {
+                "rowNumber": 2,
+                "ShowString": [
+                    {
+                        "labelName": "Address",
+                        "fieldName": "Address",
+                        "fontName": "Arial",
+                        "fontSize": 12,
+                        "fontWeight": "400",
+                        "fieldNameValueSeparator": ":",
+                        "afterConcatChar": ""
+                    }
+                ]
+            },
+            {
+                "rowNumber": 3,
+                "ShowString": [
+                    {
+                        "labelName": "Store ID",
+                        "fieldName": "StoreId",
+                        "fontName": "Arial",
+                        "fontSize": 12,
+                        "fontWeight": "400",
+                        "fieldNameValueSeparator": ":",
+                        "afterConcatChar": ""
+                    }
+                ]
+            },
+            {
+                "rowNumber": 4,
+                "ShowString": [
+                    {
+                        "labelName": "Store Code",
+                        "fieldName": "StoreCode",
+                        "fontName": "Arial",
+                        "fontSize": 12,
+                        "fontWeight": "400",
+                        "fieldNameValueSeparator": ":",
+                        "afterConcatChar": ""
+                    }
+                ]
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/src/constants/tableConstants.js b/src/constants/tableConstants.js
new file mode 100644
index 0000000..d054377
--- /dev/null
+++ b/src/constants/tableConstants.js
@@ -0,0 +1,306 @@
+import React from "react";
+
+export const AppTables={
+    GEOTAG:'DR_GEOTAG',
+    DB_GEOTAG:'DB_GEOTAG',
+    HEADER_BACK_OF_STORE:'DR_HEADER_BACKROOM',
+    CHILD_BACK_OF_STORE:'DR_CHILD_BACKROOM',
+    SALES:'DR_SALES',
+    INSERT_OPENINGHEADER_DATA:'STOCKHEADER_DATA',
+    STOCK_DATA:'STOCK_DATA',
+    STOCK2HDR_DATA:'STOCK2HDR_DATA',
+    STOCK2_DATA:'STOCK2_DATA',
+    STOCK2_MFD_DATA:'STOCK2_MFD_DATA',
+
+    STOCKWITHCAT_HDR_DATA:'STOCKWITHCAT_HDR_DATA',
+    STOCKWITHCAT_DATA:'STOCKWITHCAT_DATA',
+    STOCKWITHCAT_MFD_DATA:'STOCKWITHCAT_MFD_DATA',
+
+    SHARE_OF_SHELF_IMAGE:'SHARE_OF_SHELF_HEADER',
+    SHARE_OF_SHELF_FACING_DATA:'SHARE_OF_SHELF_FACING',
+    INSERT_SAMPLED_DATA:'DR_TABLE_SAMPLING',
+    CONTACT_CONVERSION:"DR_CONTACT_CONVERSION",
+    INSERT_ERROR_TRACKING:"DR_ERROR_TRACKING",
+    GROOMING_IMAGE_DATA:'STORE_GROOMING_IMAGE_DATA',
+    ADDITIONAL_VISIBILITY:"DR_ADVVISIBILITY",
+    COMPETITION_VISIBILITY:'DR_TABLECOMP_VISIBILITY',
+    COMPETITION_PROMOTION:"DR_COMP_PROMOTION",
+    GATE_MEETING:"DR_GATE_MEETING",
+    GATE_MEETING_DISCUSSION:'DR_GATE_MEETING_DISCUSSION',
+    COVERAGE_DATA:'DR_COVERAGE',
+    CHECKIN_DATA:'EMPSTORE_CHECKIN',
+    PROMOTION_HEADER_DATA:'DR_TABLE_PROMOTION_HEADER',
+    PROMOTION_DATA:'DR_TABLE_PROMOTION',
+    SIMPLE_PROMOHDR_DATA:'SIMPLE_PROMOTION_HDR',
+    SIMPLE_PROMOTION_DATA:'SIMPLE_PROMOTION',
+    PAID_VISIBILITY_HEADER_DATA:'DR_PAIDVISIBILITY_HEADER',
+    PAID_VISIBILITY_CHILD_DATA:'DR_PAIDVISIBILITY',
+    PAID_VIS_CHECKLIST:'DR_CHECKLST',
+    PERSONAL_DOCUMENT:'PERSONAL_DOCUMENT',
+    VISITOR_LOGIN:'VISITOR_LOGIN',
+    AUTOMATED_REIMBURSEMENT:'DR_AUTOMATED_REIMBURSEMENT',
+    CASHTILL_SURVEY :'DR_CASHTILL',
+    SURVEY:'DR_SURVEY',
+    WINDOW_HDR_DATA:'WINDOW_HEARDER_DATA',
+    WINDOW_CHILD_DATA:'WINDOW_CHILD_DATA',
+    WINDOW_STOCK_DATA:'WINDOW_STOCK_DATA',
+    WINDOW_IMAGES:'WINDOW_IMAGES',
+    POSM_HDR_DATA:'POSM_HEARDER_DATA',
+    POSM_CHILD_DATA:'POSM_CHILD_DATA',
+    FEEDBACK_DATA:'FEEDBACK_DATA',
+    STORE_IMAGES:'STORE_IMAGES',
+
+    ST_HDR_DATA:'ST_HEARDER_DATA',
+    ST_CHILD_DATA:'ST_CHILD_DATA',
+    ST_STOCK_DATA:'ST_STOCK_DATA',
+    ST_IMAGES:'ST_IMAGES',
+
+    PROMO_HDR_DATA:'PROMO_HEARDER_DATA',
+    PROMO_CHILD_DATA:'PROMO_CHILD_DATA',
+    PROMO_STOCK_DATA:'PROMO_STOCK_DATA',
+    PROMO_IMAGES:'PROMO_IMAGES',
+
+    PAIDVIS_HDR_DATA:'PAIDVIS_HEARDER_DATA',
+    PAIDVIS_CHILD_DATA:'PAIDVIS_CHILD_DATA',
+    PAIDVIS_STOCK_DATA:'PAIDVIS_STOCK_DATA',
+    PAIDVIS_IMAGES:'PAIDVIS_IMAGES',
+
+    
+    DBPOSM_HDR_DATA:'DBPOSM_HDR_DATA',
+    DB_WINDOW_HDR_DATA:'DB_WINDOW_HEARDER_DATA',
+    DISTRIBUTOR_CHECKIN:'DISTRIBUTOR_CHECKIN',
+
+    VISAUDIT_HDR_DATA:'VISAUDIT_HEARDER_DATA',
+    VISAUDIT_CHILD_DATA:'VISAUDIT_CHILD_DATA',
+    VISAUDIT_STOCK_DATA:'VISAUDIT_STOCK_DATA',
+    VISAUDIT_IMAGES:'VISAUDIT_IMAGES',
+
+    SOS_HDR_DATA:'SOS_HEADER_DATA',
+    SOS_CHILD_DATA:'SOS_CHILD_DATA',
+    SOS_IMAGES:'SOS_IMAGES',
+    ATTENDANCE:'ATTENDANCE',
+    RESUME_DATA:'RESUME_DATA',
+    ATTENDANCE_DATA:'ATTENDANCE_DATA',
+    DB_VISICOOLER:"DB_VISICOOLER",
+
+    // DR_RESUMEDATA:'DR_RESUMEDATA'
+    IMAGE_AUDIT_HDR_DATA:'IMAGE_AUDIT_HDR_DATA',
+    IMAGE_AUDIT_QUESTION:'IMAGE_AUDIT_QUESTION',
+
+    // posSale
+    HEADER_POSSALE_DATA:'HEADER_POSSALE_DATA',
+    POSSALE_IMAGES:'POSSALE_IMAGES',
+    POSSALE_DATA:'POSSALE_DATA',
+
+
+}
+
+const Q_ATTENDANCE = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.ATTENDANCE}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,ATTENDANCE_DATE TEXT,STATUS TEXT,STATUS_Id INTEGER,ENTRY_ALLOW INTEGER,REMARK TEXT,REASON_ID INTEGER, REASON TEXT,IMAGE1 TEXT ,ADDED_DATE TEXT)`,};
+
+const Q_GEOTAG_TABLE = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.GEOTAG}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,LATITUDE NVARCHAR,LONGITUDE NVARCHAR,GEO_TAG NVARCHAR,STATUS NVARCHAR,FRONT_IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_DB_GEOTAG_TABLE = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.DB_GEOTAG}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,LATITUDE NVARCHAR,LONGITUDE NVARCHAR,GEO_TAG NVARCHAR,STATUS NVARCHAR,FRONT_IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_HEADER_BACK_OF_STORE = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.HEADER_BACK_OF_STORE}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,MSL INTEGER,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,ADDED_DATE TEXT)`,};
+const Q_CHILD_BACK_OF_STORE = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.CHILD_BACK_OF_STORE}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,PRODUCT NVARCHAR,PRODUCT_ID INTEGER,MSL INTEGER,STOCK INTEGER,ADDED_DATE TEXT)`,};
+const Q_SALES = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SALES}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,PRODUCT NVARCHAR,PRODUCT_ID INTEGER,MSL INTEGER,STOCK INTEGER,ADDED_DATE TEXT)`,};
+const Q_INSERT_OPENINGHEADER_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.INSERT_OPENINGHEADER_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,MSL INTEGER,IMAGE NVARCHAR,IMAGEPATH NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_STOCK_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.STOCK_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY_ID INTEGER,CATEGORY NVARCHAR,BRAND_ID INTEGER,BRAND NVARCHAR,PRODUCT_ID INTEGER,PRODUCT NVARCHAR,MSL INTEGER,OPENING_STOCK INTEGER,MIDDAY_STOCK INTEGER,CLOSING_STOCK INTEGER,EXPIRY_ISOPEN NVARCHAR,EXPIRY_STK INTEGER,ADDED_DATE TEXT)`,};
+
+const Q_STOCK2HDR_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.STOCK2HDR_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY_ID INTEGER,SUB_CATEGORY NVARCHAR,MSL INTEGER,IMAGE NVARCHAR,IMAGEPATH NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_STOCK2_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.STOCK2_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STOCK_UID NVARCHAR,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY_ID INTEGER,SUB_CATEGORY NVARCHAR,BRAND_ID INTEGER,BRAND NVARCHAR,PRODUCT_ID INTEGER,PRODUCT NVARCHAR,MSL INTEGER,STOCK INTEGER,BACKROOM_STOCK INTEGER,DAMAGED_STOCK INTEGER,LOST_STOCK INTEGER,EXPIRY_STOCK INTEGER,IS_SKU_STOCK_PRESENT INTEGER,NREXPIRY1_STOCK INTEGER,NREXPIRY2_STOCK INTEGER,NREXPIRY3_STOCK INTEGER,OUT_OF_STOCK INTEGER,LESS_THAN_MBQ INTEGER,ADDED_DATE TEXT)`,};
+const Q_STOCK2_MFD_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.STOCK2_MFD_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STOCK_UID NVARCHAR,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY_ID INTEGER,BRAND_ID INTEGER,PRODUCT_ID INTEGER,STOCK INTEGER,MFD NVARCHAR,LOT_NO NVARCHAR,DATE NVARCHAR,ADDED_DATE TEXT)`,};
+
+const Q_DB_WINDOW_HDR = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.DB_WINDOW_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,WINDOW_HEADER_ID INTEGER,DISTRIBUTOR_ID INTEGER,VISIT_DATE NVARCHAR,WINDOW_DEFINITION_ID INTEGER,WINDOW_ID INTEGER,WINDOW_NAME NVARCHAR,WINDOW_TABLE NVARCHAR,WINDOW_FIELD NVARCHAR,WINDOW_VALUE INTEGER,CHILD_NAME NVARCHAR,IS_PRESENT INTEGER,WINDOW_IMAGE NVARCHAR,STOCK_QTY INTEGER,ADDED_DATE TEXT)`,};
+
+const Q_DBPOSM_HDR = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.DBPOSM_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,POSM_HEADER_ID INTEGER,DISTRIBUTOR_ID INTEGER,VISIT_DATE NVARCHAR,POSM_DEFINITION_ID INTEGER,POSM_ID INTEGER,POSM_NAME NVARCHAR,POSM_TYPE_ID INTEGER,POSM_TYPE_NAME NVARCHAR,POSM_TABLE NVARCHAR,POSM_FIELD NVARCHAR,POSM_VALUE INTEGER,CHILD_NAME NVARCHAR,IS_PRESENT INTEGER,POSM_IMAGE NVARCHAR,STOCK_QTY INTEGER,ADDED_DATE TEXT)`,};
+
+const Q_DISTRIBUTOR_CHECKIN = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.DISTRIBUTOR_CHECKIN}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,DISTRIBUTOR_ID INTEGER,VISIT_DATE NVARCHAR,LATITUDE NVARCHAR,LONGITUDE NVARCHAR,CHECKIN_TIME NVARCHAR,CHECKIN_IMAGE NVARCHAR,CHECKOUT_TIME NVARCHAR,CHECKOUT_IMAGE NVARCHAR,REASON_ID INTEGER,REASON NVARCHAR,REMARK NVARCHAR,ADDED_DATE TEXT)`,};
+
+
+const Q_STOCKWITHCAT_HDR_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.STOCKWITHCAT_HDR_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,MSL INTEGER,IMAGE NVARCHAR,IMAGEPATH NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_STOCKWITHCAT_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.STOCKWITHCAT_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STOCK_UID NVARCHAR,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY_ID INTEGER,CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,SUB_CATEGORY NVARCHAR,BRAND_ID INTEGER,BRAND NVARCHAR,PRODUCT_ID INTEGER,PRODUCT NVARCHAR,MSL INTEGER,STOCK INTEGER,BACKROOM_STOCK INTEGER,DAMAGED_STOCK INTEGER,LOST_STOCK INTEGER,EXPIRY_STOCK INTEGER,IS_SKU_STOCK_PRESENT INTEGER,NREXPIRY1_STOCK INTEGER,NREXPIRY2_STOCK INTEGER,NREXPIRY3_STOCK INTEGER,ADDED_DATE TEXT)`,};
+const Q_STOCKWITHCAT_MFD_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.STOCKWITHCAT_MFD_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STOCK_UID NVARCHAR,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY_ID INTEGER,BRAND_ID INTEGER,PRODUCT_ID INTEGER,STOCK INTEGER,MFD NVARCHAR,LOT_NO NVARCHAR,DATE NVARCHAR,ADDED_DATE TEXT)`,};
+
+
+const Q_SHARE_OF_SHELF_IMAGE = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SHARE_OF_SHELF_IMAGE}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY_ID INTEGER,CATEGORY NVARCHAR,IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_SHARE_OF_SHELF_FACING_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SHARE_OF_SHELF_FACING_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,SUB_CATEGORY_STOCK INTEGER,STOCK INTEGER,IMAGE1 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_INSERT_SAMPLED_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.INSERT_SAMPLED_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PRESENT INTEGER,SAMPLE_ID INTEGER,SAMPLE NVARCHAR,MOBILE INTEGER,NAME NVARCHAR,FEEDBACK NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_CONTACT_CONVERSION = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.CONTACT_CONVERSION}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,TOTAL_CONTACT INTEGER,CST_CONTACT INTEGER,ADDED_DATE TEXT)`,};
+
+const Q_INSERT_ERROR_TRACKING = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.INSERT_ERROR_TRACKING}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PRESENT INTEGER,ISSUE_CATEGORY_ID INTEGER,ISSUE_CATEGORY NVARCHAR,ISSUE_TYPE_ID INTEGER,ISSUE_TYPE NVARCHAR,REMARK INTEGER,ADDED_DATE TEXT)`,};
+const Q_GROOMING_IMAGE_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.GROOMING_IMAGE_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_ADDITIONAL_VISIBILITY = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.ADDITIONAL_VISIBILITY}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PRESENT INTEGER,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,BRAND NVARCHAR,BRAND_ID INTEGER,DISPLAY NVARCHAR,DISPLAY_ID INTEGER,REMARK NVARCHAR,IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_COMPETITION_VISIBILITY = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.COMPETITION_VISIBILITY}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PRESENT INTEGER,COMPANY NVARCHAR,COMPANY_ID INTEGER,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,BRAND NVARCHAR,BRAND_ID INTEGER,DISPLAY NVARCHAR,DISPLAY_ID INTEGER,REMARK NVARCHAR,IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_COMPETITION_PROMOTION = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.COMPETITION_PROMOTION}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PRESENT INTEGER,COMPANY NVARCHAR,COMPANY_ID INTEGER,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,BRAND NVARCHAR,BRAND_ID INTEGER,PROMO_TYPE NVARCHAR,PROMO_TYPE_ID INTEGER,PRODUCT NVARCHAR,PRODUCT_ID INTEGER,PROMO_DETAILS NVARCHAR,MRP INTEGER,SELLING_PRICE INTEGER,IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_GATE_MEETING = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.GATE_MEETING}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,USER_ID NVARCHAR,UNIQUE_ID NVARCHAR,VISIT_DATE NVARCHAR,TIME NVARCHAR,EMP_ID NVARCHAR,MERCHANDISER_NAME NVARCHAR,SUP_ID NVARCHAR,SUP_NAME NVARCHARIMAGE,IMAGE NVARCHAR,UPLOADSTATUS NVARCHAR,ADDED_DATE TEXT)`,};
+
+const Q_GATE_MEETING_DISCUSSION = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.GATE_MEETING_DISCUSSION}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,VISIT_DATE NVARCHAR,USER_ID NVARCHAR,GATEMEETING_ID NVARCHAR,DISCUSSION_POINTS NVARCHAR,ADDED_DATE TEXT)`,};
+
+const Q_ATTENDANCEDATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.ATTENDANCE_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,VISIT_DATE NVARCHAR,USER_ID NVARCHAR,EMP_ID INTEGER,REASON_ID INTEGER,REASON NVARCHAR,UPLOADSTATUS NVARCHAR,ADDED_DATE TEXT)`,};
+
+
+const Q_DB_VISICOOLER = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.DB_VISICOOLER}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,DISTRIBUTOR_ID INTEGER,VISIT_DATE NVARCHAR,QRCODE NVARCHAR,ASSETCODE NVARCHAR ,IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+
+const Q_COVERAGE_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.COVERAGE_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,STORE_OBJ NVARCHAR,STATUS NVARCHAR,LATITUDE NVARCHAR,LONGITUDE NVARCHAR,IMAGE NVARCHAR,CHECKOUT_TIME NVARCHAR,CHECKOUT_IMAGE NVARCHAR,REASON_ID INTEGER,REASON NVARCHAR,REMARK NVARCHAR,STORE_FLAG NVARCHAR,MID INTEGER,JCP_TYPE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_CHECKIN_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.CHECKIN_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,LATITUDE NVARCHAR,LONGITUDE NVARCHAR,CHECKIN_TIME NVARCHAR,CHECKIN_IMAGE NVARCHAR,CHECKOUT_TIME NVARCHAR,CHECKOUT_IMAGE NVARCHAR,REMARK NVARCHAR,JCP_TYPE NVARCHAR,ADDED_DATE TEXT)`,};
+      
+const Q_PROMOTION_HEADER_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PROMOTION_HEADER_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,ADDED_DATE TEXT)`,};
+const Q_PROMOTION_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PROMOTION_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,PROMOTION NVARCHAR,PROMOTION_ID INTEGER,STOCK_AVL NVARCHAR,PROMOTALK_AVL NVARCHAR,POS_AVL NVARCHAR,IMAGE1 NVARCHAR,ADDED_DATE TEXT)`,};
+
+
+const Q_SIMPLE_PROMOHDR_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SIMPLE_PROMOHDR_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,ADDED_DATE TEXT)`,};
+const Q_SIMPLE_PROMOTION_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SIMPLE_PROMOTION_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,PROMOTION NVARCHAR,PROMOTION_ID INTEGER,IS_PRESENT INTEGER,REASON_ID INTEGER,REASON NVARCHAR,IMAGE1 NVARCHAR,ADDED_DATE TEXT)`,};
+
+
+const Q_PAID_VISIBILITY_HEADER_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PAID_VISIBILITY_HEADER_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,ADDED_DATE TEXT)`,};
+const Q_PAID_VISIBILITY_CHILD_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PAID_VISIBILITY_CHILD_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY NVARCHAR,SUB_CATEGORY_ID INTEGER,VISIBILITY_PRESENT INTEGER,DISPLAY_ID INTEGER,DISPLAY NVARCHAR,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,REASON NVARCHAR,REASON_ID INTEGER,ADDED_DATE TEXT)`,};
+const Q_PAID_VIS_CHECKLIST = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PAID_VIS_CHECKLIST}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,COMMON_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SUB_CATEGORY_ID INTEGER,DISPLAY_ID INTEGER,CHECKLIST NVARCHAR,CHECKLIST_ID INTEGER,REASON NVARCHAR,REASON_ID INTEGER,ADDED_DATE TEXT)`,};
+const Q_PERSONAL_DOCUMENT = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PERSONAL_DOCUMENT}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,VISIT_DATE NVARCHAR,USER_ID INTEGER,DOCUMENT_ID INTEGER,DOCUMENT NVARCHAR,IMAGE1_FLAG INTEGER,IMAGE2_FLAG INTEGER,ANS_LIST NVARCHAR,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,STATUS NVARCHAR,ANSWER NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_VISITOR_LOGIN = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.VISITOR_LOGIN}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID NVARCHAR,EMP_CODE NVARCHAR,NAME NVARCHAR,DESIGNATION NVARCHAR,UPLOADSTATUS NVARCHAR,VISIT_DATE NVARCHAR,IN_TIME NVARCHAR,OUT_TIME NVARCHAR,IN_TIME_IMAGE NVARCHAR,OUT_TIME_IMAGE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_AUTOMATED_REIMBURSEMENT = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.AUTOMATED_REIMBURSEMENT}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,VISIT_DATE NVARCHAR,CITY NVARCHAR,CITY_ID INTEGER,STATUS NVARCHAR,PRICE INTEGER,AMOUNT INTEGER,BASE_CITY_ID INTEGER,FIXEDFARE_TWOWAY INTEGER,ROUTE_CODE NVARCHAR,TRAVEL_TYPE NVARCHAR,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_CASHTILL_SURVEY  = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.CASHTILL_SURVEY }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY NVARCHAR,CATEGORY_ID INTEGER,QUESTION NVARCHAR,QUESTION_ID INTEGER,QUESTION_TYPE NVARCHAR,QUESTION_IMAGE_ALLOW INTEGER,QUESTION_IMAGE NVARCHAR,IMAGE_ALLOW1 INTEGER,IMAGE_ALLOW2 INTEGER,ANSWER NVARCHAR,ANSWER_ID INTEGER,STOCK INTEGER,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_SURVEY  = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SURVEY }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SURVEY_ID INTEGER,MENUID INTEGER,CATEGORY_ID INTEGER,SUB_CATEGORY_ID INTEGER,QUESTION NVARCHAR,QUESTION_ID INTEGER,QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,IMAGE_ALLOW1 INTEGER,IMAGE1 NVARCHAR,IMAGE_ALLOW2 INTEGER,IMAGE2 NVARCHAR,MULTI_OPTIONS_IDS NVARCHAR,IS_DISABLED INTEGER,ADDED_DATE TEXT)`,};
+const Q_FEEDBACK  = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.FEEDBACK_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,CATEGORY_ID INTEGER,QUESTION_CODE NVARCHAR,QUESTION_ID INTEGER,QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,IMAGE_ALLOW1 INTEGER,IMAGE1 NVARCHAR,MULTI_OPTIONS_IDS NVARCHAR,IS_DISABLED INTEGER,ADDED_DATE TEXT)`,};
+
+const Q_WINDOW_HDR = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.WINDOW_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,WINDOW_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,WINDOW_DEFINITION_ID INTEGER,WINDOW_ID INTEGER,WINDOW_NAME NVARCHAR,WINDOW_TABLE NVARCHAR,WINDOW_FIELD NVARCHAR,WINDOW_VALUE INTEGER,CHILD_NAME NVARCHAR,IS_PRESENT INTEGER,WINDOW_NA_IMAGE NVARCHAR,REASON_ID INTEGER,REASON NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_WINDOW_CHILD= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.WINDOW_CHILD_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,WINDOW_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,WINDOW_DEFINITION_ID INTEGER,WINDOW_ID INTEGER,QUESTION_ID INTEGER,QUESTION_CODE INTEGER,QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,MULTI_OPTIONS_IDS NVARCHAR,IMAGE1 NVARCHAR,IMAGE_ALLOW1 INTEGER,ADDED_DATE TEXT)`,};
+const Q_WINDOW_IMAGES= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.WINDOW_IMAGES }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,WINDOW_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,WINDOW_DEFINITION_ID INTEGER,WINDOW_ID INTEGER,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_WINDOW_STOCK= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.WINDOW_STOCK_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,WINDOW_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,WINDOW_DEFINITION_ID INTEGER,WINDOW_ID INTEGER,WINDOW_STOCK_DEFINITION_ID INTEGER,WINDOW_STOCK_TABLE NVARCHAR,WINDOW_STOCK_FIELD NVARCHAR,WINDOW_STOCK_VALUE INTEGER,WINDOW_STOCK_MBQ INTEGER,PRODUCT_NAME NVARCHAR,STOCK INTEGER,ADDED_DATE TEXT)`,};
+
+const Q_ST_HDR = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.ST_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,ST_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,ST_DEFINITION_ID INTEGER,SHELFTALKER_ID INTEGER,ST_NAME NVARCHAR,ST_TABLE NVARCHAR,ST_FIELD NVARCHAR,ST_VALUE INTEGER,CHILD_NAME NVARCHAR,IS_PRESENT INTEGER,ST_NA_IMAGE NVARCHAR,REASON_ID INTEGER,REASON NVARCHAR,REMARK NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_ST_CHILD= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.ST_CHILD_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,ST_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,ST_DEFINITION_ID INTEGER,SHELFTALKER_ID INTEGER,QUESTION_ID INTEGER,QUESTION_CODE INTEGER,QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,MULTI_OPTIONS_IDS NVARCHAR,IMAGE1 NVARCHAR,IMAGE_ALLOW1 INTEGER,ADDED_DATE TEXT)`,};
+const Q_ST_IMAGES= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.ST_IMAGES }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,ST_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,ST_DEFINITION_ID INTEGER,SHELFTALKER_ID INTEGER,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_ST_STOCK= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.ST_STOCK_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,ST_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,ST_DEFINITION_ID INTEGER,SHELFTALKER_ID INTEGER,ST_STOCK_DEFINITION_ID INTEGER,ST_STOCK_TABLE NVARCHAR,ST_STOCK_FIELD NVARCHAR,ST_STOCK_VALUE INTEGER,ST_STOCK_MBQ INTEGER,PRODUCT_NAME NVARCHAR,STOCK INTEGER,IS_PROMO_PRESENT INTEGER,ADDED_DATE TEXT)`,};
+
+
+const Q_PROMO_HDR_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PROMO_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PROMO_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PROMO_DEFINITION_ID INTEGER,PROMO_ID INTEGER,PROMO_NAME NVARCHAR,PROMO_TABLE NVARCHAR,PROMO_FIELD NVARCHAR,PROMO_VALUE INTEGER,CHILD_NAME NVARCHAR,IS_PRESENT INTEGER,PROMO_NA_IMAGE NVARCHAR,REASON_ID INTEGER,REASON NVARCHAR,REMARK NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_PROMO_CHILD_DATA= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PROMO_CHILD_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PROMO_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PROMO_DEFINITION_ID INTEGER,PROMO_ID INTEGER,QUESTION_ID INTEGER,QUESTION_CODE INTEGER,QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,MULTI_OPTIONS_IDS NVARCHAR,IMAGE1 NVARCHAR,IMAGE_ALLOW1 INTEGER,ADDED_DATE TEXT)`,};
+const Q_PROMO_IMAGES= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PROMO_IMAGES }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PROMO_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PROMO_DEFINITION_ID INTEGER,PROMO_ID INTEGER,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_PROMO_STOCK_DATA= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PROMO_STOCK_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PROMO_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PROMO_DEFINITION_ID INTEGER,PROMO_ID INTEGER,PROMO_STOCK_DEFINITION_ID INTEGER,PROMO_STOCK_TABLE NVARCHAR,PROMO_STOCK_FIELD NVARCHAR,PROMO_STOCK_VALUE INTEGER,PROMO_STOCK_MBQ INTEGER,PRODUCT_NAME NVARCHAR,STOCK INTEGER,IS_PROMO_PRESENT INTEGER,ADDED_DATE TEXT)`,};
+
+
+const Q_PAIDVIS_HDR_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PAIDVIS_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PVIS_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PVIS_DEFINITION_ID INTEGER,PVIS_ID INTEGER,PVIS_NAME NVARCHAR,PVIS_TABLE NVARCHAR,PVIS_FIELD NVARCHAR,PVIS_VALUE INTEGER,CHILD_NAME NVARCHAR,IS_PRESENT INTEGER,PVIS_NA_IMAGE NVARCHAR,REASON_ID INTEGER,REASON NVARCHAR,REMARK NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_PAIDVIS_CHILD_DATA= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PAIDVIS_CHILD_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PVIS_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PVIS_DEFINITION_ID INTEGER,PVIS_ID INTEGER,QUESTION_ID INTEGER,QUESTION_CODE INTEGER,QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,MULTI_OPTIONS_IDS NVARCHAR,IMAGE1 NVARCHAR,IMAGE_ALLOW1 INTEGER,ADDED_DATE TEXT)`,};
+const Q_PAIDVIS_IMAGES= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PAIDVIS_IMAGES }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PVIS_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PVIS_DEFINITION_ID INTEGER,PVIS_ID INTEGER,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_PAIDVIS_STOCK_DATA= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.PAIDVIS_STOCK_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PVIS_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PVIS_DEFINITION_ID INTEGER,PVIS_ID INTEGER,PVIS_STOCK_DEFINITION_ID INTEGER,PVIS_STOCK_TABLE NVARCHAR,PVIS_STOCK_FIELD NVARCHAR,PVIS_STOCK_VALUE INTEGER,PVIS_STOCK_MBQ INTEGER,PRODUCT_NAME NVARCHAR,STOCK INTEGER,IS_PVIS_PRESENT INTEGER,ADDED_DATE TEXT)`,};
+
+const Q_VISAUDIT_HDR_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.VISAUDIT_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PVIS_HEADER_ID INTEGER,VId INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PVIS_DEFINITION_ID INTEGER,PVIS_ID INTEGER,PVIS_NAME NVARCHAR,PVIS_TABLE NVARCHAR,PVIS_FIELD NVARCHAR,PVIS_VALUE INTEGER,CHILD_NAME NVARCHAR,IS_PRESENT INTEGER,PVIS_NA_IMAGE NVARCHAR,REASON_ID INTEGER,REASON NVARCHAR,REMARK NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_VISAUDIT_CHILD_DATA= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.VISAUDIT_CHILD_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PVIS_HEADER_ID INTEGER,VId INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PVIS_DEFINITION_ID INTEGER,PVIS_ID INTEGER,QUESTION_ID INTEGER,QUESTION_CODE INTEGER,QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,MULTI_OPTIONS_IDS NVARCHAR,IMAGE1 NVARCHAR,IMAGE_ALLOW1 INTEGER,ADDED_DATE TEXT)`,};
+const Q_VISAUDIT_IMAGES= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.VISAUDIT_IMAGES }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PVIS_HEADER_ID INTEGER,VId INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PVIS_DEFINITION_ID INTEGER,PVIS_ID INTEGER,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_VISAUDIT_STOCK_DATA= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.VISAUDIT_STOCK_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,PVIS_HEADER_ID INTEGER,VId INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,PVIS_DEFINITION_ID INTEGER,PVIS_ID INTEGER,PVIS_STOCK_DEFINITION_ID INTEGER,PVIS_STOCK_TABLE NVARCHAR,PVIS_STOCK_FIELD NVARCHAR,PVIS_STOCK_VALUE INTEGER,PVIS_STOCK_MBQ INTEGER,PRODUCT_NAME NVARCHAR,STOCK INTEGER,IS_PVIS_PRESENT INTEGER,ADDED_DATE TEXT)`,};
+
+
+const Q_POSM_HDR = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.POSM_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,POSM_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,POSM_DEFINITION_ID INTEGER,POSM_ID INTEGER,POSM_NAME NVARCHAR,POSM_TYPE_ID INTEGER,POSM_TYPE_NAME NVARCHAR,POSM_TABLE NVARCHAR,POSM_FIELD NVARCHAR,POSM_VALUE INTEGER,CHILD_NAME NVARCHAR,IS_PRESENT INTEGER,POSM_NA_IMAGE NVARCHAR,POSM_IMAGE1 NVARCHAR,POSM_IMAGE2 NVARCHAR,REASON_ID INTEGER,REASON NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_POSM_CHILD= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.POSM_CHILD_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,POSM_HEADER_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,POSM_DEFINITION_ID INTEGER,POSM_ID INTEGER,QUESTION_ID INTEGER,QUESTION_CODE INTEGER,QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,MULTI_OPTIONS_IDS NVARCHAR,IMAGE1 NVARCHAR,IMAGE_ALLOW1 INTEGER,ADDED_DATE TEXT)`,};
+
+const Q_STORE_IMAGES= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.STORE_IMAGES }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,IMAGE_TYPE_ID INTEGER,IMAGE_TYPE NVARCHAR,IMAGE NVARCHAR,REMARK NVARCHAR,ADDED_DATE TEXT)`,};
+
+
+
+const Q_SOS_HDR_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SOS_HDR_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,SOS_HEADER_ID NVARCHAR,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SOS_DEFINITION_ID INTEGER,SOS_HDR_TABLE NVARCHAR,SOS_HDR_FIELD NVARCHAR,SOS_HDR_VALUE INTEGER,HEADER_NAME NVARCHAR,SOS_HDR_FACING INTEGER,ADDED_DATE TEXT)`,};
+const Q_SOS_CHILD_DATA= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SOS_CHILD_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,SOS_HEADER_ID NVARCHAR,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SOS_DEFINITION_ID INTEGER,SOS_HDR_VALUE INTEGER,SOS_CHILD_TABLE NVARCHAR,SOS_CHILD_FIELD NVARCHAR,SOS_CHILD_VALUE INTEGER,CHILD_NAME NVARCHAR,TOTAL_FACING INTEGER,SELF_FACING INTEGER,ADDED_DATE TEXT)`,};
+const Q_SOS_IMAGES= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.SOS_IMAGES }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,SOS_HEADER_ID NVARCHAR,STORE_ID INTEGER,VISIT_DATE NVARCHAR,SOS_DEFINITION_ID INTEGER,SOS_HDR_VALUE INTEGER,SOS_CHILD_VALUE INTEGER,IMAGE1 NVARCHAR,TYPE NVARCHAR,ADDED_DATE TEXT)`,};
+
+const Q_HR = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.RESUME_DATA}
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,UID TEXT,EMP_ID INTEGER,NAME TEXT,MOBILE_NO INTEGER,LOCALITY TEXT,POSITION TEXT,PROJECT TEXT,AGENCY TEXT,EXPERIENCE TEXT,EDUCATION TEXT,STORE TEXT,RESUME_FILE NVARCHAR,TYPE TEXT,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,ADDED_DATE TEXT,STATUS NVARCHAR)`,};
+
+
+const Q_Image_Audit_HDR_DATA  = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.IMAGE_AUDIT_HDR_DATA }
+
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,IMAGE_HEADER_ID NVARCHAR , MID Integer, MenuId Integer, Menu Text, KPIImageId Integer, QuestionImageId Integer, DefId Integer, DefName Text, ImageName Text, Image1 Text, Image2 Text, BaseUrl Text , pictureokay Integer , pictureokay2 Integer,STATUS NVARCHAR)`,};
+
+const Q_Image_Audit  = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.IMAGE_AUDIT_QUESTION }
+
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,MID INTEGER,MENUID INTEGER,QUESTION NVARCHAR,QUESTION_ID INTEGER,
+QUESTION_TYPE NVARCHAR,ANSWER NVARCHAR,ANSWER_ID INTEGER,MULTI_OPTIONS_IDS NVARCHAR,IS_DISABLED INTEGER,ADDED_DATE TEXT)`,};
+
+
+// posSale
+const Q_POSSALE_HDR_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.HEADER_POSSALE_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,MONTH NVARCHAR,YEAR INTEGER,CYCLEPERIOD NVARCHAR,CYCLEPERIODID INTEGER,IMAGE1 NVARCHAR,IMAGE2 NVARCHAR,TOTAL_POS_VALUE NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_POSSALE_IMAGES= {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.POSSALE_IMAGES }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,STORE_ID INTEGER,VISIT_DATE NVARCHAR,POSDEFINITIONID INTEGER,IMAGE1 NVARCHAR,ADDED_DATE TEXT)`,};
+const Q_POSSALE_DATA = {SqlText:`CREATE TABLE IF NOT EXISTS ${AppTables.POSSALE_DATA }
+(KEY_ID INTEGER PRIMARY KEY AUTOINCREMENT,EMP_ID INTEGER,STORE_ID INTEGER,VISIT_DATE NVARCHAR,WINDOW_ID INTEGER,WINDOW_NAME NVARCHAR,SALE NVARCHAR,POSDEFINITIONID INTEGER,POS_VALUE INTEGER,POS_VOLUME INTEGER,ISPRESENT NVARCHAR,REASONID INTEGER,REASON NVARCHAR, ADDED_DATE TEXT)`,};
+
+
+
+const Table_Structure=[Q_ATTENDANCE,Q_HEADER_BACK_OF_STORE,Q_CHILD_BACK_OF_STORE,Q_SALES,Q_INSERT_OPENINGHEADER_DATA,Q_STOCK_DATA,Q_SHARE_OF_SHELF_IMAGE,Q_SHARE_OF_SHELF_FACING_DATA,Q_GEOTAG_TABLE,Q_DB_GEOTAG_TABLE,
+    Q_INSERT_SAMPLED_DATA,Q_CONTACT_CONVERSION,Q_INSERT_ERROR_TRACKING,Q_GROOMING_IMAGE_DATA,Q_ADDITIONAL_VISIBILITY,Q_COMPETITION_VISIBILITY,Q_COMPETITION_PROMOTION,Q_COVERAGE_DATA,Q_CHECKIN_DATA,
+    Q_PROMOTION_HEADER_DATA,Q_PROMOTION_DATA,Q_PAID_VISIBILITY_HEADER_DATA,Q_PAID_VISIBILITY_CHILD_DATA,Q_PAID_VIS_CHECKLIST,Q_PERSONAL_DOCUMENT,Q_VISITOR_LOGIN,Q_AUTOMATED_REIMBURSEMENT,Q_GATE_MEETING,Q_GATE_MEETING_DISCUSSION,Q_ATTENDANCEDATA,
+    Q_CASHTILL_SURVEY,Q_SURVEY,Q_WINDOW_HDR,Q_WINDOW_CHILD,Q_DB_VISICOOLER,Q_WINDOW_IMAGES,Q_WINDOW_STOCK,Q_STOCK2HDR_DATA,Q_STOCK2_DATA,Q_STOCK2_MFD_DATA,Q_POSM_HDR,Q_POSM_CHILD,Q_FEEDBACK,Q_SIMPLE_PROMOHDR_DATA,Q_SIMPLE_PROMOTION_DATA,Q_STORE_IMAGES,
+    Q_ST_HDR,Q_ST_CHILD,Q_ST_IMAGES,Q_ST_STOCK,Q_STOCKWITHCAT_HDR_DATA,Q_STOCKWITHCAT_DATA,Q_STOCKWITHCAT_MFD_DATA, Q_PROMO_HDR_DATA,Q_PROMO_CHILD_DATA,Q_PROMO_IMAGES,Q_PROMO_STOCK_DATA,Q_PAIDVIS_HDR_DATA,Q_PAIDVIS_CHILD_DATA,Q_PAIDVIS_IMAGES,Q_PAIDVIS_STOCK_DATA,Q_SOS_HDR_DATA,Q_SOS_IMAGES,Q_SOS_CHILD_DATA,Q_VISAUDIT_HDR_DATA,Q_VISAUDIT_CHILD_DATA,Q_VISAUDIT_IMAGES,Q_VISAUDIT_STOCK_DATA,
+    Q_HR,Q_DBPOSM_HDR,Q_DB_WINDOW_HDR,Q_DISTRIBUTOR_CHECKIN,Q_Image_Audit_HDR_DATA,Q_Image_Audit,Q_POSSALE_HDR_DATA,Q_POSSALE_IMAGES,Q_POSSALE_DATA
+];
+
+export {Table_Structure}
\ No newline at end of file
diff --git a/src/constants/uploadData.js b/src/constants/uploadData.js
new file mode 100644
index 0000000..ff5e827
--- /dev/null
+++ b/src/constants/uploadData.js
@@ -0,0 +1,1744 @@
+
+import moment from 'moment';
+import React from 'react';
+import { UploadData2, UploadData, UploadFormData, UpdateStoreStatus, bytesToSize, UpdateDistributorStatus } from '../controller/functions';
+import { common_ImagePath, db, URL_IMAGE } from './constants';
+import { getMethodName, METHODS } from './methodNames';
+import { AppTables } from './tableConstants';
+import * as RNFS from 'react-native-fs';
+import { Platform } from 'react-native';
+import * as mime from 'mime';
+
+export async function getDB_UploadData(storeData, KPIname, UserId) {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let { StoreId, StateId, EmpId, MID, UploadStatus, Status, VisitDate, ChainId, StoreTypeId } = storeData;
+
+    switch (KPIname) {
+        case 'DBPOSMONEAPP':
+            {
+                var postData = {};
+                return new Promise((resolve, reject) => {
+                    db.transaction(async function (txn) {
+
+                        let selectlist = ` w.DISTRIBUTOR_ID as DistributorId,w.POSM_HEADER_ID as posmHeaderId,wd.POSMDefinitionId,wd.PosmId,wd.POSMName,wd.PosmTypeId,wd.POSMTypeName,wd.POSMTable,wd.POSMField,wd.POSMValue,wd.ChildName,w.IS_PRESENT as IsPresent,w.POSM_IMAGE as POSMImage,w.STOCK_QTY as StockQty`;
+                        let join = ` inner join Master_POSMDefinition wd on w.POSM_DEFINITION_ID=wd.POSMDefinitionId `;
+                        let q = ` Select ${selectlist} from ${AppTables.DBPOSM_HDR_DATA} w  ${join} where w.DISTRIBUTOR_ID='${StoreId}'  `;
+
+                        let allChilds = [], allKPIfiles = [];
+                        await txn.executeSql(q, [], async function (txn2, txnres2) {
+                            if (txnres2.rows.length > 0) {
+                                for (var i = 0; i < txnres2.rows.length; i++) {
+                                    let data = txnres2.rows.item(i);
+                                    let { posmHeaderId, POSMDefinitionId, PosmId, POSMName, PosmTypeId, POSMTypeName, POSMTable, POSMField, POSMValue, ChildName, IsPresent, POSMImage, StockQty } = data;
+                                    let obj = {};
+
+                                    obj['MID'] = MID;
+                                    obj['UserId'] = UserId;
+                                    obj['DistributorId'] = StoreId;
+                                    obj['POSMDefinitionId'] = POSMDefinitionId;
+                                    obj['POSMId'] = PosmId;
+                                    obj['POSMTable'] = POSMTable;
+                                    obj['POSMField'] = POSMField;
+                                    obj['POSMValue'] = POSMValue;
+                                    obj['ChildName'] = ChildName;
+                                    obj['IsPresent'] = IsPresent;
+                                    obj['POSMImage'] = POSMImage != null && POSMImage != 'undefined' ? POSMImage : '';
+                                    obj['StockQty'] = StockQty != null && StockQty != "null" && StockQty != 'undefined' && StockQty != undefined && StockQty != '' ? StockQty : 0;
+
+                                    if (POSMImage != null && POSMImage != 'undefined' && POSMImage != '') {
+                                        let imgPath = common_ImagePath + POSMImage;
+                                        let file = {
+                                            uri: imgPath,
+                                            type: 'image/jpeg',
+                                            name: POSMImage,
+                                            filetype: 'image',
+                                            folderName: 'DBPOSMImages',
+                                        }
+                                        allKPIfiles.push(file);
+                                    }
+                                    allChilds.push(obj);
+                                }
+                                postData['MID'] = MID;
+                                postData['Keys'] = 'DBPOSM';
+                                postData['JsonData'] = JSON.stringify(allChilds);
+                                postData['UserId'] = UserId;
+
+                                // console.log('POSM',postData)
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                            else {
+                                resolve({ 'PostData': postData });
+                            }
+                        }, function (txnE, txnerr) { console.log(txnerr); resolve({ 'PostData': postData }); },);
+
+                    });
+                }).then((val) => {
+                    return val;
+                }).catch((err) => {
+                    console.log(err);
+                    return postData;
+                });
+            }
+        case 'VISICOOLER':
+            {
+                var postData = {};
+                return new Promise((resolve, reject) => {
+                    db.transaction(async function (txn) {
+                        let q2 = ` SELECT * FROM ${AppTables.DB_VISICOOLER} WHERE DISTRIBUTOR_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+                        let allChilds = [], allKPIfiles = [];
+                        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+                            if (txnres2.rows.length > 0) {
+                                for (var i = 0; i < txnres2.rows.length; i++) {
+                                    let data = txnres2.rows.item(i);
+                                    let { STORE_ID, VISIT_DATE, PRESENT, QRCODE, ASSETCODE, CATEGORY, CATEGORY_ID, SUB_CATEGORY, SUB_CATEGORY_ID, BRAND, BRAND_ID, DISPLAY, DISPLAY_ID, REMARK, IMAGE, ADDED_DATE } = data;
+                                    let obj = {};
+                                    obj['MID'] = MID;
+                                    obj['User_Id'] = UserId;
+                                    obj['QRCode'] = QRCODE;
+                                    obj['AssetCode'] = ASSETCODE;
+                                    obj['Image'] = IMAGE;
+
+                                    if (IMAGE != '') {
+                                        let imgPath = common_ImagePath + IMAGE;
+                                        let file = {
+                                            uri: imgPath,
+                                            type: 'image/jpeg',
+                                            name: IMAGE,
+                                            filetype: 'image',
+                                            folderName: 'SupDistributorVisicoolerImages',
+                                        }
+                                        allKPIfiles.push(file);
+                                    }
+
+
+                                    allChilds.push(obj);
+                                }
+                                postData['MID'] = MID;
+                                postData['Keys'] = 'DistributorPointVisicoolerSup';
+                                postData['JsonData'] = JSON.stringify(allChilds);
+                                postData['UserId'] = UserId;
+                                postData['EmpId'] = storeData.EmpId;
+                                console.log('CompVisi PostData', postData)
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                            else {
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                        }, function (txn2, txnerr) { console.log(txnerr); resolve({ 'PostData': postData }); },);
+
+                    });
+                }).then((val) => {
+                    return val;
+                }).catch((err) => {
+                    console.log(err);
+                    return postData;
+                });
+
+            }
+
+    }
+}
+
+
+export async function uploadDBStatus(props, storeData, Status, tbname, loc) {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let { MID, StoreId } = storeData;
+    let pdata = {
+        "DistributorId": storeData.StoreId,
+        "VisitDate": d2,
+        "Latitude": (loc?.lat || ''),
+        "Longitude": (loc?.lng || ''),
+        "ReasonId": 0,
+        // "Remark":"",
+        // "Appversion":AppVersion,
+        "UploadStatus": Status,
+        "UserId": (props.UserId || ''),
+        "CheckInImage": storeData.CHECKIN_IMAGE != null ? storeData.CHECKIN_IMAGE : '',
+        "CheckoutImage": "",
+    };
+    console.log("uploadDBStatus------", Status, pdata)
+    const url2 = props.baseurl + getMethodName(METHODS.DISTRIBUTOR_COVERAGE);
+    return await UploadData2(url2, pdata)
+        .then(async (res) => {
+            console.log('status uploadres:', res);
+            if (parseInt(res) > 0) {
+                let datan1 = { StoreId: storeData.StoreId, UploadStatus: Status, tbname: tbname };
+                let isUpdated = await UpdateDistributorStatus(props, datan1);
+                return isUpdated;
+            }
+            else {
+                return false;
+            }
+        })
+        .catch((err) => {
+            console.log(err);
+            return false;
+        });
+}
+
+
+export async function uploadAll_DBData(props, storeData, allKPIs = [], UserId, JCP_TYPE, allow_DataUpload = true, loc, UpdateUploadCountLocal = () => { }) {
+    const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+
+    let uploadedCount = 0;
+
+    let allfiles = [];
+    return await Promise.all(
+        allKPIs.map(async (item, index) => {
+            let name = item.ScreenName;
+            let res = await getDB_UploadData(storeData, name, UserId);
+
+            let KPIfiles = res.Files || [];
+            console.log('KPIfiles len:', KPIfiles.length)
+
+            async function mergeFiles() {
+                return new Promise((resolve, reject) => {
+                    if (KPIfiles.length > 0) {
+                        for (var i = 0; i < KPIfiles.length; i++) {
+                            let file = KPIfiles[i];
+                            allfiles.push(file);
+                            if (i == KPIfiles.length - 1) {
+                                resolve(true);
+                            }
+                        }
+                    }
+                    else {
+                        resolve(true);
+                    }
+                });
+            }
+
+            let ismerged = await mergeFiles();
+            console.log('ismerged:', ismerged, allfiles.length)
+
+            if (typeof res == 'object' && res != false) {
+
+                if (allow_DataUpload == true) {
+                    let isUploaded = await UploadDataWithoutWait(storeData, res.PostData, name, url);
+                    console.log('isUploaded:', name, ',:', isUploaded);
+                    if (isUploaded == true) {
+                        uploadedCount++;
+                    }
+                }
+                else {
+                    uploadedCount++;
+                }
+
+                UpdateUploadCountLocal(uploadedCount);
+
+                if (uploadedCount == allKPIs.length) {
+                    console.log('allUploaded');
+
+                    if (allow_DataUpload == true) {
+                        let tbname = JCP_TYPE;
+                        // all data uploaded, Now update status D
+                        await uploadDBStatus(props, storeData, 'D', tbname, loc);
+                    }
+                    console.log('allfiles:', allfiles.length)
+                    return allfiles;
+                }
+            }
+            else {
+                uploadedCount++;
+                UpdateUploadCountLocal(uploadedCount);
+                return [];
+            }
+        })
+    ).then((val) => {
+        return allfiles;
+    });
+}
+
+export async function getUploadData(storeData, item, UserId, MenuObj = {}) {
+    console.log("item in getUploadData:", item);
+
+
+    let KPIname = item
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let { StoreId, StateId, MID, UploadStatus, Status, VisitDate, ChainId, StoreTypeId } = storeData;
+    console.log('getUploadDataKPIname:', KPIname );
+
+    switch (KPIname) {
+        case 'STOREAUDIT':
+            {
+                console.log('STOREAUDIT Query:', KPIname);
+                var postData = {};
+                return new Promise((resolve, reject) => {
+                    db.transaction(async function (txn) {
+
+                        let selectlist = ` DISTINCT T.SubCategoryId as SubCategoryId,T1.MENUID,T.SurveyId as SurveyId,T.CategoryId as CategoryId,T.Category as Category,T.MaxLength as MaxLength,T.MinLength as MinLength,T.QuestionImageAllow as QuestionImageAllow,T.DateRange as DateRange,T.Question as Question,T.QuestionId as QuestionId,T.QuestionType as QuestionType,T.QuestionTypeNew as QuestionTypeNew,T.OTP as OTP,T1.ANSWER As Answer, T1.ANSWER_ID as AnswerId,T1.IMAGE_ALLOW1 as ImageAllow1,ifnull(T1.IMAGE1,'')  as Image1,T1.IMAGE_ALLOW2 as ImageAllow2,ifnull(T1.IMAGE2,'') as Image2,T1.MULTI_OPTIONS_IDS as MultiOptionsIds,T1.IS_DISABLED as isDisabled`;
+                        let join = ` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+                        let join2 = ` INNER JOIN ${AppTables.SURVEY} T1 on T.SurveyId=T1.SURVEY_ID and T.CategoryId=T1.CATEGORY_ID And T.QuestionId=T1.QUESTION_ID ${MenuObj?.MenuId ? `AND T1.MENUID='${MenuObj.MenuId}'` : ""}`;
+                        let q2 = `Select ${selectlist} FROM Sup_Master_SurveyQuestion T ${join} ${join2} WHERE T1.STORE_ID='${StoreId}' AND EMP_ID='${storeData.MerchandiserId}' AND T1.VISIT_DATE= '${d2}' ORDER BY T.CategorySequence `;
+
+                        console.log('STOREAUDIT Query:', q2);
+                        let allChilds = [], allKPIfiles = [];
+                        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+                            if (txnres2.rows.length > 0) {
+                                for (var i = 0; i < txnres2.rows.length; i++) {
+                                    let data = txnres2.rows.item(i);
+                                    // console.log('STOREAUDIT rows:',txnres2.rows.length,data);
+                                    let { SurveyId, CategoryId, MENUID, Category, SubCategoryId, SubCategory, MaxLength, MinLength, QuestionImageAllow, DateRange, Question, QuestionId, QuestionType, OTP, Answer, AnswerId, ImageAllow1, Image1, ImageAllow2, Image2, MultiOptionsIds, isDisabled } = data;
+                                    let obj = {};
+
+                                    let isQtnDisabled = isDisabled == 1 || isDisabled == '1' ? true : false;
+                                    if (!isQtnDisabled) {
+                                        obj['MID'] = MID;
+                                        obj['MenuId'] = MENUID;
+                                        obj['EmpId'] = storeData.EmpId;
+                                        obj['UserId'] = UserId;
+                                        obj['Store_Id'] = StoreId;
+                                        obj['SurveyId'] = SurveyId;
+                                        obj['CategoryId'] = CategoryId;
+                                        obj['SubCategoryId'] = SubCategoryId;
+                                        obj['QuestionId'] = QuestionId;
+                                        obj['QuestionType'] = QuestionType;
+                                        obj['Answer'] = Answer;
+                                        obj['AnswerId'] = AnswerId;
+                                        obj['MultiAnswerId'] = MultiOptionsIds != null && MultiOptionsIds != 'undefined' ? MultiOptionsIds : '';
+                                        obj['AnswerImage1'] = Image1;
+                                        obj['AnswerImage2'] = Image2;
+
+                                        if (((QuestionImageAllow == 1 || QuestionImageAllow == 'true') || (ImageAllow1 == 1 | ImageAllow1 == 'true')) && Image1 != '') {
+                                            let imgPath = common_ImagePath + Image1;
+                                            let file = {
+                                                uri: imgPath,
+                                                type: 'image/jpeg',
+                                                name: Image1,
+                                                filetype: 'image',
+                                                folderName: 'SurveyImagesSup',
+                                            }
+                                            allKPIfiles.push(file);
+                                        }
+
+                                        if ((ImageAllow2 == 1 || ImageAllow2 == 'true') && Image2 != '') {
+                                            let imgPath = common_ImagePath + Image2;
+                                            let file = {
+                                                uri: imgPath,
+                                                type: 'image/jpeg',
+                                                name: Image2,
+                                                filetype: 'image',
+                                                folderName: 'SurveyImagesSup',
+                                            }
+                                            allKPIfiles.push(file);
+                                        }
+
+
+                                        if (QuestionType == 'Audio' && Answer != '') {
+                                            let filePath = common_ImagePath + 'Recordings/' + Answer;
+                                            let file = {
+                                                uri: filePath,
+                                                type: (Platform.OS == 'ios' ? 'audio/m4a' : 'audio/mp3'),
+                                                name: Answer,
+                                                filetype: 'audio',
+                                                folderName: 'SurveyVoicefilesSup',
+                                            }
+                                            allKPIfiles.push(file);
+                                        }
+
+                                        allChilds.push(obj);
+                                    }
+                                }
+
+                                postData['MID'] = MID;
+                                postData['Keys'] = 'StoreSurveysSup';
+                                postData['JsonData'] = JSON.stringify(allChilds);
+                                postData['UserId'] = UserId;
+                                postData['EmpId'] = storeData.EmpId;
+                                console.log('uploaded survey postdata ************************=>', postData);
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                            else {
+                                resolve({ 'PostData': postData });
+                            }
+                        }, function (txn2, txnerr) { console.log(txnerr); resolve({ 'PostData': postData }); },);
+
+                    });
+                }).then((val) => {
+                    return val;
+                }).catch((err) => {
+                    console.log(err);
+                    return postData;
+                });
+
+            }
+
+        case 'StorePhoto':
+            {
+                var postData = {};
+                return new Promise((resolve, reject) => {
+                    db.transaction(async function (txn) {
+                        let q2 = ` SELECT * FROM ${AppTables.STORE_IMAGES} WHERE STORE_ID='${StoreId}' AND EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `;
+                        let allChilds = [], allKPIfiles = [];
+                        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+                            if (txnres2.rows.length > 0) {
+                                for (var i = 0; i < txnres2.rows.length; i++) {
+                                    let data = txnres2.rows.item(i);
+
+                                    let { STORE_ID, VISIT_DATE, IMAGE_TYPE_ID, IMAGE_TYPE, IMAGE, ADDED_DATE, REMARK } = data;
+                                    // console.log('data',data)
+                                    let obj = {};
+                                    obj['MID'] = MID;
+                                    obj['EmpId'] = storeData.EmpId;
+                                    obj['User_Id'] = UserId;
+                                    obj['ImageTypeId'] = IMAGE_TYPE_ID;
+                                    obj['Image'] = IMAGE;
+                                    obj['Remark'] = REMARK;
+
+                                    if (IMAGE != null && IMAGE != '') {
+                                        let imgPath = common_ImagePath + IMAGE;
+                                        let file = {
+                                            uri: imgPath,
+                                            type: 'image/jpeg',
+                                            name: IMAGE,
+                                            filetype: 'image',
+                                            folderName: 'StoreImagesSup',
+                                        }
+                                        allKPIfiles.push(file);
+                                    }
+
+                                    allChilds.push(obj);
+                                    console.log('obj', obj)
+                                }
+                                postData['MID'] = MID;
+                                postData['Keys'] = 'StoreImagesSup';
+                                postData['JsonData'] = JSON.stringify(allChilds);
+                                postData['UserId'] = UserId;
+                                postData['EmpId'] = storeData.EmpId;
+
+                                console.log('uploaded StoreImages postdata ************************=>', postData);
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                            else {
+                                resolve({ 'PostData': postData });
+                            }
+                        }, function (txn2, txnerr) { console.log(txnerr); resolve({ 'PostData': postData }); },);
+
+                    });
+                }).then((val) => {
+                    return val;
+                }).catch((err) => {
+                    console.log(err);
+                    return postData;
+                });
+
+            }
+
+        case 'CompPromo':
+            {
+                var postData = {};
+                return new Promise((resolve, reject) => {
+                    db.transaction(async function (txn) {
+                        let q2 = ` SELECT * FROM ${AppTables.COMPETITION_PROMOTION} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+                        let allChilds = [], allKPIfiles = [];
+                        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+                            if (txnres2.rows.length > 0) {
+                                for (var i = 0; i < txnres2.rows.length; i++) {
+                                    let data = txnres2.rows.item(i);
+                                    let { STORE_ID, VISIT_DATE, PRESENT, COMPANY, COMPANY_ID, CATEGORY, CATEGORY_ID, SUB_CATEGORY, SUB_CATEGORY_ID, BRAND, BRAND_ID, PROMO_TYPE, PROMO_TYPE_ID, PRODUCT, PRODUCT_ID, PROMO_DETAILS, MRP, SELLING_PRICE, IMAGE, ADDED_DATE } = data;
+                                    let obj = {};
+                                    obj['MID'] = MID;
+                                    obj['User_Id'] = UserId;
+                                    obj['Present'] = PRESENT;
+                                    console.log('CompPromo,PRESENT:', PRESENT);
+                                    if (PRESENT == 1) {
+                                        // obj['CompanyId']=COMPANY_ID;
+                                        obj['CategoryId'] = CATEGORY_ID;
+                                        obj['SubCategoryId'] = SUB_CATEGORY_ID;
+                                        obj['BrandId'] = BRAND_ID;
+                                        obj['ProductId'] = PRODUCT_ID;
+                                        obj['PromoTypeId'] = PROMO_TYPE_ID;
+                                        obj['Promodetails'] = PROMO_DETAILS;
+                                        obj['MRP'] = MRP;
+                                        obj['SellingPrice'] = SELLING_PRICE;
+                                        obj['CompPromoImg'] = IMAGE;
+
+                                        if (IMAGE != '' && IMAGE != null) {
+                                            let imgPath = common_ImagePath + IMAGE;
+                                            let file = {
+                                                uri: imgPath,
+                                                type: 'image/jpeg',
+                                                name: IMAGE,
+                                                filetype: 'image',
+                                                folderName: 'CompetionPromotionImagesSup',
+                                            }
+                                            allKPIfiles.push(file);
+                                        }
+
+                                    }
+                                    else {
+                                        // obj['CompanyId']=0;
+                                        obj['CategoryId'] = 0;
+                                        obj['SubCategoryId'] = 0;
+                                        obj['BrandId'] = 0;
+                                        obj['ProductId'] = 0;
+                                        obj['PromoTypeId'] = 0;
+                                        obj['Promodetails'] = "";
+                                        obj['MRP'] = 0;
+                                        obj['SellingPrice'] = 0;
+                                        obj['CompPromoImg'] = "";
+                                    }
+
+
+                                    allChilds.push(obj);
+                                }
+                                postData['MID'] = MID;
+                                postData['Keys'] = 'CompPromotionSup';
+                                postData['JsonData'] = JSON.stringify(allChilds);
+                                postData['UserId'] = UserId;
+                                console.log('uploaded CompPromo postdata ************************=>', postData)
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+
+                            }
+                            else {
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                        }, function (txnE, txnerr) { console.log(txnerr); resolve({ 'PostData': postData }); },);
+
+                    });
+                }).then((val) => {
+                    return val;
+                }).catch((err) => {
+                    console.log(err);
+                    return postData;
+                });
+
+            }
+
+
+        case 'CompVis':
+            {
+                var postData = {};
+                return new Promise((resolve, reject) => {
+                    db.transaction(async function (txn) {
+                        let q2 = ` SELECT * FROM ${AppTables.COMPETITION_VISIBILITY} WHERE STORE_ID='${StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `;
+                        let allChilds = [], allKPIfiles = [];
+                        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+                            if (txnres2.rows.length > 0) {
+                                for (var i = 0; i < txnres2.rows.length; i++) {
+                                    let data = txnres2.rows.item(i);
+                                    let { STORE_ID, VISIT_DATE, PRESENT, COMPANY, COMPANY_ID, CATEGORY, CATEGORY_ID, SUB_CATEGORY, SUB_CATEGORY_ID, BRAND, BRAND_ID, DISPLAY, DISPLAY_ID, REMARK, IMAGE, ADDED_DATE } = data;
+                                    let obj = {};
+                                    obj['MID'] = MID;
+                                    obj['EmpId'] = storeData.EmpId;
+                                    obj['User_Id'] = UserId;
+                                    obj['Present'] = PRESENT;
+                                    if (PRESENT == 1) {
+                                        // obj['CompanyId']=COMPANY_ID;
+                                        obj['CategoryId'] = CATEGORY_ID;
+                                        obj['SubCategoryId'] = SUB_CATEGORY_ID;
+                                        obj['BrandId'] = BRAND_ID;
+                                        obj['DisplayId'] = DISPLAY_ID;
+                                        obj['Remark'] = REMARK;
+                                        obj['CompVImg'] = IMAGE;
+
+                                        if (IMAGE != '') {
+                                            let imgPath = common_ImagePath + IMAGE;
+                                            let file = {
+                                                uri: imgPath,
+                                                type: 'image/jpeg',
+                                                name: IMAGE,
+                                                filetype: 'image',
+                                                folderName: 'CompetitionVisibilityImagesSup',
+                                            }
+                                            allKPIfiles.push(file);
+                                        }
+                                    }
+                                    else {
+                                        obj['CompanyId'] = 0;
+                                        obj['CategoryId'] = 0;
+                                        obj['SubCategoryId'] = 0;
+                                        obj['BrandId'] = 0;
+                                        obj['DisplayId'] = 0;
+                                        obj['Remark'] = "";
+                                        obj['CompVImg'] = "";
+                                    }
+
+                                    allChilds.push(obj);
+                                }
+                                postData['MID'] = MID;
+                                postData['Keys'] = 'CompVisibilitySup';
+                                postData['JsonData'] = JSON.stringify(allChilds);
+                                postData['UserId'] = UserId;
+                                postData['EmpId'] = storeData.EmpId;
+                                console.log('uploaded CompVisi postdata ************************=>', postData)
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                            else {
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                        }, function (txn2, txnerr) { console.log(txnerr); resolve({ 'PostData': postData }); },);
+
+                    });
+                }).then((val) => {
+                    return val;
+                }).catch((err) => {
+                    console.log(err);
+                    return postData;
+                });
+
+            }
+
+
+        case 'VISICOOLER':
+            {
+                var postData = {};
+                return new Promise((resolve, reject) => {
+                    db.transaction(async function (txn) {
+                        let q2 = ` SELECT * FROM ${AppTables.DB_VISICOOLER} WHERE DISTRIBUTOR_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+                        let allChilds = [], allKPIfiles = [];
+                        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+                            if (txnres2.rows.length > 0) {
+                                for (var i = 0; i < txnres2.rows.length; i++) {
+                                    let data = txnres2.rows.item(i);
+                                    let { STORE_ID, VISIT_DATE, PRESENT, QRCODE, ASSETCODE, CATEGORY, CATEGORY_ID, SUB_CATEGORY, SUB_CATEGORY_ID, BRAND, BRAND_ID, DISPLAY, DISPLAY_ID, REMARK, IMAGE, ADDED_DATE } = data;
+                                    let obj = {};
+                                    obj['MID'] = MID;
+                                    obj['User_Id'] = UserId;
+                                    obj['QRCode'] = QRCODE;
+                                    obj['AssetCode'] = ASSETCODE;
+                                    obj['Image'] = IMAGE;
+
+                                    if (IMAGE != '') {
+                                        let imgPath = common_ImagePath + IMAGE;
+                                        let file = {
+                                            uri: imgPath,
+                                            type: 'image/jpeg',
+                                            name: IMAGE,
+                                            filetype: 'image',
+                                            folderName: 'SupDistributorVisicoolerImages',
+                                        }
+                                        allKPIfiles.push(file);
+                                    }
+
+
+                                    allChilds.push(obj);
+                                }
+                                postData['MID'] = MID;
+                                postData['Keys'] = 'DistributorPointSup';
+                                postData['JsonData'] = JSON.stringify(allChilds);
+                                postData['UserId'] = UserId;
+                                postData['EmpId'] = storeData.EmpId;
+                                console.log('CompVisi PostData', postData)
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                            else {
+                                resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                            }
+                        }, function (txn2, txnerr) { console.log(txnerr); resolve({ 'PostData': postData }); },);
+
+                    });
+                }).then((val) => {
+                    return val;
+                }).catch((err) => {
+                    console.log(err);
+                    return postData;
+                });
+
+            }
+
+        case 'VISIBILITYAUDIT':
+            {
+                var postData = await getDataFor_PVONEAPP(storeData, UserId);
+                console.log("VISIBILITYAUDIT postData:", postData)
+                return postData;
+                // return false;
+            }
+
+        // posSale upload 
+        //  case 'POSSALE':{
+        //     {
+        //         var postData = {};   
+        //         return new Promise((resolve,reject)=>{
+        //             db.transaction(async function (txn) {
+        //                 let join =' cross Join Sup_Master_PosSaleDefinition '
+        //                 let q1 = ` Select * from ${AppTables.HEADER_POSSALE_DATA} h ${join} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+
+        //                 let allChilds=[],allDataUp={},allKPIfiles=[];
+        //                 await txn.executeSql(q1,[],async function (txn3, txnres3) {
+        //                     if(txnres3.rows.length>0){ 
+        //                         let data =txnres3.rows.item(0);
+        //                         console.log("posSale header data Sup",data)
+        //                         let {YEAR,MONTH,CYCLEPERIOD,CYCLEPERIODID,IMAGE1,IMAGE2,TOTAL_POS_VALUE,HeaderImageRequired,PosDefinitionId,HeaderImageCount}=data;
+        //                         let dateParts=MONTH.split(" ");
+        //                         let month=dateParts.length>0?dateParts[0]:'';
+        //                         let yr=dateParts.length>1?dateParts[1]:'';
+
+        //                         allDataUp['MID']=MID;
+        //                         allDataUp['UserId']=UserId;
+        //                         allDataUp['StoreId']=StoreId;
+        //                         allDataUp['CycleYear']=YEAR;
+        //                         allDataUp['CycleMonth']=MONTH;
+        //                         allDataUp['CyclePeriod']=CYCLEPERIOD;
+        //                         allDataUp['CycleId']=CYCLEPERIODID;
+
+        //                         allDataUp['TotalPOSValue']=TOTAL_POS_VALUE!='' && TOTAL_POS_VALUE!=null && TOTAL_POS_VALUE!="undefined"?TOTAL_POS_VALUE:0;
+        //                         allDataUp['Image1']=IMAGE1||'';
+        //                         allDataUp['Image2']=IMAGE2||'';
+
+        //                         let join1 = `inner join Sup_Master_PosSaleDefinition m on p.POSDEFINITIONID=m.PosDefinitionId `
+        //                         let q=` Select p.*,m.PosTable, m.PosField from ${AppTables.POSSALE_DATA} p ${join1} WHERE p.STORE_ID='${StoreId}' and VISIT_DATE='${d2}'  `;
+
+
+
+        //                         async function getPosSaleImages(){
+        //                             let q2=`select * from ${AppTables.POSSALE_IMAGES} where POSDEFINITIONID='${PosDefinitionId}' and  STORE_ID='${StoreId}' and IMAGE1!='' and IMAGE1!='undefined' and IMAGE1 is not null `;
+
+        //                             let allWindowSplitImages=[];
+        //                             return new Promise((resolve,reject)=>{ 
+        //                                 db.transaction(async function (txn) {
+        //                                 txn.executeSql(q2,[],async function (txn2, txnres3) { 
+
+        //                                     if(txnres3.rows.length>0){ 
+        //                                         for(var j=0;j<txnres3.rows.length;j++){
+        //                                             let splitItem =txnres3.rows.item(j);
+        //                                             let {IMAGE1,IMAGE2}=splitItem
+        //                                             let obj1={'Image1':(IMAGE1!=null?IMAGE1:'')};
+        //                                             obj1['PosDefinitionId']=PosDefinitionId
+        //                                             obj1['MID']=MID;
+        //                                             obj1['UserId']=UserId;
+        //                                             obj1['Store_Id']=StoreId;
+
+        //                                             allWindowSplitImages.push(obj1);
+
+        //                                             if(j==txnres3.rows.length-1){
+        //                                                 console.log('all images added')
+        //                                                 resolve(allWindowSplitImages);
+        //                                             }
+        //                                         }
+        //                                     }
+        //                                     else{
+        //                                         resolve(allWindowSplitImages);
+        //                                     }
+
+        //                                 },function (txnE,txnerr) { console.log(txnerr);resolve(allWindowSplitImages);},);
+
+        //                                 });
+        //                             });
+        //                         }
+
+
+
+
+        //                         await txn.executeSql(q,[],async function (txn2, txnres2) { 
+        //                             if(txnres2.rows.length>0){ 
+        //                                 for(var i=0;i<txnres2.rows.length;i++){
+        //                                     let data =txnres2.rows.item(i);
+        //                                     let {WINDOW_ID,WINDOW_NAME,SALE,POSDEFINITIONID,POS_VALUE,POS_VOLUME,ISPRESENT,REASONID,REASON,PosTable,PosField}=data;
+        //                                     console.log("upload data ",data)
+        //                                     let obj={};
+
+        //                                     obj['MID']=MID;
+        //                                     obj['UserId']=UserId;
+        //                                     obj['Store_Id']=StoreId;
+        //                                     obj['ChildId']=WINDOW_ID;
+        //                                     obj['ChildName']=WINDOW_NAME;
+        //                                     obj['PromotorSale']=SALE;
+        //                                     obj['PosTable']=PosTable;
+        //                                     obj['PosField']=PosField;
+        //                                     obj['POSDefinitionId']=POSDEFINITIONID;
+        //                                     obj['POSValue']=POS_VALUE==null || POS_VALUE==''?'0':POS_VALUE ;
+        //                                     obj['POSVolume']=POS_VOLUME==null || POS_VOLUME==''?'0':POS_VOLUME ;                                  
+        //                                     obj['IsPresent']=ISPRESENT;
+        //                                     obj['ReasonId']=REASONID==null || REASONID==''?'0':REASONID;
+        //                                     obj['Reason']=REASON;
+
+
+        //                                     allChilds.push(obj);
+
+        //                                     if(i==txnres2.rows.length-1){
+        //                                         allDataUp["POSChilds"]=allChilds;
+        //                                         if(HeaderImageRequired && HeaderImageCount>0){
+        //                                             let posSaleImages =await getPosSaleImages();
+        //                                             allDataUp['SupPosSaleImages']=posSaleImages
+        //                                         }
+        //                                         else{
+        //                                             allDataUp['SupPosSaleImages']=[]
+        //                                         }
+        //                                     }
+        //                                 }
+
+        //                                 postData['MID']=MID;
+        //                                 postData['Keys']='POSSaleSup';
+        //                                 postData['JsonData']=JSON.stringify(allDataUp);
+        //                                 postData['UserId']=UserId;
+        //                                 console.log('postData POSSALE',postData)
+        //                                 resolve({'Files':allKPIfiles,'PostData':postData});
+        //                             }
+        //                             else{
+        //                                 allDataUp["POSChilds"]=[];
+        //                                 if(HeaderImageRequired && HeaderImageCount>0){
+        //                                     let posSaleImages =await getPosSaleImages();
+        //                                     allDataUp['SupPosSaleImages']=posSaleImages
+        //                                 }
+        //                                 else{
+        //                                     allDataUp['SupPosSaleImages']=[]
+        //                                 }
+        //                                 postData['MID']=MID;
+        //                                 postData['Keys']='POSSaleSup';
+        //                                 postData['JsonData']=JSON.stringify(allDataUp);
+        //                                 postData['UserId']=UserId;
+        //                                 console.log('postData POSSALE',postData)
+        //                                 resolve({'PostData':postData});
+        //                             }
+        //                         },
+        //                         function (txnE,txnerr) { console.log(txnerr); resolve({'PostData':postData});},);
+
+
+        //                     }
+        //                     else{
+        //                         resolve({'PostData':postData});
+        //                     }
+
+        //                 },function (txnE,txnerr) { console.log(txnerr);resolve({'PostData':postData});},);
+        //             });
+        //         }).then((val)=>{
+        //             return val;
+        //         }).catch((err)=>{
+        //             console.log(err);
+        //             return postData;
+        //         });
+        //     }
+        // }
+
+        case 'POSSALE': {
+            var postData = {};
+            return new Promise((resolve, reject) => {
+                db.transaction(async function (txn) {
+                    let join = ' cross Join Sup_Master_PosSaleDefinition ';
+                    let q1 = ` Select * from ${AppTables.HEADER_POSSALE_DATA} h ${join} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+
+                    let allChilds = [], allDataUp = {}, allKPIfiles = [];
+                    await txn.executeSql(q1, [], async function (txn3, txnres3) {
+                        if (txnres3.rows.length > 0) {
+                            let data = txnres3.rows.item(0);
+                            let { YEAR, MONTH, CYCLEPERIOD, CYCLEPERIODID, IMAGE1, IMAGE2, TOTAL_POS_VALUE, HeaderImageRequired, PosDefinitionId, HeaderImageCount } = data;
+                            let dateParts = MONTH.split(" ");
+                            let month = dateParts.length > 0 ? dateParts[0] : '';
+                            let yr = dateParts.length > 1 ? dateParts[1] : '';
+
+                            allDataUp['MID'] = MID;
+                            allDataUp['UserId'] = UserId;
+                            allDataUp['StoreId'] = StoreId;
+                            allDataUp['CycleYear'] = YEAR;
+                            allDataUp['CycleMonth'] = MONTH;
+                            allDataUp['CyclePeriod'] = CYCLEPERIOD;
+                            allDataUp['CycleId'] = CYCLEPERIODID;
+                            allDataUp['TotalPOSValue'] = TOTAL_POS_VALUE ? TOTAL_POS_VALUE : 0;
+                            allDataUp['Image1'] = IMAGE1 || '';
+                            allDataUp['Image2'] = IMAGE2 || '';
+
+                            let join1 = `inner join Sup_Master_PosSaleDefinition m on p.POSDEFINITIONID=m.PosDefinitionId `;
+                            let q = ` Select p.*,m.PosTable, m.PosField from ${AppTables.POSSALE_DATA} p ${join1} WHERE p.STORE_ID='${StoreId}' and VISIT_DATE='${d2}'  `;
+
+                            async function getPosSaleImages() {
+                                let q2 = `select * from ${AppTables.POSSALE_IMAGES} where POSDEFINITIONID='${PosDefinitionId}' and STORE_ID='${StoreId}' and IMAGE1!='' and IMAGE1!='undefined' and IMAGE1 is not null `;
+
+                                let allWindowSplitImages = [];
+                                return new Promise((resolve, reject) => {
+                                    db.transaction(async function (txn) {
+                                        txn.executeSql(q2, [], async function (txn2, txnres3) {
+                                            if (txnres3.rows.length > 0) {
+                                                for (var j = 0; j < txnres3.rows.length; j++) {
+                                                    let splitItem = txnres3.rows.item(j);
+                                                    let { IMAGE1, IMAGE2 } = splitItem;
+                                                    let obj1 = { 'Image1': IMAGE1 ? IMAGE1 : '' };
+                                                    obj1['PosDefinitionId'] = PosDefinitionId;
+                                                    obj1['MID'] = MID;
+                                                    obj1['UserId'] = UserId;
+                                                    obj1['Store_Id'] = StoreId;
+
+                                                    if (IMAGE1) {
+                                                        let imgPath = common_ImagePath + IMAGE1;
+                                                        let file = {
+                                                            uri: imgPath,
+                                                            type: 'image/jpeg',
+                                                            name: IMAGE1,
+                                                            filetype: 'image',
+                                                            folderName: 'SupPosSaleImages'  // Folder name for POS Sale images
+                                                        };
+                                                        allKPIfiles.push(file); // Adding image files to the array
+                                                    }
+
+                                                    allWindowSplitImages.push(obj1);
+
+                                                    if (j == txnres3.rows.length - 1) {
+                                                        resolve(allWindowSplitImages);
+                                                    }
+                                                }
+                                            } else {
+                                                resolve(allWindowSplitImages);
+                                            }
+                                        }, function (txnE, txnerr) {
+                                            console.log(txnerr);
+                                            resolve(allWindowSplitImages);
+                                        });
+                                    });
+                                });
+                            }
+
+                            await txn.executeSql(q, [], async function (txn2, txnres2) {
+                                if (txnres2.rows.length > 0) {
+                                    for (var i = 0; i < txnres2.rows.length; i++) {
+                                        let data = txnres2.rows.item(i);
+                                        let { WINDOW_ID, WINDOW_NAME, SALE, POSDEFINITIONID, POS_VALUE, POS_VOLUME, ISPRESENT, REASONID, REASON, PosTable, PosField } = data;
+
+                                        let obj = {};
+                                        obj['MID'] = MID;
+                                        obj['UserId'] = UserId;
+                                        obj['Store_Id'] = StoreId;
+                                        obj['ChildId'] = WINDOW_ID;
+                                        obj['ChildName'] = WINDOW_NAME;
+                                        obj['PromotorSale'] = SALE;
+                                        obj['PosTable'] = PosTable;
+                                        obj['PosField'] = PosField;
+                                        obj['POSDefinitionId'] = POSDEFINITIONID;
+                                        obj['POSValue'] = POS_VALUE ? POS_VALUE : '0';
+                                        obj['POSVolume'] = POS_VOLUME ? POS_VOLUME : '0';
+                                        obj['IsPresent'] = ISPRESENT;
+                                        obj['ReasonId'] = REASONID ? REASONID : '0';
+                                        obj['Reason'] = REASON;
+
+                                        allChilds.push(obj);
+
+                                        if (i == txnres2.rows.length - 1) {
+                                            allDataUp["POSChilds"] = allChilds;
+                                            if (HeaderImageRequired && HeaderImageCount > 0) {
+                                                let posSaleImages = await getPosSaleImages();
+                                                allDataUp['SupPosSaleImages'] = posSaleImages;
+                                            } else {
+                                                allDataUp['SupPosSaleImages'] = [];
+                                            }
+                                        }
+                                    }
+
+                                    postData['MID'] = MID;
+                                    postData['Keys'] = 'POSSaleSup';
+                                    postData['JsonData'] = JSON.stringify(allDataUp);
+                                    postData['UserId'] = UserId;
+                                    console.log('postData POSSALE', postData);
+                                    resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                                } else {
+                                    allDataUp["POSChilds"] = [];
+                                    if (HeaderImageRequired && HeaderImageCount > 0) {
+                                        let posSaleImages = await getPosSaleImages();
+                                        allDataUp['SupPosSaleImages'] = posSaleImages;
+                                    } else {
+                                        allDataUp['SupPosSaleImages'] = [];
+                                    }
+                                    postData['MID'] = MID;
+                                    postData['Keys'] = 'POSSaleSup';
+                                    postData['JsonData'] = JSON.stringify(allDataUp);
+                                    postData['UserId'] = UserId;
+                                    console.log('postData POSSALE', postData);
+                                    resolve({ 'PostData': postData });
+                                }
+                            }, function (txnE, txnerr) {
+                                console.log(txnerr);
+                                resolve({ 'PostData': postData });
+                            });
+                        } else {
+                            resolve({ 'PostData': postData });
+                        }
+                    }, function (txnE, txnerr) {
+                        console.log(txnerr);
+                        resolve({ 'PostData': postData });
+                    });
+                });
+            }).then((val) => {
+                return val;
+            }).catch((err) => {
+                console.log(err);
+                return postData;
+            });
+        }
+
+
+        default: return false;
+    }
+
+}
+
+
+export function getDataFor_PVONEAPP(storeData, UserId) {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let { StoreId, StateId, EmpId, MID, UploadStatus, Status, VisitDate, ChainId, StoreTypeId, StoreClassId, StoreCategoryId } = storeData;
+    // let {ScreenName,MenuId,UploadKeyName}=KpiData
+
+    var postData = {};
+    return new Promise((resolve, reject) => {
+        db.transaction(async function (txn) {
+            let txn1 = txn;
+
+            let selectlist = ` w.STORE_ID as StoreId,s.VId,s.MID as MerMID,Wd.MenuId as MerMenuId,w.PVIS_HEADER_ID as PVisHeaderId,wd.VisibilityDefinitionId,wd.VisibilityId,wd.VisibilityName,wd.VisibilityTable,wd.VisibilityField,wd.VisibilityValue,wd.ChildName,wd.VisibilityRefImage,wd.VisibilityElementCheckAssortment,wd.VisibilityElementStockRequired,w.IS_PRESENT as IsPresent,wd.VisibilityNotExistCamera,w.PVIS_NA_IMAGE as PVisNAImage,wd.VisibilityExistReasonEnable,wd.VisibilityNotExistReasonEnable,w.REASON_ID as ReasonId,w.REASON as Reason,w.REMARK as Remark,wd.NoOfSplit,wd.VisibilityImage1,wd.VisibilityImage2,wd.VisibilityImage1Lable,wd.VisibilityImage2Lable,wd.VisibilityImage1CameraGrid,wd.VisibilityImage2CameraGrid`;
+            let join = ` inner join Sup_Master_VisibilityDefinition wd on w.PVIS_DEFINITION_ID=wd.VisibilityDefinitionId `;
+            let join2 = ` inner join Sup_VisibilityAudit s on w.PVIS_DEFINITION_ID=s.VisibilityDefinitionId and  s.StoreId='${StoreId}'`;
+            let q = ` Select ${selectlist} from ${AppTables.VISAUDIT_HDR_DATA} w  ${join} ${join2} where w.STORE_ID='${StoreId}' and w.VISIT_DATE='${d2}' `;
+
+
+            let allChilds = [], allKPIfiles = [], isSpecificKPI = false;
+            await txn.executeSql(q, [], async function (txn2, txnres2) {
+                console.log('pv count:', txnres2.rows.length)
+                if (txnres2.rows.length > 0) {
+                    for (var i = 0; i < txnres2.rows.length; i++) {
+                        let data = txnres2.rows.item(i);
+                        let { PVisHeaderId, VisibilityDefinitionId, MerMID, VId, MerMenuId, VisibilityId, VisibilityName, VisibilityTable, VisibilityField, VisibilityValue, ChildName, VisibilityElementStockRequired, VisibilityElementCheckAssortment, NoOfSplit, IsPresent, VisibilityNotExistCamera, PVisNAImage, VisibilityExistReasonEnable, VisibilityNotExistReasonEnable, ReasonId, Reason, VisibilityImage1, VisibilityImage2, Remark, VisibilityImage1Lable, VisibilityImage2Lable, isStoreSpecific, REASON_REMARK } = data;
+                        let obj = {};
+
+                        // if(i==0){
+                        //     isSpecificKPI=isStoreSpecific;
+                        // }
+                        let isStockReq = (VisibilityElementStockRequired == 'true' || VisibilityElementStockRequired == 1) ? 1 : 0;
+                        let isCheckAssrt = (VisibilityElementCheckAssortment == 'true' || VisibilityElementCheckAssortment == 1) ? 1 : 0;
+                        let isNaCamAvl = (VisibilityNotExistCamera == 'true' || VisibilityNotExistCamera == 1) ? 1 : 0;
+                        let isReasonEnable = (VisibilityExistReasonEnable == 'true' || VisibilityExistReasonEnable == 1) ? 1 : 0;
+                        let isNAReasonEnable = (VisibilityNotExistReasonEnable == 'true' || VisibilityNotExistReasonEnable == 1) ? 1 : 0;
+                        let isImage1 = (VisibilityImage1 == 'true' || VisibilityImage1 == 1) ? 1 : 0;
+                        let isImage2 = (VisibilityImage2 == 'true' || VisibilityImage2 == 1) ? 1 : 0;
+
+
+                        obj['MID'] = MID;
+                        obj['Mer_MId'] = MerMID;
+                        obj['UserId'] = UserId;
+                        obj['Store_Id'] = StoreId;
+                        obj['MenuId'] = MerMenuId;
+                        obj['VId'] = VId;
+                        obj['VisibilityDefinitionId'] = VisibilityDefinitionId;
+                        obj['VisibilityId'] = VisibilityId;
+                        obj['VisibilityTable'] = VisibilityTable;
+                        obj['VisibilityField'] = VisibilityField;
+                        obj['VisibilityValue'] = VisibilityValue;
+                        obj['ChildName'] = ChildName;
+                        obj['IsPresent'] = IsPresent;
+                        obj['VisibilityNotExistImage'] = isNaCamAvl == 1 ? PVisNAImage : '';
+                        obj['ReasonId'] = ReasonId;
+                        obj['Reason'] = Reason;
+                        obj['Remark'] = Remark != null ? Remark : '';
+                        // obj['ReasonRemark']=REASON_REMARK;
+
+
+                        if (IsPresent == 1 && parseInt(NoOfSplit) > 0) {
+                            console.log('add paid vis ')
+
+
+                            async function getWindowSplits() {
+                                let q2 = `select * from ${AppTables.VISAUDIT_IMAGES} where PVIS_HEADER_ID='${PVisHeaderId}' and  STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+
+                                let allWindowSplitImages = [];
+                                return new Promise((resolve, reject) => {
+                                    db.transaction(async function (txn) {
+
+                                        txn.executeSql(q2, [], async function (txn2, txnres3) {
+
+                                            if (txnres3.rows.length > 0) {
+                                                for (var j = 0; j < txnres3.rows.length; j++) {
+                                                    let splitItem = txnres3.rows.item(j);
+                                                    let { IMAGE1, IMAGE2 } = splitItem
+                                                    let obj1 = { 'Image1': (isImage1 == 1 && IMAGE1 != null ? IMAGE1 : ''), 'Image2': (isImage2 == 1 && IMAGE2 != null ? IMAGE2 : '') };
+                                                    obj1['VisibilityDefinitionId'] = VisibilityDefinitionId
+                                                    obj1['VisibilityId'] = VisibilityId
+                                                    obj1['MID'] = MID;
+                                                    obj1['VId'] = VId;
+                                                    // obj1['VisibilityImage1Lable']=VisibilityImage1Lable;
+                                                    // obj1['VisibilityImage2Lable']=VisibilityImage2Lable;
+
+                                                    allWindowSplitImages.push(obj1);
+                                                    if (isImage1 == 1 && IMAGE1 != null && IMAGE1 != '') {
+                                                        let imgPath = common_ImagePath + IMAGE1;
+                                                        let file = {
+                                                            uri: imgPath,
+                                                            type: 'image/jpeg',
+                                                            name: IMAGE1,
+                                                            filetype: 'image',
+                                                            folderName: 'AuditVisibilityImagesSup',
+                                                        }
+                                                        allKPIfiles.push(file);
+                                                    }
+                                                    if (isImage2 == 1 && IMAGE2 != null && IMAGE2 != '') {
+                                                        let imgPath = common_ImagePath + IMAGE2;
+                                                        let file = {
+                                                            uri: imgPath,
+                                                            type: 'image/jpeg',
+                                                            name: IMAGE2,
+                                                            filetype: 'image',
+                                                            folderName: 'AuditVisibilityImagesSup',
+                                                        }
+                                                        allKPIfiles.push(file);
+                                                    }
+
+                                                    if (j == txnres3.rows.length - 1) {
+                                                        console.log('all images added')
+                                                        resolve(allWindowSplitImages);
+                                                    }
+                                                }
+                                            }
+                                            else {
+                                                resolve(allWindowSplitImages);
+                                            }
+
+                                        }, function (txnE, txnerr) { console.log(txnerr); resolve(allWindowSplitImages); },);
+
+                                    });
+                                });
+                            }
+
+                            obj['VisiAuditSplitImages'] = await getWindowSplits();
+                        }
+
+                        if (IsPresent == 1) {
+
+                            async function getWindowQA() {
+
+
+                                let selectlist_q1 = ` DISTINCT  q.QUESTION_ID as VisibilityQuestionId,q.QUESTION_CODE as VisibilityQuestionCode,wq.VisibilityQuestionName,wq.QuestionType,wq.VQShowCamera,wq.VQCameraMandatory,wq.VQLengthValidationRequired,wq.VQMinimumChar,wq.VQMaximumChar,wq.VQDecimalPoint,wq.VQDateRangeMin,wq.VQDateRangeMax,wq.VQVoiceLengthInMinutes,wq.VQDefaultQuestionEnable,q.ANSWER as Answer,q.ANSWER_ID as AnswerId,q.MULTI_OPTIONS_IDS as multi_op_ids,q.IMAGE_ALLOW1 as VAShowCamera,q.IMAGE1 as Image1  `;
+                                // let join_q2=` inner join Mapping_VisibilityQuestion mq on mq.VisibilityQuestionId=wq.VisibilityQuestionId `;
+                                let join_q1 = ` inner join Sup_Master_VisibilityQuestion wq on wq.VisibilityQuestionId=q.QUESTION_ID `;                                
+                                let q3 = `select ${selectlist_q1} from ${AppTables.VISAUDIT_CHILD_DATA} q ${join_q1} where q.STORE_ID='${StoreId}' and q.VISIT_DATE='${d2}' and q.PVIS_HEADER_ID='${PVisHeaderId}' order by wq.VisibilityQuestionSequence  `;
+
+                                let allQAs = [];
+                                return new Promise((resolve, reject) => {
+                                    db.transaction(async function (txn) {
+                                        txn.executeSql(q3, [], async function (txn2, txnres3) {
+                                            console.log('getWindowQA PaidvisOne App:', txnres3.rows.length);
+                                            if (txnres3.rows.length > 0) {
+                                                for (var j = 0; j < txnres3.rows.length; j++) {
+                                                    let QAData = txnres3.rows.item(j);
+                                                    let { VisibilityQuestionId, AnswerId, Answer, VAShowCamera, Image1 } = QAData
+                                                    let showImage1 = (VAShowCamera == 'true' || VAShowCamera == 1) ? 1 : 0;
+                                                    let obj1 = {};
+                                                    obj1['MID'] = MID;
+                                                    obj1['VisibilityDefinitionId'] = VisibilityDefinitionId
+                                                    obj1['VisibilityId'] = VisibilityId
+                                                    obj1['VisibilityQuestionId'] = VisibilityQuestionId
+                                                    obj1['AnswerId'] = AnswerId
+                                                    obj1['Answer'] = Answer
+                                                    obj1['VId'] = VId
+                                                    obj1['Image1'] = (showImage1 == 1 ? Image1 : '')
+
+                                                    allQAs.push(obj1);
+
+                                                    if (showImage1 == 1 && Image1 != null && Image1 != '') {
+                                                        let imgPath = common_ImagePath + Image1;
+                                                        let file = {
+                                                            uri: imgPath,
+                                                            type: 'image/jpeg',
+                                                            name: Image1,
+                                                            filetype: 'image',
+                                                            folderName: 'AuditVisibilityImagesSup',
+                                                        }
+                                                        allKPIfiles.push(file);
+                                                    }
+                                                    if (j == txnres3.rows.length - 1) {
+                                                        resolve(allQAs);
+                                                    }
+                                                }
+                                            }
+                                            else {
+                                                resolve(allQAs);
+                                            }
+
+                                        }, function (txnE, txnerr) { console.log('test', txnerr); resolve(allQAs); },);
+                                    });
+                                });
+                            }
+
+                            obj['QuestionAnswers'] = await getWindowQA();
+
+                            if (isStockReq == 1) {
+                                async function getWindowStock() {
+                                    return new Promise((resolve, reject) => {
+                                        let allStock = [];
+
+                                        let join_s1 = '';
+                                        if (isCheckAssrt) {
+                                            join_s1 = ` inner join Mapping_ProductAssortment a on a.ProductId=s.PVIS_STOCK_VALUE and a.StoreCategoryId='${StoreCategoryId}' and a.StoreClassId='${StoreClassId}'`;
+                                        }
+                                        let selectlist_s1 = `  s.PVIS_STOCK_DEFINITION_ID as VisibilityStockDefinitionId, s.PVIS_DEFINITION_ID as VisibilityDefinitionId,s.PVIS_STOCK_TABLE as VisibilityStockTable,s.PVIS_STOCK_FIELD as VisibilityStockField,s.PVIS_STOCK_VALUE as VisibilityStockValue,s.PVIS_STOCK_MBQ as VisibilityStockMBQ,s.PRODUCT_NAME as ProductName, s.STOCK as Stock,s.IS_PVIS_PRESENT as isPVisPresent `;
+                                        let q4 = `select ${selectlist_s1} from  ${AppTables.VISAUDIT_STOCK_DATA} s ${join_s1} where  s.STORE_ID='${StoreId}' and s.PVIS_HEADER_ID='${PVisHeaderId}' and s.VISIT_DATE='${d2}'  `;
+                                        if (isCheckAssrt) {
+                                            q4 += ` and a.StateId='${StateId}' `;
+                                        }
+                                        q4 += ` order by s.PRODUCT_NAME `;
+
+
+                                        db.transaction(async function (txn) {
+
+                                            txn.executeSql(q4, [], async function (txn2, txnres3) {
+                                                if (txnres3.rows.length > 0) {
+                                                    for (var j = 0; j < txnres3.rows.length; j++) {
+                                                        let SData = txnres3.rows.item(j);
+                                                        let { VisibilityStockDefinitionId, VisibilityStockTable, VisibilityStockField, VisibilityStockValue, VisibilityStockMBQ, ProductName, Stock, isPVisPresent } = SData
+
+                                                        let obj1 = {};
+                                                        obj1['MID'] = MID;
+                                                        obj1['VisibilityDefinitionId'] = VisibilityDefinitionId
+                                                        obj1['VisibilityId'] = VisibilityId
+                                                        obj1['VisibilityStockDefinitionId'] = VisibilityStockDefinitionId
+                                                        obj1['VisibilityStockTable'] = VisibilityStockTable
+                                                        obj1['VisibilityStockField'] = VisibilityStockField
+                                                        obj1['VisibilityStockValue'] = VisibilityStockValue
+                                                        obj1['VisibilityStockMBQ'] = VisibilityStockMBQ
+                                                        obj1['ProductName'] = ProductName
+                                                        obj1['VId'] = VId
+                                                        obj1['Stock'] = Stock != '' && Stock != null && Stock != "null" && Stock != "undefined" ? Stock : 0;
+                                                        obj1['isPVisPresent'] = isPVisPresent;
+                                                        // obj1['Specific']=isSpecificKPI;
+
+                                                        allStock.push(obj1);
+                                                        if (j == txnres3.rows.length - 1) {
+                                                            resolve(allStock);
+                                                        }
+                                                    }
+                                                }
+                                                else {
+                                                    resolve(allStock);
+                                                }
+
+                                            }, function (txnE, txnerr) { console.log(txnerr); resolve(allStock); },);
+
+                                        });
+                                    });
+                                }
+                                obj['StockData'] = await getWindowStock();
+                            }
+                            else {
+                                obj['StockData'] = [];
+                            }
+                        }
+                        else {
+                            obj['VisiAuditSplitImages'] = [];
+                            obj['QuestionAnswers'] = []
+                            obj['StockData'] = [];
+
+                        }
+
+                        allChilds.push(obj);
+                    }
+
+                    let upkName = 'VisiAuditOneAppSup';
+                    postData['MID'] = MID;
+                    postData['Keys'] = upkName;
+                    postData['JsonData'] = JSON.stringify(allChilds);
+                    postData['UserId'] = UserId;
+
+
+                    console.log('VISIBILITYAUDIT postdata:', upkName, postData);
+                    resolve({ 'Files': allKPIfiles, 'PostData': postData });
+                }
+                else {
+                    resolve({ 'PostData': postData });
+                }
+            }, function (txnE, txnerr) { console.log(txnerr); resolve({ 'PostData': postData }); },);
+
+        });
+    }).then((val) => {
+        return val;
+    }).catch((err) => {
+        console.log(err);
+        return postData;
+    });
+}
+
+
+export async function UploadDataWithoutWait(storeData, postData, KPIname, url) {
+    return await UploadData2(url, postData)
+        .then((res) => {
+            if (res.UploadJsonResult != null && res.UploadJsonResult == 'Success') {
+                console.log("Uploading-Status", KPIname + "---" + res.UploadJsonResult);
+                return true;
+            }
+            return false;
+        })
+        .catch((err) => {
+            console.log(err);
+            return false;
+        });
+
+}
+
+export async function UploadImagesWithoutWait(postData, url) {
+    console.log('urldata', url, JSON.stringify(postData));
+    return await UploadFormData(url, postData)
+        .then((res) => {
+            console.log('test:', res);
+            if (typeof res == 'object' && res.error != null) {
+                return false;
+            }
+            else if (res.includes('Success')) {
+                console.log('image uploaded');
+                return true;
+            }
+            return false;
+        })
+        .catch((err) => {
+            console.log(err);
+            return false;
+        });
+
+}
+
+// export async function uploadAllData(props, storeData, allKPIs = [], UserId, JCP_TYPE, allow_DataUpload = true, MenuList = []) {
+//     const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+
+//     let allUploaded = false, uploadedCount = 0;
+//     let allfiles = [];
+//     console.log('allKPIs to upload:00000', allKPIs);
+//     console.log('allKPIs to upload:', MenuList);
+//     return await Promise.all(
+//         allKPIs.map(async (item, index) => {
+//             let MenuObj = (MenuList?.find((i) => (i.ScreenName == item?.KPI && i.MenuId == item?.MenuId))) || {}
+//             //console.log("MenuObj-----", MenuObj, name, MenuList)
+//             let res = await getUploadData(storeData, item, UserId, MenuObj);
+//             let KPIfiles = res.Files || [];
+//             console.log('KPIfiles len:', KPIfiles.length)
+
+//             async function mergeFiles() {
+//                 return new Promise((resolve, reject) => {
+//                     if (KPIfiles.length > 0) {
+//                         for (var i = 0; i < KPIfiles.length; i++) {
+//                             let file = KPIfiles[i];
+//                             allfiles.push(file);
+//                             if (i == KPIfiles.length - 1) {
+//                                 resolve(true);
+//                             }
+//                         }
+//                     }
+//                     else {
+//                         resolve(true);
+//                     }
+//                 });
+//             }
+//             let ismerged = await mergeFiles();
+//             console.log('ismerged:', ismerged, allfiles.length)
+//             if (typeof res == 'object' && res != false) {
+//                 if (allow_DataUpload == true) {
+//                     let isUploaded = await UploadDataWithoutWait(storeData, res.PostData, item?.KPI, url);
+//                     console.log('isUploaded:', item?.KPI, ',:', isUploaded, "calleeddd");
+//                     if (isUploaded == true) {
+//                         uploadedCount++;
+//                     }
+//                 }
+//                 else {
+//                     uploadedCount++;
+//                 }
+
+//                 if (uploadedCount == allKPIs.length) {
+//                     console.log('allUploaded');
+//                     allUploaded = true;
+
+//                     if (allow_DataUpload == true) {
+//                         let tbname = JCP_TYPE;
+//                         // all data uploaded, Now update status D
+//                         await uploadStoreStatus(props, storeData, 'D', tbname);
+//                     }
+//                     // props.updateStoreStatuslocal?await props.updateStoreStatuslocal('D',storeData):'';
+//                     // await uploadAllImages(props,storeData,allfiles,tbname);
+//                     console.log('allfiles:', allfiles.length)
+//                     return allfiles;
+//                 }
+//             }
+//             else {
+//                 return [];
+//             }
+//         })
+//     ).then((val) => {
+//         return allfiles;
+//     });
+// }
+
+// 🔐 FUNCTION LEVEL LOCK (VERY IMPORTANT)
+const uploadedStoreSet = new Set();
+
+export async function uploadAllData(
+  props,
+  storeData,
+  allKPIs = [],
+  UserId,
+  JCP_TYPE,
+  allow_DataUpload = true,
+  MenuList = [],
+  isManualUpload = false
+) {
+  const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+  console.log("storeData-->",storeData)
+  const storeKey = `${storeData?.StoreId}_${storeData?.MID}`;
+
+  // ❌ STOP DUPLICATE FUNCTION CALL
+  if (!isManualUpload && uploadedStoreSet.has(storeKey)) {
+    console.warn('⛔ uploadAllData already executed for store:', storeKey);
+    return [];
+  }
+ // uploadedStoreSet.add(storeKey);
+
+  if (!isManualUpload) {
+  uploadedStoreSet.add(storeKey);
+}
+
+  let uploadedCount = 0;
+  let allfiles = [];
+
+  // ✅ REMOVE DUPLICATE KPI (KPI NAME BASIS)
+//   const uniqueKPIs = allKPIs.filter(
+//     (obj, index, self) =>
+//       index === self.findIndex(t => t.KPI === obj.KPI)
+//   );
+
+const uniqueKPIs = allKPIs.filter(
+  (obj, index, self) =>
+    index === self.findIndex(
+      t => t.KPI === obj.KPI && t.MenuId === obj.MenuId
+    )
+);
+
+
+  console.log('✅ Unique KPIs:', uniqueKPIs);
+
+  // ✅ SEQUENTIAL UPLOAD (NO Promise.all)
+  for (const item of uniqueKPIs) {
+
+    let MenuObj =
+      MenuList?.find(
+        i => i.ScreenName === item?.KPI && i.MenuId === item?.MenuId
+      ) || {};
+
+    const res = await getUploadData(
+      storeData,
+      item.KPI,
+      UserId,
+      MenuObj
+    );
+
+    if (!res || typeof res !== 'object') continue;
+
+    // 🔹 Merge files
+    if (Array.isArray(res.Files) && res.Files.length > 0) {
+      allfiles.push(...res.Files);
+    }
+
+    // 🔹 Upload data
+    if (allow_DataUpload === true) {
+      const isUploaded = await UploadDataWithoutWait(
+        storeData,
+        res.PostData,
+        item.KPI,
+        url
+      );
+
+      if (isUploaded === true) {
+        uploadedCount++;
+      }
+    } else {
+      uploadedCount++;
+    }
+  }
+
+  // ✅ UPDATE STORE STATUS ONLY ONCE
+  if (uploadedCount === uniqueKPIs.length && allow_DataUpload === true) {
+    await uploadStoreStatus(props, storeData, 'D', JCP_TYPE);
+  }
+
+  console.log('✅ Final uploaded files:', allfiles.length);
+  return allfiles;
+}
+
+
+
+
+export async function uploadStoreStatus(props, storeData, Status, tbname) {
+    let { MID, StoreId, MerchandiserId } = storeData;
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    // let pdata={
+    //     "Mid":MID,
+    //     "Status":Status,
+    // };
+    let pdata = {
+        "UserId": (props.UserId || ''),
+        "StoreId": storeData.StoreId,
+        "MerchandiserId": MerchandiserId,
+        "VisitDate": d2,
+        "Status": Status,
+    }
+    const url2 = props.baseurl + getMethodName(METHODS.STORECOVERAGE_STATUS_METHOD);//+getMethodName(METHODS.COVERAGESTATUS_DETAIL_METHOD);
+    console.log('pdata', pdata)
+    console.log('url2', url2)
+
+    return await UploadData2(url2, pdata)
+        .then(async (res) => {
+            console.log('status uploadres:', res);
+            if (!res.error) {
+                let datan1 = { StoreId: storeData.StoreId, UploadStatus: Status, tbname: tbname, EmpId: MerchandiserId };
+                console.log('datan1:', datan1);
+                let isUpdated = await UpdateStoreStatus(props, datan1);
+                console.log('isUpdated:', isUpdated);
+                if (isUpdated == true) {
+                    return true;
+                }
+                else {
+                    return true;
+                }
+
+            }
+
+        })
+        .catch((err) => {
+            console.log(err);
+            return false;
+        });
+}
+
+export async function uploadAllImages(props, storeData, allfiles = [], tbname, loc, UpdateUploadCountLocal = () => { }, previousDayUpload = false) {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let uploadCount = 0;
+    const url = (props.imageUploadUrl || URL_IMAGE) + getMethodName(METHODS.UPLOADIMAGES_METHOD);
+
+    var isAllUploaded = false;
+    if (allfiles.length > 0) {
+        return await Promise.all(
+            allfiles.map(async (file, i) => {
+                let index = i;
+                let actualfilepath = 'file://' + file.uri;
+                console.log('actualfilepath---->', actualfilepath);
+
+                let isExists = await RNFS.exists(actualfilepath).then((res) => { return res; });
+                console.log('isExists file', isExists);
+                if (isExists == false) {
+                    uploadCount++;
+                    if (index == allfiles.length - 1) {
+                        if (uploadCount == allfiles.length) {
+                            // if(uploadCount==allfiles.length){
+                            if (tbname == '') {
+                                // do nothing
+                            }
+                            else if (tbname == 'Sup_MasterDistributor') {
+                                await uploadDBStatus(props, storeData, 'U', tbname, loc);
+                            }
+                            else {
+                                await uploadStoreStatus(props, storeData, 'U', tbname);
+                            }
+                            isAllUploaded = true;
+                            // }
+                        }
+                    }
+                    return true;
+                }
+                let postData = new FormData();
+                postData.append('file', {
+                    uri: actualfilepath,
+                    type: file.type,//mime.getType(actualfilepath),
+                    name: file.name,
+                });
+
+                postData.append('Foldername', file.folderName);
+                postData.append('Path', d2);
+
+                let isImageUploaded = await UploadImagesWithoutWait(postData, url);
+                if (isImageUploaded == true) {
+                    console.log('isExists file uploaded', isExists);
+                    uploadCount++;
+
+                    // await RNFS.unlink(actualfilepath);
+                    console.log('isExists file not u12:', actualfilepath);
+                    let isExists = await RNFS.exists(actualfilepath)
+                    console.log('isExists file not u123:', actualfilepath, isExists);
+                    if (isExists) {
+                        await RNFS.unlink(actualfilepath);
+                    }
+                } else {
+                    console.log('isExists file not u:', isExists, actualfilepath);
+                }
+
+                if (index == allfiles.length - 1) {
+                    console.log('all images uploaded', allfiles.length, uploadCount);
+                    // props.updateStoreStatuslocal?await props.updateStoreStatuslocal('U',storeData):'';
+                    if (uploadCount == allfiles.length) {
+                        if (tbname == '') {
+                            // do nothing
+                        }
+                        else if (tbname == 'Sup_MasterDistributor') {
+                            await uploadDBStatus(props, storeData, 'U', tbname, loc);
+                        }
+                        else {
+                            await uploadStoreStatus(props, storeData, 'U', tbname);
+                        }
+                    }
+                    isAllUploaded = true;
+
+                }
+
+                return (isImageUploaded || false);
+            })
+        ).then((val) => {
+            console.log('uploadAllImages responce--->', val);
+            return isAllUploaded;
+        })
+            .catch((err) => {
+                console.log('ERROR upload', err);
+                return false;
+            })
+
+    }
+    else {
+        let isupdatedU = false;
+        if (tbname == '') {
+            // do nothing
+        }
+        else if (tbname == 'Sup_MasterDistributor') {
+            isupdatedU = await uploadDBStatus(props, storeData, 'U', tbname);
+        }
+        else {
+            isupdatedU = await uploadStoreStatus(props, storeData, 'U', tbname);
+        }
+        console.log('on no files found to upload , isupdated::', isupdatedU);
+
+        return true;
+    }
+}
+
+export async function uploadAllVisitors(props, allVisitors) {
+    console.log('uploadAllVisitors');
+    return await Promise.all(
+        allVisitors.map(async (item, index) => {
+            let isuploaded = await uploadVisitor(props, item);
+            if (isuploaded == true) {
+                return true;
+            }
+            return false
+        })
+    ).then((val) => {
+        if (val.indexOf(false) >= 0) return false;
+        else return true;
+    }).catch((err) => {
+        return [];
+    });
+}
+
+export async function uploadVisitor(props, item) {
+    let d2 = moment().format('MM/DD/YYYY');
+    const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+    let { IN_TIME_IMAGE, OUT_TIME_IMAGE } = item;
+    let obj = {
+        "MID": 0,
+        "CreatedBy": props.UserId,
+        "EmpId": item.EMP_ID,
+        "VisitDate": d2,
+        "InTimeImage": item.IN_TIME_IMAGE,
+        "OutTimeImage": item.OUT_TIME_IMAGE,
+        "InTime": item.IN_TIME,
+        "OutTime": item.OUT_TIME
+    }
+    let postData = {
+        "MID": 0,
+        "Keys": "Visitor_Login",
+        "JsonData": JSON.stringify(obj),
+        "UserId": props.UserId,
+    };
+    let INIMAGE = '', OUTIMAGE = '';
+    if (IN_TIME_IMAGE != '' && IN_TIME_IMAGE != null) {
+        let imgPath = 'file://' + common_ImagePath + IN_TIME_IMAGE;
+        let file = {
+            uri: imgPath,
+            type: 'image/jpeg',
+            name: IN_TIME_IMAGE,
+            filetype: 'image',
+            folderName: 'VisitorLogin',
+        }
+        INIMAGE = file;
+    }
+
+    if (OUT_TIME_IMAGE != '' && OUT_TIME_IMAGE != null) {
+        let imgPath = 'file://' + common_ImagePath + OUT_TIME_IMAGE;
+        let file = {
+            uri: imgPath,
+            type: 'image/jpeg',
+            name: OUT_TIME_IMAGE,
+            filetype: 'image',
+            folderName: 'VisitorLogin',
+        }
+        OUTIMAGE = file;
+    }
+
+
+    return await UploadData2(url, postData)
+        .then(async (res) => {
+            console.log('res:', res);
+            if (res.UploadJsonResult != null && res.UploadJsonResult == 'Success') {
+
+                console.log('props.imageUploadUrl:', props.imageUploadUrl);
+                const url2 = (props.imageUploadUrl || URL_IMAGE) + getMethodName(METHODS.UPLOADIMAGES_METHOD);
+                let allImageUploaded = true;
+                if (INIMAGE != '') {
+                    let isExists = await RNFS.exists(INIMAGE.uri).then((res) => { return res; });
+                    console.log('isExists file', isExists);
+                    if (isExists == true) {
+                        let fileData = getImagePOSTData(INIMAGE, d2);
+                        let isImageUploaded = await UploadImagesWithoutWait(fileData, url2);
+                        if (isImageUploaded == false) {
+                            allImageUploaded = false;
+                        }
+                    }
+                }
+                if (OUTIMAGE != '') {
+                    let isExists = await RNFS.exists(OUTIMAGE.uri).then((res) => { return res; });
+                    console.log('isExists file', isExists);
+                    if (isExists == true) {
+                        let fileData = getImagePOSTData(OUTIMAGE, d2);
+                        let isImageUploaded = await UploadImagesWithoutWait(fileData, url2);
+                        if (isImageUploaded == false) {
+                            allImageUploaded = false;
+                        }
+                    }
+                }
+                if (allImageUploaded == true) {
+                    console.log('all Visitor image uploaded');
+                    return await updateVLUploadStatus(item);
+                }
+                else {
+                    return false;
+                }
+
+            }
+        })
+        .catch((err) => {
+            console.log(err); return false;
+        });
+
+}
+
+export function getImagePOSTData(file, d2) {
+    let actualfilepath = file.uri;
+    let fileData = new FormData();
+    fileData.append('file', {
+        uri: actualfilepath,
+        type: file.type,//mime.getType(actualfilepath),
+        name: file.name,
+    });
+
+    fileData.append('Foldername', file.folderName);
+    fileData.append('Path', d2);
+    return fileData;
+}
+
+async function updateVLUploadStatus(item) {
+    let d2 = moment().format('MM/DD/YYYY');
+    return new Promise((resolve, reject) => {
+        db.transaction(async function (txn) {
+            let q = `Update ${AppTables.VISITOR_LOGIN} SET UPLOADSTATUS='U' WHERE EMP_CODE='${item.EMP_CODE}' AND VISIT_DATE='${d2}'`;
+            await txn.executeSql(q, [], async function (txn2, txnres) {
+                console.log('Visitor Status Updated');
+                resolve(true);
+            }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+
+        });
+    }).then((val) => {
+        return val;
+    }).catch((err) => {
+        console.log(err);
+        return false;
+    });
+}
\ No newline at end of file
diff --git a/src/controller/functions.js b/src/controller/functions.js
new file mode 100644
index 0000000..be4c610
--- /dev/null
+++ b/src/controller/functions.js
@@ -0,0 +1,1079 @@
+import React from 'react';
+import { fixedurl, baseurl, version, db, OQAD_TimeConst, OQAD_TimeConstimeConst } from '../constants/constants';
+import Marker, { ImageFormat, Position } from 'react-native-image-marker';
+import moment from 'moment';
+import { notify } from '../components/notify';
+import { AppTables, Table_Structure } from '../constants/tableConstants';
+import { Dimensions, Platform } from 'react-native';
+import ImageResizer from 'react-native-image-resizer';
+import { get_item } from '../components/localStorage';
+import ImageMarkText from '../components/ImageMarkText';
+import * as RNFS from 'react-native-fs';
+
+export async function getProjectData(pid) {
+  let post_data = { "ProjectCode": pid, "AppName": "Manager" }
+  return await fetch(fixedurl, {
+    method: 'post',
+    headers: {
+      Accept: 'application/json',
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(post_data),
+  })
+    .then(response => {
+      return response.json();
+    })
+    .then(res => {
+      // console.log("project datares",res);
+      let appdata = res.GetAppSetting || [];
+      let appdata1 = appdata.length > 0 ? appdata[0] : {};
+      appdata1.success = true;
+      return appdata1;
+    })
+    .catch(err => {
+      console.log('getProjectData error', err);
+      return { success: false };
+    });
+}
+
+export async function login(url, indata) {
+  const pdata = JSON.stringify({
+    UserName: indata.un,
+    Password: indata.pass,
+    Intime: indata.Intime,
+    Latitude: indata.lat,
+    Longitude: indata.lng,
+    Appversion: version,
+    Attmode: '0',
+    Networkstatus: '0',
+    Manufacturer: indata.manufacturer,
+    ModelNumber: indata.model,
+    OSVersion: indata.os,
+    IMEINumber1: indata.imeiNo1,
+    IMEINumber2: indata.imeiNo2,
+  });
+
+  console.log(pdata);
+
+
+  return await fetch(url, {
+    method: 'post',
+    headers: {
+      'Accept': 'application/json',
+      'Content-Type': 'application/json',
+    },
+    body: pdata,
+  })
+    .then(response => {
+      return response.json();
+    })
+    .then(res => {
+      let resdata = JSON.parse(res);
+
+      if (resdata.DeviceLoginSup != null) {
+        resdata = resdata.DeviceLoginSup.length > 0 ? resdata.DeviceLoginSup[0] : {};
+        resdata.success = true;
+      } else {
+        resdata = { success: false, error: 'Invalid username or password' };
+      }
+      return resdata;
+    })
+    .catch(err => {
+      console.log('login error', err);
+      let networkErr = true;
+      return { success: false, error: err, networkErr: networkErr };
+    });
+}
+
+export async function getDownloadJson(url, indata) {
+  let postdata = {
+    Downloadtype: indata.Downloadtype,
+    Username: indata.username,
+    Param1: indata.empid,
+    Param2: indata?.storeWisePjp ? 1 : 0,
+  };
+  console.log('postdata==>', url, postdata);
+  return await fetch(url, {
+    method: 'post',
+    headers: {
+      Accept: 'application/json',
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(postdata),
+  })
+    .then(response => {
+      // console.log('response',response)
+      return response.json();
+    })
+    .then((res) => {
+      console.log('res', res);
+      let resd = JSON.parse(res);
+      return resd;
+    })
+    .catch(err => {
+      console.log('getdashboard error', err);
+      return { success: false };
+    });
+}
+
+export async function getDownloadJson12(url, postdata) {
+  return await fetch(url, {
+    method: 'post',
+    headers: {
+      Accept: 'application/json',
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(postdata),
+  })
+    .then(response => {
+      return response.json();
+    })
+    .then((res) => {
+      // console.log('res',res);
+      if (url.includes('api1.parinaam.in')) {
+        var resd = res;
+      }
+      else {
+        let colname = res.replace(/[$$]/g, ' ').replace(/Percent/g, '%');
+        var resd = JSON.parse(colname);
+      }
+
+      return resd;
+    })
+    .catch(err => {
+      console.log('getdashboard error', err);
+      return err;
+    });
+}
+
+export async function getDownloadJson1(url, postdata) {
+  return await fetch(url, {
+    method: 'post',
+    headers: {
+      Accept: 'application/json',
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(postdata),
+  })
+    .then(response => {
+      return response.json();
+    })
+    .then((res) => {
+      // console.log('res',res);
+      if (url.includes('api1.parinaam.in')) {
+        var resd = res;
+      }
+      else {
+        var resd = JSON.parse(res);
+      }
+
+      return resd;
+    })
+    .catch(err => {
+      console.log('getdashboard error', err);
+      return err;
+    });
+}
+
+export async function UploadData(url, indata) {
+  return await fetch(url, {
+    method: 'post',
+    headers: {
+      Accept: 'application/json',
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(indata),
+  })
+    .then(response => {
+
+      return response.json();
+    })
+    .then((res) => {
+      console.log('resjson:', typeof res);
+
+      if (typeof res === 'object' && res !== null) {
+        return res;
+
+      } else {
+
+        let resd = JSON.parse(res);
+
+        console.log('resjson:1', res);
+        return resd;
+      }
+
+    })
+    .catch(err => {
+      console.log('UploadData error', err);
+      return { success: false, error: err };
+    });
+}
+
+export async function UploadData2(url, indata) {
+  return await fetch(url, {
+    method: 'post',
+    headers: {
+      Accept: 'application/json',
+      'Content-Type': 'application/json; charset=utf-8',
+    },
+
+    body: JSON.stringify(indata),
+  })
+    .then(response => {
+      // console.log('myresp:',response)
+      return response.json();
+    })
+    .then((res) => {
+      return res;
+    })
+    .catch(err => {
+      console.log('UploadData error', err);
+      return { success: false, error: true };
+    });
+}
+
+export async function UploadFormData(url, formData) {
+  console.log('UploadFormData', url + JSON.stringify(formData))
+  return await fetch(url, {
+    method: 'post',
+    headers: new Headers({ 'Content-Type': 'multipart/form-data', }),
+    body: formData,
+  })
+    .then(response => {
+      // console.log('response',response);
+      return response.text();
+    })
+    .then((res) => {
+      console.log('res', res);
+      return res;
+    })
+    .catch(err => {
+      console.log('UploadData error', err);
+      return { success: false, error: err };
+    });
+}
+
+export async function DownloadData(props, { isDataDownloaded = false }) {
+  if (isDataDownloaded) {
+    return;
+  }
+  let d1 = new Date();
+  let today = moment(d1).format('MM/DD/YYYY');
+
+  return new Promise((resolve, reject) => {
+    db.transaction(async function (txn) {
+
+      function deletePrevData() {
+        console.log('deletePrevData');
+        // delete all previous data
+        let tables_keys = Object.keys(AppTables);
+        let app_index = 0;
+        for (const key in AppTables) {
+          txn.executeSql(`Delete from ${AppTables[key]} where ADDED_DATE!='${today}'`, [], function (txnd, txnresd) {
+            if (app_index == tables_keys.length - 1) {
+              resolve(true);
+            }
+            app_index++;
+          },
+            function (txn1, txnerr) {
+              console.log(txnerr);
+              if (app_index == tables_keys.length - 1) {
+                resolve(true);
+              }
+              app_index++;
+            });
+        }
+      }
+
+      for (const i in Table_Structure) {
+        const table = Table_Structure[i];
+        await txn.executeSql(table.SqlText, [],
+          function (txn2, txnres2) {
+            if (i == Table_Structure.length - 1) {
+              deletePrevData();
+            }
+          },
+          function (txn2, txnerr) {
+            console.log(txnerr);
+            if (i == Table_Structure.length - 1) {
+              deletePrevData();
+            }
+          }
+        );
+      }
+
+    });
+  }).catch((err) => {
+
+  })
+}
+
+export async function UpdateStoreStatus(props, data, callback = () => { }) {
+  let d1 = new Date();
+  let today = moment(d1).format('MM/DD/YYYY');
+
+  return new Promise((resolve, reject) => {
+
+    if (data != null && data.UploadStatus != null && data.UploadStatus != '') {
+      db.transaction(async function (txn) {
+
+        let { StoreId, UploadStatus, tbname, EmpId, STORE_ID } = data;
+
+        let q = `UPDATE ${tbname} SET UploadStatus='${UploadStatus}' WHERE StoreId='${StoreId || STORE_ID}' and MerchandiserId='${EmpId}' and VisitDate='${today}' `;
+        let q2 = `UPDATE ${AppTables.COVERAGE_DATA} SET STATUS='${UploadStatus}' WHERE STORE_ID='${StoreId || STORE_ID}' and EMP_ID='${EmpId}' and VISIT_DATE='${today}' `;
+
+        console.log("update store status q:", q);
+        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+          console.log('store status updated', UploadStatus,);
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+        console.log("update store status q:", q);
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('store status updated', UploadStatus,);
+          callback(txnres2);
+          resolve(true);
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+      });
+    }
+    else {
+      resolve(false);
+    }
+  }).then((val) => {
+    return val;
+  }).catch((err) => {
+    console.log(err);
+    return false;
+  });
+
+
+}
+
+export async function getKPIS(MenuList) {
+  let allKpis = [];
+
+  return Promise.all(
+    MenuList.map((item) => {
+      let ScreenName = item.ScreenName || "";
+      let MenuId = item.MenuId || 0;
+
+      switch (ScreenName) {
+        case "STOREAUDIT":
+          allKpis.push({ MenuId, KPI: "STOREAUDIT" });
+          return { MenuId, KPI: "STOREAUDIT" };
+
+        case "STOREPHOTO":
+          allKpis.push({ MenuId, KPI: "StorePhoto" });
+          return { MenuId, KPI: "StorePhoto" };
+
+        case "COMPVISI":
+          allKpis.push({ MenuId, KPI: "CompVis" });
+          return { MenuId, KPI: "CompVis" };
+
+        case "COMPPROMO":
+          allKpis.push({ MenuId, KPI: "CompPromo" });
+          return { MenuId, KPI: "CompPromo" };
+
+        case "VISIBILITYAUDIT":
+          allKpis.push({ MenuId, KPI: "VISIBILITYAUDIT" });
+          return { MenuId, KPI: "VISIBILITYAUDIT" };
+
+        case "POSSALE":
+          allKpis.push({ MenuId, KPI: "POSSALE" });
+          return { MenuId, KPI: "POSSALE" };
+
+        default:
+          return null;
+      }
+    })
+  ).then(() => {
+    return allKpis;
+  });
+}
+
+
+export async function getIf_UserIsManager(props) {
+  let loginInfo = await get_item('loginInfo');
+  let loginDetails = JSON.parse(loginInfo);
+  let designation = loginDetails.Designation != null ? loginDetails.Designation : '';
+
+  let ManagersList = props.SUP_ManagerDesigList != null && props.SUP_ManagerDesigList != "" && typeof props.SUP_ManagerDesigList == "string" ? props.SUP_ManagerDesigList.split(",") : [];
+  console.log("user designatio in DT:", designation, ManagersList, props.SUP_ManagerDesigList);
+  let userIsManager = designation != "" && designation != null && Array.isArray(ManagersList) && ManagersList.indexOf(designation) >= 0;
+  console.log("userIsManager:", userIsManager);
+  return userIsManager;
+}
+
+export async function getAttendNonWorkingRsns() {
+  let d1 = new Date();
+  let d2 = moment(d1).format('MM/DD/YYYY');
+  let token = await get_item('loginToken');
+  let loginInfo = await get_item('loginInfo');
+  const loginDetails = JSON.parse(loginInfo);
+
+  let nonWrkRsns = [];
+
+  return new Promise((resolve, reject) => {
+    db.transaction(async function (txn) {
+      let q = `SELECT * FROM Sup_NonWorkingReason where ShowAttendance='1'`;
+
+      await txn.executeSql(q, [], async function (txn2, txnres2) {
+        console.log('data len:', txnres2.rows.length);
+        if (txnres2.rows.length > 0) {
+          // show from local
+
+          for (var i = 0; i < txnres2.rows.length; i++) {
+            let sdata = txnres2.rows.item(i);
+            nonWrkRsns.push(sdata);
+            if (i == (txnres2.rows.length - 1)) {
+              resolve(nonWrkRsns);
+            }
+          }
+        }
+        else {
+          resolve(nonWrkRsns);
+        }
+      }, function (txn2, txnerr) { console.log(txnerr); resolve(nonWrkRsns); });
+    });
+  }).catch((err) => {
+    console.log(err);
+    return nonWrkRsns;
+  })
+
+}
+
+export function get_rowColSettings(colVal, colName, row) {
+
+  let res = { "color": '', "fontsize": "", "bold": 0 };
+  let gset_obj = row["Color"] != null && row["Color"] != null != '' ? (row["Color"]) : {};
+  if (Object.keys(gset_obj).length > 0 && colVal != null && colVal != '') {
+    let settings_Obj = gset_obj;
+
+    let color_obj = settings_Obj["colors"] != null && typeof settings_Obj["colors"] == 'object' ? settings_Obj["colors"] : {};
+    let column_settings = color_obj[colName] != null && color_obj[colName] != '' ? color_obj[colName] : [];
+
+    if (column_settings.length > 0) {
+      for (let i = 0; i < column_settings.length; i++) {
+        let colset_obj = column_settings[i];
+
+        // if min and max both is present
+        if (colset_obj["min"] != null && Math.round(colVal) >= colset_obj["min"] && colset_obj["max"] != null && Math.round(colVal) <= colset_obj["max"]) {
+
+          res = { "color": colset_obj.color, "fontsize": colset_obj.fontsize, "bold": colset_obj.bold };
+          return res;
+        }
+        // if only min is present
+        else if (colset_obj["min"] != null && Math.round(colVal) >= colset_obj["min"] && (colset_obj["max"] == null || colset_obj["max"] == '')) {
+
+          res = { "color": colset_obj.color, "fontsize": colset_obj.fontsize, "bold": colset_obj.bold };
+          return res;
+        }
+        // if only max is present
+        else if (colset_obj["max"] != null && Math.round(colVal) <= colset_obj["max"] && (colset_obj["min"] == null || colset_obj["min"] == '')) {
+
+          res = { "color": colset_obj.color, "fontsize": colset_obj.fontsize, "bold": colset_obj.bold };
+          return res;
+        }
+
+        if (i == column_settings.length - 1) {
+          console.log("end")
+          return res;
+        }
+      }
+    }
+    else {
+      return res;
+    }
+  }
+  else {
+    return res
+  }
+}
+
+const formatImagePath = (path) => {
+  if (Platform.OS === 'ios') {
+    return path.replace('file://', '');
+  }
+  return path;
+};
+
+
+export const marktext1 = async (text = '', imgurl = '', x = 50, y = 50) => {
+  if (imgurl != '' && text != '') {
+    const formattedImg = imgurl//"file:///private/var/mobile/Containers/Data/Application/16B5B2ED-8E45-44C0-A38B-CFC623F639A9/tmp/621C929F-CF0D-466C-B7FC-82373E05D013.jpg";
+
+    console.log("formattedImg--mt1", formattedImg, text);
+
+    return Marker.markText({
+      backgroundImage: {
+        src: formattedImg
+      },
+      watermarkTexts: [
+        {
+          text: text,
+          position: {
+            X: x,
+            Y: y
+          },
+          style: {
+            color: '#ff0000',
+            fontSize: 40,
+            textBackgroundStyle: {
+              type: 'stretchX',
+              paddingX: 30,
+              paddingY: 10,
+              color: 'transparent'
+            }
+          }
+        }
+      ],
+      scale: 1,
+      quality: 100,
+      maxSize: 2048,
+      saveFormat: 'jpg',
+    })
+      .then((res) => {
+        console.log("uri--mt1", res);
+        return { success: true, uri: res };
+      })
+      .catch((err) => {
+        console.log("err--wr", err);
+        return { success: false, error: err };
+      });
+  }
+  else {
+    return { success: false, imagenotfound: true };
+  }
+}
+
+// old code
+
+export const marktext2 = async (text = '', imgurl = '', imgWidth, imgHeight) => {
+  if (imgurl && text) {
+    try {
+      console.log("Original image URL:", imgurl);
+
+      // Normalize the URI for Android
+      let normalizedUri = imgurl;
+      if (Platform.OS === 'android') {
+        if (!imgurl.startsWith('file://') && !imgurl.startsWith('content://')) {
+          normalizedUri = 'file://' + imgurl;
+        }
+      }
+
+      console.log("Normalized URI:", normalizedUri);
+
+      // Check if file exists
+      const fileExists = await RNFS.exists(
+        Platform.OS === 'android' ? normalizedUri.replace('file://', '') : normalizedUri
+      );
+
+      if (!fileExists) {
+        console.log("File does not exist at path:", normalizedUri);
+        return { success: false, error: 'Image file not found' };
+      }
+
+      // Get file info to verify it's a valid image
+      const fileInfo = await RNFS.stat(
+        Platform.OS === 'android' ? normalizedUri.replace('file://', '') : normalizedUri
+      );
+      console.log("File info:", fileInfo);
+
+      const markerResult = await Marker.markText({
+        backgroundImage: {
+          uri: normalizedUri,
+          src: normalizedUri
+        },
+        watermarkTexts: [
+          {
+            text: text,
+            position: {
+              position: 'bottomLeft'
+            },
+            style: {
+              color: '#ff0000',
+              fontName: 'Arial-BoldItalicMT',
+              fontSize: 20,
+              textBackgroundStyle: {
+                type: 'stretchX',
+                paddingX: 30,
+                paddingY: 10,
+                color: '#fff'
+              }
+            }
+          }
+        ],
+        scale: 1,
+        quality: 100,
+        maxSize: 2048,
+        saveFormat: 'jpg',
+      });
+
+      console.log("Marker result:", markerResult);
+
+      // Continue with resizing...
+
+      let uri = Platform.OS == 'android' ? 'file://' + markerResult : markerResult;
+      // return {success:true,uri:uri};
+      return await ImageResizer.createResizedImage(uri, imgWidth, imgHeight, 'JPEG', 35, 0, null, false, { onlyScaleDown: true })
+        .then(response => {
+          let size = bytesToSize(response.size);
+          console.log('reduced filesize:', size);
+          // let fileparts= response.uri.split("/");
+          // let filename=fileparts[fileparts.length-1];
+          // let destPath1=RNFS.DownloadDirectoryPath+"/"+filename;
+          // RNFS.copyFile(response.uri,destPath1);
+          return { success: true, uri: response.uri };
+        })
+
+    } catch (err) {
+      console.log("Error in marktext2:", err);
+      return { success: false, error: err.message || err };
+    }
+  } else {
+    return {
+      success: false,
+      imagenotfound: !imgurl,
+      textnotfound: !text
+    };
+  }
+};
+
+
+
+
+export async function RestoreProjectInProps(props) {
+  // clear_item('firsttime');clear_item('islogin');clear_item('mpin');clear_item('loginToken');
+  if (props.baseurl == '' || props.baseurl == null || props.baseurl == undefined) {
+    let projectInfo = await get_item('projectInfo');
+    let projectCode = await get_item('projectCode');
+    let projectDetails = projectInfo != null ? JSON.parse(projectInfo) : {};
+
+    let pdata = getProjectInfo(projectDetails)
+    //set project info in global redux state
+    props.set_project(pdata);
+  }
+}
+
+export function getProjectInfo(projectDetails, projectCode, AppClearData) {
+  let imgurl = projectDetails.imageUploadURL != null ? projectDetails.imageUploadURL + '/' : '';
+  const pdata = {
+    pid: (projectCode || ''),
+    pname: (projectDetails.projectName || ''),
+    pcode: (projectDetails.ProjectCode || ''),
+    alldata: projectDetails,
+    baseurl: (projectDetails.baseURL || baseurl),
+    companylogo: (projectDetails.login_logo_Url || ''),
+    splashlogo: (projectDetails.splash_logo_Url || ''),
+    drawerlogo: (projectDetails.menu_top_logo || ''),
+    imageUploadUrl: imgurl,
+    GeoFenceEnable: (projectDetails.GeoFenceEnable_checkin != null && projectDetails.GeoFenceEnable_checkin == 1),
+    GeoFenceRadius: (projectDetails.GeoFenceRadius_checkin || 0),
+    GFEnable_checkout: (projectDetails.GeoFenceEnable_checkout != null && projectDetails.GeoFenceEnable_checkout == 1),
+    SUP_StorewisePJP: (projectDetails.SUP_StorewisePJP != null && projectDetails.SUP_StorewisePJP == 1),
+    GFRadius_checkout: (projectDetails.GeoFenceRadius_checkout || 0),
+    CheckOut_PhotoReq: projectDetails.PhotoRequired_Checkout,
+    OQAD_TimeOut: projectDetails.OQAD_TimeOut != null ? projectDetails.OQAD_TimeOut : OQAD_TimeConstimeConst,
+    SUP_ManagerDesigList: (projectDetails.SUP_ManagerDesigList || ""),
+    Clear_storage: AppClearData != null ? AppClearData : false,
+    DownloadKey: projectDetails.DownloadKey != null ? projectDetails.DownloadKey : '',
+    // DownloadKey: '',
+    
+    ShowDBPOSM: projectDetails.ShowDBPOSM != null ? projectDetails.ShowDBPOSM : false,
+    ShowNPND: projectDetails.ShowNPND != null ? projectDetails.ShowNPND : false,
+    ShowNPNDLabel: projectDetails.ShowNPNDLabel != null ? projectDetails.ShowNPNDLabel : false,
+    ShowImageAudit: projectDetails.ShowImageAudit != null ? projectDetails.ShowImageAudit : false,
+    Show_OldMTDReports: projectDetails.Show_OldMTDReports == 1 || projectDetails.Show_OldMTDReports == "true" ? true : false,
+    ShowDashboard: projectDetails.ShowDashboard == 1 || projectDetails.ShowDashboard == "true" ? true : false,
+    ManagerAppConfig: projectDetails.ManagerAppConfig != null && projectDetails.ManagerAppConfig,
+
+    // store search
+
+    ShowStoreSearch: projectDetails.ShowStoreSearch == 1 || projectDetails.ShowStoreSearch == "true" ? true : false,
+    ShowStoreSearchLabel: projectDetails.ShowStoreSearchLabel != null ? projectDetails.ShowStoreSearchLabel : '',
+
+
+  };
+  return pdata;
+}
+
+export function checkRange(lat1, lon1, lat2, lon2) {
+  var R = 6371; // km (change this constant to get miles)
+  var dLat = (lat2 - lat1) * Math.PI / 180;
+  var dLon = (lon2 - lon1) * Math.PI / 180;
+  var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
+    Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) *
+    Math.sin(dLon / 2) * Math.sin(dLon / 2);
+  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+  var d = R * c;
+  return Math.round(d * 1000);
+}
+
+
+export function cal_distance(lat1, lon1, lat2, lon2) {
+  var p = 0.017453292519943295;    // Math.PI / 180
+  var c = Math.cos;
+  var a = 0.5 - c((lat2 - lat1) * p) / 2 +
+    c(lat1 * p) * c(lat2 * p) *
+    (1 - c((lon2 - lon1) * p)) / 2;
+  R = 6371;// km
+  return Math.asin(Math.sqrt(a)) * 2 * R; //12742 miles
+}
+
+export function bytesToSize(bytes) {
+  var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+  if (bytes == 0) return '0 Byte';
+  var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
+  return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i];
+}
+
+export async function getKPIFields(menu1) {
+  return new Promise((resolve, reject) => {
+    db.transaction(async function (txn) {
+      let q = `select * from Mapping_MenuConfiguration_Sup where ScreenName='${menu1.ScreenName}'`;
+      await txn.executeSql(q, [], async function (txn2, txnres) {
+        if (txnres.rows.length > 0) {
+          let arr = [];
+          for (var i = 0; i < txnres.rows.length; i++) {
+            let data = txnres.rows.item(i);
+            let isenable = data.KPIFieldEnable == 'true' || data.KPIFieldEnable == 1 ? true : false;
+            data['KPIFieldEnable'] = isenable;
+            arr.push(data);
+            if (i == txnres.rows.length - 1) {
+              resolve(arr)
+            }
+          }
+        }
+        else {
+          resolve([])
+        }
+      }, function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+    });
+  }).then((val) => {
+    return val;
+  }).catch((err) => {
+    console.log(err);
+    return [];
+  });
+}
+
+export function validateNumber(val, type = '', showMsg = true) {
+  let isValid = true;
+  if (type == 'numeric' && val != '') {
+    let regex = new RegExp(/^\d+$/);
+    let isNUmeric = regex.test(val);
+    if (!isNUmeric) {
+      isValid = false;
+      if (showMsg) notify('Please enter whole numbers only', 'SHORT');
+    }
+  }
+  else if (type == 'decimal' && val != '') {
+    let regex = new RegExp(/^\d*\.?\d*$/);
+    let isNUmeric = regex.test(val);
+    if (!isNUmeric) {
+      isValid = false;
+      if (showMsg) notify('Please enter decimal numbers only', 'SHORT');
+    }
+  }
+  else if (type == 'text' && val != '') {
+    let regex = new RegExp(/^[a-zA-Z0-9\s_.-]*$/);
+    let isNUmeric = regex.test(val);
+    if (!isNUmeric) {
+      isValid = false;
+      if (showMsg) notify('Please enter only characters and digits', 'SHORT');
+    }
+  } else if (type.toLowerCase() == 'qrtext' && val != '') {
+    let regex = new RegExp(/^[a-zA-Z0-9@\s_.-\/:&$%#]*$/);
+    let isNUmeric = regex.test(val);
+    if (!isNUmeric) {
+      isValid = false;
+      if (showMsg) notify('Please enter only characters and digits', 'SHORT');
+    }
+
+  }
+
+  return isValid;
+}
+
+// add new
+
+export async function Add_metadataToImage(imgdata, TopText, BottomText, imgurl = '') {
+  return new Promise(async (resolve, reject) => {
+    console.log("start Add_metadataToImage RN: ", moment().format("MM/DD/YYYY HH:mm:ss"));
+    if (ImageMarkText != null && imgurl != '') {
+      let TextInfo = {
+        "text": TopText, "BottomText": BottomText,
+        "textStyle": {
+          "TopTextfontSize": parseInt(imgdata.width * 0.06), "TopText_x": parseInt(imgdata.width * 0.01), "TopText_y": parseInt((imgdata.width * 0.06) + 50),
+          "BottomTextfontSize": parseInt(imgdata.width * 0.03), "BottomText_x": parseInt(imgdata.width * 0.01), "BottomText_y": parseInt(imgdata.height + (imgdata.width * 0.03) + 30)
+        }
+      };
+      let ImgInfo = { src: imgurl, height: imgdata.height, width: imgdata.width, ExtendedHeight: imgdata.ExtendedHeight };
+      let url = await ImageMarkText.NativeImageMarkText(JSON.stringify(TextInfo), JSON.stringify(ImgInfo));
+
+      console.log(url, "URL--->")
+
+      console.log("end Add_metadataToImage RN: ", moment().format("MM/DD/YYYY HH:mm:ss"), url);
+      if (url != null && typeof url == 'string') {
+        // let fileparts= url.split("/");
+        // let filename=fileparts[fileparts.length-1];
+        // let destPath1=RNFS.DownloadDirectoryPath+"/"+filename;
+        // RNFS.copyFile(url,destPath1);
+        resolve({ success: true, "url": url });
+      }
+      else {
+        resolve({ success: false, "error": "Cannot add metdata!" });
+      }
+    }
+    else {
+      console.log("end Add_metadataToImage RN: ", moment().format("MM/DD/YYYY HH:mm:ss"));
+      resolve({ success: false, "error": "Native Module 'ImageMarkText' not found!" });
+    }
+  }).then((res) => {
+    return res;
+  }).catch((err) => {
+    console.log("err:", err);
+    return { success: false, error: err };
+  })
+
+}
+
+export async function restore_ImageWithMetaData(data, imgdata) {
+  let { destFilePath, imgurl, imgWidth, imgHeight, mark_text1, mark_text2 } = data
+  // do not append metadata for ios
+  if (Platform.OS == 'ios') {
+    let fileparts = destFilePath.split("/");
+    let filename = 'RES_' + fileparts[fileparts.length - 1];
+    let destPath1 = RNFS.ExternalStorageDirectoryPath + "/" + filename;
+    console.log('copy image from: ', destFilePath, ', to:', destPath1);
+    RNFS.copyFile(destFilePath, destPath1);
+    return true;
+  }
+  // add metadata
+  // let res_metadata=await Add_metadataToImage(imgdata,mark_text1,mark_text2);
+  // if(res_metadata.success && res_metadata.url!=null){
+  // let imgWithMetaDataUrl=res_metadata.url;
+
+
+
+  // cpoy to doownlload folder 
+
+  // let fileparts= destFilePath.split("/");
+  // let filename='ORG_'+fileparts[fileparts.length-1];
+  // let destPath2=RNFS.DownloadDirectoryPath+"/"+filename;
+  // console.log('copy org image from: ',imgurl,', to:',destPath2);
+  // RNFS.copyFile(imgurl,destPath2);
+
+  // resize file 
+  let resize_res = await resizeImage(imgurl, imgWidth, imgHeight);
+  if (resize_res.success) {
+    // add metadata
+    let resized_url = resize_res.uri != null && resize_res.uri != '' ? resize_res.uri.replace('file://', '') : '';
+    let resized_imgD = resize_res.imgData != null ? resize_res.imgData : {};
+    console.log("resized_url:", resized_url)
+    // required larger height of image for landscape image 
+    let ExtraSpace = 1.1; // portrait image  default 
+    if (resized_imgD.width > resized_imgD.height) {
+      // landscape image 
+      ExtraSpace = 1.2
+    }
+    let resized_imgData = { uri: resized_url, width: parseInt(resized_imgD.width), height: parseInt(resized_imgD.height), ExtendedHeight: parseInt(resized_imgD.height * ExtraSpace) };
+
+    let res_metadata = await Add_metadataToImage(resized_imgData, mark_text1, mark_text2, resized_url);
+
+    console.log(res_metadata, "res_metadata-->")
+
+    if (res_metadata.success && res_metadata.url != null) {
+      let imgWithMetaDataUrl = res_metadata.url;
+
+      let reducePixels_res = await reducePixels(imgWithMetaDataUrl, imgWidth, imgHeight);
+      if (reducePixels_res.success) {
+        await RNFS.unlink(imgurl); // delete local temp image created while we click an image
+        await RNFS.unlink(resized_url); // delete local temp image created by first resize image function
+        await RNFS.unlink(imgWithMetaDataUrl); // delete local temp image created by Add_metadataToImage function
+        let isExists = await RNFS.exists(destFilePath); //delete dest file if exists
+        if (isExists) { await RNFS.unlink(destFilePath); }
+        return await RNFS.moveFile(reducePixels_res.uri, destFilePath).then((res) => {
+          console.log('file restored to : ', destFilePath);
+          // copy image in download folder
+          // let fileparts= destFilePath.split("/");
+          // let filename='RES_'+fileparts[fileparts.length-1];
+          // let destPath1=RNFS.DownloadDirectoryPath+"/"+filename;
+          // console.log('copy image from: ',destFilePath,', to:',destPath1);
+          // RNFS.copyFile(destFilePath,destPath1);
+
+          return true;
+        }).catch((err) => {
+          console.log("err:", err);
+          return false;
+        });
+      }
+      else {
+        notify("Error while reducing pixels! " + (resize_res.error ? resize_res.error : ''));
+        return false;
+      }
+    }
+    else {
+      notify("Error while adding metadata in image!" + (res_metadata.error ? res_metadata.error : ''));
+
+      return true;
+    }
+  }
+  else {
+    notify("Error while resizing image! " + (resize_res.error ? resize_res.error : ''));
+    return false;
+  }
+
+}
+
+export const reducePixels = async (imgurl = '', imgWidth, imgHeight) => {
+
+  if (imgurl != '') {
+    // perform resize only whether imgWidth>1100 or imgHeight>1100
+    if (imgWidth > 1100 || imgHeight > 1100) {
+      // set max width and max height to 1100
+      return await ImageResizer.createResizedImage(imgurl, 1100, 1100, 'JPEG', 40, 0, null, false, { onlyScaleDown: true, mode: 'contain' })
+        .then(response => {
+          let size = bytesToSize(response.size);
+          console.log('after pixel reduce file size , w, h:', size, response.width, response.height);
+          return { success: true, uri: response.uri };
+        })
+        .catch((err) => {
+          console.log(err);
+          return { success: false, error: err };
+        });
+
+    }
+    else {
+      return { success: true, uri: imgurl };
+    }
+
+  }
+  else {
+    return { success: false, imagenotfound: true };
+  }
+}
+
+export const resizeImage = async (imgurl = '', imgWidth, imgHeight) => {
+  if (imgurl != '') {
+    return await ImageResizer.createResizedImage(imgurl, imgWidth, imgHeight, 'JPEG', 100, 0, null, false, { onlyScaleDown: true })
+      .then(response => {
+        let size = bytesToSize(response.size);
+        console.log('resizeImage: reduced filesize:', size);
+        return { success: true, uri: response.uri, imgData: response };
+      })
+      .catch((err) => {
+        console.log(err);
+        return { success: false, error: err };
+      });
+  }
+  else {
+    return { success: false, imagenotfound: true };
+  }
+}
+
+export async function UpdateDistributorStatus(props, data, callback = () => { }) {
+  let d1 = new Date();
+  let today = moment(d1).format('MM/DD/YYYY');
+
+  return new Promise((resolve, reject) => {
+
+    if (data != null && data.UploadStatus != null && data.UploadStatus != '') {
+      db.transaction(async function (txn) {
+
+        let { StoreId, UploadStatus, tbname } = data;
+
+        let q = `UPDATE ${tbname} SET UploadStatus='${UploadStatus}' WHERE DistributorId='${StoreId}' `;
+
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('distributor status updated', UploadStatus,);
+          callback(txnres2);
+          resolve(true);
+        }, function (Etxn, txnerr) { console.log(txnerr); resolve(false); });
+
+      });
+    }
+    else {
+      resolve(false);
+    }
+  }).then((val) => {
+    return val;
+  }).catch((err) => {
+    console.log(err);
+    return false;
+  });
+
+
+}
+
+export const useOrientation = (width, height) => {
+  // const dim=window;
+  let isPortrait = height >= width;
+  return isPortrait ? 'PORTRAIT' : 'LANDSCAPE';
+}
+
+
+export const useOrientation2 = (value) => {
+  // const dim=window;
+  let isPortrait = value == "LANDSCAPE-LEFT" || value == "LANDSCAPE-RIGHT";
+  return isPortrait ? 'LANDSCAPE' : 'PORTRAIT';
+}
+
+
+// export async function fetchProjectConfig(managerAppConfig) {
+//   try {
+//     let loginInfo = await get_item('loginInfo');
+//     const loginDetails = JSON.parse(loginInfo);
+
+//     const configData =
+//       typeof managerAppConfig === 'string'
+//         ? JSON.parse(managerAppConfig)
+//         : managerAppConfig;
+
+//     const configArray = configData?.ManagerAppConfig ?? [];
+
+//     const currentConfig = configArray.find(
+//       item =>
+//         item.Designation?.toLowerCase() ===
+//         loginDetails?.Designation?.toLowerCase()
+//     );
+
+//     return currentConfig?.StorewisePJP ?? 0;
+//   } catch (e) {
+//     console.log('fetchProjectConfig error', e);
+//     return 0;
+//   }
+// }
+
+export async function fetchProjectConfig(managerAppConfig) {
+  try {
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+
+    const configData =
+      typeof managerAppConfig === 'string'
+        ? JSON.parse(managerAppConfig)
+        : managerAppConfig;
+
+    const configArray = configData?.ManagerAppConfig ?? [];
+
+    const currentConfig = configArray.find(
+      item =>
+        item.Designation?.toLowerCase() ===
+        loginDetails?.Designation?.toLowerCase()
+    );
+
+    return {
+      StorewisePJP: currentConfig?.StorewisePJP ?? false,
+      StoreSearch: currentConfig?.StoreSearch ?? false,
+    };
+  } catch (e) {
+    console.log('fetchProjectConfig error', e);
+    return {
+      StorewisePJP: false,
+      StoreSearch: false,
+    };
+  }
+}
+
+   
diff --git a/src/data/Svcs_JSON-new.txt b/src/data/Svcs_JSON-new.txt
new file mode 100644
index 0000000..60014a7
--- /dev/null
+++ b/src/data/Svcs_JSON-new.txt
@@ -0,0 +1,171 @@
+=========================
+App Details Link - First screen
+
+[Fixed URL]
+https://api.parinaam.in/api/GetAppDetails
+
+inputJSON
+---------
+{
+"ProjectCode":28281
+}
+
+Output JSON
+-----------
+[
+    {
+        "projectID": 1,
+        "projectName": "AbbottMNANC",
+        "description": "AbbottMNANC",
+        "activationStatus": true,
+        "ProjectCode": "28281",
+        "color_Dark": "#ffffff",
+        "color_Light": "#ffffff",
+        "text_Color_onDark": "#ffffff",
+        "text_Color_onLight": "#ffffff",
+        "text_Color_onWhite": "#ffffff",
+        "splash_logo_Url": "https://an.parinaam.in/images/abbottlogoold.png",
+        "login_logo_Url": "https://an.parinaam.in/images/abbottlogoold.png",
+        "forget_Password_on_LoginPage": true,
+        "menu_top_logo": "https://an.parinaam.in/images/abbottlogoold.png",
+        "baseURL": "https://An.parinaam.in/Webservice/Abbott_MnancService.svc/"
+    }
+]
+==========================
+
+
+
+
+
+
+==========================
+Login Service
+
+https://an.parinaam.in/Webservice/Abbott_MnancService.svc/Login
+
+Input JSON
+------------
+{
+        "UserName": "UserName",
+        "Password": "Password",
+        "Intime": "14:18:48",
+        "Latitude": 0,
+        "Longitude": 0,
+        "Appversion": "1.0",
+        "Attmode": "0",
+        "Networkstatus": "0",
+        "Manufacturer": "",
+        "ModelNumber": "",
+        "OSVersion": "",
+}
+
+
+
+Output Json will have status and Security Token. Save this security Token for sending with each data download Call.
+
+==========================
+
+
+
+
+==========================
+Download data Generic
+
+https://an.parinaam.in/Webservice/Abbott_MnancService.svc/DownloadJson
+
+
+
+Notice Board / Landing Page
+------------
+https://Anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/DownloadJson
+{
+      Downloadtype: "Notice_Board_Sup",
+      UserName: userInfoStore.getUserName(),
+      Param1: empid,
+      Param2: "",
+      SecurityToken: userInfoStore.getSecurityToken(),
+    };
+
+
+
+
+
+inputJSON - Supervisor Team List
+---------
+{
+      Downloadtype: "Sup_TeamList",
+      UserName: userInfoStore.getUserName(),
+      Param1: "",
+      Param2: "",
+      SecurityToken: userInfoStore.getSecurityToken(),
+}
+
+Output Json Will vary based on 'Downloadtype'
+=========================
+
+
+Store List
+------------
+https://Anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/DownloadJson
+{
+      Downloadtype: "Sup_JourneyPlan",
+      UserName: userInfoStore.getUserName(),
+      Param1: empid,
+      Param2: "",
+      SecurityToken: userInfoStore.getSecurityToken(),
+    };
+
+
+
+For Store Photos Screen - Category Drop down (Unique list from 'CategoryName' [To Upload 'CategoryID'])
+------------
+https://Anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/DownloadJson
+{
+      Downloadtype: "Master_Brand",
+      UserName: userInfoStore.getUserName(),
+      Param1: empid,
+      Param2: "",
+      SecurityToken: userInfoStore.getSecurityToken(),
+    };
+
+
+
+
+Abbott_Mnanc
+===================================
+1.)   https://anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/StoreCoverageSup
+
+{
+  "Mid": "0",
+  "StoreId": "3",
+  "EmpId": "3",
+  "VisitDate": "01\/06\/2022", 
+  "Latitude": "0",
+  "Longitude": "0",
+  "ReasonId": "0",
+  "Remark": "test",
+  "CheckInImage": "4_testsup_StoreImg-20211217-122541.jpg",
+  "CheckoutImage": "",
+  "AppVersion": "1.0",
+  "UserId": "testmer",
+  "UploadStatus": "I" ,
+  "SecurityToken" : "ACAAC716-DA37-49D0-8342-4549B5EF0EC220220106202706"
+}
+
+2.)     https://anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/StoreCoverageStatusSup
+
+{
+  "Mid": "6",
+  "Status": "I"
+}
+
+3.)   https://anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/StoreCheckOutSup
+
+{
+  "UserId": "testmer",
+  "EmpId": "3",
+  "StoreId": "3",
+  "Latitude": "0.0",
+  "Longitude": "0.0",
+  "Checkout_Date": "01/06/2022"
+}
\ No newline at end of file
diff --git a/src/data/Svcs_JSON.txt b/src/data/Svcs_JSON.txt
new file mode 100644
index 0000000..a6bb1f4
--- /dev/null
+++ b/src/data/Svcs_JSON.txt
@@ -0,0 +1,99 @@
+=========================
+App Details Link - First screen
+
+[Fixed URL]
+https://api.parinaam.in/api/GetAppDetails
+
+inputJSON
+---------
+{
+"ProjectCode":28281
+}
+
+Output JSON
+-----------
+[
+    {
+        "projectID": 1,
+        "projectName": "AbbottMNANC",
+        "description": "AbbottMNANC",
+        "activationStatus": true,
+        "ProjectCode": "28281",
+        "color_Dark": "#ffffff",
+        "color_Light": "#ffffff",
+        "text_Color_onDark": "#ffffff",
+        "text_Color_onLight": "#ffffff",
+        "text_Color_onWhite": "#ffffff",
+        "splash_logo_Url": "https://an.parinaam.in/images/abbottlogoold.png",
+        "login_logo_Url": "https://an.parinaam.in/images/abbottlogoold.png",
+        "forget_Password_on_LoginPage": true,
+        "menu_top_logo": "https://an.parinaam.in/images/abbottlogoold.png",
+        "baseURL": "https://An.parinaam.in/Webservice/Abbott_MnancService.svc/"
+    }
+]
+==========================
+
+
+
+
+
+
+==========================
+Login Service
+
+https://an.parinaam.in/Webservice/Abbott_MnancService.svc/Login
+
+Input JSON
+------------
+{
+        "UserName": "UserName",
+        "Password": "Password",
+        "Intime": "14:18:48",
+        "Latitude": 0,
+        "Longitude": 0,
+        "Appversion": "1.0",
+        "Attmode": "0",
+        "Networkstatus": "0",
+        "Manufacturer": "",
+        "ModelNumber": "",
+        "OSVersion": "",
+}
+
+
+
+Output Json will have status and Security Token. Save this security Token for sending with each data download Call.
+
+==========================
+
+
+
+
+==========================
+Download data Generic
+
+https://an.parinaam.in/Webservice/Abbott_MnancService.svc/DownloadJson
+
+inputJSON - Supervisor Team List
+---------
+{
+      Downloadtype: "Sup_TeamList",
+      UserName: userInfoStore.getUserName(),
+      Param1: "",
+      Param2: "",
+      SecurityToken: userInfoStore.getSecurityToken(),
+}
+
+Output Json Will vary based on 'Downloadtype'
+=========================
+
+
+Store List
+------------
+https://Anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/DownloadJson
+{
+      Downloadtype: "Sup_JourneyPlan",
+      UserName: userInfoStore.getUserName(),
+      Param1: empid,
+      Param2: "",
+      SecurityToken: userInfoStore.getSecurityToken(),
+    };
diff --git a/src/reducers/contextProvider.js b/src/reducers/contextProvider.js
new file mode 100644
index 0000000..ed3c283
--- /dev/null
+++ b/src/reducers/contextProvider.js
@@ -0,0 +1,92 @@
+import React from 'react';
+
+export const mapStateToProps = (state) => ({
+    projectID: state.projectR.projectID,
+    projectName:state.projectR.projectName,
+    projectCode: state.projectR.projectCode,
+    projectData:state.projectR.projectData,
+    baseurl:state.projectR.baseurl,  
+    DownloadKey:state.projectR.DownloadKey,
+    ShowDBPOSM:state.projectR.ShowDBPOSM,  
+    ShowNPND:state.projectR.ShowNPND, 
+    ShowImageAudit:state.projectR.ShowImageAudit, 
+    ManagerAppConfig:state.projectR.ManagerAppConfig,
+
+    ShowNPNDLabel:state.projectR.ShowNPNDLabel,
+
+    imageUploadUrl:state.projectR.imageUploadUrl,  
+    GeoFenceEnable:state.projectR.GeoFenceEnable,
+    GeoFenceRadius:state.projectR.GeoFenceRadius,
+    GFEnable_checkout:state.projectR.GFEnable_checkout,
+    SUP_StorewisePJP:state.projectR.SUP_StorewisePJP,
+    SUP_ManagerDesigList:state.projectR.SUP_ManagerDesigList,
+    GFRadius_checkout:state.projectR.GFRadius_checkout,
+    CheckOut_PhotoReq:state.projectR.CheckOut_PhotoReq,
+    
+    companylogo:state.projectR.companylogo, 
+    splashlogo:state.projectR.splashlogo,
+    drawerlogo:state.projectR.drawerlogo,
+
+    OQAD_TimeOut:state.projectR.OQAD_TimeOut,
+    islogin: state.sessionR.islogin,
+    firsttime: state.sessionR.firsttime,
+    securityToken:state.sessionR.securityToken,
+    mpin:state.sessionR.mpin,
+    sessionData:state.sessionR.sessionData,
+    UserId:state.sessionR.UserId,
+    session_name:state.sessionR.session_name,
+    DarkMode:state.themeR.DarkMode,
+    Clear_storage:state.projectR.Clear_storage,
+    PageTheme: state.themeR.PageTheme,
+    customStyle: state.themeR.customStyle,
+    globalStyle: state.themeR.globalStyle,
+    customeButtonStyle:state.themeR.customeButtonStyle,
+    ModalStyle:state.themeR.ModalStyle,
+    isDataDownloaded:state.globalR.isDataDownloaded,
+    startDownload:state.globalR.startDownload,
+    startUpload:state.globalR.startUpload,
+    isInternetAvailable:state.globalR.isInternetAvailable,
+    showConnChange:state.globalR.showConnChange,
+    AutoGoToPrev:state.globalR.AutoGoToPrev,
+    StaticText:state.globalR.StaticText,
+    isAttendanceMarked:state.globalR.isAttendanceMarked,
+    isEntryAllow:state.globalR.isEntryAllow,
+    AppDashboardReports:state.projectR.AppDashboardReports, // new
+    Show_OldMTDReports:state.projectR.Show_OldMTDReports,
+    ShowDashboard:state.projectR.ShowDashboard,
+
+    ShowStoreSearch:state.projectR.ShowStoreSearch, // store serach wise
+    ShowStoreSearchLabel:state.projectR.ShowStoreSearchLabel,
+
+    // StorePhotosDone:state.globalR.StorePhotosDone,
+});
+  
+ 
+export const mapDispatchToProps = (dispatch) => {
+    return {
+        get_project:()=>dispatch({type:'GETPROJECT'}),
+        set_project:(pdata)=>dispatch({type:'SETPROJECT',data:pdata}),
+        get_session:()=>dispatch({type:'GETSESSION'}),
+        set_session:(data)=>dispatch({type:'SETSESSION',data:data}),
+        set_project_config:(pdata)=>dispatch({type:'SETPROJECTCONFIG',data:pdata}),
+
+        set_DashboardReports:(data)=>dispatch({type:'SET_DASHBOARD_REPORTS',data:data}),
+        //
+        set_user_details:(data)=>dispatch({type:'SET_USER_DETAILS',data:data}),
+        set_mpin:(data)=>dispatch({type:'SET_MPIN',data:data}),
+        setTheme:(DarkMode)=>dispatch({type:'SET_THEME',DarkMode:DarkMode}),
+        setThemeStyles:(pT,cS,gS,mS,cbS)=>dispatch({type:'SET_THEME_STYLES',PageTheme:pT,customStyle:cS,globalStyle:gS,ModalStyle:mS,customeButtonStyle:cbS}),         
+        setGlobalData:(data)=>dispatch({type:'SET_GLOBAL_DATA',data:data}),
+        setAttendanceStatus:(data)=>dispatch({type:'SET_ATTENDANCE_STATUS',data:data}),
+        set_startDownload:(data)=>dispatch({type:'START_DOWNLOAD',data:data}),
+        set_startUpload:(data)=>dispatch({type:'START_UPLOAD',data:data}),
+        set_networkStatus:(data)=>dispatch({type:'SET_NETWORK',data:data}),
+        show_ConnChange:(data)=>dispatch({type:'SHOW_CONCHANGE',data:data}),
+        set_autoback:(data)=>dispatch({type:'AUTO_BACK',data:data}),
+        setStaticText:(data)=>dispatch({type:'SET_STATIC_TEXT',data:data}),
+        setLoginExists:(data)=>dispatch({type:'SET_LOGIN_EXISTS',data:data}),
+        setTodayDataExists:(data)=>dispatch({type:'SET_TODAY_DATA_EXISTS',data:data}),
+        
+        // setStorePhotosDone:(data)=>dispatch({type:'STORE_PHOTOS_DONE',data:data}),
+    }
+} 
\ No newline at end of file
diff --git a/src/reducers/darkmodeReducer.js b/src/reducers/darkmodeReducer.js
new file mode 100644
index 0000000..7b2b3a5
--- /dev/null
+++ b/src/reducers/darkmodeReducer.js
@@ -0,0 +1,15 @@
+import React from "react";
+
+const initialState = {
+    DarkMode: false
+};
+
+const darkmodeReducer = (state = initialState, action) => {
+    switch (action.type) {
+        case 'SET_THEME':
+            return { ...state, DarkMode: action.DarkMode };
+        default:
+            return state;
+    }4
+}
+export default darkmodeReducer;
\ No newline at end of file
diff --git a/src/reducers/globalDataReducer.js b/src/reducers/globalDataReducer.js
new file mode 100644
index 0000000..70bc632
--- /dev/null
+++ b/src/reducers/globalDataReducer.js
@@ -0,0 +1,42 @@
+import React from "react";
+
+const initialState = {
+    isDataDownloaded: false,
+    isAttendanceMarked:false,
+    isEntryAllow:false,
+    startDownload:false,
+    startUpload:false,
+    isInternetAvailable:true,
+    showConnChange:false,
+    AutoGoToPrev:false,
+    StaticText:{},
+};
+
+const globalDataReducer = (state = initialState, action) => {
+    switch(action.type) {
+        case 'SET_GLOBAL_DATA':
+            return {...state,isDataDownloaded:action.data.isDataDownloaded};  
+        case 'START_DOWNLOAD':
+            return {...state,startDownload:action.data.startDownload};  
+        case 'START_UPLOAD':
+            return {...state,startUpload:action.data.startUpload};  
+        case 'SET_NETWORK':
+            return {...state,isInternetAvailable:action.data?(action.data.isInternetAvailable?action.data.isInternetAvailable:false):false};  
+        case 'SHOW_CONCHANGE':
+            return {...state,showConnChange:action.data?(action.data.showConnChange?action.data.showConnChange:false):false};  
+        case 'AUTO_BACK':
+            return {...state,AutoGoToPrev:action.data?(action.data.AutoGoToPrev?action.data.AutoGoToPrev:false):false};  
+        case 'SET_STATIC_TEXT':
+            return {...state,StaticText:action.data?action.data:{}};  
+        case 'SET_ATTENDANCE_STATUS':
+                let d=action.data || {};
+                return {...state,isAttendanceMarked:d.isAttendanceMarked,isEntryAllow:(d.isEntryAllow!=null ?d.isEntryAllow:false)}; 
+        case 'SET_LOGIN_EXISTS':
+            return {...state,isTodayLoginExists:action.data?action.data:false}; 
+        case 'SET_TODAY_DATA_EXISTS':
+            return {...state,isTodayDataDownloaded:action.data?action.data:false}; 
+        default:
+            return state;
+    }
+}
+export default globalDataReducer;
\ No newline at end of file
diff --git a/src/reducers/projectReducers.js b/src/reducers/projectReducers.js
new file mode 100644
index 0000000..a6c43fd
--- /dev/null
+++ b/src/reducers/projectReducers.js
@@ -0,0 +1,62 @@
+import React from "react";
+import { OQAD_TimeConst } from "../constants/constants";
+
+const initialState = {
+    projectID: '',
+    projectName: "",
+    projectCode: "",
+    projectData:{},
+    baseurl:'',   
+    companylogo:'',
+    splashlogo:'',
+    drawerlogo:'',
+    imageUploadUrl:'',
+    GeoFenceEnable:false,
+    GeoFenceRadius:0,
+    GFEnable_checkout:false,
+    GFRadius_checkout:0,
+    CheckOut_PhotoReq:false,
+    OQAD_TimeOut:OQAD_TimeConst,
+    Clear_storage:false,
+    SUP_StorewisePJP:false,
+    ManagerAppConfig:"",
+    SUP_ManagerDesigList:"",
+    DownloadKey:'',
+    ShowDBPOSM:false,
+    ShowNPND:false,
+    ShowNPNDLabel:false,
+    ShowImageAudit:false,
+    AppDashboardReports:{}, // new
+    Show_OldMTDReports:true,
+    ShowDashboard:true,
+
+    ShowStoreSearch:false,
+    ShowStoreSearchLabel:false,
+
+};
+
+const projectReducer = (state = initialState, action) => {
+    switch(action.type) {
+        case 'GETPROJECT':
+            return {...state};
+        case 'SETPROJECT': 
+            const pdata=action.data || {}; 
+            let newstate={projectID:pdata.pid,projectName:pdata.pname,projectCode:pdata.pcode,projectData:pdata.alldata,baseurl:pdata.baseurl,companylogo:(pdata.companylogo || ''), splashlogo:(pdata.splashlogo || ''),drawerlogo:(pdata.drawerlogo || ''), imageUploadUrl:(pdata.imageUploadUrl || ''),imageUploadUrl:(pdata.imageUploadUrl || ''),
+            GeoFenceEnable:(pdata.GeoFenceEnable || false),GeoFenceRadius:(pdata.GeoFenceRadius || 0),GFEnable_checkout:(pdata.GFEnable_checkout || false),SUP_StorewisePJP:(pdata.SUP_StorewisePJP || false),ManagerAppConfig:(pdata.ManagerAppConfig || ""),GFRadius_checkout:(pdata.GFRadius_checkout || 0),CheckOut_PhotoReq:(pdata.CheckOut_PhotoReq!=null?pdata.CheckOut_PhotoReq:false),OQAD_TimeOut:(pdata.OQAD_TimeOut!=null?pdata.OQAD_TimeOut:OQAD_TimeConst),Clear_storage:(pdata.Clear_storage || false), 
+            SUP_ManagerDesigList:(pdata.SUP_ManagerDesigList || ""),DownloadKey:(pdata.DownloadKey!=null?pdata.DownloadKey:'') ,ShowDBPOSM:(pdata.ShowDBPOSM!=null?pdata.ShowDBPOSM:false),ShowNPND:(pdata.ShowNPND!=null?pdata.ShowNPND:false),
+            Show_OldMTDReports:(pdata.Show_OldMTDReports==1 || pdata.Show_OldMTDReports=="true"?true:false),
+            ShowDashboard:(pdata.ShowDashboard==1 || pdata.ShowDashboard=="true"?true:false),
+            ShowImageAudit:(pdata.ShowImageAudit!=null?pdata.ShowImageAudit:false) ,ShowStoreSearch:(pdata.ShowStoreSearch!=null?pdata.ShowStoreSearch:false),ShowStoreSearchLabel:(pdata.ShowStoreSearchLabel!=null?pdata.ShowStoreSearchLabel:'') ,ShowNPNDLabel:(pdata.ShowNPNDLabel!=null?pdata.ShowNPNDLabel:false)};   
+            
+            return Object.assign({},state,newstate);
+        case 'SETPROJECTCONFIG': 
+                const pdata2=action.data || {}; 
+                return {...state,SUP_StorewisePJP:(pdata2.SUP_StorewisePJP || false),};
+        case 'SET_DASHBOARD_REPORTS':
+            return {...state,AppDashboardReports:action.data};
+               
+        default:
+            return state;
+    }
+}
+export default projectReducer;
\ No newline at end of file
diff --git a/src/reducers/sessionReducer.js b/src/reducers/sessionReducer.js
new file mode 100644
index 0000000..b80e8e8
--- /dev/null
+++ b/src/reducers/sessionReducer.js
@@ -0,0 +1,27 @@
+import React from "react";
+
+const initialState = {
+    islogin: false,
+    securityToken:'',
+    firsttime:true,
+    mpin:'',
+    session_name:'',
+    sessionData:{},
+    UserId:'',
+};
+
+const sessionReducer = (state = initialState, action) => {
+    switch(action.type) {
+        case 'GETSESSION':
+            return {...state};
+        case 'SETSESSION':
+            return {...state,islogin:action.data.islogin,firsttime:action.data.firsttime,securityToken:action.data.securityToken,sessionData:action.data.sessionData,UserId:action.data.UserId};
+        case 'SET_USER_DETAILS':
+            return {...state,session_name:action.data.session_name};
+        case 'SET_MPIN':
+            return {...state,mpin:action.data.mpin};
+        default:
+            return state;
+    }
+}
+export default sessionReducer;
\ No newline at end of file
diff --git a/src/reducers/themeReducer.js b/src/reducers/themeReducer.js
new file mode 100644
index 0000000..eceb757
--- /dev/null
+++ b/src/reducers/themeReducer.js
@@ -0,0 +1,25 @@
+import React from "react"; 
+import {StatusBar,StyleSheet,} from 'react-native';
+
+const initialState = {
+    PageTheme: {},
+    customStyle: StyleSheet.create({}),
+    globalStyle: StyleSheet.create({}),
+    customeButtonStyle:StyleSheet.create({}),
+    ModalStyle:StyleSheet.create({}),
+    DarkMode:false,   
+};
+
+const themeReducer = (state = initialState, action) => {
+    switch(action.type) {
+        case 'GET_THEME':
+            return {...state};
+        case 'SET_THEME_STYLES':              
+            return {...state,PageTheme:action.PageTheme,customStyle:action.customStyle,globalStyle:action.globalStyle,ModalStyle:action.ModalStyle,customeButtonStyle:action.customeButtonStyle};
+        case 'SET_THEME':              
+            return {...state,DarkMode:action.DarkMode};        
+        default:
+            return state;
+    }
+}
+export default themeReducer;
\ No newline at end of file
diff --git a/src/screens/AddGateMeeting.js b/src/screens/AddGateMeeting.js
new file mode 100644
index 0000000..6a6f5ed
--- /dev/null
+++ b/src/screens/AddGateMeeting.js
@@ -0,0 +1,690 @@
+import React, { useState, useEffect } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { StatusBar, Image, TextInput, View, Text, ScrollView, TouchableOpacity, Platform, SafeAreaView } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import moment from 'moment';
+import { CustomPicker } from '../components/CustomPicker';
+import cameraImg from '../assets/performics/camera_front_image.svg'
+
+import CustomHeader from '../components/customHeader';
+import Svg, { SvgUri, SvgXml } from 'react-native-svg';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import * as RNFS from 'react-native-fs';
+import MultiSelect from 'react-native-multiple-select';
+import { notify } from '../components/notify';
+import { get_item } from '../components/localStorage';
+import { URL_IMAGE, common_ImagePath, db, resumeurl } from '../constants/constants';
+import { PrimaryTheme } from '../styles/Themes';
+import CustomCamera from '../components/Camera';
+import { FontAwesome, MaterialCommunityIcons } from '../components/icons';
+import { UploadData2, UploadFormData, getIf_UserIsManager, marktext1, marktext2, validateNumber } from '../controller/functions';
+import { ConfirmSaveAlert } from '../components/alert';
+import GradientButton from '../components/gradientButton';
+import { AppTables } from '../constants/tableConstants';
+import { getDevice } from 'react-native-device-info';
+import { UploadImagesWithoutWait, getImagePOSTData } from '../constants/uploadData';
+import { METHODS, getMethodName } from '../constants/methodNames';
+
+
+
+function AddGateMeeting(props) {
+  const route = useRoute();
+
+  const ST = props.StaticText || {};
+  let userid = props.UserId;
+  console.log('userod', props.sessionData.Designation);
+  // let Designation=props.sessionData.Designation;
+  // let textDesignation =''
+  //  console.log('Designation',Designation)
+  //  if(Designation=='Program Manager' || Designation=='Area Manager'){
+  //     textDesignation= 'Search Area Manager'
+  //  }
+
+
+  // get all theme styles acc to current theme set 
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const [showCamera, setShowCamera] = useState(false);
+  const [rerenderdata, setrerenderdata] = useState(0);
+
+  const [processing, setProcessing] = useState(false);
+  const [MerchandiserName, setMerchandiserName] = useState([]);
+  const [SupervisorName, setSupervisorName] = useState([]);
+
+
+  const [EmployeeName, setEmployeeName] = useState('');
+
+  const [EmployeeID, setEmployeeID] = useState('');
+  const [supName, setSupName] = useState('');
+
+  const [supID, setSupID] = useState('');
+
+  const [dispoint, setdispoint] = useState("");
+  const [image, setimage] = useState({});
+  const [getImageProps, setGetImageProps] = useState({});
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+  const [showRemoveConfirm_M, setshowRemoveConfirm_M] = useState(false);
+  const [toRemoveId, setToRemoveId] = useState('');
+  const [showRAllC_M, setShowRAllC_M] = useState(false);
+  const [DiscPoints, setDiscPoints] = useState([]);
+  const [showAlert, setShowAlert] = useState(false);
+  const [loaderTitle, setLoaderTitle] = useState('loading...');
+
+  const [selectedItems, setSelectedItems] = useState([]);
+  const [selectedItems1, setSelectedItems1] = useState([]);
+  const d1 = new Date();
+
+
+  const d2 = moment(d1).format('MM/DD/YYYY');
+
+  let userIsManager = getIf_UserIsManager(props);
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  async function getData() {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+
+    var q = `Select * from Sup_SupervisorList `;
+    var q2 = `Select * from Sup_TeamList `;
+    await db.transaction(async function (txn) {
+      await txn.executeSql(q, [], async function (txn2, txnres2) {
+        console.log('txnres2', q)
+
+        if (txnres2.rows.length > 0) {
+          // show from local
+          let employeeName = [];
+          for (var i = 0; i < txnres2.rows.length; i++) {
+            let data = txnres2.rows.item(i);
+            let windowDataObj = { 'EmpId': data.EmpId, 'EmployeeName': data.EmployeeName };
+            employeeName.push(windowDataObj)
+            if (i == (txnres2.rows.length - 1)) {
+              setSupervisorName(employeeName);
+              setProcessing(false);
+
+            }
+          }
+        }
+        else {
+          setProcessing(false); notify(ST.Nodatafound);
+        }
+      }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); notify(ST.Nodatafound); });
+    });
+
+    await db.transaction(async function (txn) {
+      await txn.executeSql(q2, [], async function (txn2, txnres2) {
+        console.log('txnres2', q2)
+
+        if (txnres2.rows.length > 0) {
+          // show from local
+          let employeeName = [];
+          for (var i = 0; i < txnres2.rows.length; i++) {
+            let data = txnres2.rows.item(i);
+            let windowDataObj = { 'EmpId': data.EmpId, 'EmployeeName': data.EmployeeName };
+            employeeName.push(windowDataObj)
+            if (i == (txnres2.rows.length - 1)) {
+              setMerchandiserName(employeeName);
+              setProcessing(false);
+
+            }
+          }
+        }
+        else {
+          setProcessing(false); notify(ST.Nodatafound);
+        }
+      }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); notify(ST.Nodatafound); });
+    });
+  }
+
+  async function saveData() {
+    console.log('trues')
+    setHasUnsavedChanges(false);
+    setShowAlert(false);
+    setLoaderTitle('Saving Data...');
+    setProcessing(true);
+    try {
+      await db.transaction(async function (txn) {
+
+        var values = ''; var values1 = '';
+        let discussionpoint = [];
+        const time = moment(d1).format('hh:mm:ss');
+        const uniqueId = 'gm' + '_' + moment().format('MMDDYYYYHHmmss');
+        values += ` ('${d2}','${props.UserId}','${time}','${uniqueId}','${EmployeeID}','${EmployeeName}','${supID}','${supName}','${image.Image1Name}','${d2}') `;
+        for (var i = 0; i < DiscPoints.length; i++) {
+          let dp = DiscPoints[i];
+          discussionpoint.push(dp)
+
+          values1 += values1 != '' ? ' , ' : '';
+          values1 += ` ('${d2}','${props.UserId}','${uniqueId}','${dp}','${d2}') `;
+        }
+
+        console.log('values:', values);
+        console.log('values1', values1);
+        let add_data = `INSERT INTO ${AppTables.GATE_MEETING} (VISIT_DATE,USER_ID,TIME,UNIQUE_ID,EMP_ID,MERCHANDISER_NAME,SUP_ID,SUP_NAME,IMAGE,ADDED_DATE) VALUES ${values} `;
+        let dp_data = `INSERT INTO ${AppTables.GATE_MEETING_DISCUSSION} (VISIT_DATE,USER_ID,GATEMEETING_ID,DISCUSSION_POINTS,ADDED_DATE) VALUES ${values1} `;
+
+        await txn.executeSql(add_data, [], async function (txn2, txnres) {
+          await txn.executeSql(dp_data, [], async function (txn2, txnres) {
+            console.log('GM added');
+            notify('Gate Meeting added successfully', 'SHORT');
+            setLoaderTitle("Uploading data...");
+            setrerenderdata(!rerenderdata);
+            uploadGateMeetingData(uniqueId, discussionpoint, time);
+
+
+          }, function (txnE, txnerr) { console.log(txnerr); setProcessing(false); notify('Cannot add Gate Meeting Discussion Point') },);
+        }, function (txnE, txnerr) { console.log(txnerr); setProcessing(false); notify('Cannot add Gate Meeting') },);
+
+
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+
+  async function validate() {
+    let isValid = true;
+
+    if (props.sessionData.Designation == 'Program Manager' || props.sessionData.Designation == 'Area Manager') {
+      if (supID == '' || supID == null) {
+        notify('Please select Supervisor Name');
+        isValid = false;
+      }
+    }
+
+    if (EmployeeID == '' || EmployeeID == null) {
+      notify('Please select Merchandiser Name');
+      isValid = false;
+    }
+    else if (image.Image1Path == '' || image.Image1Path == null) {
+      notify('Please click Image');
+      isValid = false;
+    }
+    else if (DiscPoints.length <= 0) {
+      notify('Please add atleat one Discussion Point');
+      isValid = false;
+    }
+
+    return isValid;
+  }
+
+  async function Add_DP() {
+
+    if (dispoint == null || dispoint == "") {
+      notify('Please enter Discussion Points');
+    }
+    else {
+      let arr = DiscPoints;
+      arr.push(dispoint);
+
+      // clear data
+      setdispoint("");
+      notify('Discussion added successfully', 'LONG');
+      setDiscPoints(arr);
+      setHasUnsavedChanges(true);
+      setrerenderdata(!rerenderdata);
+    }
+  }
+  async function getImage(imgdata) {
+    if (typeof imgdata == 'object' && imgdata.errorCode == 'camera_unavailable') {
+      notify('Camera unavailable');
+    }
+    // else if(typeof imgdata =='object' && imgdata.uri!=null){
+    //     const img=imgdata;
+    //     const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+    //     let picture_clicked_time=new Date();
+    //     picture_clicked_time=moment(picture_clicked_time).format('DDMMYYYYHHmmss')
+    //     let filename='GateMeeting'+(props.UserId || '')+picture_clicked_time+'.jpg';
+
+    //     let imagePath='file://'+`${common_ImagePath}${filename}`;
+    //     console.log('imagePath',imagePath)
+
+
+    //     RNFS.moveFile(imgurl,imagePath)
+    //     .then(resn => {
+    //       let data=image;
+
+    //           data['Image1Path']=imagePath;
+    //           data['Image1Name']=filename;
+
+
+    //       console.log('data:',data);
+    //       setimage(data);
+    //       setrerenderdata(!rerenderdata);
+    //     })
+    //     .catch(err => {
+    //         console.log('ERROR: image file write failed!!!');
+    //         console.log(err.message, err.code);
+    //     }); 
+
+    // }   
+
+    else if (typeof imgdata == 'object' && imgdata.uri != null) {
+      const img = imgdata;
+      const imgurl = img.uri, imgWidth = img.width, imgHeight = img.height;
+
+
+      let picture_clicked_time = new Date();
+      picture_clicked_time = moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+
+
+      const mark_text1 = picture_clicked_time;
+
+      const mark_text2 = ' Name:' + props.UserId + ' | Image Type: GateMeeting' + ' | Date:' + picture_clicked_time;
+
+
+      console.log('imgurl marktext1:', mark_text2);
+      await marktext1(mark_text1, imgurl)
+        .then((res) => {
+          if (res.success) {
+
+            let uri = res.uri;
+            marktext2(mark_text2, uri, imgWidth, imgHeight)
+              .then((res) => {
+
+                if (res.success) {
+                  let picture_clickedd = new Date();
+                  // let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                  let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                  let filename = 'GateMeeting' + props.UserId + picture_clicked_time + '.jpg';
+                  let alldata = image;
+
+                  let imagePath = 'file://' + `${common_ImagePath}${filename}`;
+                  RNFS.moveFile(res.uri, imagePath)
+                    .then(resn => {
+
+                      alldata['Image1Path'] = imagePath;
+                      alldata['Image1Name'] = filename;
+                      setimage(alldata);
+                      setrerenderdata(!rerenderdata);
+
+                    })
+                    .catch(err => {
+                      console.log('ERROR: image file write failed!!!');
+                      console.log(err.message, err.code);
+                    });
+
+                }
+                else {
+                  if (res.imagenotfound) {
+                    notify(ST.Pleasecaptureaimage);
+                  }
+                  else {
+                    notify(res.error);
+                  }
+                }
+
+              });
+
+
+          }
+          else {
+            if (res.imagenotfound) {
+              notify(ST.Pleasecaptureaimage);
+            }
+            else {
+              notify(res.error);
+            }
+          }
+        });
+    }
+  }
+
+  async function openCamera() {
+    setShowCamera(true);
+  }
+
+  function showRemoveConfirm(item, index) {
+    setToRemoveId(index);
+    setshowRemoveConfirm_M(true);
+  }
+
+  function Remove_DP() {
+    let index = toRemoveId
+    let arr = DiscPoints;
+    console.log('toRemoveId:', index);
+    if (index >= 0 && index < arr.length) {
+      arr.splice(index, 1);
+      setDiscPoints(arr);
+      setHasUnsavedChanges(true);
+      notify('Discussion Point removed successfully', 'LONG')
+      setrerenderdata(!rerenderdata);
+    }
+    else {
+      notify('Cannot remove! Discussion Point not found', 'LONG')
+    }
+
+    setToRemoveId('');
+    setshowRemoveConfirm_M(false);
+  }
+
+
+  const onSelectedItemsChange1 = (selectedItems1 = []) => {
+
+    console.log('setMultiSelectValue', selectedItems1);
+    setSelectedItems1(selectedItems1)
+    let obj = {};
+    let anss = [];
+    obj["EmployeeId"] = selectedItems1.join(',');
+    selectedItems1.map((itemValue) => {
+      console.log('itemValue:', itemValue);
+
+      let ans = SupervisorName.find(c1 => c1.EmpId == itemValue);
+      if (ans.EmployeeName) { anss.push(ans.EmployeeName) }
+    });
+    obj["EmployeeName"] = anss.join(',');
+    let empid = obj.EmployeeId;
+    let empname = obj.EmployeeName;
+    setSupID(empid)
+    setSupName(empname)
+
+    setHasUnsavedChanges(true);
+    setrerenderdata(!rerenderdata);
+    console.log('empid:', empid);
+    console.log('empname:', empname);
+
+
+  };
+
+  const onSelectedItemsChange = (selectedItems = []) => {
+
+    console.log('setMultiSelectValue', selectedItems);
+    setSelectedItems(selectedItems)
+    let obj = {};
+    let anss = [];
+    obj["EmployeeId"] = selectedItems.join(',');
+    selectedItems.map((itemValue) => {
+      console.log('itemValue:', itemValue);
+
+      let ans = MerchandiserName.find(c1 => c1.EmpId == itemValue);
+      if (ans.EmployeeName) { anss.push(ans.EmployeeName) }
+    });
+    obj["EmployeeName"] = anss.join(',');
+    let empid = obj.EmployeeId;
+    let empname = obj.EmployeeName;
+    setEmployeeID(empid)
+    setEmployeeName(empname)
+
+    setHasUnsavedChanges(true);
+    setrerenderdata(!rerenderdata);
+    console.log('empid:', empid);
+    console.log('empname:', empname);
+
+
+  };
+
+
+
+
+  async function onSubmitData() {
+    let isvalid = await validate();
+    if (isvalid) {
+      setShowAlert(true);
+    }
+  }
+
+  // function onFormDataChange(val,key,type=''){
+  //   if(val!=''){
+  //       let isValid=validateNumber(val,type);
+  //       if(!isValid){
+  //           return;
+  //       }
+  //   }
+
+  //   let data=AddVisFormData;
+  //   data[key]=val;
+  //   setFormData(data);
+  //   // setDiscPoints(data);
+  //   // setHasUnsavedChanges(true);
+  //   setrerenderdata(!rerenderdata);
+  // }
+
+  function onSaveCancel() {
+    setShowAlert(false);
+  }
+
+  async function uploadGateMeetingData(uniqueId, discussionpoint, time) {
+    const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+    let employeesArr = EmployeeID != null && EmployeeID != '' && EmployeeID != undefined ? EmployeeID.split(',') : [];
+    let obj = {
+      "MID": 0,
+      "UniqueId": uniqueId,
+      "UserId": props.UserId,
+      "VisitDate": d2,
+      "Time": time,
+      "Image": image.Image1Name,
+      "MerchandiserId": employeesArr,
+      "DiscussionPoints": discussionpoint
+    }
+    let JsonChange = JSON.stringify(obj)?.replace(/'/g, '"')
+
+    let postData = {
+      "MID": 0,
+      "Keys": "GateMeeting_Sup",
+      "JsonData": JsonChange,
+      "UserId": props.UserId,
+    };
+
+    console.log('postData', postData)
+
+    let imgPath = image.Image1Path;
+    let ImageName = image.Image1Name;
+
+    await UploadData2(url, postData)
+      .then(async (res) => {
+        console.log('res:', res);
+        if (res.UploadJsonResult != null && res.UploadJsonResult == 'Success') {
+
+
+          // uplod images
+          const url2 = (props.imageUploadUrl || URL_IMAGE) + getMethodName(METHODS.UPLOADIMAGES_METHOD);
+          let upload_status = 'U'
+          if (ImageName != '' && ImageName != null) {
+            let file = {
+              uri: imgPath,
+              type: 'image/jpeg',
+              name: ImageName,
+              filetype: 'image',
+              folderName: 'SupGateMeetingImages',
+            }
+
+            let isExists = await RNFS.exists(file.uri).then((res) => { return res; });
+            console.log('isExists file', isExists);
+            if (isExists == true) {
+              let fileData = getImagePOSTData(file, d2);
+
+              let isImageUploaded = await UploadFormData(url2, fileData);
+              console.log('isImageUploaded', isImageUploaded)
+              if (isImageUploaded.success == false) {
+                upload_status = 'D'
+                notify('Cannot upload image!');
+              }
+            }
+            else {
+              notify("Error uploading image! Image does not exists");
+            }
+          }
+
+          let isupdated = updateGateMeetUploadStatus(uniqueId, upload_status);
+          if (isupdated) {
+            notify('Data Uploaded Sucessfully!');
+            setProcessing(false);
+            props.navigation.goBack();
+          }
+          else {
+            setProcessing(false);
+            notify("Cannot update upload status!");
+            props.navigation.goBack();
+          }
+
+        } else {
+          setProcessing(false);
+          notify(ST.Cannotuploaddata);
+          props.navigation.goBack();
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        setProcessing(false);
+        notify(ST.Cannotuploaddata);
+        props.navigation.goBack();
+      });
+
+  }
+  async function updateGateMeetUploadStatus(uniqueId, uploadstatus) {
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q = `Update ${AppTables.GATE_MEETING} SET UPLOADSTATUS='${uploadstatus}' WHERE USER_ID='${props.UserId}' AND VISIT_DATE='${d2}' and UNIQUE_ID='${uniqueId}'`;
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          console.log('Gate Meeting upload status Updated');
+          resolve(true);
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    });
+  }
+  console.log('check',props.sessionData.Designation=='Area Manager' || props.sessionData.Designation=='Program Manager')
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+      {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+
+      <CustomHeader {...props} title={'GateMeeting'} hideBellIcon={false} hideTimer={false} />
+      {ConfirmSaveAlert(props, showAlert, onSaveCancel, saveData)}
+      {ConfirmSaveAlert(props, showRemoveConfirm_M, () => { setshowRemoveConfirm_M(false) }, Remove_DP, 'Do you really want to remove this Discussion Points?')}
+      <CustomCamera cameraType={'back'} enableCameraFlip={true} onImageCaptured={(imgData) => { setShowCamera(false);getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { setShowCamera(false); }} />
+      <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper]}>
+          {rerenderdata == rerenderdata &&
+            <ScrollView style={customStyle.gm_scrollView} >
+              {/* {console.log('check1', userIsManager && true && props?.sessionData?.Designation == 'Area Manager' || props?.sessionData?.Designation == 'Program Manager')} */}
+
+              {userIsManager && (props?.sessionData?.Designation == 'Program Manager' || props?.sessionData?.Designation == 'Area Manager') &&
+                <View style={[customStyle.gm_childlayout]}>
+                  <MultiSelect
+                    items={SupervisorName}
+                    uniqueKey="EmpId"
+                    // onSelectedItemsChange={onSelectedItemsChange}
+                    onSelectedItemsChange={(selectedItems1) => { onSelectedItemsChange1(selectedItems1) }} //setMultiSelectValue(selectedItems,qtn)
+                    selectedItems={selectedItems1}
+                    selectText={'Search Supervisor'}
+                    searchInputPlaceholderText={'Search Supervisor'}
+                    onChangeInput={(text1) => console.log(text1)}
+                    tagRemoveIconColor={PrimaryTheme.$primary_color}
+                    tagBorderColor={PrimaryTheme.$primary_color}
+                    tagTextColor={PrimaryTheme.$primary_color}
+                    selectedItemTextColor={PrimaryTheme.$primary_color}
+                    selectedItemIconColor={PrimaryTheme.$primary_color}
+                    itemTextColor={PrimaryTheme.$text_color}
+                    displayKey="EmployeeName"
+                    searchInputStyle={{ color: '#CCC' }}
+                    submitButtonColor={PrimaryTheme.$primary_color}
+                    submitButtonText="Submit" />
+                </View>
+              }
+              <View style={[customStyle.gm_childlayout]}>
+                <MultiSelect
+                  items={MerchandiserName}
+                  uniqueKey="EmpId"
+                  // onSelectedItemsChange={onSelectedItemsChange}
+                  onSelectedItemsChange={(selectedItems) => { onSelectedItemsChange(selectedItems) }} //setMultiSelectValue(selectedItems,qtn)
+                  selectedItems={selectedItems}
+                  selectText={'Search Merchandiser/Promoter'}
+                  searchInputPlaceholderText={'Search Merchandiser/Promoter'}
+                  onChangeInput={(text) => console.log(text)}
+                  tagRemoveIconColor={PrimaryTheme.$primary_color}
+                  tagBorderColor={PrimaryTheme.$primary_color}
+                  tagTextColor={PrimaryTheme.$primary_color}
+                  selectedItemTextColor={PrimaryTheme.$primary_color}
+                  selectedItemIconColor={PrimaryTheme.$primary_color}
+                  itemTextColor={PrimaryTheme.$text_color}
+                  displayKey="EmployeeName"
+                  searchInputStyle={{ color: '#CCC' }}
+                  submitButtonColor={PrimaryTheme.$primary_color}
+                  submitButtonText="Submit" />
+              </View>
+              <View style={customStyle.gmVisCameras}>
+                <View style={customStyle.openStkCameraCon}>
+                  {(image.Image1Path == '' || image.Image1Path == null) &&
+                    <TouchableOpacity style={[customStyle.osCat_action_openCam, customStyle.osCat_actn_margin]} onPress={() => { { openCamera() } }}>
+                      <SvgXml width={80} height={80} xml={cameraImg} />
+                    </TouchableOpacity>
+                  }
+                  {(image.Image1Path != '' && image.Image1Path != null) &&
+                    <View style={customStyle.osCatImageView}>
+                      <Image style={customStyle.osCatImage} source={{ uri: image.Image1Path }} />
+                      <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={() => { { openCamera() } }}>
+                        <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color} />
+                      </TouchableOpacity>
+                    </View>
+                  }
+                </View>
+              </View>
+
+              <View style={[customStyle.gm_DiscPWrap]}>
+                <Text style={customStyle.hr_prd_flexlabel}>Discussion Points</Text>
+                <View style={[customStyle.gm_DiscProw]}>
+                  <TextInput
+                    style={[customStyle.gm_DiscPInputStyle]}
+                    placeholder=""
+                    placeholderTextColor={PageTheme.$placeholder_color}
+                    value={dispoint}
+                    onChangeText={(val) => { setdispoint(val) }}
+                    // keyboardType='text'
+                    multiline={true}
+                    autoComplete='off' 
+                    />
+
+                  <TouchableOpacity style={[customStyle.gm_DiscPAddBtn]} onPress={() => { Add_DP() }}>
+                    <Text style={customStyle.addVisBtnText}>Add</Text>
+                  </TouchableOpacity>
+                </View>
+              </View>
+
+              <View style={customStyle.gm_DisPList}>
+                <Text style={customStyle.hr_prd_flexlabel}>Added Discussion Points</Text>
+                <View style={customStyle.addVis_listInner}>
+                  {DiscPoints?.length > 0 &&
+                    DiscPoints?.map((item, index) => {
+                      return (
+                        <View style={[customStyle.gm_listI_row]} key={"id_" + index}>
+                          <Text style={customStyle.gm_listI_Val}>{item}</Text>
+                          <TouchableOpacity style={customStyle.gm_btnRemove} onPress={() => { showRemoveConfirm(item, index) }}>
+                            <FontAwesome name='trash' size={20} color={'red'} />
+                          </TouchableOpacity>
+                        </View>
+                      );
+                    })
+                  }
+                </View>
+              </View>
+
+            </ScrollView>
+          }
+          <View style={[customStyle.opening_Stock_btnWrap]}>
+            <GradientButton {...props} title={'Save And Upload'} onPress={() => { onSubmitData() }} />
+          </View>
+        </View>
+      </LinearGradient>
+
+    </Container>
+  );
+}
+
+
+
+
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(AddGateMeeting);
\ No newline at end of file
diff --git a/src/screens/AdditionalVisibility.js b/src/screens/AdditionalVisibility.js
new file mode 100644
index 0000000..e1de25d
--- /dev/null
+++ b/src/screens/AdditionalVisibility.js
@@ -0,0 +1,747 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+
+function AdditionalVisibility(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [AddVisibility, setAddVisibility] = useState([]);
+    const [AddVisFormData, setAddVisFormData] = useState({});
+    const [isAddVisPresent, setIsAddVisPresent] = useState(0);
+    const [showAlert, setShowAlert] = useState(false);
+    const [Categories, setCategories] = useState([]);
+    const [SubCategories, setSubCategories] = useState([]);
+    const [Brands, setBrands] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [clickImageType,setClickImageType]= useState('1');
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]); 
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {        
+            
+            let q=`Select Distinct p.CategoryId,p.CategoryName from Product_Master p where p.IsCompetitor='0' order by p.CategorySequence`;
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){setCategories(arr);}                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+
+            let q2=`Select Distinct DisplayId,DisplayName from Master_Display`;
+            await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){setDisplayList(arr);}                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            
+            let q3=`Select * from ${AppTables.ADDITIONAL_VISIBILITY} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}'  `;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        let {PRESENT,CATEGORY,CATEGORY_ID,SUB_CATEGORY,SUB_CATEGORY_ID,BRAND,BRAND_ID,DISPLAY,DISPLAY_ID,REMARK,IMAGE}=data;
+                        let datan={CategoryName:CATEGORY,CategoryId:CATEGORY_ID,SubCategoryName:SUB_CATEGORY,SubCategoryId:SUB_CATEGORY_ID,BrandName:BRAND,BrandId:BRAND_ID,DisplayName:DISPLAY,DisplayId:DISPLAY_ID,Remark:REMARK,Image1:IMAGE}
+                        datan.Image1Path=IMAGE!=''?common_ImagePath+IMAGE:'';
+                        PRESENT==1? arr.push(datan):'';
+                        let isPresent=PRESENT;
+                        if(i==txnres2.rows.length-1){
+                            Animated.timing(animatedChoice, {
+                                toValue: isPresent,
+                                duration:400,
+                                useNativeDriver:false,
+                            }).start();
+                            setAddVisibility(arr);
+                            setIsAddVisPresent(isPresent);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                    setProcessing(false);
+                }
+            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); },);
+
+           
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+
+    async function getImage(imgdata){
+        let type=clickImageType;
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Add. Visibility'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_AddVisibilityImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                           
+                            let addvisdata=AddVisFormData;
+                            let image_key='Image1';
+                            let image_path_key='Image1Path';
+                            addvisdata[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}/${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                addvisdata[image_path_key]=uri; 
+
+                                setAddVisFormData(addvisdata);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata2(!rerenderdata2);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(type='1'){  
+        console.log('openCamera');
+        setClickImageType(type);
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.ADDITIONAL_VISIBILITY} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('av data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              var values='';
+              if(isAddVisPresent==1 && AddVisibility.length>0){
+              for(var i=0;i<AddVisibility.length;i++){
+                let catIndex=i;
+                let item=AddVisibility[catIndex];
+                let {CategoryName,CategoryId,SubCategoryName,SubCategoryId,BrandName,BrandId,DisplayName,DisplayId,Remark,Image1,Image1Path}=item;
+                values+=values!=''?' , ':'';
+                values+=` ('${StoreId}','${d2}','${isAddVisPresent}','${CategoryName}','${CategoryId}','${SubCategoryName}','${SubCategoryId}','${BrandName}','${BrandId}','${DisplayName}','${DisplayId}','${(Remark || '')}','${(Image1 || '')}','${d2}') `;
+                
+              }
+              
+              }
+              else{
+                values+=` ('${StoreId}','${d2}','${isAddVisPresent}','','','','','','','','','','','${d2}') `;
+              }
+              
+              console.log('values:',values);
+              let add_data=`INSERT INTO ${AppTables.ADDITIONAL_VISIBILITY} (STORE_ID,VISIT_DATE,PRESENT,CATEGORY,CATEGORY_ID,SUB_CATEGORY,SUB_CATEGORY_ID,BRAND,BRAND_ID,DISPLAY,DISPLAY_ID,REMARK,IMAGE,ADDED_DATE) VALUES ${values} `;
+              
+              await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                console.log('av added');
+                notify(ST.AdditionalVisibilityaddedsuccessfully,'SHORT');
+                setProcessing(false);
+                props.navigation.goBack();
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddadditionalvisibility) },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    
+
+
+    async function validate(){
+        
+        let isValid=true;
+        if(isAddVisPresent==1 && AddVisibility.length<=0){
+            isValid=false;
+            notify(ST.Pleaseaddfirst,'SHORT');
+        }
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    async function validateForm(){
+        let isValid=true;
+        let {CategoryName,CategoryId,SubCategoryName,SubCategoryId,BrandName,BrandId,DisplayName,DisplayId,Remark,Image1,Image1Path}=AddVisFormData;
+        if((CategoryName=='' || CategoryName==null )|| (CategoryId=='' || CategoryId==null)){
+            isValid=false;
+            notify(ST.PleaseSelectCategory,'SHORT');
+        }
+        else if((SubCategoryName=='' || SubCategoryName==null )|| (SubCategoryId=='' || SubCategoryId==null)){
+            isValid=false;
+            notify(ST.Pleaseselectsubcategory,'SHORT');
+        }
+        else if((BrandName=='' || BrandName==null )|| (BrandId=='' || BrandId==null)){
+            isValid=false;
+            notify(ST.Pleaseselectbrand,'SHORT');
+        }
+        else if((DisplayName=='' || DisplayName==null )|| (DisplayId=='' || DisplayId==null)){
+            isValid=false;
+            notify(ST.Pleaseselectdisplaytype,'SHORT');
+        }
+        // else if((Remark=='' || Remark==null )){
+        //     isValid=false;
+        //     notify('Please enter remark','SHORT');
+        // }
+        else if(StoreCameraAllow==true && (Image1=='' || Image1==null )){
+            isValid=false;
+            notify(ST.Pleaseclickimage,'SHORT');
+        }
+
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onFormDataChange(val,key){
+        let data=AddVisFormData;
+        data[key]=val;
+        setAddVisFormData(data);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange(option,keyLbl,keyVal){
+        let data=AddVisFormData;
+        data[keyVal]=option.value;
+        data[keyLbl]=option.label;
+        
+        if(keyLbl=='CategoryName'){
+            loadData(option.value,'SubCategories');
+
+            // clear subcategory and brand
+            data['SubCategoryId']='';
+            data['SubCategoryName']='';
+            data['BrandId']='';
+            data['BrandName']='';
+        }
+        else if(keyLbl=='SubCategoryName'){
+            loadData(option.value,'Brands');
+
+            // clear brand
+            data['BrandId']='';
+            data['BrandName']='';
+        }
+
+        setAddVisFormData(data);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+
+        
+    }
+
+    async function loadData(qId,type){
+        try {   
+        await db.transaction(async function (txn) { 
+            let q=''; 
+            if(type=='SubCategories') q=`Select Distinct p.SubCategoryId,p.SubCategoryName from Product_Master p where p.CategoryId='${qId}' and p.IsCompetitor='0' order by p.SubCategorySequence`;
+            else if(type=='Brands') q=`Select Distinct p.BrandName,p.BrandId from Product_Master p Where p.SubCategoryId='${qId}' and p.IsCompetitor='0' order by p.BrandSequence`;
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                // console.log('rowcount:,',type,':',txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            if(type=='SubCategories')setSubCategories(arr);
+                            else if(type=='Brands')setBrands(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+           
+          });          
+        } catch (err) {
+          console.log(err);          
+        }
+    }
+
+  
+   
+    function onChoiceSelect(val,key){
+        if(val==0 && AddVisibility.length>0){
+            setShowRAllC_M(true);
+            return ;
+        }
+        var val1=val==1?1:0;
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        setIsAddVisPresent(val);
+        setHasUnsavedChanges(true);
+        if(val==0){
+            setAddVisibility([]);
+            setAddVisFormData({});
+        }
+    }
+
+    function onConfirmRemoveAll(){
+        // Remove all data 
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: 0,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        setIsAddVisPresent(0);
+        setHasUnsavedChanges(true);
+        setAddVisibility([]);
+        setAddVisFormData({});
+        setShowRAllC_M(false);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    async function Add_AddVis(){
+        let isValid=await validateForm();
+        console.log('isValid add:',isValid);
+        if(isValid){
+            let arr=AddVisibility;
+            let {CategoryName,CategoryId,SubCategoryName,SubCategoryId,BrandName,BrandId,DisplayName,DisplayId,Remark,Image1,Image1Path}=AddVisFormData;
+        
+            let index=AddVisibility.findIndex(i=>i.CategoryId==CategoryId && i.SubCategoryId==SubCategoryId && i.BrandId==BrandId && i.DisplayId==DisplayId);
+            if(index>=0){
+                notify(ST.Thisvisibilityhasalreadybeenadded,'LONG');
+            }
+            else{
+                arr.push(AddVisFormData);
+                setAddVisibility(arr);
+                setHasUnsavedChanges(true);
+                notify(ST.AdditionalVisibilityaddedsuccessfully,'LONG');
+                setrerenderdata(!rerenderdata);
+                
+                // clear data
+                setAddVisFormData({});
+            }
+        } 
+        
+    }
+
+    function showRemoveConfirm(item,index){
+        setToRemoveId(index);
+        setToRemoveItem(item);
+        setshowRemoveConfirm_M(true);
+    }
+
+    function Remove_AddVis(){
+        let index=toRemoveId
+        let item=toRemoveItem;
+        let arr=AddVisibility;
+        console.log('toRemoveId:',index);
+        if(index>=0 && index<arr.length){
+            arr.splice(index,1);
+            setAddVisibility(AddVisibility);
+            setHasUnsavedChanges(true);
+            notify(ST.Visibilityremovedsuccessfully,'LONG')
+            setrerenderdata(!rerenderdata);
+        }
+        else{
+            notify(ST.CannotremoveVisibilitynotfound,'LONG')
+        }
+        setToRemoveId('');
+        setToRemoveItem({});
+        setshowRemoveConfirm_M(false);
+        
+    }
+    
+
+    
+    
+   
+    function _render_addVisFormTop(){
+        let xpos=0;
+        if(animatedChoice!=null ){
+            xpos=animatedChoice.interpolate({
+                inputRange:[0,1],
+                outputRange:[0,-75],
+            });
+        }
+        return (
+            <View style={[customStyle.addvisCon]}>
+                <View style={[customStyle.addvis_pCon]}>
+                        <Text style={[customStyle.addvis_pText]}>{ST.IsPresent}</Text>
+                        <View style={customStyle.addvis_pChoiceBoxCon}>
+                            <View style={[customStyle.openStk_prd_choiceBox,customStyle.addvis_pChoiceBoxbg]}>
+                                <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isAddVisPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                {
+                                    transform: [{
+                                        translateX:xpos
+                                    }],
+                                }
+                                ]}></Animated.View>
+                                <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(1,'isPresent')}}>
+                                    <Text style={[customStyle.openStkCh_text,(isAddVisPresent==1?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                </TouchableOpacity>
+                                <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(0,'isPresent')}}>
+                                    <Text style={[customStyle.openStkCh_text,(isAddVisPresent==0?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                </TouchableOpacity>
+                            </View>
+                        </View>
+                        
+                </View>
+                {
+                isAddVisPresent==1 && (rerenderdata== rerenderdata) && 
+                <ScrollView contentContainerStyle={customStyle.addVisScrollCon} style={customStyle.addVisScroll}>
+                <View style={customStyle.addVisForm}>
+                    <View style={customStyle.addVisRow}>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol1]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{ST.Category}</Text>
+                                {CustomPicker(props,Categories,'CategoryName','CategoryId','CategoryName','CategoryId',onselectionChange,{value:AddVisFormData.CategoryName})}
+                                
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol2]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{ST.SubCategory}</Text>
+                                
+                                {CustomPicker(props,SubCategories,'SubCategoryName','SubCategoryId','SubCategoryName','SubCategoryId',onselectionChange,{value:AddVisFormData.SubCategoryName})}
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol1]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{ST.Brands}</Text>
+                                
+                                {CustomPicker(props,Brands,'BrandName','BrandId','BrandName','BrandId',onselectionChange,{value:AddVisFormData.BrandName})}
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol2]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{ST.DisplayType}</Text>
+                                
+                                {CustomPicker(props,DisplayList,'DisplayName','DisplayId','DisplayName','DisplayId',onselectionChange,{value:AddVisFormData.DisplayName})}
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol100]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{ST.Remark}</Text>
+                                <TextInput  
+                                style={customStyle.addVisInputStyle} 
+                                value={(AddVisFormData.Remark || '')}
+                                onChangeText={(val)=>{onFormDataChange(val,'Remark');}}
+                                autoComplete='off'
+                                />
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol100]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{ST.Image}</Text>
+                                <View style={customStyle.addVisCameras}>
+                                    <View style={customStyle.openStkCameraCon}>
+                                        { (AddVisFormData.Image1Path=='' || AddVisFormData.Image1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera('1')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (AddVisFormData.Image1Path!='' && AddVisFormData.Image1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:AddVisFormData.Image1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera('1')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }       
+                                    </View>
+                                    
+                                </View>
+                            </View>
+                        </View>
+                        <View style={customStyle.addVis_btnWrap}>
+                            <TouchableOpacity style={customStyle.addVis_btn} onPress={()=>{Add_AddVis()}}>
+                                <Text style={customStyle.addVisBtnText}>{ST.Add}</Text>
+                            </TouchableOpacity>
+                        </View>
+                    </View>
+                </View>
+                <View style={customStyle.addVis_list}>
+                    <Text style={customStyle.addVis_listhdrText}>{ST.AddedVisibilities}</Text>
+                    <View style={customStyle.addVis_listInner}>
+                        {
+                            AddVisibility.length>0 &&
+                            AddVisibility.map((item,index)=>{
+                                console.log(item);
+                                return (
+                                    <View key={index} style={customStyle.addVis_listItem}>
+                                        <View style={customStyle.addVis_listI_row2}>
+                                            <View style={customStyle.addVis_listIcol1}>
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>{ST.Category+' :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.CategoryName}</Text>
+                                                </View>
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>{ST.SubCategory+' :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.SubCategoryName}</Text>
+                                                </View>
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>{ST.Brands+' :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.BrandName}</Text>
+                                                </View>
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>{ST.DisplayType+' :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.DisplayName}</Text>
+                                                </View>
+                                                <View style={[customStyle.addVis_listI_row,customStyle.addVis_listI_lastrow]}>
+                                                    <Text style={customStyle.addVis_listI_Label}>{ST.Remark+' :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.Remark}</Text>
+                                                </View>
+                                            </View>
+                                            <View style={customStyle.addVis_listIcol2}>
+                                                {/* <View style={[customStyle.addVis_listI_row,customStyle.addVis_listI_lastrow]}> */}
+                                                    <Text style={[customStyle.addVis_listI_Label2,customStyle.mb20]}>{ST.Image}</Text>
+                                                    {(item.Image1Path!=null && item.Image1Path!='') && <Image style={customStyle.addVis_listI_Image} source={{uri:item.Image1Path}} />}
+                                                {/* </View> */}
+                                            </View>
+                                            <TouchableOpacity style={customStyle.addVis_btnRemove} onPress={()=>{showRemoveConfirm(item,index)}}>
+                                               <FontAwesome name='trash' size={20} color={'red'} />
+                                            </TouchableOpacity>
+                                        </View>
+                                        
+                                       
+                                    </View>
+                                );
+                            })
+                        }
+                    </View>
+                </View>
+                </ScrollView>
+                }
+            </View>
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {ConfirmSaveAlert(props,showRemoveConfirm_M,()=>{setshowRemoveConfirm_M(false)},Remove_AddVis,ST.Doyoureallywanttoremovethisvisibility)}
+        {ConfirmSaveAlert(props,showRAllC_M,()=>{setShowRAllC_M(false)},onConfirmRemoveAll,ST.Doyoureallywanttoremoveallvisibilitydata)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.addVis_Wrapper}>
+                {_render_addVisFormTop()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(AdditionalVisibility);
\ No newline at end of file
diff --git a/src/screens/App.js b/src/screens/App.js
new file mode 100644
index 0000000..3a1a4f6
--- /dev/null
+++ b/src/screens/App.js
@@ -0,0 +1,21 @@
+import React,{useState,useEffect} from 'react';
+import SplashScreen from 'react-native-splash-screen';
+import Navigator from '../utils/navigations/Navigator'
+import { Provider } from 'react-redux';
+import store from '../store/configureStore';
+
+const App = () => {
+  useEffect(() => {
+   setTimeout(() => {
+    SplashScreen.hide();
+  }, 200);
+  }, []);
+
+  return (
+    <Provider store={store}>
+      <Navigator />
+    </Provider>
+  );
+};
+
+export default App;
\ No newline at end of file
diff --git a/src/screens/AttendanceSup.js b/src/screens/AttendanceSup.js
new file mode 100644
index 0000000..7ef907f
--- /dev/null
+++ b/src/screens/AttendanceSup.js
@@ -0,0 +1,608 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,SafeAreaView} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import moment from 'moment';
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import cameraImg from '../assets/performics/camera_front_image.svg'
+
+import CustomHeader from '../components/customHeader';
+import Svg, { SvgUri, SvgXml} from 'react-native-svg';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import * as RNFS from 'react-native-fs';
+import MultiSelect from 'react-native-multiple-select';
+import {notify} from '../components/notify';
+import {get_item} from '../components/localStorage';
+import { URL_IMAGE, common_ImagePath, db, resumeurl} from '../constants/constants';
+import { PrimaryTheme } from '../styles/Themes';
+import CustomCamera from '../components/Camera';
+import { FontAwesome, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import { UploadData2, UploadFormData, getDownloadJson, getDownloadJson1, validateNumber } from '../controller/functions';
+import { ConfirmSaveAlert } from '../components/alert';
+import GradientButton from '../components/gradientButton';
+import { AppTables } from '../constants/tableConstants';
+import { getDevice } from 'react-native-device-info';
+import { UploadImagesWithoutWait, getImagePOSTData } from '../constants/uploadData';
+import { METHODS, getMethodName } from '../constants/methodNames';
+import CustomModal from '../components/CustomModal';
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CameraImg3 from '../assets/performics/camera_tick.svg';
+import { Item } from 'react-native-paper/lib/typescript/src/components/List/List';
+import NoDataComponent from '../components/NoDataComponent';
+import DownloadDataModal from '../components/downloadDataModal';
+
+
+
+function AttendanceSup(props) { 
+    const route = useRoute();
+    // console.log('props',props)
+    const ST=props.StaticText || {};
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState(false);
+    
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [showCamera, setShowCamera] = useState(false);
+    const [rerenderdata, setrerenderdata] = useState(0);
+    const [attData,setattData] = useState([]);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    const [empAttData, setempAttData] = useState([]);
+    const [nwData, setnwData] = useState({});
+    const [dataattendance, setdataattendance] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [nodataFound, setnodataFound] = useState(false);
+    const [isAnyPending, setisAnyPending] = useState(false);
+    const [serverTime, setServerTime] = useState("");
+
+    const [uploadedCount, setUploadedCount] = useState(0);
+    const [TotalUpCount, setTotalUpCount] = useState(0);
+    const [startUploading, setStartUploading] = useState(false);
+    const [UploadingSubText, setUploadingSubText] = useState("");
+    const [UploadingText, setUploadingText] = useState("Uploading Data...");
+    const [showProgresssBar, setshowProgresssBar] = useState(false);
+    
+ 
+
+  
+
+ 
+    useEffect(() => {
+      setLoaderTitle(ST.Loading+'...')
+      let params=props.route.params? props.route.params:{};
+      
+      getData();
+      
+      const willFocusSubscription = props.navigation.addListener('focus', () => {
+        
+    });
+
+    return willFocusSubscription;
+  }, [ ]);  
+
+
+  async function getData(){
+    setLoaderTitle(ST.Loading+'...');
+    setProcessing(true);
+
+    let isDataDownloaded=await downloadData();
+    console.log('isDataDownloaded:',isDataDownloaded);
+    try{
+      db.transaction(async function (txn) {   
+
+        let q2=`SELECT ReasonId,Reason FROM Sup_NonWorkingReason where ShowAttendance='1'`;
+      
+        await txn.executeSql(q2,[],async function (txn2, txnres2) {     
+            console.log('data len:',txnres2.rows.length);    
+            let arr=[];  
+            if(txnres2.rows.length>0){ 
+              // show from local
+              
+              for(var i=0;i<txnres2.rows.length;i++){
+                let data=txnres2.rows.item(i);  
+                arr.push(data);
+                if(i==(txnres2.rows.length-1)){
+                  setnwData(arr);
+                }
+              }            
+            }
+        },function(txn2,txnerr){console.log(txnerr);});
+
+
+        // get inserted audit
+        let join =`Left Outer Join ${AppTables.ATTENDANCE_DATA} a on a.EMP_ID=t.EmpId and a.VISIT_DATE=t.AttDate`;
+        let q = `SELECT t.*,a.REASON_ID as ReasonId,a.REASON as Reason,a.UPLOADSTATUS as UploadStatus FROM Sup_TeamAttendance t ${join}`
+        // q= `SELECT * FROM ${AppTables.ATTENDANCE_DATA}`;
+        txn.executeSql(q,[],async function (txn2, txnres2) {  
+          console.log('loaded data : ',txnres2.rows.length)
+          if(txnres2.rows.length>0){ 
+          
+            let attendanceData=[],arr=[],isAnyPending1=false;
+            for(var i=0;i<txnres2.rows.length;i++){
+                let data=txnres2.rows.item(i); 
+               
+                attendanceData.push(data)
+                let ReasonId=(data.ReasonId!=null && data.ReasonId!="undefined")?data.ReasonId:"";
+                let Reason=(data.Reason!=null && data.Reason!="undefined")?data.Reason:"";
+                let UploadStatus=(data.UploadStatus!=null && data.UploadStatus!="undefined")?data.UploadStatus:"";
+                
+                let dataobj={'EmpId':data.EmpId,"ReasonId":ReasonId,"Reason":Reason,"UploadStatus":UploadStatus}
+                arr.push(dataobj)
+                // data.SupEntryAllow=1;
+                if(data.SupEntryAllow==1){
+                  isAnyPending1=true;
+                }
+                if(i==0){
+                  setServerTime(data.ServerTime);
+                }
+
+                if(i==(txnres2.rows.length-1))
+                {
+                  setattData(attendanceData);
+                  setempAttData(arr);
+                  setisAnyPending(isAnyPending1);
+                  setProcessing(false);
+                  setrerenderdata(!rerenderdata);
+                }
+            }            
+          }
+          else{
+            setProcessing(false); notify(ST.Nodatafound);
+          }
+        },function(txn2,txnerr){console.log(txnerr); setProcessing(false); notify(ST.Nodatafound);});
+       
+        
+        
+        // let q3 = `SELECT * FROM ${AppTables.ATTENDANCE_DATA} `
+        // db.transaction(async function (txn) {   
+        //   txn.executeSql(q3,[],async function (txn2, txnres2) {  
+        //     if(txnres2.rows.length>0){ 
+        //       // show from local
+        //       let attendanceData=[];
+        //       for(var i=0;i<txnres2.rows.length;i++){
+        //         let data=txnres2.rows.item(i); 
+        //         attendanceData.push(data)
+        //         if(i==(txnres2.rows.length-1))
+        //         {
+        //           setdataattendance(attendanceData);
+        //           setProcessing(false);
+        //           setrerenderdata(!rerenderdata);
+        //         }
+        //       }            
+        //     }
+        //     else{
+        //       setProcessing(false); notify(ST.Nodatafound);
+        //     }
+        //   },function(txn2,txnerr){console.log(txnerr); setProcessing(false); notify(ST.Nodatafound);});
+        // });  
+      });  
+    }
+    catch(err){
+      console.log(err);
+    }
+  }
+
+  async function downloadData(){
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+  
+    let url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+    let postdata={
+      Downloadtype:"Sup_TeamAttendance",
+      Username: loginDetails.UserId,
+      Param1: '',
+      Param2: '',
+    };
+    return await getDownloadJson1(url, postdata)
+      .then(async(res) => {     
+        let isAdded=await insertData(res);
+        console.log("isAdded",isAdded);
+        return isAdded; 
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+        return false;
+      });
+  }
+
+  async function insertData(res){
+    
+    return new Promise((resolve,reject)=>{
+      if (res!=null && typeof res == 'object' && res.Sup_TeamAttendance!=null && res.Sup_TeamAttendance!='') {
+        let data_arr = res.Sup_TeamAttendance || [];          
+       
+        var values=[];
+        data_arr.map((data_obj)=>{  
+          let {EmpId,AttDate,EmployeeName,Attendance,ServerTime,SupEntryAllow}=data_obj;
+          values.push(` ('${EmpId}', '${AttDate}', '${EmployeeName}', '${Attendance}', '${ServerTime}', '${SupEntryAllow}')`);
+        });
+  
+        var all_vals=values.join(',');
+        var sql_stmnt=`INSERT INTO Sup_TeamAttendance(EmpId,AttDate,EmployeeName,Attendance,ServerTime,SupEntryAllow) 
+        values ${all_vals}`;
+        
+        db.transaction(function(txn) {
+          // delete all today data
+          txn.executeSql(`delete from Sup_TeamAttendance where 1=1`,[],function(txn1,txnres){
+              // insert or refresh all today data
+              txn.executeSql(sql_stmnt,[],function(txn1,txnres){
+                  console.log('Sup_TeamAttendance added');
+                  resolve(true);
+              },function(txn1,err){
+                  console.log('err:',err);
+                  notify("Cannot insert data!");
+                  resolve(false);
+              });                         
+          },function(txn1,err){
+            console.log('err:',err);
+            notify("Cannot insert data!");
+            resolve(false);
+          });                                        
+        });  
+        
+      }
+      // pass to the next download key if data does not exists for this Key
+      else if(res!=null && typeof(res)=='object' && (res[0]!=null && res[0].Result!=null && res[0].Result=="No Data")){
+        console.log('No data found'); 
+        notify("No data found!");
+        setnodataFound(true);
+        resolve(true);
+      }
+      // Stop Downloading and report error
+      else if(res!=null && typeof(res)=='object' && res.success==false){
+        notify("Error in downloaidng data! Network Issue"+JSON.stringify(res));
+        resolve(false);
+      }
+      // Stop Downloading and report error
+      else{ 
+        notify("Error in downloaidng data!"+JSON.stringify(res)); 
+        resolve(false);
+      }
+    }).then((val)=>{
+      return val;
+    }).catch((err)=>{ 
+      console.log("err",err);
+      notify("Error while adding data!")
+      return false;
+    })
+    
+   
+  }
+
+
+  function onselectionChange(option,keyLbl,keyVal,otherData){
+    let item = otherData.EmpData
+    let allData=empAttData;
+    const win_index=allData.findIndex(i=>i.EmpId==item.EmpId);
+    let wind=win_index>=0?(allData[win_index] || {}) :{};
+    wind[keyVal]=option.value;
+    wind[keyLbl]=option.label;
+    win_index>=0?allData[win_index]=wind:allData.push(wind);
+    setempAttData(allData);
+    setrerenderdata(!rerenderdata);
+    
+}
+
+
+async function onSubmitData(){
+  let isvalid=await validate();
+  if(isvalid){
+     setShowAlert(true);
+  }
+}
+
+async function saveData(){
+  console.log()
+  // setHasUnsavedChanges(false);
+  setShowAlert(false);
+  setLoaderTitle('Saving Data...');
+  setProcessing(true);
+  
+
+  try {   
+  
+      await db.transaction(async function (txn) {  
+        
+        // delete old data 
+        let q=`DELETE FROM ${AppTables.ATTENDANCE_DATA} WHERE VISIT_DATE='${d2}' `;
+        
+        await txn.executeSql(q,[],async function (txn2, txnres) { 
+          console.log('prev att data removed');
+        },function (txn2, txnerr){ console.log(txnerr);});
+
+
+        let values='';  
+        let dataToUpload=[];
+        for(var i=0;i<attData.length;i++){
+          let data=attData[i];
+          if(data.SupEntryAllow==1 || data.UploadStatus=='U' ){
+            let allData=empAttData;
+            let windIndex= allData.findIndex(i=>i.EmpId==data.EmpId)
+            let empData=windIndex>=0?empAttData[windIndex]:{};
+            let ReasonId=empData.ReasonId!=null && empData.ReasonId!=''?empData.ReasonId:'0';
+            let UploadStatus=data.UploadStatus=='U'?"U":"P";
+
+            values +=values!=''?' , ':'';
+            values +=` ('${d2}','${props.UserId}','${data.EmpId}','${ReasonId}','${empData.Reason ||''}','${UploadStatus}','${d2}') `;
+            
+            if(data.SupEntryAllow==1 && data.UploadStatus!='U'){
+              let obj={"EmpId":data.EmpId,"ReasonId":ReasonId}
+              dataToUpload.push(obj);
+            }
+
+            
+            data["UploadStatus"]=UploadStatus;
+            attData[i]=data;
+            if(i==attData.length-1){
+              setattData(attData);
+              setrerenderdata(!rerenderdata);
+            }
+          }
+        }
+
+        if(dataToUpload.length>0){
+          let add_data=`INSERT INTO ${AppTables.ATTENDANCE_DATA} (VISIT_DATE,USER_ID,EMP_ID,REASON_ID,REASON,UPLOADSTATUS,ADDED_DATE) VALUES ${values} `;
+          console.log('add_data:',add_data);
+          await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+            console.log('att data added');
+            notify('Attendance added successfully!','SHORT');
+            uploadAttendanceData(dataToUpload);
+          },function (txn2, txnerr){ console.log(txnerr);notify('Cannot add attendance data') });
+        }
+        else{
+          setProcessing(false);
+          notify("All data already uploaded!");
+        }
+          
+        
+      });          
+  } catch (err) {
+      console.log(err);          
+  } 
+}
+
+async function uploadAttendanceData(dataToUpload){
+  setStartUploading(true);
+  setProcessing(false);
+  setshowProgresssBar(true);
+  setTotalUpCount(dataToUpload.length-1);
+  let uploadC=0;
+  const url=props.baseurl+getMethodName(METHODS.UPLOADTAJSON_METHOD);
+  
+  Promise.all(
+    dataToUpload.map(async(item,index)=>{
+      let postData={
+        "EmpId" : item.EmpId,
+        "UserId": props.UserId,
+        "AttendanceDate": d2,
+        "ReasonId": item.ReasonId
+      } 
+      console.log('postData',postData,url)
+      setUploadingSubText("Uploading data for EmpId:"+item.EmpId);
+      await UploadData2(url,postData)
+      .then(async(res)=>{
+        console.log('res:',res);
+        if(res==1){
+          let isupdated=await updateAttDataUploadStatus(item.EmpId);
+          console.log('isupdated',isupdated)
+          if(isupdated){
+            uploadC++;
+            setUploadedCount(uploadC-1);
+            return true
+          }
+          else{
+            return false
+          }
+          
+        }else{
+          return false
+        }
+      })
+      .catch((err)=>{
+          console.log(err);
+          return false
+      }); 
+    })
+  ).then((res)=>{
+    notify("Cannot upload all data! Please retry")
+    setStartUploading(false);
+  }).catch((err)=>{
+    console.log('error',err);
+    notify("Cannot upload data!")
+    setStartUploading(false);
+  })
+
+  
+
+}
+
+
+async function updateAttDataUploadStatus(empId){
+  console.log("updateAttDataUploadStatus called empId:",empId)
+  return new Promise((resolve,reject)=>{
+    db.transaction(async function (txn) { 
+      let q=`Update ${AppTables.ATTENDANCE_DATA} SET UPLOADSTATUS='U' WHERE USER_ID='${props.UserId}' AND VISIT_DATE='${d2}' and EMP_ID='${empId}'`;
+      await txn.executeSql(q,[],async function (txn2, txnres) { 
+        console.log('Attendance Data upload status Updated');
+        updateLocalStatus('U',empId);
+        resolve(true);
+      },function (txn2, txnerr) { console.log(txnerr);resolve(false); },);
+    });   
+  }).then((val)=>{
+    return val;
+  }).catch((err)=>{
+    console.log(err);
+    return false;
+  });
+}
+
+function updateLocalStatus(status='',empId){
+  let allAtt=attData;
+  let empDIndex=allAtt.findIndex(i=>i.EmpId==empId);
+  let empD=empDIndex>=0?allAtt[empDIndex]:{};
+  empD["UploadStatus"]="U";
+  empDIndex>=0?allAtt[empDIndex]=empD:'';
+  setattData(allAtt);
+  setrerenderdata(!rerenderdata);
+}
+
+
+function onSaveCancel(){
+    setShowAlert(false);
+}
+
+
+
+async function validate(){
+  let isValid=true;
+  attData.map((item,index)=>{
+    if(isValid){
+      console.log("item in validate:",item)
+      let empDataI= empAttData.findIndex(i=>i.EmpId==item.EmpId)
+      let empData =empDataI>=0?empAttData[empDataI]:{}
+      
+      if(item.UploadStatus!="U" && item.SupEntryAllow==1 && (empData.ReasonId=='' || empData.ReasonId==null)){
+        notify('Please select reason for attendance');
+        isValid=false;
+      }
+    }
+  })
+  
+  return isValid;
+}
+
+function render_attList(){
+  // let now=moment();
+  // let end=moment(new Date(d2+" "+serverTime));
+  // let timeDiff=now.diff(end);
+  // console.log("timeDiff:",timeDiff,now.format("HH:mm:ss"), serverTime,moment.duration(timeDiff).asHours());
+  return (
+    <ScrollView 
+    contentContainerStyle={customStyle.gmeet_scroll} 
+    style={customStyle.gmeet_scrollOuter}
+    showsVerticalScrollIndicator={false}
+    >
+      <View style={customStyle.attsup_TblBody}>
+      {
+        attData.length>0 &&
+        attData.map((item,index)=>{
+
+      
+          let empDataI= empAttData.findIndex(i=>i.EmpId==item.EmpId)
+          let empData =empDataI>=0?empAttData[empDataI]:{}
+      
+          return(
+            <View style={[customStyle.vl_visitorsLItem,((index<(attData.length-1))?customStyle.vl_visitorsLItemB:{})]} key={index}>
+              <View style={[customStyle.vl_visitorsLI_Box,customStyle.attsup_Box1]}>
+                <Text style={customStyle.attsup_Txt}>{item.EmpId}</Text>
+              </View>
+              <View style={[customStyle.vl_visitorsLI_Box,customStyle.attsup_Box2]}>
+                <Text style={customStyle.attsup_Txt}>{item.EmployeeName}</Text>
+              </View>
+              
+              {item.SupEntryAllow==0 &&
+              <View style={[customStyle.attsup_Box3]}>
+                <Text style={customStyle.attsup_Txt}>{item.Attendance}</Text>
+                <View style ={customStyle.attsup_vtext}>
+                  { item.UploadStatus!=null && item.UploadStatus!='' && item.UploadStatus=='U'  &&
+                  <View style={customStyle.attsup_statusCon}>
+                    <Ionicons name='checkmark-done-sharp' color='green' size={20}/>
+                    <Text style={customStyle.attsup_utext}>{'Uploaded'}</Text>
+                  </View>
+                  }
+                  { item.UploadStatus!=null && item.UploadStatus!='' && item.UploadStatus!='U'  &&
+                  <View style={customStyle.attsup_statusCon}>
+                    <Text style={customStyle.attsup_ntext}>{'Pending'}</Text>
+                  </View>
+                  }
+                </View>
+              </View>
+              }
+              {item.SupEntryAllow==1 && 
+              <View style={customStyle.attsup_dl}> 
+                {CustomPicker(props,nwData,'Reason','ReasonId','Reason','ReasonId',onselectionChange,{value:empData.Reason,otherData:{"EmpData":empData}})}
+                <View style ={customStyle.attsup_vtext}>
+                  { item.UploadStatus!=null && item.UploadStatus!='' && item.UploadStatus=='U'  &&
+                  <View style={customStyle.attsup_statusCon}>
+                    <Ionicons name='checkmark-done-sharp' color='green' size={20}/>
+                    <Text style={customStyle.attsup_utext}>{'Uploaded'}</Text>
+                  </View>
+                  }
+                  { item.UploadStatus!=null && item.UploadStatus!='' && item.UploadStatus!='U'  &&
+                  <View style={customStyle.attsup_statusCon}>
+                    <Text style={customStyle.attsup_ntext}>{'Pending'}</Text>
+                  </View>
+                  }
+                </View>
+              </View>
+              }
+              
+            </View>
+          )
+        })
+      }
+      </View>
+    </ScrollView>
+  )
+}
+  // console.log('nonWorkingRsns',nonWorkingRsns)
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        {(startUploading) && <DownloadDataModal title={UploadingText} downloadCount={uploadedCount} totalCount={TotalUpCount} subtitle={UploadingSubText} showProgresssBar={showProgresssBar}/>}
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+
+        <CustomHeader {...props} title={'Attendance List'}/>     
+        {/* {_OpenCaptureImage_Modal()}   */}
+        <CustomCamera cameraType={'front'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.attsup_HText}>
+              <Text style={customStyle.attsupdate_HText}>{'Date :'}</Text>
+               <Text style = {[customStyle.attsupdate_Text]}>{d2}</Text>
+          </View>
+       
+       
+          <View  style={customStyle.attsup_View} ></View>
+
+          <View>
+              {/* <Text style={customStyle.vl_visitorsListText}>{ST.Visitors}</Text> */}
+              <View style={customStyle.attsup_TblHeader}>
+              <View style={[customStyle.attsup_HeaderBox,customStyle.attsup_HeaderBox1]}>
+                  <Text style={customStyle.attsup_HeaderTxt}>{'Emp Id'}</Text>
+              </View>
+              <View style={[customStyle.attsup_HeaderBox,customStyle.attsup_HeaderBox2]}>
+                  <Text style={customStyle.attsup_HeaderTxt}>{'Employee Name'}</Text>
+              </View>
+              <View style={[customStyle.attsup_HeaderBox,customStyle.attsup_HeaderBox3]}>
+                  <Text style={customStyle.attsup_HeaderTxt}>{'Attendance'}</Text>
+              </View>
+         
+              </View>
+          </View>
+
+          {nodataFound==true && <View style={customStyle.noDataCon}><Text style={customStyle.noDataText}>{"No data found"}</Text></View>}
+          { nodataFound==false && rerenderdata==rerenderdata &&
+            render_attList()
+          }
+          
+          { isAnyPending==true && 
+          <View style={[customStyle.opening_Stock_btnWrap]}>
+            <GradientButton {...props} title={'Save'} onPress={()=>{onSubmitData()}}/> 
+          </View>   
+          } 
+                 
+         </View>
+       
+       </LinearGradient>       
+        
+      </Container>   
+    ); 
+  
+  }
+export default connect(mapStateToProps, mapDispatchToProps)(AttendanceSup);
\ No newline at end of file
diff --git a/src/screens/BackroomStock.js b/src/screens/BackroomStock.js
new file mode 100644
index 0000000..2a73515
--- /dev/null
+++ b/src/screens/BackroomStock.js
@@ -0,0 +1,505 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import {globalStyles,customStyles,GetPageTheme} from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView, BackHandler} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/ ';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { ExitScreenAlert } from '../components/alert';
+
+
+
+function BackroomStock(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [KPIFields, setKPIFields] = useState([]);
+
+    const inputRefs = useRef({});
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+       
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    function  onBeforeRemove(e){
+        if (hasUnsavedChanges==true) {
+            e.preventDefault(); // Prevent default behavior of leaving the screen
+            onRemoveScreen(e);
+        }
+        else{
+           return;
+        }   
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+          await db.transaction(async function (txn) {        
+            
+            let join=' INNER join Product_Master p on c.CategoryId=p.CategoryId ';
+            let join2=' INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+            let q=`SELECT DISTINCT c.CategoryId,c.CategoryName,mp.MSL from Master_Category c ${join} ${join2}  where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreTypeId='${StoreTypeId}' order by p.CategorySequence`;
+            await txn.executeSql(q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres.rows.length-1){
+                            // setBrandData(arr);
+                            getSKU(arr,storeData1);
+                        }                                
+                    }
+                    
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+            
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getSKU(brands=[],storeData1={}){
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1; 
+          await db.transaction(async function (txn) { 
+            var allSKUData=[];
+            await Promise.all(
+                brands.map(async (item,index) => {
+                    let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                    let join2=`  inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                    let sku_q2=`select distinct p.ProductName,p.ProductId,p.BrandName,p.BrandId,m.MSL from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${item.CategoryId}' and CompanyId='1' order by p.ProductSequence`;
+                    
+                    var sku_q='';
+                    let seletlist=` PRODUCT as ProductName,PRODUCT_ID as ProductId,MSL,STOCK`;
+                    
+                    if (item.CategoryId == 0) {
+                        sku_q=`SELECT ${seletlist} FROM ${AppTables.CHILD_BACK_OF_STORE} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+                    } else {
+                        sku_q=`SELECT ${seletlist} FROM ${AppTables.CHILD_BACK_OF_STORE} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}'  and CATEGORY_ID='${item.CategoryId}'`;
+                    }
+
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        if(txnres.rows.length>0){
+                            let arr=[];
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                inputRefs.current['input1_'+item.CategoryId+'_'+data.ProductId]='';
+                                arr.push(data);
+                                
+                                let defData={'CategoryId':item.CategoryId,'ProductId':data.ProductId,'BackroomStock':data.STOCK,};
+                                allSKUData.push(defData);
+
+                                if(i==txnres.rows.length-1){
+                                    item['skulist']=arr;
+                                    brands[index]=item;
+                                    if(index==brands.length-1){
+                                        
+                                        setSKUStockData(allSKUData);
+                                        setBrandData(brands);
+                                        // setrerenderdata(!rerenderdata);
+                                        setProcessing(false);
+                                    }
+                                    return item;
+                                }
+                            }
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                        inputRefs.current['input1_'+item.CategoryId+'_'+data.ProductId]='';
+                                        arr.push(data);
+                                        if(i==(txnres2.rows.length-1)){                                        
+                                            item['skulist']=arr;
+                                            brands[index]=item;
+                                            if(index==brands.length-1){
+                                                // console.log('setBrands:',brands);
+                                                setBrandData(brands);
+                                                setProcessing(false);
+                                            }
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            ) .then((res)=>{
+                
+            });          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+    async function submitBackroomStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.HEADER_BACK_OF_STORE} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.CHILD_BACK_OF_STORE} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+             
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('stock header data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.HEADER_BACK_OF_STORE}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+
+            await db.transaction(async function (txn) {
+              var values='',stock_values='';
+              for(var i=0;i<brandData.length;i++){
+                seq++;
+                let catIndex=i;
+                let item=brandData[catIndex];
+                values+=values!=''?' , ':'';
+                values+=` ('${StoreId}','${d2}','${item.MSL}','${item.CategoryName}','${item.CategoryId}','${d2}') `;
+                let skulist=item['skulist'] || [];
+               
+                for(var j=0;j<skulist.length;j++){
+                    let skuItem=skulist[j];
+                    let {BrandId, BrandName,MSL,ProductId,ProductName}=skulist[j];
+                    stock_values+=stock_values!=''?' , ':'';
+                    let allSKUData=SKUStockData;
+                    const skud_index=allSKUData.findIndex(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId);
+                    const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+
+                    let BRStock=skud['BackroomStock']!=null && skud['BackroomStock']!='undefined'?skud['BackroomStock']:'';
+                    stock_values+=` ('${seq}','${StoreId}','${d2}','${item.CategoryName}','${item.CategoryId}','${ProductName}','${ProductId}','${MSL}','${BRStock}','${d2}') `;
+                }
+              }
+
+              let add_StockHdr=`INSERT INTO ${AppTables.HEADER_BACK_OF_STORE} (STORE_ID,VISIT_DATE,MSL,CATEGORY,CATEGORY_ID,ADDED_DATE) VALUES ${values} `;
+              let add_Stock=`INSERT INTO ${AppTables.CHILD_BACK_OF_STORE} (COMMON_ID,STORE_ID,VISIT_DATE,CATEGORY,CATEGORY_ID,PRODUCT,PRODUCT_ID,MSL,STOCK,ADDED_DATE) VALUES ${stock_values} `;
+              await txn.executeSql(add_StockHdr,[],async function (txn2, txnres) { 
+                console.log('stock header added');
+                await txn.executeSql(add_Stock,[],async function (txn2, txnres) { 
+                    console.log('stock added');
+                    notify('Stock updated successfully');
+                    setProcessing(false);
+                    props.navigation.goBack();
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock') },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock') },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        let isValid=true;
+
+        let isBRStockMandIndex=KPIFields.findIndex(i=>i.KPIFieldName=='BackRoomStockMandatory')
+        let isBRStockMandKPIObj=isBRStockMandIndex>=0?KPIFields[isBRStockMandIndex]:{};
+        let isBRStockMandEnable=isBRStockMandIndex>=0?isBRStockMandKPIObj['KPIFieldEnable']:true;
+
+        if((isBRStockMandEnable==1 || isBRStockMandEnable=='true')){
+        await Promise.all(
+            brandData.map(async (item,index) => {
+            if(isValid){
+                let skulist=item.skulist || [];
+                if(skulist.length>0){
+                    await Promise.all(
+                        skulist.map(async (skuItem,skuIndex) => {
+                            if(isValid){
+                                let skuData=SKUStockData.find(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId ) || {};
+                                if((isBRStockMandEnable==1 || isBRStockMandEnable=='true') &&  skuData.BackroomStock!==0 && (skuData.BackroomStock==null || skuData.BackroomStock=='')){
+                                    notify('Please enter backroom stock for '+skuItem.ProductName,'SHORT');
+                                    isValid=false;
+                                }else{
+                                   
+                                }
+                            }
+                        })
+                    );
+                }
+            }
+            })
+        );
+        }
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    async function focusToNext(cat,index,sku,sku_index,inputType='1'){
+        console.log('focusToNext',index);
+        let data=brandData;
+        let ccat_index=index;
+        let skulist=cat.skulist || [];
+        if(sku_index==skulist.length-1){ // if last subcategory element
+            //then move to next category
+            console.log('move to next cat',ccat_index,data.length)
+            if(ccat_index==data.length-1){
+                return;
+            }
+            else{
+                ccat_index+=1;
+                console.log('move to next cat n:',ccat_index)
+                let cat1=data[ccat_index];
+                let skulist1=cat1.skulist || [];
+                if(skulist1.length>0){
+                    let sku1=skulist1[0];
+                    let refIn1=inputRefs.current['input1_'+cat1.CategoryId+'_'+sku1.ProductId];
+                    console.log('move to next cat refIn1:','input1_'+cat1.CategoryId+'_'+sku1.ProductId)
+                    refIn1.focus();
+                }
+            }
+        }
+        else{
+            // move to next subcategory
+            let sku1=skulist[sku_index+1];
+            let refIn1=inputRefs.current['input1_'+cat.CategoryId+'_'+sku1.ProductId];
+            refIn1.focus();
+        }
+         
+    }
+
+
+    function onStockValChange(item,skuItem,val,key){
+        if(!isNaN(val)){
+            if(val.includes('.')){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+        
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':item.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function _render_Alert(){
+        return (
+          <CustomModal 
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={'Do you really want to save data?'}
+            showModal={showAlert}
+          >
+            <View style={customStyle.storelVisitM_options}>
+             <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowAlert(false)}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Cancel</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{saveData()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Yes</Text>
+              </TouchableOpacity>
+            </View>
+          </CustomModal>
+        )
+      }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {_render_Alert()}
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&      
+            <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={(Platform.OS=='ios'?10:-100)} >  
+                  
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const catIndex=index;
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.CategoryName}</Text>
+                            </LinearGradient>
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            { 
+                                <FlatList 
+                                data={item.skulist}
+                                extraData={rerenderdata2}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skus.ProductId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let BackroomStock=thisCatSkuData.BackroomStock!=null?thisCatSkuData.BackroomStock:'';
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={customStyle.openStk_prd_name}>{skus.ProductName}</Text>
+                                            <View style={customStyle.openStk_prd_form}>
+                                                <View style={customStyle.openStk_prd_row}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>Backroom Stock</Text>
+                                                        <TextInput 
+                                                            ref={(reff)=>{inputRefs.current['input1_'+cat.CategoryId+'_'+skus.ProductId]=reff;}}
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(BackroomStock+'' || '')}
+                                                            keyboardType='number-pad'
+                                                            onSubmitEditing={()=>{focusToNext(cat,parseInt(catIndex),skus,parseInt(sku_index),'1')}}
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'BackroomStock')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                    
+                                                </View>
+                                            </View>
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitBackroomStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(BackroomStock);
\ No newline at end of file
diff --git a/src/screens/Bannerdetail.js b/src/screens/Bannerdetail.js
new file mode 100644
index 0000000..8c0fe74
--- /dev/null
+++ b/src/screens/Bannerdetail.js
@@ -0,0 +1,74 @@
+import { View, Text, Image,ScrollView} from 'react-native'
+import React,{useState,useEffect} from 'react'
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import DrawerHeader from '../components/drawerHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import {WebView} from 'react-native-webview'  
+
+// 
+
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {connect} from 'react-redux'
+import CustomHeader from '../components/customHeader';
+
+function Bannerdetail(props) {
+    const route = useRoute();
+   
+    const [currentItem, setcurrentItem] = useState({});
+    
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    
+  const customStyle=customStyles(props.DarkMode,route.name);
+  let showwebview=false;
+
+
+  useEffect(() => { 
+    let params = props.route.params !=null?props.route.params:{};
+    console.log("params",params);
+    let currentitem1 = params.imagedesc!=null?params.imagedesc:{};
+    console.log('onrender bannaer ',currentitem1);
+    // let type='';
+    let ext = currentitem1.NoticeLink_FullPage.split('.').pop();
+    console.log('ext',ext)
+  
+     if(ext=='html'){
+      showwebview=true;
+          
+    }
+     else{
+      
+      showwebview=false;
+    
+     }
+     setcurrentItem(currentitem1)
+   // 
+  }, []);
+ 
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+      
+      <CustomHeader {...props} title={'Banner Detail'}/>
+
+    <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+    
+    <View style={customStyle.noticeboard_customstylewrapper}>
+    <ScrollView contentContainerStyle = {{width:'100%', flex:1}}>
+      {
+         !showwebview &&
+    <WebView
+    style= {{height:'97%', width:'95%', borderRadius:20, marginLeft:10, marginTop:10}}source = {{uri:currentItem.NoticeLink_FullPage}}
+    />
+      }
+
+
+    </ScrollView>
+    </View>
+    
+  </LinearGradient>
+  </Container>
+  )
+}
+export default connect(mapStateToProps, mapDispatchToProps)(Bannerdetail)
\ No newline at end of file
diff --git a/src/screens/CameraScreen.js b/src/screens/CameraScreen.js
new file mode 100644
index 0000000..53f15c6
--- /dev/null
+++ b/src/screens/CameraScreen.js
@@ -0,0 +1,57 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import CustomCamera from '../components/Camera';
+
+function CameraScreen(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    
+    const [processing, setProcessing] = useState(false);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [params, setParams] = useState({'cameraType':'back'});
+    const [showCamera, setShowCamera] = useState(true);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        let params1=props.route.params? props.route.params:{};
+        setParams(params1);
+    }, []);
+
+    function closeCamera(){
+        console.log('closeCamera');
+        // setShowCamera(false);
+        props.navigation.goBack();
+    }
+
+    async function onImageCaptured(imgData){
+        console.log('onImageCaptured');
+        if(params.getImage!=null){
+            await params.getImage(imgData);
+        }
+    }
+  
+    return ( 
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {/* {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>} */}
+        <CustomCamera cameraType={(params.cameraType!=null?params.cameraType:'back')} onImageCaptured={(imgData)=>{onImageCaptured(imgData)}} showCamera={showCamera} onHideCamera={()=>{closeCamera()}}/>   
+    </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(CameraScreen);
\ No newline at end of file
diff --git a/src/screens/CheckInDistributor.js b/src/screens/CheckInDistributor.js
new file mode 100644
index 0000000..d7ec4a8
--- /dev/null
+++ b/src/screens/CheckInDistributor.js
@@ -0,0 +1,602 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme, WP } from "../styles/Global";
+import {Image,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, DeviceEventEmitter} from 'react-native';
+import { connect} from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {checkRange, marktext1,marktext2, UpdateDistributorStatus, UpdateStoreStatus, UploadData, UploadData2, UploadFormData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {AppVersion, common_ImagePath,ImageFolderPath, db,gMap_key, URL_IMAGE} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {AntDesign, Entypo} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import {SvgXml} from 'react-native-svg';
+import MapView,{ Marker,AnimatedRegion ,Polyline,PROVIDER_GOOGLE} from 'react-native-maps';
+import { _checkLocationPermission } from '../components/geolocation';
+import Geolocation from 'react-native-geolocation-service';
+import { useRef } from 'react';
+import GradientButton from '../components/gradientButton';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import { AppTables } from '../constants/tableConstants';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import CustomCamera from '../components/Camera';
+import { getAvailblQuery, getIfAvlbl, Q_DBMenuList, Q_MenuList } from '../constants/ConstantQueries';
+
+
+function DistributorCheckin(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState(false);
+    
+    const [storeData, setStoreData] = useState({});
+    const [StoreImage, setStoreImage] = useState('');
+    const [StoreImgPath, setStoreImgPath] = useState('');
+    
+    const [currentLocation, setCurrentLocation] = useState({});
+    const [markerCoordinate, setMarkerCoordinate] = useState();
+    const [markerPos, setMarkerPos] = useState({});
+    const [markerTitle, setMarkerTitle] = useState('');
+    const [markerPlaceText, setMarkerPlaceText] = useState('');
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeDistanceText, setStoreDistanceText] = useState('0 m');
+    const [storeDistance, setStoreDistance] = useState(0);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+
+    const MyMap=useRef(null);
+    const MyMarker=useRef(null);
+    const isCancelled = useRef(false);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+   
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...')
+      let params=props.route.params? props.route.params:{};
+      let storeData1=params.storeData || {};
+      setStoreData(storeData1);
+      calLocatDistance(storeData1);
+
+      const onImageCapturedSubs=DeviceEventEmitter.addListener('onImageCaptured',(imgData)=>{ getImage(imgData)});
+      const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        
+
+      return function cleanup() {
+        isCancelled.current = true; 
+        Geolocation.clearWatch()
+        onImageCapturedSubs.remove();
+        return unsubscribe;
+      };
+      
+    }, []);
+
+    useEffect(() => {
+      console.log('show camera changes:',showCamera);
+      const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+      return unsubscribe;
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+      console.log('onBeforeRemove:',showCamera);
+      if(showCamera==true){
+        e.preventDefault();
+        setShowCamera(false);
+      }
+      else{
+        return;
+      } 
+    }
+
+    async function calLocatDistance(storeData1){
+      if(storeData1.Latitude !='' && storeData1.Latitude!=null){
+        const hasPermission=await _checkLocationPermission();
+        if(hasPermission==true)
+        {    
+          getCurrentPosition(storeData1);
+          getLocationUpdates(storeData1);          
+        }
+        else{
+          notify(ST.Pleaseallowlocationpermission);
+        }
+      }
+      else{
+        notify(ST.Storelocationnotavailable);
+      }      
+    }
+
+    async function getCurrentPosition(storeData1){
+      Geolocation.getCurrentPosition(
+        async (position) => {
+          OnLocation(position,storeData1);   
+        },
+        (error) => {
+            notify(ST.Cannotgetuserposition);
+        },
+        { enableHighAccuracy: true, distanceFilter: 10, interval: 1000, fastestInterval: 2000 }
+      );
+    }
+
+    async function getLocationUpdates(storeData1){
+      Geolocation.watchPosition(
+        async (position) => {
+          OnLocation(position,storeData1);                 
+        },
+        (error) => {
+          notify(ST.Cannotgetuserposition);
+        },
+        { enableHighAccuracy: true, distanceFilter: 20, interval: 1000, fastestInterval: 2000, }
+      )
+    }
+
+    async function OnLocation(position,storeData1){
+      let loc={lat:position.coords.latitude,lng:position.coords.longitude};
+      let storeLat=parseFloat(storeData1.Latitude),storeLng=parseFloat(storeData1.Longitude);
+      setMarkerPos({ lat:storeLat, lng: storeLng });
+      setMarkerCoordinate(new AnimatedRegion({ latitude:storeLat, longitude: storeLng }));
+      setMarkerInfo({ latitude:storeLat, longitude: storeLng });
+      setCurrentLocation(loc);
+
+
+      var distance = checkRange(loc.lat,loc.lng,storeData1.Latitude,storeData1.Longitude);
+      // console.log('distance:',distance);
+      let dinKM=(distance / 1000);
+      let distanceinM=(distance=='' || distance==null || isNaN(distance))?' 0 m':( dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+      setStoreDistanceText(distanceinM);
+      setStoreDistance(distance);   
+    }
+
+    async function getPosition_global(successCallback){
+      Geolocation.getCurrentPosition(
+        async (position) => {
+          successCallback(position);  
+        },
+        (error) => {
+            notify(ST.Cannotgetuserposition);
+        },
+        { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+      );
+    }
+
+    async function submitCheckIn(){
+      if(validate()){
+        setLoaderTitle(ST.ProcessingCheckIn+'...');
+        setProcessing(true);
+
+        async function posSuccessCallback(position){          
+          let loc={lat:position.coords.latitude,lng:position.coords.longitude};
+          uploadCheckIn(loc);
+        }
+        await getPosition_global(posSuccessCallback);
+      }
+    }    
+
+    
+    async function onStoreStatusUpdate(txnres2){
+      setProcessing(false);          
+      notify(ST.CheckInDataUploadedsuccessfully,'SHORT');
+      let MenuLen=await getMenuListLen();
+      if(MenuLen>0){
+        props.navigation.replace('DB_StoreDailyMenu',{storeData:storeData});
+      }
+      else{
+        props.navigation.goBack();
+      }
+    }
+
+    async function getMenuListLen(){
+      let {StoreId,ChannelId,RegionId,StoreTypeId}=storeData;
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {   
+          let q=Q_DBMenuList(storeData); 
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+            resolve(txnres.rows.length);
+          },function (txnE,txnerr) { console.log(txnerr); resolve(0); },);
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log('')
+        return 0
+      })
+    }
+
+    async function uploadCheckIn(loc){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');    
+      let fpath=Platform.OS=='ios'?StoreImgPath.replace('file://',''):StoreImgPath;
+      console.log(fpath);
+      var data1 = new FormData();          
+      data1.append('file', {
+        uri: fpath ,
+        type: 'image/jpg',
+        name: StoreImage,
+      });
+
+   
+      data1.append('Foldername','DBCoverageImages');
+      data1.append('Path', d2);
+      let data={
+        "DistributorId":storeData.StoreId,
+        "VisitDate":d2,
+        "Latitude":(loc.lat || ''),
+        "Longitude":(loc.lng || ''),
+        "ReasonId":0,
+        // "Remark":"",
+        // "Appversion":AppVersion,
+        "UploadStatus":"I",
+        "UserId":(props.UserId || ''),
+        "CheckInImage":StoreImage,
+        "CheckoutImage":"",
+      }
+
+      const url=props.baseurl+getMethodName(METHODS.DISTRIBUTOR_COVERAGE);
+      const url1=(props.imageUploadUrl || URL_IMAGE)+getMethodName(METHODS.UPLOADIMAGES_METHOD);
+      console.log(url,data);
+
+      await UploadData2(url,data)
+      .then(async(res)=>{         
+        console.log('res of dbcheckin:',res);
+        if(parseInt(res)>0){
+          InsertCoverageData(res,loc);
+          // Upload Image 
+          await UploadFormData(url1,data1)
+          .then(async(res1)=>{         
+            console.log('res1 image upload:',res1);            
+          })
+          .catch((err)=>{
+            console.log(err);
+          });
+
+        }
+        else{
+          setProcessing(false);
+        }
+      })
+      .catch((err)=>{
+        console.log(err);setProcessing(false);
+      });
+    }
+
+    async function InsertCoverageData(MID=0,loc){
+      console.log('InsertCoverageData');
+      try{
+        let d1=new Date();
+        let d2=moment(d1).format('MM/DD/YYYY');
+        let now=moment(d1).format('MM/DD/YYYY HH:mm:ss');
+        await db.transaction(async function (txn) {  
+          
+          let {StoreId}=storeData;
+          let {lat,lng}=loc;
+          let JcpType='Sup_MasterDistributor';
+
+
+          let q2=`delete from ${AppTables.DISTRIBUTOR_CHECKIN} where DISTRIBUTOR_ID='${StoreId}' and VISIT_DATE='${d2}' `; 
+          let values2=` ('${StoreId}','${d2}','${lat}','${lng}','${now}','${StoreImage}','','','','${d2}')`; 
+          let insert_q2=` INSERT INTO ${AppTables.DISTRIBUTOR_CHECKIN}(DISTRIBUTOR_ID,VISIT_DATE,LATITUDE,LONGITUDE,CHECKIN_TIME,CHECKIN_IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REMARK,ADDED_DATE) values ${values2}`;
+         
+          await txn.executeSql(q2,[],async function (txn2, txnres2) {
+            console.log('removed'); 
+            await txn.executeSql(insert_q2,[],async function (txn2, txnres3) {
+              console.log('checkin data added');  
+
+              let q=`UPDATE ${JcpType} SET UploadStatus='I',DMID='${MID}' WHERE DistributorId='${StoreId}' `;
+              await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                  console.log('distributor status and MID updated');
+                  onStoreStatusUpdate();
+                 
+              },function(Etxn,txnerr){console.log(txnerr);}); 
+
+            },function(Etxn,txnerr){console.log(txnerr);});
+          },function(Etxn,txnerr){console.log(txnerr);});
+          
+        }); 
+      }
+      catch(e){
+        console.log('error:',e);
+        setProcessing(false);
+        notify(ST.CouldnotaddCheckIndata,'SHORT');
+      }
+    }
+
+
+    function validate(){
+      if(StoreImage=='' || StoreImage==null){
+        notify('Please click selfie in front of Distributor','SHORT');
+        return false;
+      }
+      return true;
+    }
+
+    async function getImage(imgdata){
+      
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+          const img=imgdata;
+          const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+          let isImgFromGallery=img.fromGallery!=null?img.fromGallery:false;
+          let picture_clickedd=isImgFromGallery==true?img.datetime:new Date();
+          let picture_clicked_time=moment(picture_clickedd).format('DD-MM-YYYY HH:mm:ss')
+          
+          
+          const mark_text1=picture_clicked_time;
+          const mark_text2='Distributor Name:'+storeData.StoreName+' | Distributor Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: DB Check In'+' | Date:'+picture_clicked_time;
+          console.log('picture_clicked_time after photo time:',picture_clicked_time);
+         
+          await marktext1(mark_text1,imgurl)
+          .then((res)=>{
+              if(res.success){
+                
+                  let uri=res.uri;
+                  marktext2(mark_text2,uri,imgWidth, imgHeight)
+                  .then((res)=>{
+
+                      if(res.success){
+                        
+                          
+                          let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                          let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                          let filename=storeData.StoreId+'_'+(props.UserId || '')+'_DBStoreImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                          console.log('picture_clicked_time after photo filename:',filename);
+                          setStoreImage(filename);
+                          // renamefile
+                          let imagePath='file://'+`${common_ImagePath}${filename}`;
+                          RNFS.moveFile(res.uri,imagePath)
+                          .then(resn => {
+                              let uri=imagePath;
+                              console.log('image marker',uri);
+                              setStoreImgPath(uri);
+                          })
+                          .catch(err => {
+                              console.log('ERROR: image file write failed!!!');
+                              console.log(err.message, err.code);
+                          }); 
+                                   
+                      }
+                      else{
+                          if(res.imagenotfound){
+                              notify(ST.Pleasecaptureaimage);
+                          }
+                          else{
+                              notify(res.error);
+                          }
+                      }
+                    
+                  });
+                
+                  
+              }
+              else{
+                  if(res.imagenotfound){
+                      notify(ST.Pleasecaptureaimage);
+                  }
+                  else{
+                      notify(res.error);
+                  }
+              }
+          });            
+      }        
+  }
+
+  async function openCamera(){  
+      // setShowCamera(true);
+      props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front','CheckInCameraGallery':props.CheckInCameraGallery,})
+  }
+
+
+    function moveMarkerToPos(e){
+      let coords=e.nativeEvent.coordinate;
+
+      // if(MyMap.current!=null){
+      //   MyMap.current.animateToRegion({  
+      //     latitude: coords.latitude,   
+      //     longitude: coords.longitude,  
+      //     latitudeDelta: 0.0922,  
+      //     longitudeDelta: 0.0421,  
+      //   },1000);
+      // }
+      animateCamera(coords);
+      animateMarkerToRegion(coords);
+      setMarkerInfo(coords);
+      let loc={lat:coords.latitude,lng:coords.longitude};
+      setMarkerPos(loc);
+    }
+
+    function animateMarkerToRegion(coords) {
+      const newCoordinate = coords;  
+      if (Platform.OS === 'android') {
+        if (MyMarker) {
+          MyMarker.current.animateMarkerToCoordinate(newCoordinate, 1000);
+        }
+      } else {
+        // `useNativeDriver` defaults to false if not passed explicitly
+        markerCoordinate.timing({ ...newCoordinate, useNativeDriver: false,duration:1000 }).start();
+      }
+      setTimeout(()=>{setMarkerCoordinate(coords);},1000);
+      
+    }
+
+    async function setMarkerInfo(coords){
+      if(MyMap.current!=null){
+        MyMap.current.addressForCoordinate(coords)
+        .then((res)=>{
+          console.log('res:',res);
+          let title=res.name;
+          let placeText=`${res.subLocality}, ${res.locality}, ${res.administrativeArea} ${res.postalCode}`;
+          setMarkerTitle(title);
+          setMarkerPlaceText(placeText);
+          
+        })
+      }
+    }
+
+    async function animateCamera(coords) {
+      if(MyMap.current!=null){
+      const camera = await MyMap.current.getCamera();
+      camera.heading = 7;
+      camera.pitch = 7;
+      camera.altitude = 100;
+      camera.zoom = 19;
+      camera.center.latitude = coords.latitude;
+      camera.center.longitude = coords.longitude;
+      MyMap.current.animateCamera(camera, { duration: 2000 });
+      }
+    }
+
+
+    function _renderMap(){
+      const lat =currentLocation.lat?currentLocation.lat:28.579660;
+      const lng=currentLocation.lng?currentLocation.lng:77.321110;
+
+      // const latt=storeData.Latitude?parseFloat(storeData.Latitude):lat;
+      // const long=storeData.Longitude?parseFloat(storeData.Longitude):lng;
+      
+      if(currentLocation.lat!=null)
+      {
+        return (
+          <View style={[customStyle.mapWrapCon,(Platform.OS==='ios'?customStyle.mapWrapConIOS:{})]}>
+          <View style={[customStyle.mapWrapper,customStyle.mapWrapperSmall]}>   
+          <MapView  
+              ref={MyMap}
+              provider={PROVIDER_GOOGLE}
+              style={customStyle.mapStyle}               
+              showsUserLocation={true}  
+              zoomEnabled={true} 
+              // initialRegion={{  
+              //   latitude: lat,   
+              //   longitude: lng,  
+              //   latitudeDelta: 0.0922,  
+              //   longitudeDelta: 0.0421,  
+              // }}  
+              initialCamera={{
+                center: {
+                  latitude: lat,   
+                  longitude: lng,
+                },
+                pitch: 7,
+                heading: 7,
+                altitude: 100,
+                zoom: 19,
+              }}
+          >
+              <Marker.Animated 
+                ref={MyMarker}
+                coordinate={ markerCoordinate}                  
+                pinColor={'#ff78b6'}
+                title={markerTitle}  
+                description={markerPlaceText}      
+              />  
+              <Polyline
+                coordinates={[{latitude:currentLocation.lat,longitude:currentLocation.lng},{latitude:markerPos.lat,longitude:markerPos.lng}]}
+                strokeColor={'#00a4eb'} // fallback for when `strokeColors` is not supported by the map-provider
+                strokeColors={['#00a4eb']}
+                strokeWidth={4}
+              />
+          </MapView>  
+          </View>  
+          {_render_captureImage()} 
+          </View>            
+        );
+      }
+      else{
+        return(<View></View>)
+      }
+    }
+
+    function _render_captureImage(){
+      const isImageAvlbl=StoreImage!='' && StoreImage!=null && StoreImgPath!='' && StoreImgPath!=null;
+      
+      return (
+        <View style={[customStyle.gtag_sImageWrap,{bottom:-40}]}>          
+          <View style={customStyle.gtag_sImagelbl}>
+            <TouchableOpacity style={customStyle.gtag_sImage_View} onPress={()=>{openCamera()}}>
+              {!isImageAvlbl && <SvgXml width={80} height={80} xml={cameraImg}/>}  
+              {isImageAvlbl && <Image style={[customStyle.gTag_Image,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:StoreImgPath}}/>}    
+            </TouchableOpacity>
+            <Text style={[customStyle.gtag_sImagelblText,{marginTop:0}]}>{'Click selfie in front of Distributor'}</Text>
+          </View>
+           
+        </View>
+      );
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={'Distributor Check-In'}/>        
+        {/* <CustomCamera cameraType={'front'} enableGallerForScreen={props.CheckInCameraGallery} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>    */}
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&
+            <ScrollView contentContainerStyle={customStyle.geotag_scroll} style={{}}>            
+            
+              <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+            
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.StoreId+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                    </View>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.StoreCode+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                    </View>
+                  </View>
+                  <View style={customStyle.storel_code}>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.Address+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.Address}</Text>
+                    </View>
+                  </View>                                 
+                </View>                
+              </View> 
+            
+              </View>
+              {
+              // isCancelled.current==false &&  
+              _renderMap()
+              } 
+              
+              
+              <View style={[customStyle.gTag_btnWrap,customStyle.gTag_btnWrapCI]}>
+                {
+                  storeDistance>500 && 
+                  <View  style={customStyle.gTag_distanceAway}>
+                  <Text style={customStyle.gTag_distanceAwayLbl}>{`${ST.Youare} ${storeDistanceText} ${ST.Awayfromthestore}`}</Text>
+                  </View>
+                }
+                <GradientButton {...props} title={ST.CheckIn} onPress={()=>{submitCheckIn()}}/> 
+              </View>    
+                 
+            </ScrollView>
+          }
+         </View>      
+       </LinearGradient>       
+        
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(DistributorCheckin);
\ No newline at end of file
diff --git a/src/screens/CheckInStore.js b/src/screens/CheckInStore.js
new file mode 100644
index 0000000..eeb5d39
--- /dev/null
+++ b/src/screens/CheckInStore.js
@@ -0,0 +1,1231 @@
+import React, { useState, useEffect } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme, WP } from "../styles/Global";
+import { Image, View, Text, ScrollView, TouchableOpacity, Platform, FlatList } from 'react-native';
+import { connect } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { checkRange, getDownloadJson1, marktext1, marktext2, UpdateStoreStatus, UploadData, UploadData2, UploadFormData, fetchProjectConfig } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { AppVersion, common_ImagePath, db, gMap_key, URL_IMAGE } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { AntDesign, Entypo } from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { SvgXml } from 'react-native-svg';
+import MapView, { Marker, AnimatedRegion, Polyline, PROVIDER_GOOGLE } from 'react-native-maps';
+import { _checkLocationPermission } from '../components/geolocation';
+// import Geolocation from '@react-native-community/geolocation';
+import Geolocation from 'react-native-geolocation-service';
+import { useRef } from 'react';
+import GradientButton from '../components/gradientButton';
+import { launchCamera, launchImageLibrary, CameraOptions } from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import { AppTables } from '../constants/tableConstants';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import CustomCamera from '../components/Camera';
+import { getAvailblQuery, getIfAvlbl, Q_MenuList } from '../constants/ConstantQueries';
+import { executeTasks, getReDownloadTasks1, startRedownload } from '../components/downloadTasks';
+import CustomModal from '../components/CustomModal';
+import DownloadDataModal from '../components/downloadDataModal';
+
+
+function StoreCheckin(props) {
+  const route = useRoute();
+  const ST = props.StaticText || {};
+  // get all theme styles acc to current theme set 
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const [processing, setProcessing] = useState(false);
+
+  const [storeData, setStoreData] = useState({});
+  const [StoreImage, setStoreImage] = useState('');
+  const [StoreImgPath, setStoreImgPath] = useState('');
+
+  const [currentLocation, setCurrentLocation] = useState({});
+  const [markerCoordinate, setMarkerCoordinate] = useState();
+  const [markerPos, setMarkerPos] = useState({});
+  const [markerTitle, setMarkerTitle] = useState('');
+  const [markerPlaceText, setMarkerPlaceText] = useState('');
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+  const [storeDistanceText, setStoreDistanceText] = useState('0 m');
+  const [storeDistance, setStoreDistance] = useState(0);
+  const [showCamera, setShowCamera] = useState(false);
+  const [getImageProps, setGetImageProps] = useState({});
+  const [EmpData, setEmpData] = useState([]);
+  const [IsSearchedStore, setIsSearchedStore] = useState(false);
+
+  const [startDownload, setStartDownload] = useState(false);
+  const [TaskResponse, setTaskResponse] = useState([]);
+  const [downloadingText, setDownloadingText] = useState('');
+  const [dowloadedCount, setDowloadedCount] = useState(-1);
+  const [totalCount, setTotalCount] = useState(-1);
+  const [DownloadTasks, setDownloadTasks] = useState([]);
+
+  const [DErrorMsg, setDErrorMsg] = useState({});
+  const [showDErrAlert, setshowDErrAlert] = useState(false);
+  const [isNPNDScreen, setisNPNDScreen] = useState(false);
+  const [designation, setDesignation] = useState('');
+
+  const MyMap = useRef(null);
+  const MyMarker = useRef(null);
+  const isCancelled = useRef(false);
+  const d1 = new Date();
+  const d2 = moment(d1).format('MM/DD/YYYY');
+
+  useEffect(() => {
+    (async () => {
+      setLoaderTitle(ST.Loading + '...')
+      let params = props.route.params ? props.route.params : {};
+      let storeData1 = params.storeData || {};
+
+      console.log(storeData1, "storeData1---->>>>>>")
+
+      let empData1 = params.empData || {};
+      let IsSearchedStore1 = params.IsSearchedStore != null && params.IsSearchedStore == 1 ? true : false;
+
+      console.log("IsSearchedStore1", IsSearchedStore1)
+
+      let isAdhoc = params.isAdhoc || false;
+      let isNPND = params.isNPND != null ? params.isNPND : false;
+
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+
+      setDesignation(loginDetails?.Designation)
+
+      setisNPNDScreen(isNPND)
+      setIsAdhocScreen(isAdhoc);
+      setIsSearchedStore(IsSearchedStore1);
+      setEmpData(empData1);
+      setStoreData(storeData1);
+      calLocatDistance(storeData1);
+
+
+      getData();
+      const onBackSubscription = props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+      return function cleanup() {
+        isCancelled.current = true;
+        Geolocation.clearWatch()
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        return onBackSubscription;
+      };
+
+    })()
+  }, []);
+
+  useEffect(() => {
+    console.log('show camera changes:', showCamera);
+    props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    const onBackSubscription = props.navigation.addListener('beforeRemove', onBeforeRemove);
+    return onBackSubscription;
+  }, [showCamera]);
+
+  useEffect(() => {
+    console.log('on totalCount change:', totalCount, startDownload);
+    if (startDownload == true && totalCount > -1) {
+      setDowloadedCount(0);
+    }
+  }, [totalCount]);
+
+  useEffect(() => {
+    if (startDownload && TaskResponse != null) {
+      console.log('increment dowloadedCount changed');
+      let count = dowloadedCount + 1;
+      setDowloadedCount(count);
+    }
+  }, [TaskResponse]);
+
+
+  useEffect(() => {
+    console.log('dowloadedCount onchange:', dowloadedCount);
+    if (dowloadedCount <= totalCount) {
+      executeTasks(props, storeData, DownloadTasks, dowloadedCount, totalCount, setDowloadedCount, setDownloadingText, onDownloadComplete, setTaskResponse, showErrorModal);
+    }
+    else {
+      setStartDownload(false);
+    }
+  }, [dowloadedCount]);
+
+  function onBeforeRemove(e) {
+    console.log('onBeforeRemove:', showCamera);
+    if (showCamera == true) {
+      e.preventDefault();
+      setShowCamera(false);
+    }
+    else {
+      return;
+    }
+  }
+
+  // async function calLocatDistance(storeData1) {
+  //   console.log('calLocatDistance storeData1:', storeData1);
+  //   if (storeData1.Latitude != '' && storeData1.Latitude != null) {
+  //     const hasPermission = await _checkLocationPermission();
+  //     if (hasPermission == true) {
+  //       getCurrentPosition(storeData1);
+  //       getLocationUpdates(storeData1);
+  //     }
+  //     else {
+  //       notify(ST.Pleaseallowlocationpermission);
+  //     }
+  //   }
+  //   else {
+  //     notify(ST.Storelocationnotavailable);
+  //   }
+  // }
+
+  async function calLocatDistance(storeData1) {
+  console.log('calLocatDistance storeData1:', storeData1);
+
+  let lat = parseFloat(storeData1?.Latitude);
+  let lng = parseFloat(storeData1?.Longitude);
+
+  const hasStoreLatLng =
+    !isNaN(lat) && !isNaN(lng) && lat !== 0 && lng !== 0;
+
+  const hasPermission = await _checkLocationPermission();
+  if (!hasPermission) {
+    notify(ST.Pleaseallowlocationpermission);
+    return;
+  }
+
+  if (hasStoreLatLng) {
+    // ✅ StoreList case
+    getCurrentPosition(storeData1);
+    getLocationUpdates(storeData1);
+  } else {
+    // ✅ GeoTag case → use current device location
+    console.log('Store lat/lng missing, using current location');
+
+    Geolocation.getCurrentPosition(
+      (position) => {
+        const currentLoc = {
+          ...storeData1,
+          Latitude: position.coords.latitude,
+          Longitude: position.coords.longitude,
+          __fromGeoTag: true, // debug flag
+        };
+
+        getCurrentPosition(currentLoc);
+        getLocationUpdates(currentLoc);
+      },
+      () => {
+        notify(ST.Storelocationnotavailable);
+      },
+      { enableHighAccuracy: true }
+    );
+  }
+}
+
+
+  async function getCurrentPosition(storeData1) {
+    Geolocation.getCurrentPosition(
+      async (position) => {
+        OnLocation(position, storeData1);
+      },
+      (error) => {
+        notify(ST.Cannotgetuserposition);
+      },
+      { enableHighAccuracy: true, distanceFilter: 10, interval: 1000, fastestInterval: 2000 }
+    );
+  }
+
+  async function getLocationUpdates(storeData1) {
+    Geolocation.watchPosition(
+      async (position) => {
+        OnLocation(position, storeData1);
+      },
+      (error) => {
+        notify(ST.Cannotgetuserposition);
+      },
+      { enableHighAccuracy: true, distanceFilter: 20, interval: 1000, fastestInterval: 2000, }
+    )
+  }
+
+  async function OnLocation(position, storeData1) {
+    let loc = { lat: position.coords.latitude, lng: position.coords.longitude };
+    let storeLat = parseFloat(storeData1.Latitude), storeLng = parseFloat(storeData1.Longitude);
+    setMarkerPos({ lat: storeLat, lng: storeLng });
+    setMarkerCoordinate(new AnimatedRegion({ latitude: storeLat, longitude: storeLng }));
+    setMarkerInfo({ latitude: storeLat, longitude: storeLng });
+    setCurrentLocation(loc);
+
+
+    var distance = checkRange(loc.lat, loc.lng, storeData1.Latitude, storeData1.Longitude);
+    console.log('distance:',distance);
+    let dinKM = (distance / 1000);
+    let distanceinM = (distance == '' || distance == null || isNaN(distance)) ? ' 0 m' : (dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+    setStoreDistanceText(distanceinM);
+    setStoreDistance(distance);
+  }
+
+  async function getPosition_global(successCallback) {
+    Geolocation.getCurrentPosition(
+      async (position) => {
+        successCallback(position);
+      },
+      (error) => {
+        notify(ST.Cannotgetuserposition);
+      },
+      { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+    );
+  }
+  
+  async function submitCheckIn() {
+    if (validate()) {
+      setLoaderTitle(ST.ProcessingCheckIn + '...');
+      setProcessing(true);
+
+      async function posSuccessCallback(position) {
+        let loc = {
+          lat: position.coords.latitude,
+          lng: position.coords.longitude
+        };
+
+        //const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+        const { StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+        console.log("storewisePjp_get_chekin::", storeSearch, storewisePjp);
+
+
+        // --- final condition ---
+        (storewisePjp && (isAdhocScreen || isNPNDScreen))
+          ? await createJCP(loc, storewisePjp, storeSearch)
+          : await uploadCheckIn(loc, storewisePjp, storeSearch);
+      }
+
+      await getPosition_global(posSuccessCallback);
+    }
+  }
+
+  console.log("isAdhocScreen", isAdhocScreen);
+
+  async function createJCP(loc, storewisePjp, storeSearch) {
+    console.log("create JCP called")
+    console.log('createJCP', designation == "Supervisor");
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let data = { "UserId": (props.UserId || ''), "JcpType": isAdhocScreen ? 1 : (IsSearchedStore ? 0 : 1), "StoreId": storeData.StoreId, "VisitDate": d2, "EmpId": storeData.MerchandiserId }
+    const url = props.baseurl + getMethodName(METHODS.CREATEJP_METHOD_SUPWISE);
+    console.log(url, data);
+    await UploadData2(url, data)
+      .then(async (res) => {
+        console.log("create JCP res:", res);
+        if (res != null && res != '' && res != '0' && parseInt(res) > 0) {
+          let isupdated = await updateMID(res, storewisePjp, storeSearch);// update mid in db
+          if (isupdated) {
+            // if MID updated call checkin function 
+            await uploadCheckIn(loc, storewisePjp, storeSearch);
+            // setProcessing(false);notify("PJP created"+res,'SHORT');
+            // console.log("hold upload check in")
+          }
+          else {
+            setProcessing(false); notify("Something went wrong! Cannot update MID:" + res, 'SHORT');
+          }
+        }
+        else {
+          setProcessing(false); notify(ST.OopsSomethingwentwrongcannotcreateJCP, 'SHORT');
+        }
+
+      })
+      .catch((err) => {
+        setProcessing(false); console.log(err);
+      });
+
+  }
+  async function updateMID(MID = 0, storewisePjp, storeSearch) {
+    console.log("updateMID:", MID)
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let tbname = '';
+        console.log("IsSearchedStore===", IsSearchedStore)
+        let ShowStoreSearch = storeSearch ? storeSearch : false;
+
+        // ShowStoreSearch = true ; // add naita static 
+
+        console.log("designation", designation, "props.SUP_StorewisePJP", storewisePjp, ShowStoreSearch)
+
+
+        //  if (ShowStoreSearch && storewisePjp === true) 
+        if (ShowStoreSearch ? (designation == "Supervisor" && storewisePjp == true) : storewisePjp == true) {
+          tbname = isAdhocScreen == true ? "Sup_JourneyPlanStorewiseSup_Adhoc" : isNPNDScreen ? "Sup_NPNDStore" : "Sup_JourneyPlanStorewiseSup";
+          console.log('tbnamestore', tbname)
+        }
+
+        else {
+          tbname = isAdhocScreen == true ? "Sup_AdhocJourneyPlan" : isNPNDScreen ? "Sup_NPNDStore" : "Sup_JourneyPlan";
+          console.log('tbnameteamlist', tbname)
+        }
+
+
+
+        let q = `UPDATE  ${tbname} SET MID='${MID}' WHERE StoreId='${storeData.StoreId}' and MerchandiserId='${storeData.MerchandiserId}'  `;
+
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('mid updated', storeData.StoreId, MID);
+          let new_st = storeData;
+          new_st['MID'] = MID;
+          setStoreData(new_st);
+          resolve(true);
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+      });
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    })
+
+  }
+  async function uploadCheckIn(loc, storewisePjp, storeSearch) {
+
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let fpath = Platform.OS == 'ios' ? StoreImgPath.replace('file://', '') : StoreImgPath;
+    console.log(fpath);
+    let Deviation = (isAdhocScreen == true) ? 1 : isNPNDScreen ? 2 : 0;
+    var data1 = new FormData();
+
+    data1.append('file', {
+      uri: fpath,
+      type: 'image/jpg',
+      name: StoreImage,
+    });
+
+    let foldername = getFolderName(StoreImage);
+    data1.append('Foldername', foldername);
+    data1.append('Path', d2);
+    let data = '';
+
+    data = {
+      "StoreId": storeData.StoreId,
+      "VisitDate": d2,
+      "MerchandiserId": storeData.MerchandiserId,
+      "Latitude": (loc.lat || ''),
+      "Longitude": (loc.lng || ''),
+      "ReasonId": 0,
+      "Remark": "",
+      "CheckInImage": StoreImage,
+      "AppVersion": AppVersion,
+      "Checkout_Image": "",
+      "ChainId": "",
+      "StoreTypeId": "",
+      "ChannelId": "",
+      "UploadStatus": "I",
+      "UserId": (props.UserId || ''),
+      "Deviation": Deviation,
+    }
+
+
+    const url = props.baseurl + getMethodName(METHODS.GETCOVERAGE_METHOD);
+    const url1 = (props.imageUploadUrl || URL_IMAGE) + getMethodName(METHODS.UPLOADIMAGES_METHOD);
+    console.log(url, data);
+
+    await UploadData2(url, data)
+      .then(async (res) => {
+        console.log('res uploadCheckIn:', res);
+        let Store_MID = res;
+        if (parseInt(res) > 0) {
+
+          let data2 = {
+            "UserId": (props.UserId || ''),
+            "StoreId": storeData.StoreId,
+            "MerchandiserId": storeData.MerchandiserId,
+            "VisitDate": d2,
+            "Status": "I",
+          }
+
+
+          const url2 = props.baseurl + getMethodName(METHODS.STORECOVERAGE_STATUS_METHOD);
+          console.log(url2, data2);
+
+          await UploadData2(url2, data2)
+            .then(async (res) => {
+              // MID need to updated here only when Create JCP method called in Search Wise store case
+              let isMIDUpdated = await updateMID(Store_MID, storewisePjp, storeSearch);
+              console.log('coverage status res:', res, isMIDUpdated, storewisePjp);
+              if (parseInt(res) > 0) {
+                InsertCoverageData(storewisePjp, storeSearch);
+              }
+              else if (res == 1) {
+                notify('Cannot update CheckIn Status! ' + res.error, 'SHORT');
+                setProcessing(false);
+              }
+            })
+            .catch((err) => {
+              console.log('onPage Team error/', err);
+              setProcessing(false);
+            });
+
+          console.log('checkindata', JSON.stringify(data1))
+          // Upload Image 
+          await UploadFormData(url1, data1)
+
+            .then(async (res1) => {
+              console.log('res1 image upload:', res1);
+            })
+            .catch((err) => {
+              console.log(err);
+            });
+
+        }
+        else {
+          setProcessing(false);
+          notify('Something went wrong! Not able to do checkin', 'SHORT');
+        }
+      })
+      .catch((err) => {
+        console.log(err); setProcessing(false);
+      });
+  }
+  function exit() {
+    setTimeout(() => {
+      notify(ST.CheckinSuccessful, 'LONG');
+      setProcessing(false);
+      setTimeout(() => { props.navigation.goBack(); }, 100);
+    }, 1000)
+  }
+
+  async function onStoreStatusUpdate(txnres2) {
+    console.log('onStoreStatusUpdate')
+    setProcessing(false);
+    notify(ST.CheckInDataUploadedsuccessfully, 'SHORT');
+
+    // props.navigation.navigate('StoreDailyMenu',{storeData:storeData,'isAdhoc':isAdhocScreen});
+    let allMenuList = await getMenuList(isAdhocScreen, isNPNDScreen, true);
+
+    console.log(allMenuList, "allMenuList--->>")
+    if (allMenuList.length > 0) {
+
+      let isPosSale = allMenuList?.some(item => item.ScreenName === 'POSSALE');
+
+      console.log(isPosSale, "isPosSale before")
+
+
+      // isPosSale = true ; 
+
+      console.log(isPosSale, "isPosSale after");
+
+      if (isPosSale) {
+        getposSaledefinationdata();
+      }
+      else {
+        props.navigation.replace('StoreDailyMenu', { storeData: storeData, empData: (EmpData || ''), 'isAdhoc': isAdhocScreen, isNPND: isNPNDScreen });
+      }
+    }
+    else {
+      props.navigation.goBack();
+    }
+  }
+
+  async function checkAvailability(storeData1, data, checkPosale = false) {
+
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q2 = getAvailblQuery(data.ScreenName, storeData1, data, checkPosale);
+        // console.log('Executing query check availability:', q2);
+        if (q2 != '' && q2 != null) {
+
+          await txn.executeSql(q2, [], async function (txn2, txnres2) {
+            let isAvlbl = getIfAvlbl(data.ScreenName, txnres2, storeData1);
+            console.log(data.ScreenName, "isAvlbl:", isAvlbl); // for check the avaliable screen
+            resolve(isAvlbl);
+          }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+        }
+        else {
+          let isAvlbl = getIfAvlbl(data.ScreenName, {}, storeData1);
+          resolve(isAvlbl);
+        }
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    });
+  }
+
+  async function getMenuList(isAdhoc, isNPND, checkPosale = false) {
+    let { StoreId, ChannelId, RegionId, StoreTypeId } = storeData;
+    return new Promise((resolve, reject) => {
+
+      db.transaction(async function (txn) {
+        let q = Q_MenuList(storeData, isAdhoc, isNPND);
+
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          if (txnres.rows.length > 0) {
+            let arr = [];
+            for (var i = 0; i < txnres.rows.length; i++) {
+              let data = txnres.rows.item(i);
+
+              console.log(data, "data of menu'ss")
+
+              let isAvlbl = await checkAvailability(storeData, data, checkPosale);
+
+              if (isAvlbl) {
+                arr.push(data);
+              }
+
+              if (i == (txnres.rows.length - 1)) {
+                resolve(arr);
+              }
+            }
+          }
+          else {
+            resolve([])
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve([]); },);
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log('')
+      return []
+    })
+  }
+
+  async function InsertCoverageData(storewisePjp, storeSearch) {
+    try {
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      let now = moment().format('MM/DD/YYYY HH:mm:ss');
+      await db.transaction(async function (txn) {
+
+        let { StoreId, MID } = storeData;
+        let storeStr = JSON.stringify(storeData)
+        let { lat, lng } = currentLocation;
+        let JcpType = '';
+
+        console.log(isNPNDScreen, "IsSearchedStore===", IsSearchedStore, storeData)
+        let ShowStoreSearch = storeSearch ? storeSearch : false;
+
+        // console.log("designation",designation, "props.SUP_StorewisePJP",props.SUP_StorewisePJP)
+
+        // ShowStoreSearch = true ; // change 18 april (night)
+        console.log("ShowStoreSearch", ShowStoreSearch)
+        if (ShowStoreSearch && designation != "Supervisor") {
+          JcpType = "Sup_JourneyPlan"
+          InsertPJP(storeData);
+          console.log('jcpstore', JcpType)
+        }
+
+        else if
+          //  (ShowStoreSearch && storewisePjp === true)
+          (ShowStoreSearch ? (designation == "Supervisor" && storewisePjp == true) : storewisePjp == true) {
+          JcpType = isAdhocScreen == true ? "Sup_JourneyPlanStorewiseSup_Adhoc" : isNPNDScreen ? "Sup_NPNDStore" : "Sup_JourneyPlanStorewiseSup";
+          console.log('jcpstore', JcpType)
+        }
+        else {
+          JcpType = isAdhocScreen == true ? "Sup_AdhocJourneyPlan" : isNPNDScreen ? "Sup_NPNDStore" : "Sup_JourneyPlan";
+          console.log('jcpeteamlist', JcpType)
+        }
+
+        //  Delete old data and insert new checkin data in COVERAGE_DATA table
+
+        let q = `delete from ${AppTables.COVERAGE_DATA} where EMP_ID='${storeData.MerchandiserId}}' and STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+
+        let values = ` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${lat}','${lng}','${StoreImage}','${now}','${StoreImgPath}','0','','','','${MID}','${JcpType}','${d2}','${storeStr}','I')`;
+        let insert_q = ` insert into ${AppTables.COVERAGE_DATA}(EMP_ID,STORE_ID,VISIT_DATE ,LATITUDE,LONGITUDE,IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REASON_ID,REASON,REMARK,STORE_FLAG,MID,JCP_TYPE,ADDED_DATE,STORE_OBJ,STATUS) values ${values}`;
+        console.log('insert_q', insert_q)
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('store coverage deleted');
+          await txn.executeSql(insert_q, [], async function (txn2, txnres3) {
+            console.log('InsertCoverageData done');
+          }, function (txn2, txnerr) { console.log(txnerr); });
+        }, function (txn2, txnerr) { console.log(txnerr); });
+
+
+        //  Delete old data and insert new checkin data in CHECKIN_DATA table
+        let q2 = `delete from ${AppTables.CHECKIN_DATA} where EMP_ID='${storeData.MerchandiserId}' and STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+
+        let values2 = ` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${lat}','${lng}','${now}','${StoreImgPath}','','','','${JcpType}','${d2}')`;
+        let insert_q2 = `INSERT INTO ${AppTables.CHECKIN_DATA}(EMP_ID,STORE_ID,VISIT_DATE,LATITUDE,LONGITUDE,CHECKIN_TIME,CHECKIN_IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REMARK,JCP_TYPE,ADDED_DATE) values ${values2}`;
+        console.warn("values2----", insert_q2)
+        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+          console.log('removed');
+          await txn.executeSql(insert_q2, [], async function (txn2, txnres3) {
+            console.log('checkin data added');
+            let udata = { StoreId: StoreId, MID: MID, UploadStatus: 'I', tbname: JcpType, EmpId: storeData.MerchandiserId };
+            UpdateStoreStatus(props, udata, startRedownload1)// update uploadstatus
+          }, function (txn2, txnerr) { console.log(txnerr); });
+
+        }, function (txn2, txnerr) { console.log(txnerr); });
+
+
+
+
+        // only if its comes from showscreen
+        // let values3=` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${lat}','${lng}','${StoreImage}','${now}','${StoreImgPath}','0','','','','${MID}','${JcpType}','${d2}','${storeStr}','I')`; 
+        // let insert_q3=` insert into ${JcpType}(EMP_ID,STORE_ID,VISIT_DATE ,LATITUDE,LONGITUDE,IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REASON_ID,REASON,REMARK,STORE_FLAG,MID,JCP_TYPE,ADDED_DATE,STORE_OBJ,STATUS) values ${values3}`;
+        // console.log('insert_q',insert_q)
+        // await txn.executeSql(q,[],async function (txn2, txnres2) {
+        //   console.log('store coverage deleted'); 
+        //   await txn.executeSql(insert_q,[],async function (txn2, txnres3) {
+        //     console.log('Insert        ===  Data done');
+        //   },function(txn2,txnerr){console.log(txnerr);});
+        // },function(txn2,txnerr){console.log(txnerr);});
+
+
+      });
+    }
+    catch (e) {
+      setProcessing(false);
+      notify(ST.CouldnotaddCheckIndata, 'SHORT');
+    }
+  }
+
+  // when store search 
+
+  // Insert PJP before check in 
+
+  async function InsertPJP(storeData1) {
+
+    console.log("Insert PJP store data=======>", storeData1)
+
+    return new Promise((resolve, reject) => {
+
+      var values = [], sql_stmnt = '', all_vals = '';
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      let tbname = 'Sup_JourneyPlan';
+
+      let { MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId, VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius, InTime, OutTime, CameraAllow } = storeData1;
+      values.push(` ('${MID}', '${ChannelId}', '${StoreId}', '${StoreCode}', '${EmpId}', '${MerchandiserId}', '${VisitDate}', '${ChainId}', '${ChainName}', '${StoreName}', '${Address}', '${Location}', '${Landmark}', '${CityId}', '${CityName}', '${StateId}', '${StateName}', '${RegionId}', '${StoreTypeId}', '${StoreType}', '${Pincode}', '${Latitude}', '${Longitude}', '${Phone}', '${Mobile}', '${ContactPerson}', '${Email}', '${UploadStatus}', '${GeoTag}', '${GeoFenceRadius}', '${InTime}', '${OutTime}','${CameraAllow}')`);
+      all_vals = values.join(',');
+      sql_stmnt = `INSERT INTO ${tbname}(MID,ChannelId,StoreId,StoreCode,EmpId,MerchandiserId,VisitDate,ChainId,ChainName,StoreName,Address,Location,Landmark,CityId,CityName,StateId,StateName,RegionId,StoreTypeId,StoreType,Pincode,Latitude,Longitude,Phone,Mobile,ContactPerson,Email,UploadStatus,GeoTag,GeoFenceRadius,InTime,OutTime,CameraAllow) 
+                values ${all_vals}`;
+
+      let q = `select * from ${tbname} where VisitDate='${d2}' and StoreId='${StoreId}' and  MerchandiserId='${MerchandiserId}' `;
+
+      db.transaction(async function (txn) {
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          if (txnres.rows.length > 0) {
+            // This store has already been added in storelistPJP!!
+            console.log("This store has already been added in storelistPJP!!");
+            // notify("This store has already been visited!")
+            resolve(false);
+          }
+          else {
+            // This store is not added in storelistPJP yet!! then add store
+            await txn.executeSql(sql_stmnt, [], async function (txn2, txnres2) {
+              resolve(true);
+            }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+          }
+
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+      })
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    })
+
+  }
+
+
+  function validate() {
+    console.log('validate checkin:', StoreImage, storeDistance, props.GeoFenceEnable, props.GeoFenceRadiu);
+    if (StoreImage == '' || StoreImage == null) {
+      notify(ST.Pleaseclickselfieinfrontofstore, 'SHORT');
+      return false;
+    }
+    else if (props.GeoFenceEnable == true && storeDistance > props.GeoFenceRadius) {
+      notify(`You are outside the geofenceradius ${storeDistance} m`, 'SHORT');
+      return false;
+    }
+    return true;
+  }
+
+  async function getImage(imgdata) {
+
+    if (typeof imgdata == 'object' && imgdata.errorCode == 'camera_unavailable') {
+      notify(ST.Cameraunavailable);
+    }
+    else if (typeof imgdata == 'object' && imgdata.uri != null) {
+      const img = imgdata;
+      const imgurl = img.uri, imgWidth = img.width, imgHeight = img.height;
+
+
+      let picture_clicked_time = new Date();
+      picture_clicked_time = moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+
+
+      const mark_text1 = picture_clicked_time;
+      const mark_text2 = 'Store Name:' + storeData.StoreName + ' | Store Id:' + storeData.StoreId + ' | User Id:' + storeData.EmpId + ' | Image Type: Geo Tag' + ' | Date:' + picture_clicked_time;
+
+      console.log('imgurl marktext1:', imgurl);
+      await marktext1(mark_text1, imgurl)
+        .then((res) => {
+          if (res.success) {
+
+            let uri = res.uri;
+            console.log("uri--------", uri, imgWidth, imgHeight)
+            marktext2(mark_text2, uri, imgWidth, imgHeight)
+              .then((res) => {
+                console.log("test---", res);
+
+
+                if (res.success) {
+                  let picture_clickedd = new Date();
+                  let picture_clicked_date = moment(picture_clickedd).format('YYYYMMDD');
+                  let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                  let filename = storeData.StoreId + '_' + (props.UserId || '') + '_StoreImg-' + picture_clicked_date + '_' + picture_clicked_time + '.jpg';
+
+                  setStoreImage(filename);
+                  // renamefile
+                  let imagePath = 'file://' + `${common_ImagePath}${filename}`;
+                  RNFS.moveFile(res.uri, imagePath)
+                    .then(resn => {
+                      let uri = imagePath;
+                      console.log('image marker', uri);
+                      setStoreImgPath(uri);
+                    })
+                    .catch(err => {
+                      console.log('ERROR: image file write failed!!!');
+                      console.log(err.message, err.code);
+                    });
+
+                }
+                else {
+                  if (res.imagenotfound) {
+                    notify(ST.Pleasecaptureaimage);
+                  }
+                  else {
+                    notify(res.error);
+                  }
+                }
+
+              });
+
+
+          }
+          else {
+            if (res.imagenotfound) {
+              notify(ST.Pleasecaptureaimage);
+            }
+            else {
+              notify(res.error);
+            }
+          }
+        });
+    }
+  }
+
+  async function openCamera() {
+    console.log("camer----open")
+    setShowCamera(true);
+    // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front'})
+  }
+
+
+  function moveMarkerToPos(e) {
+    let coords = e.nativeEvent.coordinate;
+
+    // if(MyMap.current!=null){
+    //   MyMap.current.animateToRegion({  
+    //     latitude: coords.latitude,   
+    //     longitude: coords.longitude,  
+    //     latitudeDelta: 0.0922,  
+    //     longitudeDelta: 0.0421,  
+    //   },1000);
+    // }
+    animateCamera(coords);
+    animateMarkerToRegion(coords);
+    setMarkerInfo(coords);
+    let loc = { lat: coords.latitude, lng: coords.longitude };
+    setMarkerPos(loc);
+  }
+
+  function animateMarkerToRegion(coords) {
+    const newCoordinate = coords;
+    if (Platform.OS === 'android') {
+      if (MyMarker) {
+        MyMarker.current.animateMarkerToCoordinate(newCoordinate, 1000);
+      }
+    } else {
+      // `useNativeDriver` defaults to false if not passed explicitly
+      markerCoordinate.timing({ ...newCoordinate, useNativeDriver: false, duration: 1000 }).start();
+    }
+    setTimeout(() => { setMarkerCoordinate(coords); }, 1000);
+
+  }
+
+  async function setMarkerInfo(coords) {
+    if (MyMap.current != null) {
+      MyMap.current.addressForCoordinate(coords)
+        .then((res) => {
+          console.log('res:', res);
+          let title = res.name;
+          let placeText = `${res.subLocality}, ${res.locality}, ${res.administrativeArea} ${res.postalCode}`;
+          setMarkerTitle(title);
+          setMarkerPlaceText(placeText);
+
+        })
+    }
+  }
+
+  async function animateCamera(coords) {
+    if (MyMap.current != null) {
+      const camera = await MyMap.current.getCamera();
+      camera.heading = 7;
+      camera.pitch = 7;
+      camera.altitude = 100;
+      camera.zoom = 19;
+      camera.center.latitude = coords.latitude;
+      camera.center.longitude = coords.longitude;
+      MyMap.current.animateCamera(camera, { duration: 2000 });
+    }
+  }
+
+  // **************************** download functionality start ***********************************
+
+  async function getData() {
+    console.log('getData checkin');
+    let Tasks = await getReDownloadTasks1(props);
+    console.log('Tasks redownload len:', Tasks.length)
+    setDownloadTasks(Tasks);
+  }
+
+  async function startRedownload1() {
+    notify(ST.CheckInDataUploadedsuccessfully, 'SHORT');
+    if (IsSearchedStore && DownloadTasks.length > 0) {
+      setStartDownload(true);
+      startRedownload(props, DownloadTasks, dowloadedCount, totalCount, setDowloadedCount, setTotalCount);
+    }
+    else {
+      onStoreStatusUpdate();
+    }
+  }
+
+
+
+
+  async function onDownloadComplete() {
+    // Data downloaded
+    let count = dowloadedCount + 1;
+    setStartDownload(false);
+    setDowloadedCount(count);
+    notify(ST.DataDownloaded, 'SHORT');
+    onStoreStatusUpdate();
+  }
+
+  // hide redownload modal and show error modal 
+  async function showErrorModal(obj = {}) {
+    setDErrorMsg(obj);
+    setProcessing(false);
+    setStartDownload(false); // hide download modal
+    setshowDErrAlert(true); // show alert modal
+  }
+
+
+  function _renderMap() {
+    const lat = currentLocation.lat ? currentLocation.lat : 28.579660;
+    const lng = currentLocation.lng ? currentLocation.lng : 77.321110;
+
+    // const latt=storeData.Latitude?parseFloat(storeData.Latitude):lat;
+    // const long=storeData.Longitude?parseFloat(storeData.Longitude):lng;
+
+    if (currentLocation.lat != null) {
+      return (
+        <View style={[customStyle.mapWrapCon, (Platform.OS === 'ios' ? customStyle.mapWrapConIOS : {})]}>
+          <View style={[customStyle.mapWrapper, customStyle.mapWrapperSmall]}>
+            <MapView
+              ref={MyMap}
+              // provider={PROVIDER_GOOGLE}
+              style={customStyle.mapStyle}
+              showsUserLocation={true}
+              zoomEnabled={true}
+              // initialRegion={{  
+              //   latitude: lat,   
+              //   longitude: lng,  
+              //   latitudeDelta: 0.0922,  
+              //   longitudeDelta: 0.0421,  
+              // }}  
+              initialCamera={{
+                center: {
+                  latitude: lat,
+                  longitude: lng,
+                },
+                pitch: 7,
+                heading: 7,
+                altitude: 100,
+                zoom: 19,
+              }}
+            >
+              <Marker.Animated
+                ref={MyMarker}
+                coordinate={markerCoordinate}
+                pinColor={'#ff78b6'}
+                title={markerTitle}
+                description={markerPlaceText}
+              />
+              <Polyline
+                coordinates={[{ latitude: currentLocation.lat, longitude: currentLocation.lng }, { latitude: markerPos.lat, longitude: markerPos.lng }]}
+                strokeColor={'#00a4eb'} // fallback for when `strokeColors` is not supported by the map-provider
+                strokeColors={['#00a4eb']}
+                strokeWidth={4}
+              />
+            </MapView>
+          </View>
+          {_render_captureImage()}
+        </View>
+      );
+    }
+    else {
+      return (<View></View>)
+    }
+  }
+
+  function _render_captureImage() {
+    const isImageAvlbl = StoreImage != '' && StoreImage != null && StoreImgPath != '' && StoreImgPath != null;
+
+    return (
+      <View style={[customStyle.gtag_sImageWrap, { bottom: -40 }]}>
+        <View style={customStyle.gtag_sImagelbl}>
+          <TouchableOpacity style={customStyle.gtag_sImage_View} onPress={() => { openCamera() }}>
+            {!isImageAvlbl && <SvgXml width={80} height={80} xml={cameraImg} />}
+            {isImageAvlbl && <Image style={[customStyle.gTag_Image, (Platform.OS == 'ios' ? customStyle.android_flipIMageView : {})]} source={{ uri: StoreImgPath }} />}
+          </TouchableOpacity>
+          <Text style={[customStyle.gtag_sImagelblText, { marginTop: 0 }]}>{ST.ClickSelfieinfrontofStore}</Text>
+        </View>
+
+      </View>
+    );
+  }
+
+  function DownloadErrorAlert() {
+
+    let { ErrorMsg, ErrorSubMsg, ErrorDetail } = DErrorMsg;
+
+    return (
+      <CustomModal
+        style={customStyle.dErrM_Style}
+        titleStyle={customStyle.dErrMsg}
+        title={(ErrorMsg || '')}
+        message={(ErrorSubMsg || '')}
+        messageStyle={customStyle.dErrSubMsg}
+        showModal={showDErrAlert}
+      >
+        {ErrorDetail != null && ErrorDetail != '' && <Text style={customStyle.dErrDetail}>{ErrorDetail}</Text>}
+        <View style={customStyle.storelVisitM_options}>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { setshowDErrAlert(false) }}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{'Ok'}</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+  }
+
+
+  // console.log(storeData, "storeData--->>>>")
+
+
+  // add posSale (download Sup_Mapping_StorePosSaleDefinition when user click on checkin .)
+  async function DownloadDataPosSaleDefination() {
+    setLoaderTitle("Downloading " + "Store PosSale defination Data...");
+    setProcessing(true);
+    let downloadKey = "Sup_Mapping_StorePosSaleDefinition";
+
+
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+
+    let data = '';
+
+    data = {
+      Downloadtype: downloadKey,
+      Username: loginDetails.UserId,
+      Param1: storeData?.StoreId,
+      Param2: '',
+
+    }
+
+    console.log(url, data);
+    return await getDownloadJson1(url, data)
+      .then(async (res) => {
+        console.log("DownloadDataPosSaleDefinationn res:", res);
+
+        // Check if the response contains "No Data" result
+        //  if (res?.[0]?.Result == "No Data" || res.Sup_Mapping_StorePosSaleDefinition == null || res.Sup_Mapping_StorePosSaleDefinition === '') {
+        //   setProcessing(false);
+        //   notify("No data found for possale defination list.");
+        //   props.navigation.replace('StoreDailyMenu',{storeData:storeData,empData:(EmpData||''),'isAdhoc':isAdhocScreen,isNPND:isNPNDScreen});
+        //   return [];
+        //  }
+
+        if (res.Sup_Mapping_StorePosSaleDefinition != null || res.Sup_Mapping_StorePosSaleDefinition != '') {
+          setProcessing(false);
+          let posSaleArr = res.Sup_Mapping_StorePosSaleDefinition;
+          let isInserted = await InsertDownloadedPosSale(posSaleArr);
+
+          console.log('Inserted data:', posSaleArr);
+          console.log('isInserted:', isInserted)
+          if (isInserted) {
+            // notify("possale defination list downloaded successfully.");
+            props.navigation.replace('StoreDailyMenu', { storeData: storeData, empData: (EmpData || ''), 'isAdhoc': isAdhocScreen, isNPND: isNPNDScreen });
+
+          }
+          else {
+            setProcessing(false);
+            // notify("No data found for possale defination list.");
+            props.navigation.replace('StoreDailyMenu', { storeData: storeData, empData: (EmpData || ''), 'isAdhoc': isAdhocScreen, isNPND: isNPNDScreen });
+            return [];
+          }
+        }
+        else {
+          // notify('No data found!');
+          props.navigation.replace('StoreDailyMenu', { storeData: storeData, empData: (EmpData || ''), 'isAdhoc': isAdhocScreen, isNPND: isNPNDScreen });
+          setProcessing(false);
+          return [];
+        }
+
+      })
+      .catch((err) => {
+        console.log('onPage Team error', err);
+        setProcessing(false);
+        // notify("Cannot download store posSale defination data!")
+        return [];
+      });
+  }
+
+
+  async function InsertDownloadedPosSale(posSaleArr) {
+    console.log("insert download posSale called");
+    return new Promise((resolve, reject) => {
+
+      var values = [], sql_stmnt = '', all_vals = '';
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      let tbname = 'Sup_Mapping_StorePosSaleDefinition';
+      let storeId = storeData.StoreId;
+      let q = `Delete from ${tbname} where VisitDate='${d2}' AND StoreId='${storeId}' `;
+
+      posSaleArr.map((data_obj) => {
+        let { PosDefinitionId, StoreId, VisitDate } = data_obj;
+        values.push(` ('${PosDefinitionId}', '${StoreId}', '${VisitDate}')`);
+      });
+      all_vals = values.join(',');
+      sql_stmnt = `INSERT INTO ${tbname}(PosDefinitionId,StoreId,VisitDate) 
+        values ${all_vals}`;
+
+      db.transaction(async function (txn) {
+        await txn.executeSql(q, [], async function (txn2, txnres4) {
+          console.log('removeddata');
+          await txn.executeSql(sql_stmnt, [], async function (txn2, txnres2) {
+            resolve(true);
+          }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+      })
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    })
+
+  }
+
+  async function getposSaledefinationdata() {
+    setProcessing(true);
+    try {
+      await db.transaction(async (txn) => {
+        let query = `
+            SELECT DISTINCT * FROM Sup_Mapping_StorePosSaleDefinition Where StoreId = '${storeData?.StoreId}' AND VisitDate = '${d2}';`;
+
+        console.log(query, "query");
+
+        txn.executeSql(query, [], (txn, result) => {
+          if (result.rows.length > 0) {
+            console.log(result.rows.length, "result.rows.length")
+            props.navigation.replace('StoreDailyMenu', { storeData: storeData, empData: (EmpData || ''), 'isAdhoc': isAdhocScreen, isNPND: isNPNDScreen });
+            console.log(arr, "get posSale defination data list ........");
+          }
+          else {
+            console.log('Table is empty. Triggering data download.');
+            DownloadDataPosSaleDefination();
+            // setProcessing(false);
+          }
+        }, (error) => {
+          setProcessing(false);
+          console.log("Error while executing getposSaledefinationdata SQL: ", error);
+        });
+      });
+    } catch (err) {
+      console.log("Error in get pos Saledefinationdata function: ", err);
+      setProcessing(false);
+    }
+  }
+  // end download
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+      {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+      {(startDownload && dowloadedCount <= totalCount) && <DownloadDataModal title={ST.DownloadingData} downloadCount={dowloadedCount} totalCount={totalCount} subtitle={downloadingText} />}
+      <DownloadErrorAlert />
+      <CustomHeader {...props} title={ST.StoreCheckIn} />
+      <CustomCamera cameraType={'front'} onImageCaptured={(imgData) => { setShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { setShowCamera(false); }} />
+
+      <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper]}>
+          {Object.keys(storeData).length > 0 &&
+            <ScrollView contentContainerStyle={customStyle.geotag_scroll} style={{}}>
+
+              <View style={[customStyle.storel, customStyle.storeInfo_wrap]}>
+
+                <View style={customStyle.storel_card_outer}>
+                  <View style={customStyle.storel_card}>
+                    <View style={customStyle.storel_card_content}>
+                      <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                    </View>
+                  </View>
+                  <View style={customStyle.storel_details}>
+                    <View style={customStyle.storel_code}>
+                      <View style={[customStyle.storel_codeCon, customStyle.storel_codeBorder]}>
+                        <Text style={customStyle.storel_codeLbl}>{ST.StoreId + ':'}</Text>
+                        <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                      </View>
+                      <View style={[customStyle.storel_codeCon]}>
+                        <Text style={customStyle.storel_codeLbl}>{ST.StoreCode + ':'}</Text>
+                        <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                      </View>
+                    </View>
+                    <View style={customStyle.storel_code}>
+                      <View style={[customStyle.storel_codeCon]}>
+                        <Text style={customStyle.storel_codeLbl}>{ST.Address + ':'}</Text>
+                        <Text style={customStyle.storel_codeText}>{storeData.Address}</Text>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+
+              </View>
+              {
+                // isCancelled.current==false &&  
+                _renderMap()
+              }
+
+
+              <View style={[customStyle.gTag_btnWrap, customStyle.gTag_btnWrapCI]}>
+                {
+                  storeDistance > props.GeoFenceRadius &&
+                  <View style={customStyle.gTag_distanceAway}>
+                    <Text style={customStyle.gTag_distanceAwayLbl}>{`${ST.Youare} ${storeDistanceText} ${ST.Awayfromthestore}`}</Text>
+                  </View>
+                }
+                <GradientButton {...props} title={ST.CheckIn} onPress={() => { submitCheckIn() }} />
+              </View>
+
+            </ScrollView>
+          }
+        </View>
+      </LinearGradient>
+
+    </Container>
+  );
+}
+
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(StoreCheckin);
\ No newline at end of file
diff --git a/src/screens/ClosingStock.js b/src/screens/ClosingStock.js
new file mode 100644
index 0000000..b9f98c7
--- /dev/null
+++ b/src/screens/ClosingStock.js
@@ -0,0 +1,434 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList,KeyboardAvoidingView, Alert} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+
+function ClosingStock(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+       let params=props.route.params? props.route.params:{};
+       let storeData1=params.storeData || {};
+       let menu1=params.menu || {};
+       
+       let isAdhoc=params.isAdhoc || false;
+       setIsAdhocScreen(isAdhoc);
+       setStoreData(storeData1);
+       setCurrentMenu(menu1);
+        
+       getData(storeData1);
+       props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    function  onBeforeRemove(e){
+        if (hasUnsavedChanges==true) {
+            e.preventDefault(); // Prevent default behavior of leaving the screen
+            onRemoveScreen(e);
+        }
+        else{
+           return;
+        }   
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+          await db.transaction(async function (txn) {        
+            
+            let join=' INNER join Product_Master p on c.CategoryId=p.CategoryId ';
+            let join2=' INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+            let q=`SELECT DISTINCT c.CategoryId,c.CategoryName,mp.MSL from Master_Category c ${join} ${join2}  where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreTypeId='${StoreTypeId}' order by p.CategorySequence`;
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            // setBrandData(arr);
+                            getSKU(arr,storeData1);
+                        }                                
+                    }
+                    
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+            // setProcessing(false);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getSKU(brands=[],storeData1={}){
+        
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData1;     
+        
+          await db.transaction(async function (txn) { 
+            var allSKUData=[];
+            await Promise.all(
+                brands.map(async (item,index) => {
+                    
+                    let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                    let join2=`  inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                    let sku_q2=`select distinct p.ProductName,p.ProductId,p.BrandName,p.BrandId,m.MSL from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${item.CategoryId}' and CompanyId='1' order by p.ProductSequence`;
+                    
+                    let seletlist=`PRODUCT as ProductName,PRODUCT_ID as ProductId,BRAND as BrandName,BRAND_ID as BrandId,MSL,OPENING_STOCK,MIDDAY_STOCK,CLOSING_STOCK,EXPIRY_ISOPEN,EXPIRY_STK`;
+                    let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and  CATEGORY_ID='${item.CategoryId}' `;
+                    
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        if(txnres.rows.length>0){
+                            let arr=[];
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                arr.push(data);
+                                
+                                let defData={'CategoryId':item.CategoryId,'ProductId':data.ProductId,'ClosingStock':data.CLOSING_STOCK};
+                                allSKUData.push(defData);
+                                if(i==txnres.rows.length-1){
+                                    item['skulist']=arr;
+                                    brands[index]=item;
+                                    if(index==brands.length-1){
+                                        setSKUStockData(allSKUData);
+                                        setBrandData(brands);
+                                        setProcessing(false);
+                                    }
+                                    return item;
+                                }
+                            }
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                        arr.push(data);
+                                        if(i==(txnres2.rows.length-1)){                                        
+                                            item['skulist']=arr;
+                                            brands[index]=item;
+                                            if(index==brands.length-1){
+                                                setBrandData(brands);
+                                                setProcessing(false);
+                                            }
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                                
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            );          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+  
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`SELECT DISTINCT KEY_ID,CATEGORY_ID FROM ${AppTables.INSERT_OPENINGHEADER_DATA} WHERE  STORE_ID='${StoreId}' and VISIT_DATE='${d2}'`
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  
+                if(txnres.rows.length>0){
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let catdata=txnres.rows.item(i);
+                        let c_index=i;
+                        let q2=`SELECT * FROM ${AppTables.STOCK_DATA} WHERE COMMON_ID='${catdata.KEY_ID}'`
+                       
+                        await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                            if(txnres2.rows.length>0){
+                                for(var j=0;j<txnres2.rows.length;j++){
+                                    let skuData=txnres2.rows.item(j);
+                                    let p_index=j;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(ci=>ci.CategoryId==catdata.CATEGORY_ID && ci.ProductId==skuData.PRODUCT_ID);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let closing_Stock=thisCatSkuData.ClosingStock!=null?thisCatSkuData.ClosingStock:'';
+                                    
+                                    let new_q=`UPDATE ${AppTables.STOCK_DATA} SET CLOSING_STOCK='${closing_Stock}'  WHERE  STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and  CATEGORY_ID='${catdata.CATEGORY_ID}' and PRODUCT_ID='${skuData.PRODUCT_ID}' `;
+                                   
+                                    await txn.executeSql(new_q,[],async function (txn2, txnres3) { 
+                                        console.log('updated closing stock',closing_Stock);
+                                        if(c_index==txnres.rows.length-1 &&  p_index==txnres2.rows.length-1){
+                                            afterUpdate();
+                                        }
+                                    },function (txn2, txnerr) { console.log(txnerr);notify('Oops! Error occur while updating Midday-Stock') },);
+                                }
+                            }else{
+                                if(c_index==txnres.rows.length-1){
+                                    setProcessing(false);
+                                }
+                            }
+                        },function (txn2, txnerr) { console.log(txnerr); },);
+                    }
+                }
+                else{
+                    setProcessing(false);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function afterUpdate(){
+        setProcessing(false);
+        notify('Midday-Stock updated successfully');
+        props.navigation.goBack();
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        var i=0,j=0;
+        await Promise.all(
+            brandData.map(async (item,index) => {
+            if(isValid){
+                let catId=item.CategoryId;
+                
+                let skulist=item.skulist || [];
+                if(skulist.length>0){
+                    await Promise.all(
+                        skulist.map(async (skuItem,skuIndex) => {
+                            if(isValid){
+                                let skuData=SKUStockData.find(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId ) || {};
+                                let OS=skuItem.OPENING_STOCK || 0;
+                                let MDS=skuItem.MIDDAY_STOCK || 0;
+                                let maxClosingStock=parseInt(OS) + parseInt(MDS);
+                               
+                                if(skuData.ClosingStock!==0 && (skuData.ClosingStock==null || skuData.ClosingStock=='')){
+                                    notify('Please enter Closing-Stock for '+skuItem.ProductName,'SHORT');
+                                    isValid=false;
+                                }else if(parseInt(skuData.ClosingStock)>maxClosingStock){
+                                    notify('Closing-Stock Should not be greater than the sum of Opening-Stock and Midday-Stock for '+skuItem.ProductName,'LONG');
+                                    isValid=false;
+                                }else{
+                                   
+                                }
+                            }
+                        })
+                    );
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key){
+        if(!isNaN(val)){
+            if(val.includes('.')){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+        
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':item.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function _render_Alert(){
+        return (
+          <CustomModal 
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={'Do you really want to save data?'}
+            showModal={showAlert}
+          >
+            <View style={customStyle.storelVisitM_options}>
+             <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowAlert(false)}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Cancel</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{saveData()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Yes</Text>
+              </TouchableOpacity>
+            </View>
+          </CustomModal>
+        )
+      }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {_render_Alert()}
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&    
+           <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={(Platform.OS=='ios'?10:-100)} >  
+                     
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.CategoryName}</Text>
+                            </LinearGradient>
+                            
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            {<FlatList 
+                                data={item.skulist}
+                                extraData={rerenderdata2}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skus.ProductId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let closing_Stock=thisCatSkuData.ClosingStock!=null?thisCatSkuData.ClosingStock:'';
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={customStyle.openStk_prd_name}>{skus.ProductName}</Text>
+                                            <View style={[customStyle.openStk_prddetails,customStyle.openStk_prd_borderT,customStyle.openStk_prd_borderB]}>
+                                                <View style={[customStyle.openStk_prdd_wrap]}>
+                                                    <Text style={customStyle.openStk_prdd_flabel}>{`Opening Stock + Midday Stock : (${skus.OPENING_STOCK} + ${skus.MIDDAY_STOCK}) :`}</Text>
+                                                    <Text style={customStyle.openStk_prdd_fvalue}>{(parseInt(skus.MIDDAY_STOCK)+parseInt(skus.OPENING_STOCK))}</Text>
+                                                </View>
+                                            </View>
+                                            <View style={customStyle.openStk_prd_form}>
+                                                <View style={customStyle.openStk_prd_row}>
+                                                     <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>Closing Stock</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(closing_Stock+'' || '')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'ClosingStock')}}
+                                                        />
+                                                    </View>
+                                                </View>
+                                            </View>
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ClosingStock);
\ No newline at end of file
diff --git a/src/screens/CompetitionPromotion.js b/src/screens/CompetitionPromotion.js
new file mode 100644
index 0000000..da79968
--- /dev/null
+++ b/src/screens/CompetitionPromotion.js
@@ -0,0 +1,929 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2,validateNumber} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+
+function CompetitionPromotion(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [AddVisibility, setAddVisibility] = useState([]);
+    const [AddVisFormData, setAddVisFormData] = useState({});
+    const [isAddVisPresent, setIsAddVisPresent] = useState(0);
+    const [showAlert, setShowAlert] = useState(false);
+    const [Companies, setCompanies] = useState([]);
+    const [Categories, setCategories] = useState([]);
+    const [SubCategories, setSubCategories] = useState([]);
+    const [Brands, setBrands] = useState([]);
+    const [Products, setProducts] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const ShowCamera_Ref = useRef(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+    const [EmpData, setEmpData] = useState([]);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let empData1=params.empData || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setEmpData(empData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    // useEffect(() => {
+    //     props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    //     props.navigation.addListener('beforeRemove', onBeforeRemove);
+    // }, [hasUnsavedChanges]);   
+    
+    // useEffect(() => {
+    //     props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    //     props.navigation.addListener('beforeRemove', onBeforeRemove);
+    // }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        console.log("onBeforeRemove");
+        if(ShowCamera_Ref.current==true){
+            e.preventDefault();
+            UpdateShowCamera_Ref(false);
+        }
+        else{
+            // if (hasUnsavedChanges==true) {
+            //     e.preventDefault(); // Prevent default behavior of leaving the screen
+            //     onRemoveScreen(e);
+            // }
+            // else{
+                console.log("else return");
+                return true;
+            // }  
+        } 
+    }
+
+    function UpdateShowCamera_Ref(val){
+        ShowCamera_Ref.current=val;
+        setShowCamera(val);
+    }
+    
+    function onRemoveScreen(e){    
+        {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);}  
+ 
+        // Alert.alert(
+        //     "",
+        //     "Do you really want to exit the screen?",
+        //     [
+        //       {
+        //         text: "Cancel",
+        //         onPress: () => {},
+        //         style: "cancel"
+        //       },
+        //       { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+        //     ]
+        //   );
+    }
+    
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId,MerchandiserId}=storeData1;
+          await db.transaction(async function (txn) {        
+            
+            // let q4=`Select distinct CompanyId,Company from Sup_Master_Competitor`;
+            let q4=`Select distinct CategoryId,CategoryName from Sup_Product_Master `;
+           
+            await txn.executeSql(q4,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){setCategories(arr);}                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            let q2=`SELECT * from Sup_Master_PromoType`;
+            await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                console.log('displays',txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){setDisplayList(arr);}                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            
+            let q3=`Select * from ${AppTables.COMPETITION_PROMOTION} WHERE STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' and VISIT_DATE='${d2}'  `;
+            
+            console.log('q3-------------->',q3);
+            
+            
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                console.log('',q3)
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        let {PRESENT,CATEGORY,CATEGORY_ID,SUB_CATEGORY,SUB_CATEGORY_ID,BRAND,BRAND_ID,PROMO_TYPE,PROMO_TYPE_ID,PRODUCT,PRODUCT_ID,PROMO_DETAILS,MRP,SELLING_PRICE,IMAGE}=data;
+                        
+                        let datan={CategoryName:CATEGORY,CategoryId:CATEGORY_ID,SubCategoryName:SUB_CATEGORY,SubCategoryId:SUB_CATEGORY_ID,BrandName:BRAND,BrandId:BRAND_ID,PromoType:PROMO_TYPE,PromoTypeId:PROMO_TYPE_ID,ProductName:PRODUCT,ProductId:PRODUCT_ID,Remark:PROMO_DETAILS,MRP:MRP,SPrice:SELLING_PRICE,Image1:IMAGE}
+                        
+                        datan.Image1Path='file://'+common_ImagePath+IMAGE;
+                        PRESENT==1? arr.push(datan):'';
+                        let isPresent=PRESENT;
+                        if(i==txnres2.rows.length-1){
+                            Animated.timing(animatedChoice, {
+                                toValue: isPresent,
+                                duration:400,
+                                useNativeDriver:false,
+                            }).start();
+                            setAddVisibility(arr);
+                            setIsAddVisPresent(isPresent);
+
+                        }                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            setProcessing(false);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+    async function getImage(imgdata){
+        let type=getImageProps.type || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+            let isImgFromGallery=img.fromGallery!=null?img.fromGallery:false;
+            let picture_clickedd=isImgFromGallery==true?img.datetime:new Date();
+            let picture_clicked_time=moment(picture_clickedd).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Comp. Promotion'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_CompPromoImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                           
+                            let addvisdata=AddVisFormData;
+                            let image_key='Image1';
+                            let image_path_key='Image1Path';
+                            addvisdata[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}/${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                addvisdata[image_path_key]=uri; 
+
+                                setAddVisFormData(addvisdata);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata2(!rerenderdata2);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(type='1'){  
+        setGetImageProps({'type':type}); 
+        UpdateShowCamera_Ref(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId,MerchandiserId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.COMPETITION_PROMOTION} WHERE STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('cp data deleted');
+              },function (txnE,txnerr) { console.log(txnerr); },);
+
+              var values='';
+              if(isAddVisPresent==1 && AddVisibility.length>0){
+                for(var i=0;i<AddVisibility.length;i++){
+                    let catIndex=i;
+                    let item=AddVisibility[catIndex];
+                    let {CategoryName,CategoryId,SubCategoryName,SubCategoryId,BrandName,BrandId,PromoType,PromoTypeId,ProductId,ProductName,Remark,MRP,SPrice,Image1,Image1Path}=item;
+                    values+=values!=''?' , ':'';
+                    values+=` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${isAddVisPresent}','${CategoryName}','${CategoryId}','${SubCategoryName}','${SubCategoryId}','${BrandName}','${BrandId}','${(PromoType || '')}','${(PromoTypeId || '')}','${(ProductName || '')}','${(ProductId || '')}','${Remark}','${MRP}','${SPrice}','${Image1}','${d2}') `;
+                    
+                }
+              }
+              else{
+                values+=` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${isAddVisPresent}','','','','','','','','','','','','','','','${d2}') `;
+              }
+              
+              console.log('values:',values);
+              let add_data=`INSERT INTO ${AppTables.COMPETITION_PROMOTION} (EMP_ID,STORE_ID,VISIT_DATE,PRESENT,CATEGORY,CATEGORY_ID,SUB_CATEGORY,SUB_CATEGORY_ID,BRAND,BRAND_ID,PROMO_TYPE,PROMO_TYPE_ID,PRODUCT,PRODUCT_ID,PROMO_DETAILS,MRP,SELLING_PRICE,IMAGE,ADDED_DATE) VALUES ${values} `;
+             
+              await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                console.log('cp added');
+                notify('Competition Promotion added successfully','SHORT');
+                setProcessing(false);
+                props.navigation.goBack();
+              },function (txnE,txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add competition Promotion') },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    
+
+
+    async function validate(){
+        
+        let isValid=true;
+        if(isAddVisPresent==1 && AddVisibility.length<=0){
+            isValid=false;
+            notify('Please add first','SHORT');
+        }
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    async function validateForm(){
+        let isValid=true;
+        let {CategoryName,CategoryId,SubCategoryName,SubCategoryId,BrandName,BrandId,PromoType,PromoTypeId,ProductName,ProductId,Remark,Image1,Image1Path,MRP,SPrice}=AddVisFormData;
+         console.log('AddVisFormData',AddVisFormData)
+        
+        // if((Company=='' || Company==null )|| (CompanyId=='' || CompanyId==null)){
+        //     isValid=false;
+        //     notify('Please select company','SHORT');
+        // }
+        // else 
+        if((CategoryName=='' || CategoryName==null )|| (CategoryId=='' || CategoryId==null)){
+            isValid=false;
+            notify('Please select category','SHORT');
+        }
+        else if((SubCategoryName=='' || SubCategoryName==null )|| (SubCategoryId=='' || SubCategoryId==null)){
+            isValid=false;
+            notify('Please select sub category','SHORT');
+        }
+        else if((BrandName=='' || BrandName==null )|| (BrandId=='' || BrandId==null)){
+            isValid=false;
+            notify('Please select brand','SHORT');
+        }
+        else if((PromoTypeId=='' || PromoTypeId==null )|| (PromoType=='' || PromoType==null)){
+            isValid=false;
+            notify('Please select promotion type','SHORT');
+        }
+        else if((ProductId=='' || ProductId==null )|| (ProductId=='' || ProductId==null)){
+            isValid=false;
+            notify('Please select product','SHORT');
+        }
+        else if((MRP=='' || MRP==null || (SPrice!=null && parseInt(SPrice<0)) )){
+            isValid=false;
+            notify('Please enter MRP','SHORT');
+        }
+        else if(parseInt(MRP)==0){
+            isValid=false;
+            notify('MRP-Zero should not be allowed','SHORT'); 
+        }
+        else if((SPrice=='' || SPrice==null )){
+            isValid=false;
+            notify('Please enter Selling Price','SHORT');
+        }
+        else if(parseInt(SPrice)==0){
+            isValid=false;
+            notify('SPrice-Zero should not be allowed','SHORT'); 
+        }
+        else if(parseInt(MRP)<parseInt(SPrice)){
+            isValid=false;
+            notify('Selling Price should be less than MRP','SHORT');
+        }
+        else if((Remark=='' || Remark==null )){
+            isValid=false;
+            notify('Please enter remark','SHORT');
+        }
+        else if((Image1=='' || Image1==null )){
+            isValid=false;
+            notify('Please click image','SHORT');
+        }
+
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onFormDataChange(val,key,type=''){
+        if(val!=''){
+            let isValid=validateNumber(val,type);
+            if(!isValid){
+                return;
+            }
+        }
+
+        let data=AddVisFormData;
+        data[key]=val;
+        setAddVisFormData(data);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    // function onselectionChange(option,keyLbl,keyVal){
+        
+    //     let data=AddVisFormData;
+    //     data[keyVal]=option.value;
+    //     data[keyLbl]=option.label;
+    //     setAddVisFormData(data);
+    //     console.log('promotionData',data)
+    //     setHasUnsavedChanges(true);
+       
+
+    //     if(keyLbl=='CategoryName'){
+    //         // loadData(option.value,'SubCategories','','',AddVisFormData.CompanyId);
+    //         loadData(option.value,'SubCategories','','','');
+
+    //         data['SubCategoryId']='';
+    //         data['SubCategoryName']='';
+    //         data['BrandId']='';
+    //         data['BrandName']='';
+    //         data['ProductId']='';
+    //         data['ProductName']='';
+    //     }
+    //     else if(keyLbl=='SubCategoryName'){
+    //         loadData(option.value,'Brands',AddVisFormData.CategoryId,'',AddVisFormData.CompanyId);
+
+    //         data['BrandId']='';
+    //         data['BrandName']='';
+    //         data['ProductId']='';
+    //         data['ProductName']='';
+    //     }
+    //     else if(keyLbl=='BrandName'){
+    //         loadData(option.value,'Products',AddVisFormData.CategoryId,AddVisFormData.SubCategoryId,AddVisFormData.CompanyId);
+
+    //         data['ProductId']='';
+    //         data['ProductName']='';
+    //     }
+        
+    //     setrerenderdata(!rerenderdata);
+
+        
+    // }
+    function onselectionChange(option, keyLbl, keyVal) {
+
+    setAddVisFormData(prev => {
+        let updated = {
+            ...prev,
+            [keyVal]: option.value,
+            [keyLbl]: option.label
+        };
+
+        if (keyLbl === 'CategoryName') {
+            updated.SubCategoryId = '';
+            updated.SubCategoryName = '';
+            updated.BrandId = '';
+            updated.BrandName = '';
+            updated.ProductId = '';
+            updated.ProductName = '';
+            updated.PromoTypeId = '';
+            updated.PromoType = '';
+
+            setSubCategories([]); // 🔥 VERY IMPORTANT
+            setBrands([]);
+            setProducts([]);
+
+            loadData(option.value, 'SubCategories', '', '', '');
+        }
+
+        if (keyLbl === 'SubCategoryName') {
+            updated.BrandId = '';
+            updated.BrandName = '';
+            updated.ProductId = '';
+            updated.ProductName = '';
+
+            setBrands([]);
+            setProducts([]);
+
+            loadData(option.value, 'Brands', prev.CategoryId, '', '');
+        }
+
+        if (keyLbl === 'BrandName') {
+            updated.ProductId = '';
+            updated.ProductName = '';
+
+            setProducts([]);
+
+            loadData(option.value, 'Products', prev.CategoryId, prev.SubCategoryId, '');
+        }
+
+        return updated;
+    });
+
+    setHasUnsavedChanges(true);
+}
+
+
+    async function loadData(qId,type,CatId,SubCatId,CompanyId){
+        console.log('loadData called:',qId,type,CatId,SubCatId,CompanyId)
+        try {   
+        await db.transaction(async function (txn) { 
+            let q=''; 
+            // if(type=='Categories') q=`select distinct CategoryId,CategoryName from Sup_Master_Competitor where CompanyId ='${qId}'`;
+            if(type=='SubCategories') q=`Select Distinct p.SubCategoryId,p.SubCategoryName from Sup_Product_Master p where p.CategoryId='${qId}' and p.CompanyId !=1 order by p.SubCategorySequence`;
+            else if(type=='Brands') q=`Select Distinct p.BrandName,p.BrandId from Sup_Product_Master p Where p.SubCategoryId='${qId}' and CategoryId='${CatId}' and p.CompanyId !=1 order by p.BrandSequence`;
+            else if(type=='Products') q=`select distinct ProductId,ProductName from Sup_Product_Master where  CategoryId='${CatId}' and  SubCategoryId='${SubCatId}' and BrandId='${qId}' and CompanyId !=1 order by ProductSequence`;
+           
+         console.log("ajju query ------------>",q)
+            await txn.executeSql(q,[],async function (txn2, txnres2) {
+                console.log("query------------",q) 
+                console.log('txnres2',txnres2)
+
+                
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        console.log('loadData',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            if(type=='Categories') setCategories(arr);
+                            else if(type=='SubCategories')setSubCategories(arr);
+                            else if(type=='Brands')setBrands(arr);
+                            else if(type=='Products')setProducts(arr);
+                        }                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+           
+          });          
+        } catch (err) {
+          console.log(err);          
+        }
+    }
+
+  
+   
+    function onChoiceSelect(val,key){
+        if(val==0 && AddVisibility.length>0){
+            setShowRAllC_M(true);
+            return ;
+        }
+        var val1=val==1?1:0;
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        setIsAddVisPresent(val);
+        setHasUnsavedChanges(true);
+        if(val==0){
+            setAddVisibility([]);
+            setAddVisFormData({});
+        }
+    }
+
+    function onConfirmRemoveAll(){
+        // Remove all data 
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: 0,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        setIsAddVisPresent(0);
+        setHasUnsavedChanges(true);
+        setAddVisibility([]);
+        setAddVisFormData({});
+        setShowRAllC_M(false);
+    }
+
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    async function Add_AddVis(){
+        let isValid=await validateForm();
+        console.log('isValid add:',isValid);
+        if(isValid){
+            let arr=AddVisibility;
+            let {Company,CompanyId,CategoryName,CategoryId,SubCategoryName,SubCategoryId,BrandName,BrandId,PromoType,PromoTypeId,ProductName,ProductId,Remark,Image1,Image1Path}=AddVisFormData;
+            console.log(AddVisFormData);
+            // let index=AddVisibility.findIndex(i=> i.CompanyId==CompanyId && i.CategoryId==CategoryId && i.SubCategoryId==SubCategoryId && i.BrandId==BrandId && i.DisplayId==DisplayId && i.PromoTypeId==PromoTypeId && i.ProductId==ProductId);
+            // if(index>=0){
+            //     notify('This promotion has already been added','LONG');
+            // }
+            // else{
+                arr.push(AddVisFormData);
+                // setAddVisibility(arr);
+                // setHasUnsavedChanges(true);
+                notify('Promotion added successfully','LONG');
+                setrerenderdata(!rerenderdata);
+                
+                // clear data
+                setAddVisFormData({});
+            // }
+        } 
+        
+    }
+
+    function showRemoveConfirm(item,index){
+        setToRemoveId(index);
+        setToRemoveItem(item);
+        setshowRemoveConfirm_M(true);
+    }
+
+    function Remove_AddVis(){
+        let index=toRemoveId
+        let item=toRemoveItem;
+        let arr=AddVisibility;
+        console.log('toRemoveId:',index);
+        if(index>=0 && index<arr.length){
+            arr.splice(index,1);
+            setAddVisibility(arr);
+            setHasUnsavedChanges(true);
+            notify('Promotion removed successfully','LONG')
+            setrerenderdata(!rerenderdata);
+        }
+        else{
+            notify('Cannot remove! Promotion not found','LONG')
+        }
+        
+        setToRemoveId('');
+        setToRemoveItem({});
+        setshowRemoveConfirm_M(false);
+    }
+   
+    function _render_addVisFormTop(){
+        let xpos=0;
+        if(animatedChoice!=null ){
+            xpos=animatedChoice.interpolate({
+                inputRange:[0,1],
+                outputRange:[0,-75],
+            });
+        }
+        return (
+            <View style={[customStyle.addvisCon]}>
+                <View style={[customStyle.addvis_pCon]}>
+                        <Text style={[customStyle.addvis_pText]}>{'Is Present'}</Text>
+                        <View style={customStyle.addvis_pChoiceBoxCon}>
+                            <View style={[customStyle.openStk_prd_choiceBox,customStyle.addvis_pChoiceBoxbg]}>
+                                <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isAddVisPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                {
+                                    transform: [{
+                                        translateX:xpos
+                                    }],
+                                }
+                                ]}></Animated.View>
+                                <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(1,'isPresent')}}>
+                                    <Text style={[customStyle.openStkCh_text,(isAddVisPresent==1?customStyle.openStkCh_textactive:{})]}>Yes</Text>
+                                </TouchableOpacity>
+                                <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(0,'isPresent')}}>
+                                    <Text style={[customStyle.openStkCh_text,(isAddVisPresent==0?customStyle.openStkCh_textactive:{})]}>No</Text>
+                                </TouchableOpacity>
+                            </View>
+
+                        </View>
+                        
+                </View>
+                {
+                isAddVisPresent==1 && (rerenderdata== rerenderdata) && 
+                <ScrollView contentContainerStyle={customStyle.addVisScrollCon} style={customStyle.addVisScroll}>
+                <View style={customStyle.addVisForm}>
+                    
+                    <View style={customStyle.addVisRow}>
+                        {/* <View style={[customStyle.addVisCol50,customStyle.addVisCol1]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Company</Text>
+                                {CustomPicker(props,Companies,'Company','CompanyId','Company','CompanyId',onselectionChange,{value:AddVisFormData.Company})}
+                            </View>
+                        </View> */}
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol1]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Category</Text>
+                                {CustomPicker(props,Categories,'CategoryName','CategoryId','CategoryName','CategoryId',onselectionChange,{value:AddVisFormData.CategoryName})}
+                                
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol2]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Sub Category</Text>
+                                
+                                {CustomPicker(props,SubCategories,'SubCategoryName','SubCategoryId','SubCategoryName','SubCategoryId',onselectionChange,{value:AddVisFormData.SubCategoryName})}
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol1]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Brands</Text>
+                                
+                                {CustomPicker(props,Brands,'BrandName','BrandId','BrandName','BrandId',onselectionChange,{value:AddVisFormData.BrandName})}
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol2]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Promotion Type</Text>
+                                {CustomPicker(props,DisplayList,'PromoType','PromoTypeId','PromoType','PromoTypeId',onselectionChange,{value:AddVisFormData.PromoType})}
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol100,customStyle.addVisCol1]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Product</Text>
+                                {CustomPicker(props,Products,'ProductName','ProductId','ProductName','ProductId',onselectionChange,{value:AddVisFormData.ProductName})}
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol1]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>MRP</Text>
+                                <TextInput  
+                                style={customStyle.addVisInputStyle} 
+                                value={(AddVisFormData.MRP || '')}
+                                keyboardType={'number-pad'}
+                                autoComplete='off'
+                                onChangeText={(val)=>{onFormDataChange(val,'MRP','numeric');}}
+                                />
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol50,customStyle.addVisCol2]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Selling Price</Text>
+                                <TextInput  
+                                style={customStyle.addVisInputStyle} 
+                                value={(AddVisFormData.SPrice || '')}
+                                keyboardType={'number-pad'}
+                                autoComplete='off'
+                                onChangeText={(val)=>{onFormDataChange(val,'SPrice','numeric');}}
+                                />
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol100,customStyle.addVisCol2]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Promotion Details</Text>
+                                <TextInput  
+                                style={customStyle.addVisInputStyle} 
+                                value={(AddVisFormData.Remark || '')}
+                                autoComplete='off'
+                                onChangeText={(val)=>{onFormDataChange(val,'Remark','text');}}
+                                />
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol100]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>Image</Text>
+                                <View style={customStyle.addVisCameras}>
+                                    <View style={customStyle.openStkCameraCon}>
+                                        { (AddVisFormData.Image1Path=='' || AddVisFormData.Image1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera('1')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (AddVisFormData.Image1Path!='' && AddVisFormData.Image1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:AddVisFormData.Image1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera('1')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }       
+                                    </View>
+                                    
+                                </View>
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVis_btnWrap,customStyle.addVis_btnWrap2]}>
+                            <TouchableOpacity style={customStyle.addVis_btn} onPress={()=>{Add_AddVis()}}>
+                                <Text style={customStyle.addVisBtnText}>Add</Text>
+                            </TouchableOpacity>
+                    </View>
+                        
+                    </View>
+                </View>
+                <View style={customStyle.addVis_list}>
+                    <Text style={customStyle.addVis_listhdrText}>Added Promotions</Text>
+                    <View style={customStyle.addVis_listInner}>
+                        {
+                            AddVisibility.length>0 &&
+                            AddVisibility.map((item,index)=>{
+                                console.log(item);
+                                return (
+                                    <View key={index} style={customStyle.addVis_listItem}>
+                                        <View style={customStyle.addVis_listI_row2}>
+                                            <View style={customStyle.addVis_listIcol1}>
+                                            {/* <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>Company :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.Company}</Text>
+                                                </View>
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>Category :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.CategoryName}</Text>
+                                                </View> */}
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>Sub Category :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.SubCategoryName}</Text>
+                                                </View>
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>Brand :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.BrandName}</Text>
+                                                </View>
+                                                
+                                                
+                                                
+                                                <View style={[customStyle.addVis_listI_row,customStyle.addVis_listI_lastrow]}>
+                                                    <Text style={customStyle.addVis_listI_Label}>Remark :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.Remark}</Text>
+                                                </View>
+                                            </View>
+                                            <View style={customStyle.addVis_listIcol2}>
+                                                
+                                                {/* <View style={[customStyle.addVis_listI_row]}> */}
+                                                    <Text style={[customStyle.addVis_listI_Label2,customStyle.mb20]}>Image</Text>
+                                                    {(item.Image1Path!=null && item.Image1Path!='') && <Image style={customStyle.addVis_listI_Image} source={{uri:item.Image1Path}} />}
+                                                {/* </View> */}
+                                                
+                                            </View>
+                                            
+                                            <TouchableOpacity style={customStyle.addVis_btnRemove} onPress={()=>{showRemoveConfirm(item,index)}}>
+                                               <FontAwesome name='trash' size={20} color={'red'} />
+                                            </TouchableOpacity>
+                                        </View>
+                                        <View style={customStyle.addVis_listR}>
+                                                <View style={[customStyle.addVis_listPcon,customStyle.addVis_listPcon1]}>
+                                                    <Text style={customStyle.addVis_listRlbl}>Promotion Type :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val2}>{item.PromoType}</Text>
+                                                </View>
+                                                <View style={[customStyle.addVis_listPcon,customStyle.addVis_listPcon2]}>
+                                                    <Text style={customStyle.addVis_listRlbl}>Product :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val2}>{item.ProductName}</Text>
+                                                </View>
+                                                <View style={[customStyle.addVis_listPcon,customStyle.addVis_listPcon1]}>
+                                                    <Text style={customStyle.addVis_listRlbl}>MRP :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val2}>{item.MRP}</Text>
+                                                </View>
+                                                <View style={[customStyle.addVis_listPcon,customStyle.addVis_listPcon2]}>
+                                                    <Text style={customStyle.addVis_listRlbl}>Selling Price :</Text>
+                                                    <Text style={customStyle.addVis_listI_Val2}>{item.SPrice}</Text>
+                                                </View>
+                                        </View>
+                                       
+                                    </View>
+                                );
+                            })
+                        }
+                    </View>
+                </View>
+                </ScrollView>
+                }
+            </View>
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {ConfirmSaveAlert(props,showRemoveConfirm_M,()=>{setshowRemoveConfirm_M(false)},Remove_AddVis,'Do you really want to remove this promotion?')}
+        {ConfirmSaveAlert(props,showRAllC_M,()=>{setShowRAllC_M(false)},onConfirmRemoveAll,'Do you really want to remove all promotion data?')}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{UpdateShowCamera_Ref(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{UpdateShowCamera_Ref(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.addVis_Wrapper}>
+                {_render_addVisFormTop()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(CompetitionPromotion);
\ No newline at end of file
diff --git a/src/screens/CompetitionVisibility.js b/src/screens/CompetitionVisibility.js
new file mode 100644
index 0000000..7693d63
--- /dev/null
+++ b/src/screens/CompetitionVisibility.js
@@ -0,0 +1,750 @@
+import React, { useState, useEffect, useRef } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { StatusBar, Image, TextInput, View, Text, ScrollView, TouchableOpacity, Platform, PermissionsAndroid, FlatList, Alert, Animated } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getDownloadJson, marktext1, marktext2 } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, testurl, db, colors_Arr, common_ImagePath } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { Card, Menu, Switch } from 'react-native-paper';
+import { AntDesign, Entypo, FontAwesome, MaterialCommunityIcons } from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import { launchCamera, launchImageLibrary, CameraOptions } from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+
+function CompetitionVisibility(props) {
+  const route = useRoute();
+
+  // get all theme styles acc to current theme set 
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const animatedChoice = useRef(new Animated.Value(0)).current;
+
+  const [processing, setProcessing] = useState(true);
+  const [loaderTitle, setLoaderTitle] = useState('loading...');
+  const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+  const [storeData, setStoreData] = useState({});
+  const [currentMenu, setCurrentMenu] = useState({});
+  const [brandData, setBrandData] = useState([]);
+  const [rerenderdata, setrerenderdata] = useState(0);
+  const [rerenderdata2, setrerenderdata2] = useState(0);
+
+  const [AddVisibility, setAddVisibility] = useState([]);
+  const [AddVisFormData, setAddVisFormData] = useState({});
+  const [isAddVisPresent, setIsAddVisPresent] = useState(0);
+  const [showAlert, setShowAlert] = useState(false);
+  const [Companies, setCompanies] = useState([]);
+  const [Categories, setCategories] = useState([]);
+  const [SubCategories, setSubCategories] = useState([]);
+  const [Brands, setBrands] = useState([]);
+  const [DisplayList, setDisplayList] = useState([]);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+  const [showCamera, setShowCamera] = useState(false);
+  const [getImageProps, setGetImageProps] = useState({});
+  const [toRemoveId, setToRemoveId] = useState('');
+  const [toRemoveItem, setToRemoveItem] = useState({});
+  const [showRemoveConfirm_M, setshowRemoveConfirm_M] = useState(false);
+  const [showRAllC_M, setShowRAllC_M] = useState(false);
+  const [EmpData, setEmpData] = useState([]);
+
+
+  const d1 = new Date();
+  const d2 = moment(d1).format('MM/DD/YYYY');
+
+
+  useEffect(() => {
+    let params = props.route.params ? props.route.params : {};
+    let storeData1 = params.storeData || {};
+    let menu1 = params.menu || {};
+    let empData1 = params.empData || {};
+
+    let isAdhoc = params.isAdhoc || false;
+    setIsAdhocScreen(isAdhoc);
+    setStoreData(storeData1);
+    setEmpData(empData1);
+    setCurrentMenu(menu1);
+
+    getData(storeData1);
+
+    const onremoveSubscription = props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+    return function cleanup() {
+      props.navigation.removeListener('beforeRemove', onBeforeRemove);
+      return onremoveSubscription;
+    };
+  }, []);
+
+  useEffect(() => {
+    props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    const onremoveSubscription = props.navigation.addListener('beforeRemove', onBeforeRemove);
+    return onremoveSubscription;
+  }, [hasUnsavedChanges]);
+
+  useEffect(() => {
+    props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    props.navigation.addListener('beforeRemove', onBeforeRemove);
+  }, [showCamera]);
+
+  function onBeforeRemove(e) {
+    if (showCamera == true) {
+      e.preventDefault();
+      setShowCamera(false);
+    }
+    else {
+      if (hasUnsavedChanges == true) {
+        e.preventDefault(); // Prevent default behavior of leaving the screen
+        onRemoveScreen(e);
+      }
+      else {
+        return;
+      }
+    }
+  }
+
+  function onRemoveScreen(e) {
+    { setHasUnsavedChanges(false); props.navigation.dispatch(e.data.action); }
+    // Alert.alert(
+    //     "",
+    //     "Do you really want to exit the screen?",
+    //     [
+    //       {
+    //         text: "Cancel",
+    //         onPress: () => {},
+    //         style: "cancel"
+    //       },
+    //       { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+    //     ]
+    //   );
+  }
+
+
+  async function getData(storeData1) {
+    try {
+      let { StoreId, ChainId, StateId, StoreTypeId, MerchandiserId } = storeData1;
+
+
+      db.transaction(async function (txn) {
+
+        let q4 = `Select distinct CategoryId,CategoryName from Sup_Product_Master where IsCompetitor ='1'`;
+        await txn.executeSql(q4, [], async function (txn2, txnres2) {
+          if (txnres2.rows.length > 0) {
+            let arr = [];
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              arr.push(data);
+              if (i == txnres2.rows.length - 1) { setCategories(arr); }
+            }
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); },);
+
+        let q2 = `Select Distinct DisplayId,DisplayName from Sup_Master_Display`;
+        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+          if (txnres2.rows.length > 0) {
+            let arr = [];
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              arr.push(data);
+              if (i == txnres2.rows.length - 1) { setDisplayList(arr); }
+            }
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); },);
+
+
+        let q3 = `Select * from ${AppTables.COMPETITION_VISIBILITY} WHERE STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' and VISIT_DATE='${d2}'  `;
+        await txn.executeSql(q3, [], async function (txn2, txnres2) {
+          if (txnres2.rows.length > 0) {
+            let arr = [];
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              let { PRESENT, CATEGORY, CATEGORY_ID, SUB_CATEGORY, SUB_CATEGORY_ID, BRAND, BRAND_ID, DISPLAY, DISPLAY_ID, REMARK, IMAGE } = data;
+              let datan = { CategoryName: CATEGORY, CategoryId: CATEGORY_ID, SubCategoryName: SUB_CATEGORY, SubCategoryId: SUB_CATEGORY_ID, BrandName: BRAND, BrandId: BRAND_ID, DisplayName: DISPLAY, DisplayId: DISPLAY_ID, Remark: REMARK, Image1: IMAGE }
+              // datan.Image1Path=common_ImagePath+IMAGE;
+              datan.Image1Path = 'file://' + common_ImagePath + IMAGE;
+              PRESENT == 1 ? arr.push(datan) : '';
+              let isPresent = PRESENT;
+              if (i == txnres2.rows.length - 1) {
+                Animated.timing(animatedChoice, {
+                  toValue: isPresent,
+                  duration: 400,
+                  useNativeDriver: false,
+                }).start();
+                setAddVisibility(arr);
+                setIsAddVisPresent(isPresent);
+
+              }
+            }
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); },);
+
+        setProcessing(false);
+
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+
+
+  async function getImage(imgdata) {
+    let type = getImageProps.type || '';
+    if (typeof imgdata == 'object' && imgdata.errorCode == 'camera_unavailable') {
+      notify('Camera unavailable');
+    }
+    else if (typeof imgdata == 'object' && imgdata.uri != null) {
+      const img = imgdata;
+      const imgurl = img.uri, imgWidth = img.width, imgHeight = img.height;
+
+
+      let picture_clicked_time = new Date();
+      picture_clicked_time = moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+
+
+      const mark_text1 = picture_clicked_time;
+      const mark_text2 = 'Store Name:' + storeData.StoreName + ' | Store Id:' + storeData.StoreId + ' | User Id:' + storeData.EmpId + ' | Image Type: Comp. Visibility' + ' | Date:' + picture_clicked_time;
+
+      await marktext1(mark_text1, imgurl)
+        .then((res) => {
+          if (res.success) {
+            let uri = res.uri;
+            marktext2(mark_text2, uri, imgWidth, imgHeight)
+              .then((res) => {
+                if (res.success) {
+                  let picture_clickedd = new Date();
+                  let picture_clicked_date = moment(picture_clickedd).format('YYYYMMDD');
+                  let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                  let filename = storeData.StoreId + '_' + (props.UserId || '') + '_CompVisibilityImg-' + picture_clicked_date + '_' + picture_clicked_time + '.jpg';
+
+
+                  let addvisdata = AddVisFormData;
+                  let image_key = 'Image1';
+                  let image_path_key = 'Image1Path';
+                  addvisdata[image_key] = filename;
+
+                  // renamefile
+                  let imagePath = `${common_ImagePath}/${filename}`;
+                  RNFS.copyFile(res.uri, imagePath)
+                    .then(resn => {
+                      let uri = 'file://' + imagePath;
+                      console.log('image marker', uri);
+                      addvisdata[image_path_key] = uri;
+
+                      setAddVisFormData(addvisdata);
+                      setHasUnsavedChanges(true);
+                      setrerenderdata2(!rerenderdata2);
+                    })
+                    .catch(err => {
+                      console.log('ERROR: image file write failed!!!');
+                      console.log(err.message, err.code);
+                    });
+
+                }
+                else {
+                  if (res.imagenotfound) {
+                    notify('Please capture a image');
+                  }
+                  else {
+                    notify(res.error);
+                  }
+                }
+              });
+          }
+          else {
+            if (res.imagenotfound) {
+              notify('Please capture a image');
+            }
+            else {
+              notify(res.error);
+            }
+          }
+        });
+    }
+  }
+
+  async function openCamera(type = '1') {
+    setGetImageProps({ 'type': type });
+    setShowCamera(true);
+    // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+  }
+
+  async function onSubmitData() {
+    let isvalid = await validate();
+    if (isvalid) {
+      setShowAlert(true);
+    }
+  }
+
+  async function saveData() {
+    setHasUnsavedChanges(false);
+    setShowAlert(false);
+    setLoaderTitle('Saving Data...');
+    setProcessing(true);
+    try {
+      let { StoreId, ChainId, StateId, StoreTypeId } = storeData;
+      await db.transaction(async function (txn) {
+
+        let q = `DELETE FROM ${AppTables.COMPETITION_VISIBILITY} WHERE STORE_ID='${StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `;
+
+        //  remove old data
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          console.log('cv data deleted');
+        }, function (txn2, txnerr) { console.log(txnerr); },);
+
+        var values = '';
+        if (isAddVisPresent == 1 && AddVisibility.length > 0) {
+          for (var i = 0; i < AddVisibility.length; i++) {
+            let catIndex = i;
+            let item = AddVisibility[catIndex];
+            let { CategoryName, CategoryId, SubCategoryName, SubCategoryId, BrandName, BrandId, DisplayName, DisplayId, Remark, Image1, Image1Path } = item;
+            values += values != '' ? ' , ' : '';
+            values += ` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${isAddVisPresent}','${CategoryName}','${CategoryId}','${SubCategoryName}','${SubCategoryId}','${BrandName}','${BrandId}','${DisplayName}','${DisplayId}','${Remark}','${Image1}','${d2}') `;
+
+          }
+        }
+        else {
+          values += `('${storeData.MerchandiserId}','${StoreId}','${d2}','${isAddVisPresent}','','','','','','','','','','','${d2}')`;
+        }
+
+        console.log('values:', values);
+        let add_data = `INSERT INTO ${AppTables.COMPETITION_VISIBILITY} (EMP_ID,STORE_ID,VISIT_DATE,PRESENT,CATEGORY,CATEGORY_ID,SUB_CATEGORY,SUB_CATEGORY_ID,BRAND,BRAND_ID,DISPLAY,DISPLAY_ID,REMARK,IMAGE,ADDED_DATE) VALUES ${values} `;
+
+        await txn.executeSql(add_data, [], async function (txn2, txnres) {
+          console.log('av added');
+          notify('Competition Visibility added successfully', 'SHORT');
+          setProcessing(false);
+          props.navigation.goBack();
+        }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); notify('Cannot add competition visibility') },);
+
+
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+
+
+
+  async function validate() {
+
+    let isValid = true;
+    if (isAddVisPresent == 1 && AddVisibility.length <= 0) {
+      isValid = false;
+      notify('Please add first', 'SHORT');
+    }
+
+    console.log('isValid:', isValid);
+    return isValid;
+  }
+
+  async function validateForm() {
+    let isValid = true;
+    let { CategoryName, CategoryId, SubCategoryName, SubCategoryId, BrandName, BrandId, DisplayName, DisplayId, Remark, Image1, Image1Path } = AddVisFormData;
+
+    if ((CategoryName == '' || CategoryName == null) || (CategoryId == '' || CategoryId == null)) {
+      isValid = false;
+      notify('Please select category', 'SHORT');
+    }
+    else if ((SubCategoryName == '' || SubCategoryName == null) || (SubCategoryId == '' || SubCategoryId == null)) {
+      isValid = false;
+      notify('Please select sub category', 'SHORT');
+    }
+    else if ((BrandName == '' || BrandName == null) || (BrandId == '' || BrandId == null)) {
+      isValid = false;
+      notify('Please select brand', 'SHORT');
+    }
+    else if ((DisplayName == '' || DisplayName == null) || (DisplayId == '' || DisplayId == null)) {
+      isValid = false;
+      notify('Please select display type', 'SHORT');
+    }
+    else if ((Remark == '' || Remark == null)) {
+      isValid = false;
+      notify('Please enter remark', 'SHORT');
+    }
+    else if ((Image1 == '' || Image1 == null)) {
+      isValid = false;
+      notify('Please click image', 'SHORT');
+    }
+
+
+    console.log('isValid:', isValid);
+    return isValid;
+  }
+
+  function onFormDataChange(val, key) {
+    let data = AddVisFormData;
+    data[key] = val;
+    setAddVisFormData(data);
+    setHasUnsavedChanges(true);
+    setrerenderdata(!rerenderdata);
+  }
+
+  function onselectionChange(option, keyLbl, keyVal, otherData) {
+
+    let data = AddVisFormData;
+    data[keyVal] = option.value;
+    data[keyLbl] = option.label;
+
+    setHasUnsavedChanges(true);
+
+    if (keyLbl == 'CategoryName') {
+      loadData(option.value, 'SubCategories', '', '');
+
+      data['SubCategoryId'] = '';
+      data['SubCategoryName'] = '';
+      data['BrandId'] = '';
+      data['BrandName'] = '';
+      data['DisplayId'] = '';
+      data['DisplayName'] = '';
+
+
+      
+    }
+    else if (keyLbl == 'SubCategoryName') {
+      loadData(option.value, 'Brands');
+
+      data['BrandId'] = '';
+      data['BrandName'] = '';
+    }
+
+    setAddVisFormData(data);
+    setrerenderdata(!rerenderdata);
+
+
+  }
+
+  async function loadData(qId, type) {
+    try {
+      await db.transaction(async function (txn) {
+        let q = '';
+        if (type == 'SubCategories') q = `Select Distinct p.SubCategoryId,p.SubCategoryName from Sup_Product_Master p where p.CategoryId='${qId}' and IsCompetitor ='1' order by p.SubCategorySequence`;
+        else if (type == 'Brands') q = `Select Distinct p.BrandName,p.BrandId from Sup_Product_Master p Where p.SubCategoryId='${qId}' and p.CategoryId='${AddVisFormData['CategoryId']}' and IsCompetitor ='1' order by p.BrandSequence`;
+
+        console.log("sub query------------------------------------->",q)
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          if (txnres2.rows.length > 0) {
+            let arr = [];
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              arr.push(data);
+              if (i == txnres2.rows.length - 1) {
+                if (type == 'SubCategories') setSubCategories(arr);
+                else if (type == 'Brands') setBrands(arr);
+              }
+            }
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); },);
+
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+
+
+  function onChoiceSelect(val, key) {
+    if (val == 0 && AddVisibility.length > 0) {
+      setShowRAllC_M(true);
+      return;
+    }
+    var val1 = val == 1 ? 1 : 0;
+    if (animatedChoice != null) {
+      Animated.timing(animatedChoice, {
+        toValue: val1,
+        duration: 400,
+        useNativeDriver: false,
+      }).start();
+    }
+    setIsAddVisPresent(val);
+    setHasUnsavedChanges(true);
+    if (val == 0) {
+      setAddVisibility([]);
+      setAddVisFormData({});
+    }
+  }
+
+  function onConfirmRemoveAll() {
+    // Remove all data 
+    if (animatedChoice != null) {
+      Animated.timing(animatedChoice, {
+        toValue: 0,
+        duration: 400,
+        useNativeDriver: false,
+      }).start();
+    }
+    setIsAddVisPresent(0);
+    setHasUnsavedChanges(true);
+    setAddVisibility([]);
+    setAddVisFormData({});
+    setShowRAllC_M(false);
+  }
+
+  function onSaveCancel() {
+    setShowAlert(false);
+  }
+
+  async function Add_AddVis() {
+    let isValid = await validateForm();
+    console.log('isValid add:', isValid);
+    if (isValid) {
+      let arr = AddVisibility;
+      let { CategoryName, CategoryId, SubCategoryName, SubCategoryId, BrandName, BrandId, DisplayName, DisplayId, Remark, Image1, Image1Path } = AddVisFormData;
+      console.log(AddVisFormData);
+      // let index=AddVisibility.findIndex(i=> i.CategoryId==CategoryId && i.SubCategoryId==SubCategoryId && i.BrandId==BrandId && i.DisplayId==DisplayId);
+      // if(index>=0){
+      //     notify('This visibility has already been added','LONG');
+      // }
+      // else{
+      arr.push(AddVisFormData);
+      // setAddVisibility(arr);
+      // setHasUnsavedChanges(true);
+      notify('Visibility added successfully', 'LONG');
+      setrerenderdata(!rerenderdata);
+
+      // clear data
+      setAddVisFormData({});
+      // }
+    }
+
+  }
+
+  function showRemoveConfirm(item, index) {
+    setToRemoveId(index);
+    setToRemoveItem(item);
+    setshowRemoveConfirm_M(true);
+  }
+
+  function Remove_AddVis() {
+    let index = toRemoveId
+    let item = toRemoveItem;
+    let arr = AddVisibility;
+    console.log('toRemoveId:', index);
+    if (index >= 0 && index < arr.length) {
+      arr.splice(index, 1);
+      setAddVisibility(arr);
+      setHasUnsavedChanges(true);
+      notify('Visibility removed successfully', 'LONG')
+      setrerenderdata(!rerenderdata);
+    }
+    else {
+      notify('Cannot remove! Visibility not found', 'LONG')
+    }
+    setToRemoveId('');
+    setToRemoveItem({});
+    setshowRemoveConfirm_M(false);
+  }
+
+
+
+
+  function _render_addVisFormTop() {
+    let xpos = 0;
+    if (animatedChoice != null) {
+      xpos = animatedChoice.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, -75],
+      });
+    }
+    return (
+      <View style={[customStyle.addvisCon]}>
+        <View style={[customStyle.addvis_pCon]}>
+          <Text style={[customStyle.addvis_pText]}>{'Is Present'}</Text>
+          <View style={customStyle.addvis_pChoiceBoxCon}>
+            <View style={[customStyle.openStk_prd_choiceBox, customStyle.addvis_pChoiceBoxbg]}>
+              <Animated.View style={[customStyle.openStkCh_absolutebg, customStyle.openStkCh_con_active, (isAddVisPresent == '1' ? customStyle.openStkCh_con_green : customStyle.openStkCh_con_red),
+              {
+                transform: [{
+                  translateX: xpos
+                }],
+              }
+              ]}></Animated.View>
+              <TouchableOpacity style={customStyle.openStkCh_con1} onPress={() => { onChoiceSelect(1, 'isPresent') }}>
+                <Text style={[customStyle.openStkCh_text, (isAddVisPresent == 1 ? customStyle.openStkCh_textactive : {})]}>Yes</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={() => { onChoiceSelect(0, 'isPresent') }}>
+                <Text style={[customStyle.openStkCh_text, (isAddVisPresent == 0 ? customStyle.openStkCh_textactive : {})]}>No</Text>
+              </TouchableOpacity>
+            </View>
+          </View>
+
+        </View>
+        {
+          isAddVisPresent == 1 && (rerenderdata == rerenderdata) &&
+          <ScrollView contentContainerStyle={customStyle.addVisScrollCon} style={customStyle.addVisScroll}>
+            <View style={customStyle.addVisForm}>
+              <View style={customStyle.addVisRow}>
+
+                <View style={[customStyle.addVisCol50, customStyle.addVisCol1]}>
+                  <View style={customStyle.addVisFormGrp}>
+                    <Text style={customStyle.addVisLabel}>Category</Text>
+                    {CustomPicker(props, Categories, 'CategoryName', 'CategoryId', 'CategoryName', 'CategoryId', onselectionChange, { value: AddVisFormData.CategoryName, otherData: {} })}
+
+                  </View>
+                </View>
+                <View style={[customStyle.addVisCol50, customStyle.addVisCol2]}>
+                  <View style={customStyle.addVisFormGrp}>
+                    <Text style={customStyle.addVisLabel}>Sub Category</Text>
+                    {CustomPicker(props, SubCategories, 'SubCategoryName', 'SubCategoryId', 'SubCategoryName', 'SubCategoryId', onselectionChange, { value: AddVisFormData.SubCategoryName, otherData: {} })}
+                  </View>
+                </View>
+                <View style={[customStyle.addVisCol50, customStyle.addVisCol1]}>
+                  <View style={customStyle.addVisFormGrp}>
+                    <Text style={customStyle.addVisLabel}>Brands</Text>
+
+                    {CustomPicker(props, Brands, 'BrandName', 'BrandId', 'BrandName', 'BrandId', onselectionChange, { value: AddVisFormData.BrandName })}
+                  </View>
+                </View>
+                <View style={[customStyle.addVisCol50, customStyle.addVisCol2]}>
+                  <View style={customStyle.addVisFormGrp}>
+                    <Text style={customStyle.addVisLabel}>Display Type</Text>
+                    {CustomPicker(props, DisplayList, 'DisplayName', 'DisplayId', 'DisplayName', 'DisplayId', onselectionChange, { value: AddVisFormData.DisplayName })}
+                  </View>
+                </View>
+                <View style={[customStyle.addVisCol100]}>
+                  <View style={customStyle.addVisFormGrp}>
+                    <Text style={customStyle.addVisLabel}>Remark</Text>
+                    <TextInput
+                      style={customStyle.addVisInputStyle}
+                      value={(AddVisFormData.Remark || '')}
+                      onChangeText={(val) => { onFormDataChange(val, 'Remark'); }}
+                      autoComplete='off'
+                    />
+                  </View>
+                </View>
+                <View style={[customStyle.addVisCol100]}>
+                  <View style={customStyle.addVisFormGrp}>
+                    <Text style={customStyle.addVisLabel}>Image</Text>
+                    <View style={customStyle.addVisCameras}>
+                      <View style={customStyle.openStkCameraCon}>
+                        {(AddVisFormData.Image1Path == '' || AddVisFormData.Image1Path == null) &&
+                          <TouchableOpacity style={[customStyle.osCat_action_openCam, customStyle.osCat_actn_margin]} onPress={() => { openCamera('1') }}>
+                            <SvgXml width={80} height={80} xml={cameraImg} />
+                          </TouchableOpacity>
+                        }
+                        {(AddVisFormData.Image1Path != '' && AddVisFormData.Image1Path != null) &&
+                          <View style={customStyle.osCatImageView}>
+                            <Image style={customStyle.osCatImage} source={{ uri: AddVisFormData.Image1Path }} />
+                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={() => { openCamera('1') }}>
+                              <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color} />
+                            </TouchableOpacity>
+                          </View>
+                        }
+                      </View>
+
+                    </View>
+                  </View>
+                </View>
+                <View style={customStyle.addVis_btnWrap}>
+                  <TouchableOpacity style={customStyle.addVis_btn} onPress={() => { Add_AddVis() }}>
+                    <Text style={customStyle.addVisBtnText}>Add</Text>
+                  </TouchableOpacity>
+                </View>
+              </View>
+            </View>
+            <View style={customStyle.addVis_list}>
+              <Text style={customStyle.addVis_listhdrText}>Added Visibilities</Text>
+              <View style={customStyle.addVis_listInner}>
+                {
+                  AddVisibility.length > 0 &&
+                  AddVisibility.map((item, index) => {
+                    console.log(item);
+                    return (
+                      <View key={index} style={customStyle.addVis_listItem}>
+                        <View style={customStyle.addVis_listI_row2}>
+                          <View style={customStyle.addVis_listIcol1}>
+                            <View style={customStyle.addVis_listI_row}>
+                              <Text style={customStyle.addVis_listI_Label}>Category :</Text>
+                              <Text style={customStyle.addVis_listI_Val}>{item.CategoryName}</Text>
+                            </View>
+                            <View style={customStyle.addVis_listI_row}>
+                              <Text style={customStyle.addVis_listI_Label}>Sub Category :</Text>
+                              <Text style={customStyle.addVis_listI_Val}>{item.SubCategoryName}</Text>
+                            </View>
+                            <View style={customStyle.addVis_listI_row}>
+                              <Text style={customStyle.addVis_listI_Label}>Brand :</Text>
+                              <Text style={customStyle.addVis_listI_Val}>{item.BrandName}</Text>
+                            </View>
+                            <View style={customStyle.addVis_listI_row}>
+                              <Text style={customStyle.addVis_listI_Label}>Display Type :</Text>
+                              <Text style={customStyle.addVis_listI_Val}>{item.DisplayName}</Text>
+                            </View>
+                            <View style={[customStyle.addVis_listI_row, customStyle.addVis_listI_lastrow]}>
+                              <Text style={customStyle.addVis_listI_Label}>Remark :</Text>
+                              <Text style={customStyle.addVis_listI_Val}>{item.Remark}</Text>
+                            </View>
+                          </View>
+                          <View style={customStyle.addVis_listIcol2}>
+                            {/* <View style={[customStyle.addVis_listI_row,customStyle.addVis_listI_lastrow]}> */}
+                            <Text style={[customStyle.addVis_listI_Label2, customStyle.mb20]}>Image</Text>
+                            {(item.Image1Path != null && item.Image1Path != '') && <Image style={customStyle.addVis_listI_Image} source={{ uri: item.Image1Path }} />}
+                            {/* </View> */}
+                          </View>
+                          <TouchableOpacity style={customStyle.addVis_btnRemove} onPress={() => { showRemoveConfirm(item, index) }}>
+                            <FontAwesome name='trash' size={20} color={'red'} />
+                          </TouchableOpacity>
+                        </View>
+
+
+                      </View>
+                    );
+                  })
+                }
+              </View>
+            </View>
+          </ScrollView>
+        }
+      </View>
+    )
+  }
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+      {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+      <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`} />
+      {ConfirmSaveAlert(props, showAlert, onSaveCancel, saveData)}
+      {ConfirmSaveAlert(props, showRemoveConfirm_M, () => { setshowRemoveConfirm_M(false) }, Remove_AddVis, 'Do you really want to remove this visibility?')}
+      {ConfirmSaveAlert(props, showRAllC_M, () => { setShowRAllC_M(false) }, onConfirmRemoveAll, 'Do you really want to remove all visibility data?')}
+      <CustomCamera cameraType={'back'} onImageCaptured={(imgData) => { setShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { setShowCamera(false); }} />
+
+      <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper, customStyle.zIndex0]}>
+        <View style={[customStyle.pageContentWrapper]}>
+          {Object.keys(storeData).length > 0 &&
+            <View style={customStyle.addVis_Wrapper}>
+              {_render_addVisFormTop()}
+            </View>
+          }
+          <View style={[customStyle.opening_Stock_btnWrap]}>
+            <GradientButton {...props} title={'Save'} onPress={() => { onSubmitData() }} />
+          </View>
+        </View>
+
+      </LinearGradient>
+
+    </Container>
+  );
+}
+
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(CompetitionVisibility);
\ No newline at end of file
diff --git a/src/screens/ContactConversion.js b/src/screens/ContactConversion.js
new file mode 100644
index 0000000..82d00c0
--- /dev/null
+++ b/src/screens/ContactConversion.js
@@ -0,0 +1,278 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+
+function ContactConversion(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [TotalContact, setTotalContact] = useState('');
+    const [CustomerConv, setCustomerConv] = useState('');
+    const [showAlert, setShowAlert] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    function  onBeforeRemove(e){
+        if (hasUnsavedChanges==true) {
+            e.preventDefault(); // Prevent default behavior of leaving the screen
+            onRemoveScreen(e);
+        }
+        else{
+           return;
+        }   
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {        
+           
+            
+            let q3=`Select * from ${AppTables.CONTACT_CONVERSION} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}'  `;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+               
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    let data =txnres2.rows.item(0);
+                    let {TOTAL_CONTACT,CST_CONTACT}=data;
+                    setTotalContact(TOTAL_CONTACT);
+                    setCustomerConv(CST_CONTACT);
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            setProcessing(false);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+
+    async function onSubmitData(){
+        let isvalid=validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.CONTACT_CONVERSION} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('cc data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              var values='';
+              values+=` ('${StoreId}','${d2}','${TotalContact}','${CustomerConv}','${d2}') `;
+              
+              let add_data=`INSERT INTO ${AppTables.CONTACT_CONVERSION} (STORE_ID,VISIT_DATE,TOTAL_CONTACT,CST_CONTACT,ADDED_DATE) VALUES ${values} `;
+             
+              await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                console.log('cc added');
+                notify('Contact conversion added successfully','SHORT');
+                setProcessing(false);
+                props.navigation.goBack();
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add contact conversion') },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    function validate(){
+        let isValid=true;
+        if(TotalContact!==0 && (TotalContact=='' || TotalContact==null)){
+            isValid=false;
+            notify('Please enter total contacts for today','SHORT');
+        }
+        else if(CustomerConv!==0 && ( CustomerConv=='' || CustomerConv==null)){
+            isValid=false;
+            notify('Please enter customer converted for today','SHORT');
+        }
+        else if((CustomerConv!='' && CustomerConv!=null && TotalContact!='' && TotalContact!=null) && (parseInt(CustomerConv)>parseInt(TotalContact))){
+            isValid=false;
+            notify('Customer Converted cannot be greater than Total Contacts','SHORT');
+        }
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    async function onTotalContactChange(val){
+        if(!isNaN(val)){
+            if(val.includes('.')){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+
+        setTotalContact(val);
+        setHasUnsavedChanges(true);
+    }
+
+    async function onCustomerConvChange(val){
+        if(!isNaN(val)){
+            if(val.includes('.')){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+
+        setCustomerConv(val);
+        setHasUnsavedChanges(true);
+    }
+
+
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 && 
+          <ScrollView contentContainerStyle={customStyle.contactConvWrap}>
+            <View style={customStyle.contactConvCard}>
+                <View style={customStyle.contactConvCardRow}>
+                <View style={[customStyle.contactConvCardCol]}>
+                    <View style={customStyle.ccCard_FormGrp}>
+                        <Text style={customStyle.ccCard_lbl}>Total Contacts</Text>
+                        <TextInput  
+                            style={customStyle.ccCard_input} 
+                            value={(TotalContact+'')}
+                            keyboardType={'number-pad'}
+                            onEndEditing={(e)=>{console.log('on focus out'); if(CustomerConv!='' && CustomerConv!=null ) validate();}}
+                            onChangeText={(val)=>{onTotalContactChange(val);}}
+                            autoComplete='off'
+                        />
+
+                    </View>
+                </View>
+                <View style={[customStyle.contactConvCardCol]}>
+                    <View style={customStyle.ccCard_FormGrp}>
+                        <Text style={customStyle.ccCard_lbl}>Customer Converted</Text>
+                        <TextInput  
+                            style={customStyle.ccCard_input} 
+                            value={(CustomerConv+'')}
+                            keyboardType={'number-pad'}
+                            onEndEditing={(e)=>{console.log('on focus out'); if(TotalContact!='' && TotalContact!=null ) validate();}}
+                            onChangeText={(val)=>{ onCustomerConvChange(val);}}
+                            autoComplete='off'
+                        />
+                    </View>
+                </View>
+                </View>
+            </View>    
+            </ScrollView>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ContactConversion);
\ No newline at end of file
diff --git a/src/screens/ContactUs.js b/src/screens/ContactUs.js
new file mode 100644
index 0000000..6e2f5e9
--- /dev/null
+++ b/src/screens/ContactUs.js
@@ -0,0 +1,72 @@
+import React, {useState, useEffect} from 'react';
+import Container from '../components/container';
+import {useRoute} from '@react-navigation/native';
+import {globalStyles, customStyles, GetPageTheme} from '../styles/Global';
+import { StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList,} from 'react-native';
+import {ReactReduxContext,connect,useSelector,useDispatch,} from 'react-redux';
+import {mapStateToProps, mapDispatchToProps} from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item, set_item, clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { Entypo, FontAwesome, Fontisto, Foundation, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import NoDataComponent from '../components/NoDataComponent';
+import WebView from 'react-native-webview';
+
+function ContactUs(props) {
+  const route = useRoute();
+
+  const ST=props.StaticText || {};
+  // get all theme styles acc to current theme set
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+  
+  
+  
+
+  useEffect(() => {
+    
+  }, []);
+
+
+ 
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+      
+      <CustomHeader {...props} title={ST.ContactUs}/>
+      <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper,customStyle.roundScrollInner,{paddingTop:0}]}>
+        
+        { 
+          <View style={customStyle.ContUs_Wrap}>
+              <View style={customStyle.ContUs_Hdr}>
+                <Text style={customStyle.ContUs_HdrText}>{ST.MeetUs}</Text>
+              </View>
+              <View style={[customStyle.ContUs_infoBox,customStyle.mt20]}>
+                <Entypo name='phone' size={24} color={PageTheme.$sidemenuColor} />
+                <Text style={customStyle.ContUs_IB_desc}>+91 11 4969 4969</Text>
+              </View>
+              <View style={[customStyle.ContUs_infoBox]}>
+                <FontAwesome name='envelope' size={20} color={PageTheme.$sidemenuColor} />
+                <Text style={customStyle.ContUs_IB_desc}>cpmindiait@cpmindia.com</Text>
+              </View>
+              <View style={[customStyle.ContUs_infoBox]}>
+                <Entypo name='location-pin' size={24} color={PageTheme.$sidemenuColor} />
+                <Text style={customStyle.ContUs_IB_desc}>B-227, Upper Ground Floor, Okhla Industrial Area, Phase 1, New Delhi - 110020</Text>
+              </View>
+          </View>
+        }
+        
+        </View>      
+      </LinearGradient>      
+    </Container>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(ContactUs);
diff --git a/src/screens/DBNonWorkingReasons.js b/src/screens/DBNonWorkingReasons.js
new file mode 100644
index 0000000..28a7ff9
--- /dev/null
+++ b/src/screens/DBNonWorkingReasons.js
@@ -0,0 +1,712 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme } from "../styles/Global";
+import {Image,View,Text,ScrollView,TouchableOpacity,FlatList} from 'react-native';
+import { connect } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {marktext1,marktext2, resizeImage, UpdateDistributorStatus, UpdateStoreStatus, UploadData, UploadData2, UploadFormData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {AppVersion, db, URL_IMAGE, version} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {AntDesign, Entypo, MaterialCommunityIcons,} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import CustomModal from '../components/CustomModal';
+import GradientButton from '../components/gradientButton';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import Geolocation from 'react-native-geolocation-service';
+import {_checkLocationPermission} from '../components/geolocation';
+import CustomCamera from '../components/Camera';
+
+import cameraImg from '../assets/performics/camera_front_image.svg';
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CameraImg3 from '../assets/performics/camera_tick.svg';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { AppTables } from '../constants/tableConstants';
+import { uploadDBStatus, uploadStoreStatus } from '../constants/uploadData';
+import { ConfirmSaveAlert } from '../components/alert';
+
+
+function DBNonWorkingReasons(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState((props.isDataDownloaded?true:false));
+    
+    const [storeData, setStoreData] = useState({});
+    const [nonWorkingRsns, setNonWorkingRsns] = useState([]);
+    const [selectedReason, setSelectedReason] = useState({});
+    const [reason, setReason] = useState('');
+    const [reasonId, setReasonId] = useState('');
+    const [Image1, setImage1] = useState('');
+    const [Image1Path, setImage1Path] = useState('');
+    const [showModal, setShowModal] = useState(false);
+    const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [location, setLocation] = useState({});
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [isBeatPlan, setIsBeatPlan] = useState(false);
+    const [isAnyStoreUploaded, setIsAnyStoreUploaded] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...')
+      getNonWorkingRsns();
+      getData();
+
+      const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        
+      return function cleanup() {
+        return unsubscribe;
+      };
+    }, []);
+
+    useEffect(() => {
+      const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+      return unsubscribe;
+    }, [showCamera]); 
+
+    function  onBeforeRemove(e){
+      if(showCamera==true){
+          e.preventDefault();
+          setShowCamera(false);
+      }
+      else{
+        return;
+      } 
+    }
+
+
+
+    async function getNonWorkingRsns(){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+
+      // set store type: adhoc or planned
+      let params=props.route.params? props.route.params:{};
+     
+
+
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+      let storeData1=params.storeData || {};
+      setStoreData(storeData1);
+
+      // let q=`SELECT * FROM Non_Working_ReasonDistributor WHERE EntryAllow=1`;
+      let q=`SELECT * FROM Sup_Non_Working_ReasonDistributor`;
+
+      await db.transaction(async function (txn) {  
+
+        await txn.executeSql(q,[],async function (txn2, txnres2) {           
+          if(txnres2.rows.length>0){ 
+            // show from local
+            var storeArr=[];
+            for(var i=0;i<txnres2.rows.length;i++){
+              let sdata=txnres2.rows.item(i);               
+              storeArr.push(sdata); 
+              if(i==(txnres2.rows.length-1)){
+                console.log(storeArr);
+                setNonWorkingRsns(storeArr);
+                setProcessing(false);
+              }
+            }            
+          }
+          else{            
+            setProcessing(false); 
+            notify(ST.Nodatafound);
+          }
+        },function(Etxn,txnerr){console.log(txnerr);});
+      });   
+    }
+
+    async function getData(){
+      let isAny=await checkIfAlreadyUploaded();
+      setIsAnyStoreUploaded(isAny);
+    }
+
+    async function checkIfAlreadyUploaded(){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+  
+            let q=`Select t1.* from Sup_MasterDistributor t1 where t1.UploadStatus!='N' and t1.UploadStatus!='' `
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+                if(txnres2.rows.length>0){ 
+                    // show from local
+                    resolve(true);      
+                }
+                else{            
+                    resolve(false);      
+                }
+            },function(Etxn,txnerr){console.log(txnerr);resolve(false); });
+  
+          }); 
+  
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        return false;
+      });
+    }
+
+    async function _getCurrentLocation() {  
+      
+      const hasPermission=await _checkLocationPermission();
+      if(hasPermission==true)
+      {    
+        setProcessing(true);
+        Geolocation.getCurrentPosition(
+          async (position) => {
+              let loc={lat:position.coords.latitude,lng:position.coords.longitude}; 
+              setLocation(loc);  
+              // let EntryAllow=(selectedReason.EntryAllow=='true' || selectedReason.EntryAllow==true || selectedReason.EntryAllow==1);
+              let ImageAllow=(selectedReason.ImageAllow=='true' || selectedReason.ImageAllow==true || selectedReason.ImageAllow==1);
+              // checkOutAfterLoc(loc);
+              let UploadStatus=ImageAllow?'L':'U';
+              
+              if(ImageAllow){
+                await uploadNonWRsnWithImage(loc,UploadStatus);
+              } 
+              else{
+                await uploadNonWRsn(loc,UploadStatus);
+              }  
+          },
+          (error) => {
+              notify(ST.Cannotgetuserposition);
+              setProcessing(false);
+          },
+          { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+        );
+      }
+      else{        
+        notify(ST.Pleaseallowlocationpermission);
+      }
+    }
+
+    // async function checkOutAfterLoc(loc){
+    //   setLoaderTitle(ST.UploadingData+'...');
+    //   let EntryAllow=(selectedReason.EntryAllow=='true' || selectedReason.EntryAllow==true || selectedReason.EntryAllow==1);
+    //   let createJourneyPlan=(isAdhocScreen==true || isBeatPlan==true || isNonMerchan==true || isNonProg==true);
+    //   // createJourneyPlan? await createJCP(loc,EntryAllow): (EntryAllow?await uploadNonWRsnWithImage(loc,'L'):await uploadNonWRsn(loc,'U',storeData));
+    // }
+
+    async function uploadNonWRsn(loc,UploadStatus='L'){
+      console.log('uploadNonWRsn');
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');      
+      let data={
+        "DistributorId":storeData.StoreId,
+        "VisitDate":d2,
+        "Latitude":(loc.lat || ''),
+        "Longitude":(loc.lng || ''),
+        "ReasonId":reasonId,
+        // "Remark":"",
+        // "Appversion":AppVersion,
+        "UploadStatus":UploadStatus,
+        "UserId":(props.UserId || ''),
+        "CheckInImage":Image1,
+        "CheckoutImage":"",
+      }
+
+      const url=props.baseurl+getMethodName(METHODS.DISTRIBUTOR_COVERAGE);
+      console.log(url,data);
+      await UploadData(url,data)
+      .then(async(res)=>{  
+        console.log('uploadNonWRsn res:',res);
+        if(res>0){
+          let isUpdated=await InsertCoverageData(loc,true,UploadStatus);
+          if(isUpdated==true){
+            let isupdated=await update_Store_UploadStatus(UploadStatus=='L');
+            if(isupdated==true){
+              notify(ST.AllDataUploaded+'!','SHORT');
+              setProcessing(false);
+              goBack();
+            }
+            else{
+              notify('Cannot update distributor status!','SHORT');
+              setProcessing(false);
+            }
+          }
+          else{
+            setProcessing(false);
+            notify(ST.Cannotuploaddata);
+          }
+        }
+        else{
+          setProcessing(false);
+          notify(ST.Cannotuploaddata,'SHORT');
+        }
+      })
+      .catch((err)=>{
+        console.log(err);
+      });
+    }
+
+    async function uploadNonWRsnWithImage(loc,UploadStatus='L'){
+        console.log('uploadNonWRsnWithImage');
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');    
+
+      var data1 = new FormData();         
+      if(Image1Path!='' && Image1Path!=null){
+         
+        data1.append('file', {
+          uri: Image1Path,
+          type: 'image/jpg',
+          name: Image1,
+        });
+
+        data1.append('Foldername','DBCoverageImages');
+        data1.append('Path', d2);
+      }
+
+      let data={
+        "DistributorId":storeData.StoreId,
+        "VisitDate":d2,
+        "Latitude":(loc.lat || ''),
+        "Longitude":(loc.lng || ''),
+        "ReasonId":reasonId,
+        // "Remark":"",
+        // "Appversion":AppVersion,
+        "UploadStatus":UploadStatus,
+        "UserId":(props.UserId || ''),
+        "CheckInImage":Image1,
+        "CheckoutImage":"",
+      }
+
+      const url=props.baseurl+getMethodName(METHODS.DISTRIBUTOR_COVERAGE);
+      const url1=(props.imageUploadUrl || URL_IMAGE)+getMethodName(METHODS.UPLOADIMAGES_METHOD);
+      console.log(url,data);
+
+      await UploadData2(url,data)
+      .then(async(res)=>{         
+        console.log('res:',res);
+        if(parseInt(res)>0){
+          let isUpdated=await InsertCoverageData(loc,true,UploadStatus);
+          if(isUpdated==true){
+            // Upload Image 
+            if((selectedReason.ImageAllow=='true' || selectedReason.ImageAllow==true) && Image1Path!='' && Image1Path!=null){
+              await UploadFormData(url1,data1)
+              .then(async(res1)=>{         
+                console.log('res1:',res1);   
+                // let tbname=isBeatPlan==true?'JourneyPlan_RouteWise':(isAdhocScreen==true?'Adhoc_JourneyPlan':'Mapping_JourneyPlan');
+                let tbname='Sup_MasterDistributor';
+                
+                // let isuploaded=await uploadStoreStatus(props,storeData,'U',tbname);
+                let isuploaded=await uploadDBStatus(props,storeData,'U',tbname,loc)
+                if(isuploaded==true){
+                  notify(ST.DataUploaded+'!');
+                  setProcessing(false);
+                  goBack();
+                }
+                else{
+                  notify(ST.Cannotuploaddata);
+                  setProcessing(false);
+                }
+                
+              })
+              .catch((err)=>{
+                console.log(err);
+              });
+            }
+            else{
+              // let tbname=isBeatPlan==true?'JourneyPlan_RouteWise':(isAdhocScreen==true?'Adhoc_JourneyPlan':'Mapping_JourneyPlan');
+              // let isuploaded=await uploadStoreStatus(props,storeData,'U',tbname);
+              let tbname='Sup_MasterDistributor';
+              let isuploaded=await uploadDBStatus(props,storeData,'U',tbname,loc)
+              if(isuploaded==true){
+                notify(ST.DataUploaded+'!');
+                setProcessing(false);
+                goBack();
+              }
+              else{
+                notify(ST.Cannotuploaddata);
+                setProcessing(false);
+              }
+              
+            }
+          }
+          else{
+            setProcessing(false);
+            notify(ST.Cannotuploaddata);
+          }
+        }
+        else{
+          setProcessing(false);
+          notify(ST.Cannotuploaddata);
+        }
+      })
+      .catch((err)=>{
+        console.log(err);setProcessing(false);notify(ST.Cannotuploaddata);
+      });
+    }
+
+    async function InsertCoverageData(loc,entryAllowed=true,UploadStatus){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let now=moment(d1).format('MM/DD/YYYY HH:mm:ss');
+
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          
+          let {StoreId,MID}=storeData;
+          // let {lat,lng}=location;
+          let {lat,lng}=loc;
+          let q=`delete from ${AppTables.DISTRIBUTOR_CHECKIN} where DISTRIBUTOR_ID='${StoreId}' and VISIT_DATE='${d2}' `; 
+          let JcpType='Sup_MasterDistributor';
+              
+          let values=` ('${StoreId}','${d2}','${lat}','${lng}','${now}','${Image1Path}','${now}','${Image1Path}','','${d2}')`; 
+          let insert_q=` insert into ${AppTables.DISTRIBUTOR_CHECKIN}(DISTRIBUTOR_ID,VISIT_DATE,LATITUDE,LONGITUDE,CHECKIN_TIME,CHECKIN_IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REMARK,ADDED_DATE) values ${values}`;
+          
+
+          console.log("InsertCoverageData-------",insert_q)
+          await txn.executeSql(q,[],async function (txn2, txnres2) {
+            console.log('store coverage deleted');
+            await txn.executeSql(insert_q,[],async function (txn2, txnres3) {
+              console.log('InsertCoverageData done');      
+              
+              // let isupdated=await update_Store_UploadStatus(UploadStatus=='L');
+              let isupdated=await update_Store_UploadStatus(entryAllowed);
+              
+              resolve(isupdated);
+              
+            },function(Etxn,txnerr){console.log(txnerr);resolve(false);});
+          },function(Etxn,txnerr){console.log(txnerr);resolve(false);});
+
+          
+        }); 
+      }).then((val)=>{
+        console.log('on InsertCoverageData complete:',val);
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });
+      
+       
+      
+      
+    }
+
+    const goBack=()=>{
+      props.navigation.goBack();
+    }
+
+
+    async function update_Store_UploadStatus(entryAllowed=true){  
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+          console.log("entryAllowed-----",entryAllowed,entryAllowed==false)
+          // if(entryAllowed==false){   
+            let EntryAllow=(selectedReason.EntryAllow=='true' || selectedReason.EntryAllow==true || selectedReason.EntryAllow==1);         
+            if(!EntryAllow){            
+              // if(!entryAllowed){            
+            // let q=`UPDATE Sup_MasterDistributor SET UploadStatus='U' WHERE DistributorId='${storeData.StoreId}' `;
+            let q=`UPDATE Sup_MasterDistributor SET UploadStatus='U'`;
+            await txn.executeSql(q,[],async function (txn2, txnres1) {           
+              console.log('store status updated')
+              resolve(true);
+            },function(Etxn,txnerr){console.log(txnerr);resolve(false);});
+          }
+          else{
+            let datan={StoreId:storeData.StoreId,UploadStatus:'U',tbname:'Sup_MasterDistributor'} ;            
+            const isUpdated=await UpdateDistributorStatus(props,datan);
+            resolve(isUpdated);
+          }
+        }); 
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      })
+    }
+
+    async function submitNonWorkingRsns(){
+      let isvalid=await validate();
+      if(isvalid){
+        setShowAlert(true);
+      }     
+    }
+
+    function onSaveCancel(){
+      setShowAlert(false);
+    }
+
+    async function saveData(){
+      setShowAlert(false);
+      setLoaderTitle(ST.UploadingData+'...');
+      _getCurrentLocation();   
+    }
+
+    function validate(){
+      if(reasonId=='' || reasonId==null || reason=='' || reason==null){
+        notify(ST.Pleaseselectreasonfornotworking,'SHORT');
+        return false;
+      }
+      if( selectedReason.ImageAllow=='true' && (Image1Path=='' || Image1Path==null)){
+        notify('Plesae click selfie in front of warehouse','SHORT');
+        return false;
+      }
+      return true;
+    }
+
+    async function selectReason(item){
+      if(isAnyStoreUploaded==true && (item.EntryAllow=='false' || item.EntryAllow==false)){
+        notify('You cannot select this reason, you have already uploaded data for a distributor!');
+        return;
+      }
+
+      setSelectedReason(item);
+      setReason(item.Reason);
+      setReasonId(item.ReasonId);
+      setrerenderdata(!rerenderdata);
+      
+      if(item.ImageAllow=='true'){
+        if((Image1Path!='' && Image1Path!=null)){
+          setShowImageSaveOp(false);
+        }
+        else{
+          setShowImageSaveOp(true);
+        }
+        openImageModal();
+      }
+    }
+
+    function openImageModal(){
+      setShowModal(true);    
+    }
+
+    function closeImageModal(){
+      setShowModal(false);
+    }
+
+    function cancelImage(){
+      setImage1('');
+      setImage1Path('');
+      closeImageModal();
+    }
+
+    async function getImage(imgdata){
+        
+      if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+        notify(ST.Cameraunavailable);
+      }
+      else if(typeof imgdata =='object' && imgdata.uri!=null){
+        const img=imgdata;
+          const imgurl=img.uri, imgWidth=img.width, imgHeight=img.ExtendedHeight;
+          let isImgFromGallery=img.fromGallery!=null?img.fromGallery:false;
+          let picture_clickedd=isImgFromGallery==true?img.datetime:new Date();
+          let picture_clicked_time=moment(picture_clickedd).format('DD-MM-YYYY HH:mm:ss')
+          
+          const mark_text1=picture_clicked_time;
+          const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: DB Not Working'+' | Date:'+picture_clicked_time;
+               
+          let picture_clicked_date1=moment(picture_clickedd).format('YYYYMMDD');
+          let picture_clicked_time1=moment(picture_clickedd).format('HHmmss');
+          let filename=storeData.StoreId+'_NonworkImg-'+picture_clicked_date1+'_'+picture_clicked_time1+'.jpg';
+          
+          setImage1(filename);
+          
+          let imagePath=`${RNFS.DocumentDirectoryPath}/${filename}`;
+          RNFS.copyFile(imgurl, imagePath)
+          .then(async(resn) => {
+            // render data with clicked image
+            let uri='file://'+imagePath;
+            setImage1Path(uri);  
+
+            // add metdata then resize image and restored back to the imagePath
+            let restore_data={"destFilePath":imagePath,"imgurl":imgurl,imgWidth,imgHeight,mark_text1,mark_text2}
+            let is_restored=await restore_ImageWithMetaData(restore_data,imgdata);
+            console.log("image restored:",is_restored);
+          })
+          .catch(err => {
+              console.log(ST.Errorimagefilewritefailed+'!!!');
+              console.log(err.message, err.code);
+          });
+          // resize file 
+          // let resize_res=await resizeImage(imgurl,imgWidth,imgHeight)
+            
+          
+          // if(resize_res.success){
+            // file resized now rename file
+               
+          // }
+          // else{
+          //   if(resize_res.error){
+          //     notify("Error in image: ",resize_res.error);
+          //   }else if (resize_res.imagenotfound){
+          //       notify("Cannot find image!");
+          //   }else{
+          //       notify("Something went wrong while capturing image!");
+          //   }
+          // }                  
+      }        
+    }
+
+    async function openCamera(){   
+      setShowCamera(true);
+      // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front'})
+    }
+  
+    function _OpenCaptureImage_Modal(){
+      const isImageCap=(Image1Path=='' || Image1Path==null)?false:true;
+      return (
+        <CustomModal 
+          style={customStyle.nonWCapImgModal}
+          title={ST.NonWorkingReason}
+          message={ST.Pleaseclickselfieinfrontofstore}
+          titleStyle={customStyle.nonWCapImgModal_title}
+          messageStyle={customStyle.nonWCapImgModal_subtitle}
+          showModal={showModal}
+        >
+          {
+            !isImageCap && 
+            <View style={customStyle.nonWCapImgModalCon}>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Camera} onPress={()=>{openCamera()}}>
+                <SvgXml width={100} height={100} xml={CameraImg2}/>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+            </View>
+          }
+          { 
+          isImageCap && 
+          <View style={customStyle.nonWCapImgModalCon}>
+            <View style={customStyle.nonWCapImgModal_ImgWrap}>
+              <Image  style={[customStyle.nonWCapImgModal_Img,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:Image1Path}} />
+            </View>
+            <TouchableOpacity style={customStyle.nonWCapImgModal_CameraSmall} onPress={()=>{openCamera()}}>
+              <MaterialCommunityIcons name='camera-retake' size={30} color={PageTheme.$primary_color}/>
+            </TouchableOpacity>
+            { showImageSaveOp &&
+            <View style={customStyle.nonWCapImgModal_btng}>              
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{cancelImage()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Save_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Save_btnText}>{ST.Save}</Text>
+              </TouchableOpacity>
+            </View>}
+            {!showImageSaveOp &&
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Close}</Text>
+              </TouchableOpacity>
+            }
+            
+          </View>
+
+          }
+        </CustomModal>
+      )
+    }
+
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={'DB Non Working'}/>        
+        {_OpenCaptureImage_Modal()}
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'front'} BottomText={'Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Not Working'} enableGallerForScreen={props.CheckInCameraGallery} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper,customStyle.pageContentWrapper_bgLight]}>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          {props.isDataDownloaded && Object.keys(storeData).length>0 &&
+            <View style={customStyle.storeD_Main}>
+              <View style={[customStyle.storeD_storelMain]}>
+              <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeLbl}>{'Distributor Id:'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                    </View>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{'Distributor Code:'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                    </View>
+                  </View>
+                  <View style={customStyle.storel_code}>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{'Address:'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.Address}</Text>
+                    </View>
+                  </View>                                 
+                </View>                
+              </View> 
+
+              </View>
+              </View>
+
+              <View style={customStyle.nonWorking_con}>
+                <View style={customStyle.nonWorking_form}> 
+                  <Text style={customStyle.nonWform_hd}>{'Reason for not working in warehouse'}</Text>                          
+                  <FlatList 
+                  contentContainerStyle={customStyle.storeD_scroll}
+                  extraData={rerenderdata}
+                  style={customStyle.storeD_scrollCon}
+                  data={nonWorkingRsns}
+                  renderItem={({item,index})=>{
+
+                    const nWselStyle=reasonId==item.ReasonId?customStyle.nWselStyle:{};
+                    const nWselStyleText=reasonId==item.ReasonId?customStyle.nWselStyleText:{};
+                    const CapImageShow=(Image1Path!='' && Image1Path!=null) && reasonId==item.ReasonId?true:false;
+                    let isDisabled=(isAnyStoreUploaded==true && (item.EntryAllow=='false' || item.EntryAllow==false));
+                    return (
+                      <TouchableOpacity key={index} style={[customStyle.nonWlist,nWselStyle,isDisabled==true?{backgroundColor:'#cdcdcd'}:{}]} disabled={isDisabled} onPress={()=>{selectReason(item)}}>
+                        <Text style={[customStyle.nonWlist_Text,nWselStyleText]}>{item.Reason}</Text>
+                        { item.ImageAllow=='true' && 
+                          <TouchableOpacity  style={customStyle.nonWlist_camera} onPress={()=>{selectReason(item)}}>
+                            {!CapImageShow && <SvgXml width={30} height={30}                   xml={CameraImg2} />}
+                            {CapImageShow && <SvgXml width={30} height={30} xml={CameraImg3} />}
+                          </TouchableOpacity>
+                        }
+                      </TouchableOpacity>
+                    );
+                  }}
+                  />
+                </View>                
+              </View>
+              
+              <View style={customStyle.nonW_btnWrap}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{submitNonWorkingRsns();}}/> 
+              </View>    
+
+            </View>   
+            
+          }          
+         </View>      
+       </LinearGradient>       
+        
+      </Container>   
+    ); 
+}
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(DBNonWorkingReasons);
\ No newline at end of file
diff --git a/src/screens/DBVisiCooler.js b/src/screens/DBVisiCooler.js
new file mode 100644
index 0000000..dcbb24d
--- /dev/null
+++ b/src/screens/DBVisiCooler.js
@@ -0,0 +1,737 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2, validateNumber} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+
+function DBVisiCooler(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [AddVisibility, setAddVisibility] = useState([]);
+    const [PreviousVisicooler, setPreviousVisicooler] = useState([]);
+    const [AddVisFormData, setAddVisFormData] = useState({});
+    const [isAddVisPresent, setIsAddVisPresent] = useState(0);
+    const [showAlert, setShowAlert] = useState(false);
+    const [Categories, setCategories] = useState([]);
+    const [SubCategories, setSubCategories] = useState([]);
+    const [Brands, setBrands] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [clickImageType,setClickImageType]= useState('1');
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+
+    const [QREnable, setQREnable] = useState(false);
+    const [QRqtnData, setQRqtnData] = useState({});
+    const [showQRCamera, setShowQRCamera] = useState(false);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]); 
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {        
+            
+          
+            let q3=`Select * from ${AppTables.DB_VISICOOLER} WHERE DISTRIBUTOR_ID='${StoreId}' and VISIT_DATE='${d2}'  `;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        let {QRCODE,ASSETCODE,IMAGE}=data;
+                        let datan={QRCode:QRCODE,AssetCode:ASSETCODE,Image1:IMAGE}
+                        datan.Image1Path=IMAGE!=''?"file://"+common_ImagePath+IMAGE:'';
+                       arr.push(datan)
+                        if(i==txnres2.rows.length-1){
+                            setAddVisibility(arr);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                    setProcessing(false);
+                }
+            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); },);
+
+            let q4=`Select * from Sup_Distributor_PreviousVisicooler WHERE DistributorId='${StoreId}'  `;
+            await txn.executeSql(q4,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        let {VC_QRCode,VC_AssetCode}=data;
+                        let datan={QRCode:VC_QRCode,AssetCode:VC_AssetCode,Image1:""}
+                        datan.Image1Path='';
+                       arr.push(datan)
+                        if(i==txnres2.rows.length-1){
+                            setPreviousVisicooler(arr);
+                        }                                
+                    }
+                }
+                
+            },function (txn2, txnerr) { console.log(txnerr); },);
+           
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+
+    async function getImage(imgdata){
+        let type=clickImageType;
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Add. Visibility'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_AddVisibilityImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                           
+                            let addvisdata=AddVisFormData;
+                            let image_key='Image1';
+                            let image_path_key='Image1Path';
+                            addvisdata[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}/${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                addvisdata[image_path_key]=uri; 
+
+                                setAddVisFormData(addvisdata);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata2(!rerenderdata2);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(type='1'){  
+        console.log('openCamera');
+        setClickImageType(type);
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.DB_VISICOOLER} WHERE DISTRIBUTOR_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('av data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              var values='';
+            //   if(isAddVisPresent==1 && AddVisibility.length>0){
+              for(var i=0;i<AddVisibility.length;i++){
+                let catIndex=i;
+                let item=AddVisibility[catIndex];
+                let {QRCode,AssetCode,Image1,Image1Path}=item;
+                values+=values!=''?' , ':'';
+                values+=` ('${StoreId}','${d2}','${QRCode}','${AssetCode}','${(Image1 || '')}','${d2}') `;
+                
+              }
+              
+            //   }
+            //   else{
+            //     values+=` ('${StoreId}','${d2}','${isAddVisPresent}','','','','','','','','','','','${d2}') `;
+            //   }
+              
+              console.log('values:',values);
+              let add_data=`INSERT INTO ${AppTables.DB_VISICOOLER} (DISTRIBUTOR_ID,VISIT_DATE,QRCODE,ASSETCODE,IMAGE,ADDED_DATE) VALUES ${values} `;
+              
+              await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                console.log('av added');
+                notify(ST.AdditionalVisibilityaddedsuccessfully,'SHORT');
+                setProcessing(false);
+                props.navigation.goBack();
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddadditionalvisibility) },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    
+
+
+    async function validate(){
+        
+        let isValid=true;
+        if(isAddVisPresent==1 && AddVisibility.length<=0){
+            isValid=false;
+            notify(ST.Pleaseaddfirst,'SHORT');
+        }
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    async function validateForm(){
+        let isValid=true;
+        let {AssetCode,QRCode,Image1,Image1Path}=AddVisFormData;
+        if((QRCode=='' || QRCode==null )){
+            isValid=false;
+            notify("Please Scanner code",'SHORT');
+        }else if((AssetCode=='' || AssetCode==null )){
+            isValid=false;
+            notify("Please Enter Asset Code",'SHORT');
+        } 
+        
+        else if((Image1=='' || Image1==null )){
+            // else if(StoreCameraAllow==true && (Image1=='' || Image1==null )){
+            isValid=false;
+            notify(ST.Pleaseclickimage,'SHORT');
+        }
+
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onFormDataChange(val,key,type="text"){
+
+        if(val!=''){
+            let isValid=validateNumber(val,type);
+            console.log("type:",type,isValid);
+            if(!isValid){
+                return;
+            }
+        }    
+        let data=AddVisFormData;
+        data[key]=val;
+        setAddVisFormData(data);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange(option,keyLbl,keyVal){
+        let data=AddVisFormData;
+        data[keyVal]=option.value;
+        data[keyLbl]=option.label;
+        
+        if(keyLbl=='CategoryName'){
+            loadData(option.value,'SubCategories');
+
+            // clear subcategory and brand
+            data['SubCategoryId']='';
+            data['SubCategoryName']='';
+            data['BrandId']='';
+            data['BrandName']='';
+        }
+        else if(keyLbl=='SubCategoryName'){
+            loadData(option.value,'Brands');
+
+            // clear brand
+            data['BrandId']='';
+            data['BrandName']='';
+        }
+
+        setAddVisFormData(data);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+
+        
+    }
+
+    async function loadData(qId,type){
+        try {   
+        await db.transaction(async function (txn) { 
+            let q=''; 
+            if(type=='SubCategories') q=`Select Distinct p.SubCategoryId,p.SubCategoryName from Product_Master p where p.CategoryId='${qId}' and p.IsCompetitor='0' order by p.SubCategorySequence`;
+            else if(type=='Brands') q=`Select Distinct p.BrandName,p.BrandId from Product_Master p Where p.SubCategoryId='${qId}' and p.IsCompetitor='0' order by p.BrandSequence`;
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                // console.log('rowcount:,',type,':',txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            if(type=='SubCategories')setSubCategories(arr);
+                            else if(type=='Brands')setBrands(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+           
+          });          
+        } catch (err) {
+          console.log(err);          
+        }
+    }
+
+  
+   
+    function onChoiceSelect(val,key){
+        if(val==0 && AddVisibility.length>0){
+            setShowRAllC_M(true);
+            return ;
+        }
+        var val1=val==1?1:0;
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        setIsAddVisPresent(val);
+        setHasUnsavedChanges(true);
+        if(val==0){
+            setAddVisibility([]);
+            setAddVisFormData({});
+        }
+    }
+
+    function onConfirmRemoveAll(){
+        // Remove all data 
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: 0,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        setIsAddVisPresent(0);
+        setHasUnsavedChanges(true);
+        setAddVisibility([]);
+        setAddVisFormData({});
+        setShowRAllC_M(false);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    async function onQRScanned(imgdata){
+        // let qtn=QRqtnData.qtn || {};
+        // let window=QRqtnData.window || {};
+        let QR_withValidChars=imgdata!=null && imgdata!=''?imgdata.replace(/["']/g,''):'';
+        let value=QR_withValidChars;//imgdata && imgdata[0] && imgdata[0].displayValue ? imgdata[0].displayValue :""
+        // setTextValue(value,qtn,window)
+        console.log("value------",value)
+        onFormDataChange(value,'QRCode','qrtext')
+    }
+
+    async function Add_AddVis(){
+        let isValid=await validateForm();
+        console.log('isValid add:',isValid);
+        if(isValid){
+            let arr=AddVisibility;
+         
+                arr.push(AddVisFormData);
+                setAddVisibility(arr);
+                setHasUnsavedChanges(true);
+                notify(ST.AdditionalVisibilityaddedsuccessfully,'LONG');
+                setrerenderdata(!rerenderdata);
+                
+                // clear data
+                setAddVisFormData({});
+        } 
+        
+    }
+
+    function showRemoveConfirm(item,index){
+        setToRemoveId(index);
+        setToRemoveItem(item);
+        setshowRemoveConfirm_M(true);
+    }
+
+    function Remove_AddVis(){
+        let index=toRemoveId
+        let item=toRemoveItem;
+        let arr=AddVisibility;
+        console.log('toRemoveId:',index);
+        if(index>=0 && index<arr.length){
+            arr.splice(index,1);
+            setAddVisibility(AddVisibility);
+            setHasUnsavedChanges(true);
+            notify(ST.Visibilityremovedsuccessfully,'LONG')
+            setrerenderdata(!rerenderdata);
+        }
+        else{
+            notify(ST.CannotremoveVisibilitynotfound,'LONG')
+        }
+        setToRemoveId('');
+        setToRemoveItem({});
+        setshowRemoveConfirm_M(false);
+        
+    }
+    
+
+    
+    
+   
+    function _render_addVisFormTop(){
+        let xpos=0;
+        if(animatedChoice!=null ){
+            xpos=animatedChoice.interpolate({
+                inputRange:[0,1],
+                outputRange:[0,-75],
+            });
+        }
+        return (
+            <View style={[customStyle.addvisCon]}>
+                
+                {
+                 (rerenderdata== rerenderdata) && 
+                <ScrollView contentContainerStyle={customStyle.addVisScrollCon} style={customStyle.DBVisScroll}>
+                <View style={customStyle.addVisForm}>
+                    <View style={customStyle.addVisRow}>                        
+                        <View style={[customStyle.addVisCol100]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{"QR Code"}</Text>
+                                <View>
+                                    <TextInput  
+                                        style={customStyle.addVisInputStyle} 
+                                        value={(AddVisFormData.QRCode || '')}
+                                        onChangeText={(val)=>{onFormDataChange(val,'QRCode',"qrtext");}}
+                                        autoComplete='off'
+                                    />
+                                    <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setQREnable(true);setQRqtnData({});setShowQRCamera(true);}}>
+                                        <Ionicons name="camera" color={PageTheme.$accent_color} size={24}/>
+                                    </TouchableOpacity> 
+                                </View>
+                            </View>
+                        </View>
+                        
+                        
+                        <View style={[customStyle.addVisCol100]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{"Asset Code"}</Text>
+                                <TextInput  
+                                style={customStyle.addVisInputStyle} 
+                                value={(AddVisFormData.AssetCode || '')}
+                                onChangeText={(val)=>{onFormDataChange(val,'AssetCode');}}
+                                autoComplete='off'
+                                />
+                            </View>
+                        </View>
+                        <View style={[customStyle.addVisCol100]}>
+                            <View style={customStyle.addVisFormGrp}>
+                                <Text style={customStyle.addVisLabel}>{ST.Image}</Text>
+                                <View style={customStyle.addVisCameras}>
+                                    <View style={customStyle.openStkCameraCon}>
+                                        { (AddVisFormData.Image1Path=='' || AddVisFormData.Image1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera('1')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (AddVisFormData.Image1Path!='' && AddVisFormData.Image1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:AddVisFormData.Image1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera('1')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }       
+                                    </View>
+                                    
+                                </View>
+                            </View>
+                        </View>
+                        <View style={customStyle.addVis_btnWrap}>
+                            <TouchableOpacity style={customStyle.addVis_btn} onPress={()=>{Add_AddVis()}}>
+                                <Text style={customStyle.addVisBtnText}>{ST.Add}</Text>
+                            </TouchableOpacity>
+                        </View>
+                    </View>
+                </View>
+
+                <View style={customStyle.addVis_list}>
+                    <Text style={customStyle.addVis_listhdrText}>{"Added Visicooler List"}</Text>
+                    <View style={customStyle.addVis_listInner}>
+                        {
+                            AddVisibility.length>0 &&
+                            AddVisibility.map((item,index)=>{
+                                console.log(item);
+                                return (
+                                    <View key={index} style={customStyle.addVis_listItem}>
+                                        <View style={customStyle.addVis_listI_row2}>
+                                            <View style={customStyle.addVis_listIcol1}>
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={customStyle.addVis_listI_Label}>{'QR Code :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.QRCode}</Text>
+                                                </View>                                              
+
+                                                <View style={customStyle.addVis_listI_row}>
+                                                    <Text style={[customStyle.addVis_listI_Label,{width:'60%'}]}>{'Asset Code :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.AssetCode}</Text>
+                                                </View>
+                                                
+                                            </View>
+                                            <View style={customStyle.addVis_listIcol2}>
+                                                <Text style={[customStyle.addVis_listI_Label2,customStyle.mb20]}>{ST.Image}</Text>
+                                                {console.log("Image1Path--------",item.Image1Path)}
+                                                {(item.Image1Path!=null && item.Image1Path!='') && <Image style={customStyle.addVis_listI_Image} source={{uri:item.Image1Path}} />}
+                                            </View>
+                                            <TouchableOpacity style={customStyle.addVis_btnRemove} onPress={()=>{showRemoveConfirm(item,index)}}>
+                                               <FontAwesome name='trash' size={20} color={'red'} />
+                                            </TouchableOpacity>
+                                        </View>
+                                        
+                                       
+                                    </View>
+                                );
+                            })
+                        }
+                    </View>
+                </View>
+
+                <View style={customStyle.addVis_list}>
+                    {   PreviousVisicooler.length>0 &&<Text style={customStyle.addVis_listhdrText}>{"Previous Visicooler List"}</Text>}
+                    <View style={customStyle.addVis_listInner}>
+                        {
+                            PreviousVisicooler.length>0 &&
+                            PreviousVisicooler.map((item,index)=>{
+                                console.log(item);
+                                return (
+                                    <View key={index} style={[customStyle.addVis_listItem,{backgroundColor:"#cfd3d3"}]}>
+                                        <View style={customStyle.addVis_listI_row2}>
+                                            <View style={[customStyle.addVis_listIcol1,{width:"100%"}]}>
+                                                <View style={[customStyle.addVis_listI_row,{borderBottomColor:'#adabab'}]}>
+                                                    <Text style={customStyle.addVis_listI_Label}>{'QR Code :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.QRCode}</Text>
+                                                </View>                                              
+
+                                                <View style={[customStyle.addVis_listI_row,{borderBottomColor:'#adabab'}]}>
+                                                    <Text style={[customStyle.addVis_listI_Label,{width:'60%'}]}>{'Asset Code :'}</Text>
+                                                    <Text style={customStyle.addVis_listI_Val}>{item.AssetCode}</Text>
+                                                </View>
+                                                
+                                            </View>
+                                            {
+                                                (item.Image1Path!=null && item.Image1Path!='') && 
+                                                <View style={customStyle.addVis_listIcol2}>
+                                                    <Text style={[customStyle.addVis_listI_Label2,customStyle.mb20]}>{ST.Image}</Text>
+                                                    {(item.Image1Path!=null && item.Image1Path!='') && <Image style={customStyle.addVis_listI_Image} source={{uri:item.Image1Path}} />}
+                                                </View>
+                                            }
+                                            
+                                        </View>
+                                           
+                                    </View>
+                                );
+                            })
+                        }
+                    </View>
+                </View>
+                </ScrollView>
+                }
+            </View>
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {ConfirmSaveAlert(props,showRemoveConfirm_M,()=>{setshowRemoveConfirm_M(false)},Remove_AddVis,ST.Doyoureallywanttoremovethisvisibility)}
+        {ConfirmSaveAlert(props,showRAllC_M,()=>{setShowRAllC_M(false)},onConfirmRemoveAll,ST.Doyoureallywanttoremoveallvisibilitydata)}
+        <CustomCamera cameraType={'back'} QRCodeEnable={QREnable} onImageCaptured={(imgData)=>{setShowQRCamera(false);onQRScanned(imgData)}} showCamera={showQRCamera} onHideCamera={()=>{setShowQRCamera(false);}}/>   
+
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.addVis_Wrapper}>
+                {_render_addVisFormTop()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(DBVisiCooler);
\ No newline at end of file
diff --git a/src/screens/DB_POSM.js b/src/screens/DB_POSM.js
new file mode 100644
index 0000000..247922d
--- /dev/null
+++ b/src/screens/DB_POSM.js
@@ -0,0 +1,723 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2, validateNumber} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath, ImageFolderPath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import MultiSelect from 'react-native-multiple-select';
+
+function DB_POSM(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [dateValue, setDateValue] = useState('');
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [globalWindows, setGlobalWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [refImageIndex, setrefImageIndex] = useState(0);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+    const [searchedItem, setSearchedItem]= useState('');
+    const [KPIFields, setKPIFields] = useState([]);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        
+        return function cleanup() {
+            return unsubscribe;
+        };
+    }, []);
+
+    useEffect(() => {
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        return unsubscribe;
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        return unsubscribe;
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          await db.transaction(async function (txn) {        
+            
+
+
+            // let q5=`Delete from ${AppTables.DBPOSM_HDR_DATA}`;
+            // await txn.executeSql(q5,[],async function (txn2, txnres2) { 
+            //     console.log('hdr data deleted')
+            // },function (txnE,txnerr) { console.log(txnerr); },);
+
+            // check if data exists
+            let selectlist=` w.DISTRIBUTOR_ID as DistributorId,w.POSM_HEADER_ID as posmHeaderId,wd.POSMDefinitionId,wd.PosmId,wd.POSMName,wd.PosmTypeId,wd.POSMTypeName,wd.POSMDefinitionTitle,wd.POSMDefinitionTitleEnable,wd.POSMTable,wd.POSMField,wd.POSMValue,wd.ChildName,wd.POSMRefImage,w.IS_PRESENT as IsPresent,w.POSM_IMAGE as POSMImage,w.STOCK_QTY as StockQty`;
+            let join=` inner join Master_POSMDefinition wd on w.POSM_DEFINITION_ID=wd.POSMDefinitionId `;
+            let q=` Select ${selectlist} from ${AppTables.DBPOSM_HDR_DATA} w  ${join} where w.DISTRIBUTOR_ID='${StoreId}'  `;
+
+            // else pick data from masters
+            let selectlist2=` db.DistributorId,w.POSMDefinitionId,w.PosmId,w.POSMName,w.PosmTypeId,w.POSMTypeName,w.POSMDefinitionTitle,w.POSMDefinitionTitleEnable,w.POSMTable,w.POSMField,w.POSMValue,w.ChildName,w.POSMRefImage,'' as IsPresent,'' as POSMImage,'' as StockQty`;
+            let q2=`select Distinct ${selectlist2} from Sup_MasterDistributor db
+                INNER JOIN Mapping_JourneyPlan jcp on db.DistributorId=jcp.DistributorId
+                INNER JOIN Mapping_StorePOSM MW on MW.StoreId=jcp.StoreId
+                INNER JOIN Master_POSMDefinition w on w.POSMDefinitionId=MW.POSMDefinitionId  
+                
+                UNION
+
+                select Distinct ${selectlist2} from Sup_MasterDistributor db
+                INNER JOIN Adhoc_JourneyPlan jcp on db.DistributorId=jcp.DistributorId
+                INNER JOIN Mapping_StorePOSM MW on MW.StoreId=jcp.StoreId
+                INNER JOIN Master_POSMDefinition w on w.POSMDefinitionId=MW.POSMDefinitionId 
+
+                `+(props.ShowNonMerList==true?`
+                UNION
+
+                select Distinct ${selectlist2} from Sup_MasterDistributor db
+                INNER JOIN NonMerchandising_JourneyPlan jcp on db.DistributorId=jcp.DistributorId
+                INNER JOIN Mapping_StorePOSM MW on MW.StoreId=jcp.StoreId
+                INNER JOIN Master_POSMDefinition w on w.POSMDefinitionId=MW.POSMDefinitionId 
+
+                
+                `:'')
+                +(props.ShowNonProgram==true?`
+                UNION
+
+                select Distinct ${selectlist2} from Sup_MasterDistributor db
+                INNER JOIN NonProgram_JourneyPlan jcp on db.DistributorId=jcp.DistributorId
+                INNER JOIN Mapping_StorePOSM MW on MW.StoreId=jcp.StoreId
+                INNER JOIN Master_POSMDefinition w on w.POSMDefinitionId=MW.POSMDefinitionId 
+
+                
+                `:'')
+                +(props.ShowBeatPlanList==true?`
+                UNION
+
+                select Distinct ${selectlist2} from Sup_MasterDistributor db
+                INNER JOIN JourneyPlan_RouteWise jcp on db.DistributorId=jcp.DistributorId
+                INNER JOIN Mapping_StorePOSM MW on MW.StoreId=jcp.StoreId
+                INNER JOIN Master_POSMDefinition w on w.POSMDefinitionId=MW.POSMDefinitionId   
+
+                
+                `:'')
+                +` Where db.DistributorId='${StoreId}' order by db.DistributorId,w.POSMDefinitionId `
+                ;
+            
+            
+            
+            
+            console.log("dbposm q:",q)
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                console.log("added rows",txnres2.rows.length)
+                if(txnres2.rows.length>0){
+                    let arr=[];let images=[],allWindowsData=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data=txnres2.rows.item(i);
+                      
+                        let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                        data.animatedChoice=animatedChoice;
+                        
+                        
+                        let isPresent=data.IsPresent=='1' || data.IsPresent==1?1:0;
+                        let imgObj={imgIndex:(i+1),url: data.POSMRefImage, props: {}}
+                        images.push(imgObj);
+
+                        let Image1=data.POSMImage!=null?data.POSMImage:'';
+                        let Image1Path=Image1!=''?'file://'+ImageFolderPath+menu1.ScreenName+"/"+Image1:'';
+
+                        let windowDataObj={'PosmId':data.PosmId,'POSMDefinitionId':data.POSMDefinitionId,'Image1':Image1,'Image1Path':Image1Path,'isPresent':isPresent,'StockQty':(data.StockQty || '')};
+                        
+                        arr.push(data);
+                        
+                        allWindowsData.push(windowDataObj);
+                        if(i==txnres2.rows.length-1){
+                            setWindowData(allWindowsData);
+                            setWindows(arr);
+                            setGlobalWindows(arr);
+                            setZoomImageUrl(images);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                    console.log("dbposm q2:",q2)
+                    await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                        console.log("default rows",txnres2.rows.length)
+                        if(txnres2.rows.length>0){
+                            let arr=[],images=[],allWindowsData=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data=txnres2.rows.item(i);
+                                let animatedChoice=new Animated.Value(0);
+                                data.animatedChoice=animatedChoice;
+                               
+                                let imgObj={imgIndex:(i+1),url: data.POSMRefImage, props: {}}
+                                images.push(imgObj);
+
+                                let windowDataObj={'PosmId':data.PosmId,'POSMDefinitionId':data.POSMDefinitionId};
+                                
+                                arr.push(data);
+                                allWindowsData.push(windowDataObj);
+                                if(i==txnres2.rows.length-1){
+                                    setWindowData(allWindowsData);
+                                    setWindows(arr);
+                                    setGlobalWindows(arr);
+                                    setZoomImageUrl(images);
+                                    setProcessing(false);
+                                }                                
+                            }
+                        }
+                        else{
+                            setProcessing(false);
+                        }
+                    },function (txnE,txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txnE,txnerr) { console.log(txnerr);setProcessing(false); },);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+
+
+    async function getImage(imgdata){
+        let window=getImageProps.window || {};
+
+        if(typeof imgdata=='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+            let isImgFromGallery=img.fromGallery!=null?img.fromGallery:false;
+            let picture_clickedd=isImgFromGallery==true?img.datetime:new Date();
+            let picture_clicked_time=moment(picture_clickedd).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Distributor Name:'+storeData.StoreName+' | Distributor Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: DB POSM'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+window.POSMDefinitionId+'_'+window.PosmId+'_'+(props.UserId || '')+'_DBPOSMImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=WindowData;
+                            let defData={'PosmId':window.PosmId,'POSMDefinitionId':window.POSMDefinitionId};
+                            const wind_index=allData.findIndex(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId) ;
+                            let wind=wind_index>=0?allData[wind_index]:defData;
+                           
+                            let image_key='Image1';
+                            let image_key_path='Image1Path';
+                            wind[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=`${ImageFolderPath+currentMenu.ScreenName}/${filename}`;;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                
+                                wind[image_key_path]=uri;
+                                wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                setWindowData(allData);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(window){ 
+        setGetImageProps({'window':window}); 
+        setShowCamera(true);
+    }
+
+   
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              //  remove old data
+              await txn.executeSql(`DELETE FROM ${AppTables.DBPOSM_HDR_DATA} WHERE DISTRIBUTOR_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window hdr data deleted');
+              },function (txnE,txnerr) { console.log(txnerr); },);
+             
+                // add data
+                var values='',childV='';
+                for (const wi in Windows){
+                    const window=Windows[wi];
+
+                    const wind=WindowData.find(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+                    let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    let Image1=wind.Image1!=null?wind.Image1:'';
+                    let Image1Path=wind.Image1Path!=null?wind.Image1Path:'';
+                    
+
+                    let POSM_HEADER_ID='POSM'+wi+(Math.floor(Math.random()*1000)+1);
+                    let {POSMDefinitionId,PosmId,POSMName,PosmTypeId,POSMTypeName,POSMTable,POSMField,POSMValue,ChildName}=window;
+                    let StockQty=wind.StockQty!=null?wind.StockQty:'';
+
+                    values+=values!=''?' , ':'';
+                    values+=` ('${POSM_HEADER_ID}','${StoreId}','${d3}','${POSMDefinitionId}','${PosmId}','${POSMName}','${PosmTypeId}','${POSMTypeName}','${POSMTable}','${POSMField}','${POSMValue}','${ChildName}','${isPresent}','${Image1}','${StockQty}','${d3}') `;
+                }
+                
+                let add_hdr_data=`INSERT INTO ${AppTables.DBPOSM_HDR_DATA}(POSM_HEADER_ID,DISTRIBUTOR_ID,VISIT_DATE,POSM_DEFINITION_ID,POSM_ID,POSM_NAME,POSM_TYPE_ID,POSM_TYPE_NAME,POSM_TABLE,POSM_FIELD,POSM_VALUE,CHILD_NAME,IS_PRESENT,POSM_IMAGE,STOCK_QTY,ADDED_DATE) VALUES ${values} `;
+                await txn.executeSql(add_hdr_data,[],async function (txn2, txnres) { 
+                    console.log('posm header data added');
+                    setProcessing(false);notify(ST.POSMdataupdatedsuccessfully);
+                    props.navigation.goBack();
+                },function (txnE,txnerr) { console.log(txnerr);setProcessing(false);notify(ST.CannotaddPOSMdata); },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function validate(){
+        let isValid=true;
+        return new Promise((resolve,reject)=>{
+            for (const wi in Windows){
+                const window=Windows[wi];
+                const wind=WindowData.find(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let Image1=wind.Image1!=null?wind.Image1:'';
+                let Image1Path=wind.Image1Path!=null?wind.Image1Path:'';
+                let StockQty=wind.StockQty!=null?wind.StockQty:'';
+
+                if(isPresent=='1'){
+                    if(StockQty==''){
+                        notify(`Please enter stock for ${window.POSMName}`,'LONG');
+                        resolve(false);return;
+                    }
+                    else if(Image1==''){
+                        notify(`${ST.Pleaseclickallimagesfor} ${window.POSMName}`,'LONG');
+                        resolve(false);return;
+                    }
+                }
+                else{
+                   
+                }
+
+                if(wi==(Windows.length-1)){
+                    resolve(true);return;
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    }
+
+
+   
+    function onChoiceSelect(item,val,key,animatedChoice){
+        var val1=0;
+        val==1?val1=1:'';
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,val,key)
+    }
+
+    function onWindowDataChange(item,val,key,type=''){
+        if(val!=''){
+            let isValid=validateNumber(val,type);
+            if(!isValid){
+                return;
+            }
+        }
+        let allData=WindowData;
+        let defData={'PosmId':item.PosmId,'POSMDefinitionId':item.POSMDefinitionId};
+        const win_index=allData.findIndex(i=>i.PosmId==item.PosmId && i.POSMDefinitionId==item.POSMDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        if(key=='ReasonId'){
+            let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+            wind['Reason']=rsn.Reason || '';
+        }
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+   
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(windowIndex=0){
+        setrefImageIndex(windowIndex);
+        setShow_zoomImage(true);
+    }
+
+
+    function _renderWindow(){
+        return (
+            <FlatList 
+            data={Windows}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.Win_scroll} 
+            style={customStyle.Win_scrollO}
+            listKey={(item, index) => `posm_${index.toString()}`}
+            renderItem={({item,index})=>{
+                const window=item;
+                
+                let RefImage=window.POSMRefImage;
+
+                const wind=WindowData.find(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                
+                let StockQty=wind.StockQty!=null?wind.StockQty+'':'';
+                let Image1=wind.Image1!=null?wind.Image1:'';
+                let Image1Path=wind.Image1Path!=null?wind.Image1Path:'';
+                
+
+                var xpos=isPresent=='1'?-75:0;
+                if(window.animatedChoice!=null ){
+                    xpos=window.animatedChoice.interpolate({
+                        inputRange:[0,1],
+                        outputRange:[0,-75],
+                    });
+                }
+
+             
+                return(
+                    <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                        <View style={customStyle.WItem_Hdr}>                            
+                            <View style={customStyle.WItem_Hdrbg}>
+                                <Text style={customStyle.WItem_HdrText}>{window.POSMName}</Text>
+                                <TouchableOpacity style={customStyle.WItem_RefImgBtn} onPress={()=>{openImageRefView(index)}}>
+                                    <Entypo name='image-inverted' size={24} color={PageTheme.$accent_color} />    
+                                </TouchableOpacity>
+                            </View>
+                        </View>
+                        
+                        <View style={customStyle.WForm}>
+                            <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                    <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                        <View style={customStyle.openStk_prd_choiceBox}>
+                                            <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                            {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                            <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,1,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                            </TouchableOpacity>
+                                            <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,0,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                            </TouchableOpacity>
+                                        </View>
+                                    </View>
+                                </View>
+                                
+
+                                {(isPresent=='1') && 
+                                <View>
+                                    <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.pb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{'Stock'}</Text>
+                                        <TextInput 
+                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle]}              
+                                            placeholder=""    
+                                            autoComplete='off'        
+                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                            value={StockQty}
+                                            keyboardType='number-pad'
+                                            onChangeText={(val)=>{onWindowDataChange(window,val,'StockQty','numeric')}}
+                                        />
+                                    </View>
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$fourth_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.CaptureImage}</Text>
+                                    </LinearGradient>
+                                    <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]}>
+                                        <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                        { (Image1Path=='' || Image1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window)}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (Image1Path!='' && Image1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:Image1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window)}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }   
+                                        </View>
+                                    </View>
+                                    </View>
+                                </View>
+                                }
+                                                    
+                            </View>
+                        </View>
+                    </View>
+                );
+            }}
+            />
+        )
+    }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text>
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#fff'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        var arr2={};
+        if(searchedQry!=null && searchedQry!=''){
+            for(let i=0;i<globalWindows.length;i++){
+                let item=globalWindows[i];
+                arr2=Object.assign({'test':'1'} , item);
+                if(item.POSMName.toLowerCase().includes(searchedQry)){
+                    arr.push(arr2);
+                }
+            }
+        }
+        else{
+          arr=globalWindows;
+        }
+
+        setWindows(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function getSearchBar(){
+        let isSearchEnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='SearchEnable')
+        let isSearchEnableKPIObj=isSearchEnableIndex>=0?KPIFields[isSearchEnableIndex]:{};
+        let isSearchEnable=isSearchEnableIndex>=0?isSearchEnableKPIObj['KPIFieldEnable']:false;
+        if(isSearchEnable==true){
+            return (
+                <View style={customStyle.storel_searchbar}>
+                  <TextInput 
+                    style={[customStyle.storel_searchInput]}
+                    placeholder={ST.Searchby+' '+currentMenu.MenuName}
+                    autoComplete='off'
+                    placeholderTextColor={PageTheme.$placeholder_color} 
+                    value={searchedItem}
+                    onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                  />
+                  <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                    <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+                  </TouchableOpacity>
+              </View>
+            )
+        }
+        else{
+            return(
+                <View></View>
+            )
+        }
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          {getSearchBar()}
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.Windows_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+       
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} index={refImageIndex}
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(DB_POSM);
\ No newline at end of file
diff --git a/src/screens/DB_StoreDailyMenu.js b/src/screens/DB_StoreDailyMenu.js
new file mode 100644
index 0000000..75514b4
--- /dev/null
+++ b/src/screens/DB_StoreDailyMenu.js
@@ -0,0 +1,362 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import {checkFilledSurveys, getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_GetAvailabityDefaultData, Q_getCategoryforAdditional, Q_getdefaltShareofSelf, Q_getMyDBMenuList, Q_getMyStoresMenuList, Q_getpaidvisibility, Q_getpromotionmappingList, Q_getSamplingData, Q_getSurveys, Q_MenuList} from '../constants/ConstantQueries';
+
+import grey_bg_image from '../assets/performics/circle_grey.svg';
+import { SvgXml } from 'react-native-svg';
+
+function DB_StoreDailyMenu(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [StoreIntro, setStoreIntro] = useState(false);
+    const [StorePhotosDone, setStorePhotosDone] = useState(false);
+    const [StoreSKUPhotosDone, setStoreSKUPhotosDone] = useState(false);
+    const [StoreSKUActPhotosDone, setStoreSKUActPhotosDone] = useState(false);
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [isBeatPlan, setIsBeatPlan] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [dailyMenu, setDailyMenu] = useState([]);
+    const [refreshMenuStatus, setRefreshMenuStatus] = useState(false);
+    const [checkAvailable, setcheckAvailable] = useState(false);
+    const [refreshMenuRender, setRefreshMenuRender] = useState(0);
+    const [isLoaded, setIsLoaded] = useState(false);
+    
+  
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        setStoreData(storeData1);
+       
+        getDailyMenu(storeData1,false);
+        const willFocusSubscription = props.navigation.addListener('focus', () => {
+          console.log('DB_StoreDailyMenu onfocus');
+          getDailyMenu(storeData1,false);
+        });
+
+        return willFocusSubscription;
+    }, []);
+
+    // useEffect(() => { 
+    //   if(refreshMenuStatus==true){
+    //     updateStatus();
+    //   }       
+    // }, [refreshMenuStatus]);
+
+    // useEffect(() => { 
+    //   if(checkAvailable==true){
+    //     checkAvailability();
+    //   }       
+    // }, [checkAvailable]);
+
+    useEffect(() => {
+      console.log('AutoGoToPrev dailmenu onchange',props.AutoGoToPrev);
+      if(props.AutoGoToPrev==true){
+        getDailyMenu(storeData,true);
+      }
+    }, [props.AutoGoToPrev]);
+
+
+    async function getDailyMenu(storeData1,isAutoBack=false){
+      setProcessing(true);
+      console.log('getDailyMenu');
+        try {   
+          let d1=new Date();
+          let d2=moment(d1).format('MM/DD/YYYY');
+          let {StoreId,ChannelId,RegionId,StoreTypeId}=storeData1;
+          let q=await Q_getMyDBMenuList(storeData1,props);
+          console.log('My menu q:',q);
+          await db.transaction(async function (txn) {     
+            await txn.executeSql(q,[],async function (txn2, txnres) { 
+              if(txnres.rows.length>0){     
+                let arr=[];      
+                let allDone=true;          
+                for(var i=0;i<txnres.rows.length;i++){
+                  let data =txnres.rows.item(i);
+                  let {KPIAVBL,DataRowCount}=data;
+                  let isAvlbl=parseInt(KPIAVBL)>0;
+                  let isDone=parseInt(KPIAVBL)>0 && parseInt(DataRowCount)>0;
+                  data['isAvlbl']=isAvlbl;
+                  data['isKPI_Done']=isDone;
+                  arr.push(data);
+
+                  if(isAvlbl && !isDone){
+                    allDone=false;
+                  }
+
+                  if(i==(txnres.rows.length-1)){
+                    setDailyMenu(arr);
+                    setIsLoaded(true);
+                    setProcessing(false);
+                    console.log('isAllKPIDone dailymenu :',allDone,props.AutoGoToPrev,isAutoBack)
+                    if(allDone==true && props.AutoGoToPrev==true && isAutoBack==true){
+                      // props.set_autoback({'AutoGoToPrev':true});
+                      setTimeout(() => {
+                        props.navigation.goBack();
+                      },3000);
+                    }
+                  }
+                }
+              }
+              else{
+                setProcessing(false);
+              }
+            },function (txnE,txnerr) { console.log(txnerr); setProcessing(false);},);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function checkAvailability(storeData1,data){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let q2=getAvailblQuery(data.ScreenName,storeData1);
+          if(data.ScreenName=='ADDITIONALVISI'){
+            console.log('POSM query:',q2);
+          }
+          if(q2!='' && q2!=null){
+            await txn.executeSql(q2,[],async function (txn2, txnres2) {  
+              if(data.ScreenName=='ADDITIONALVISI'){
+                console.log('POSM count:',txnres2.rows.length);
+                for(var n=0;n<txnres2.rows.length;n++){
+                  let dkeh=txnres2.rows.item(n);
+                  console.log(dkeh);
+                }
+              }                   
+              let isAvlbl=getIfAvlbl(data.ScreenName,txnres2,storeData1);
+              
+              resolve(isAvlbl);
+            },function (txnE,txnerr) { console.log(txnerr); resolve(false);},);
+          }
+          else{
+            let isAvlbl=getIfAvlbl(data.ScreenName,{},storeData1);
+            resolve(isAvlbl);
+          }
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });     
+    }
+
+    async function updateStatus(storeData1,data,isAvlbl){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let q2=getQuery(data.ScreenName,storeData1);
+          if(q2!='' && q2!=null && isAvlbl==true){
+              await txn.executeSql(q2,[],async function (txn2, txnres2) {                     
+                let isDone=await getIfKPIDone(data.ScreenName,txnres2,storeData1);
+                resolve(isDone);
+              },function (txnE,txnerr) { console.log(txnerr); resolve(false);},);
+          }
+          else{
+              resolve(false);
+          }
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      }); 
+             
+    }
+   
+
+    
+    async function checkForData(ScreenName,callback=()=>{},extraData={}){
+      try {           
+        await db.transaction(async function (txn) {        
+          let q2=getQuery2(ScreenName,extraData);
+          if(q2!='' && q2!=null){
+            await txn.executeSql(q2,[],async function (txn2, txnres2) {                     
+              callback(txnres2);
+            },function (txnE,txnerr) { console.log(txnerr); },);
+          }
+        });          
+      } catch (err) {
+        console.log(err);          
+      }        
+    }
+
+    async function gotoKPITaskScreen(item){
+      switch(item.ScreenName){
+        case 'DBWINDOWONEAPP':{
+          gotoPage('DB_Window',item);
+        }
+        return;
+        case 'DBPOSMONEAPP':{
+          gotoPage('DB_POSM',item);
+        }
+        return;
+        case 'VISICOOLER':{
+          gotoPage('DBVisiCooler',item);
+        }
+        return;
+
+        default:return;
+      }
+    }
+
+    function gotoPage(screenname='',item){
+      props.set_autoback({'AutoGoToPrev':false});
+      props.navigation.navigate(screenname,{storeData:storeData,menu:item})
+    }
+  
+
+    function _renderLeftMenuItem(index,RowContent){
+      return(
+        <View style={customStyle.dialyMenu_Rows} key={index}> 
+          {RowContent[0]}
+        </View>
+      )
+    }
+
+
+    function _renderRightMenuItem(item,index,RowContent){
+      return(
+        <View style={customStyle.dialyMenu_Rows} key={index}> 
+          {RowContent[0]}
+          {_renderMenuItem(item,index)}
+        </View>
+      )
+
+    }
+
+    function _renderMenuItem(item,index){
+      let newi=index>2?((index%3)):index;
+      let firstitem=(index%2==0)?true:false;            
+      let arr=colors_Arr[newi]?colors_Arr[newi].bg:colors_Arr["0"].bg;
+      let unavlbl_bg=['#bfbfbf','#bfbfbf'];
+      let arr_new=item.isAvlbl==false?unavlbl_bg:arr;
+      let iconColor=colors_Arr[newi]?colors_Arr[newi].color:colors_Arr["0"].color;
+      const imgPath=item.MenuPath+(item.isAvlbl==false?item.GreyIcon:item.NormalIcon);
+      
+      let m_bgimage=colors_Arr[newi]?colors_Arr[newi].bgImage:colors_Arr["0"].bgImage;
+      m_bgimage=item.isAvlbl==false?grey_bg_image:m_bgimage;
+      
+      return(
+        <TouchableOpacity activeOpacity={(item.isAvlbl==false?1:0.7)}  style={[customStyle.daily_menu_outer,firstitem?customStyle.daily_menu_first:{}]} key={index} onPress={() => {if(item.isAvlbl!=false){gotoKPITaskScreen(item)}}}> 
+          <View style={customStyle.daily_menu_tilebgShadow}>
+          <LinearGradient colors={arr_new} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.daily_menu}>
+          </LinearGradient>  
+          <View style={[customStyle.daily_menu_innerImgCon]}> 
+              <SvgXml xml={m_bgimage} width={90} height={90} style={customStyle.daily_menu_bgImg}/>
+          </View>
+          <View style={[customStyle.daily_menu_inner2]}> 
+            {(imgPath!=null && imgPath!='') && <Image source={{uri:imgPath}} style={customStyle.daily_menu_Icon}/>}
+          </View>
+          
+          <Text style={customStyle.daily_menu_title}>{item.MenuName}</Text>
+          {item.isKPI_Done==true &&
+            <View style={customStyle.daily_menu_done}><AntDesign color={'green'} size={30} name='checkcircle'/></View>
+          }  
+          </View>     
+        </TouchableOpacity>
+      )
+    }
+
+
+    function _renderDailyMenu(){
+      var RowContent=[];
+      return(
+        <View style={customStyle.dailymenu_listcon}>
+        <View style={customStyle.dailymenu_list}>
+          {refreshMenuRender==refreshMenuRender && dailyMenu.length>0 &&
+            dailyMenu.map((item,index)=>{ 
+              let firstitem=(index%2==0)?true:false;
+              
+              if(firstitem){
+                var content=_renderMenuItem(item,index);
+                RowContent=[content];
+                if(index==dailyMenu.length-1){
+                  return _renderLeftMenuItem(index,RowContent);
+                }
+              }
+              else{
+                return _renderRightMenuItem(item,index,RowContent);
+              }
+              
+            })
+          }
+          
+        </View>
+        </View>
+      );
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}> 
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={'Distributor Menu'}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&
+            <ScrollView contentContainerStyle={[customStyle.geotag_scroll]} style={{}}>            
+            
+              <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                    <View style={customStyle.storel_card_subtitle}>
+                      <Text style={customStyle.storel_card_subtitleTxt}>{storeData.StoreType}</Text>
+                    </View>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeLbl}>{'Distributor Id:'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                    </View>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{'Distributor Code:'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                    </View>
+                  </View>
+                </View>                
+              </View> 
+
+              </View>
+              {isLoaded==true && _renderDailyMenu()}  
+            </ScrollView>
+          }
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(DB_StoreDailyMenu);
\ No newline at end of file
diff --git a/src/screens/DashboardDrilldown.js b/src/screens/DashboardDrilldown.js
new file mode 100644
index 0000000..776ec36
--- /dev/null
+++ b/src/screens/DashboardDrilldown.js
@@ -0,0 +1,361 @@
+
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, StyleSheet, Modal} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData, getDownloadJson1, get_rowColSettings} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import cross_icon from '../assets/icons/crossmodal.svg';
+import { SvgXml } from 'react-native-svg';
+
+function DashboardDrilldown(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+   
+    const [processing, setProcessing] = useState(true);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [AllReports, setAllReports] = useState([]);
+    const [aggrData, setAggrData] = useState({});
+    const [cols, setcols] = useState([]);
+    const [colWidth, setColWidth] = useState('100%');
+    const [currentReportMenu, setCurrentReportMenu] = useState({});
+    const [KPIId, setKPIId] = useState("");
+    const [tabname, setTabName] = useState("");
+
+    const [modaldata, setModalData] = useState({colname: '', colValue:'', 'row':{}});
+
+    // modal 
+    const [modalVisible, setModalVisible] = useState(false);
+
+    const toggleModal = (colname, colValue, row) => {
+      setModalVisible(!modalVisible);
+      setModalData({colname:colname , colValue: colValue, row:row})
+    };
+
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+      let params=props.route.params? props.route.params:{};
+      let ReportMenu=params.ReportData || {};
+      let AdKPIId=params.AdKPIId || "";
+      let tabName = params?.tabName || "";
+      let data = params?.data || [];
+
+
+    //   console.log("ReportMenu",ReportMenu ,"AdKPIId",AdKPIId ,"tabName" , tabName , "data------ ", data[0])
+      setTabName(tabName);
+      setCurrentReportMenu(ReportMenu);
+      setKPIId(AdKPIId);
+      getData(AdKPIId ,data);
+
+    }, []);
+
+    async function getData(AdKPIId ,data){  
+        setProcessing(true);
+
+        try {
+          let {DashboardId,DashboardName,ParentId}=data[0] ;
+          db.transaction(async function (txn) { 
+            // get data for report 
+            let q=`Select * from Sup_MenuAppDashboard where ParentId='${DashboardId}' `;
+            console.log("Detailed reports q:",q);
+            txn.executeSql(q,[],async function (txn2, txnres2) { 
+                console.log("Detailed reports count:",txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                  let arr=[];
+                  for(var i=0;i<txnres2.rows.length;i++){
+                    let data =txnres2.rows.item(i);
+                    arr.push(data);
+                    if(i==txnres2.rows.length-1){
+                      getFTMBrandwiseData(AdKPIId , arr)
+                    }                                
+                  } 
+                }else{
+                  setisDataFound(false);
+                  setProcessing(false);
+                }
+            },function (txnE,txnerr) { console.log(txnerr);  setProcessing(false);},);
+  
+          });   
+          
+  
+        } catch (err) {
+          setProcessing(false);
+          console.log(err);          
+        }        
+      }
+
+    // get data of drilldown
+    async function getFTMBrandwiseData(AdKPIId, data) {
+      
+        try {
+          let allData = await DownloadReport(AdKPIId,data);
+      
+          if (allData.length > 0) {
+           
+            let allCols = [];
+            let columnWidth = '50%'; 
+            let keylen = Object.keys(allData[0] || {}).length;  
+            for (let row of allData) {
+              let i = 0;
+              for (let key in row) {
+                if (i < keylen) {
+                  let obj = { 'actual_colname': key }; 
+      
+                
+                  let colname = key.replace(/[$$]/g, ' ').replace(/Percent/g, '%');
+                  obj['colname'] = colname;
+      
+                  
+                  let dontShowCol = (
+                    colname === 'Srno' || 
+                    colname === 'AdKPIId' || 
+                    colname === 'Color' || 
+                    colname === 'DisplayOrder' || 
+                    colname === 'KPIDrilldown'
+                  );
+      
+                  // Add unique columns to display
+                  if (!dontShowCol && !allCols.some(col => col.actual_colname === key)) {
+                    allCols.push(obj);
+                  }
+                }
+                i++;
+              }
+            }
+      
+  
+            if (allCols.length > 0) {
+              let colLen = allCols.length;
+              columnWidth = (94 / colLen) + '%';  
+            }
+      
+           
+            let defData = {
+              "success": true,
+              "data": {
+                "report_data": allData,         
+                "report_colWidth": columnWidth, 
+                "report_cols": allCols        
+              }
+            };
+      
+          
+            setAllReports(defData?.data);
+            setProcessing(false);
+            setisDataFound(true);
+          } else {
+            notify(ST.Nodatafound);
+            setAllReports([]);
+            setProcessing(false);
+            setisDataFound(false);
+          }
+        } catch (err) {
+          console.error('Error fetching data:', err);
+          setAllReports([]);
+          setProcessing(false);
+          setisDataFound(false);
+      }}
+      
+    
+      async function DownloadReport(AdKPIId, data1){
+
+        let downloadKey = data1[0]?.DownloadKey;
+
+          let loginInfo = await get_item('loginInfo');
+          const loginDetails = JSON.parse(loginInfo);
+          const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+          let data={
+            Downloadtype:downloadKey,
+            Username: loginDetails.UserId,
+            Param1: AdKPIId,
+            Param2: '',
+          };
+    
+          console.log(url,data);
+          return await getDownloadJson1(url,data)
+          .then(async(res)=>{  
+            if (res[downloadKey]) {
+              let data_arr = res[downloadKey] || []; 
+              return data_arr;
+            }
+            else{
+              return [];
+            }        
+          })
+          .catch((err)=>{
+            console.log('onPage Team error',err);
+            return [];
+          }); 
+      }
+
+
+    //end 
+
+    
+    function _renderTabularReport(){
+
+     let filtered_data=AllReports?.report_data?.length>0?AllReports?.report_data.filter(i=>i.AdKPIId==KPIId):[];
+  
+      return (
+        <View style={customStyle.DashBTbl_ReportWrap} >
+        <ScrollView horizontal={true} style={{width:'100%'}} contentContainerStyle={{}}>
+          {/* render columns */}
+          <View>
+            {/* render header */}
+            <View style={[customStyle.DashBTbl_ReportHdr]}>
+            {AllReports?.report_cols?.map((column,index)=>{
+              return(
+                <View style={[customStyle.DashBTbl_ReportHdrCol,customStyle.DashBTbl_ReportColW]}>
+                  <Text  style={customStyle.DashBTbl_ReportHdrColTxt}>{column.colname}</Text>
+                </View>
+              )
+            })}
+            </View>
+            {/* render content */}
+            <View style={[customStyle.DashBTblBodyNB1]}>
+             <View style={[customStyle.DashBTblBodyNB2]}>
+              {filtered_data.map((row,row_index)=>{
+                
+                return(
+                  <View style={[customStyle.DashBTbl_Item,(row_index==filtered_data.length-1?{}:customStyle.DashBTbl_ItemB)]}>
+                    {AllReports?.report_cols.map((column,index)=>{
+                      let colValue=row[column.actual_colname]!=null?row[column.actual_colname]:'';
+                      
+                      let color_obj=get_rowColSettings(colValue,column.actual_colname,row);
+                    
+                      let cust_style={},bg_style={};
+                      if(color_obj.color!=null && color_obj.color!=''){
+                        bg_style["backgroundColor"]=color_obj.color;
+                        cust_style["color"]='#fff'
+                      }
+                      if(color_obj.fontsize!=null && color_obj.fontsize!=''){
+                        cust_style["fontSize"]=color_obj.fontsize
+                      }
+                      if(color_obj.bold==1){
+                        cust_style["fontWeight"]="600"
+                      }
+                      return(
+                        <TouchableOpacity style={[customStyle.DashBTbl_ItemCol,customStyle.DashBTbl_ReportColW,bg_style]} onLongPress={()=> toggleModal(column.colname,colValue, row)}>
+                          <Text  style={[customStyle.DashBTbl_ItemColText,cust_style]}>{colValue}</Text>
+                        </TouchableOpacity>
+                      )
+                    })}
+                  </View>
+                )
+              })}
+             </View>
+            </View>
+          </View>
+          
+        </ScrollView>
+        </View>
+      )
+    }
+  
+    function _renderDashboardReports(){
+        return (
+              <View style={customStyle.DashB_ReportContent}> 
+                {
+                  _renderTabularReport()
+                }
+              </View>
+          )
+    }
+
+    const excludeKeys = ['AdKPIId'];
+
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        <CustomHeader {...props} title={'Dashboard Report'}/>
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper]}>
+          <View style={[customStyle.ImageTypesLHd,customStyle.ml10,customStyle.mr10]}>
+            <Text  style={customStyle.ImageTypesLHdText}>{currentReportMenu.KPI+' Detail'}</Text>
+          </View>
+         
+          <View>
+            { isDataFound==false && 
+              <View style={customStyle.noDataCon}>
+                <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+              </View>
+            }
+
+            {isDataFound==true &&
+              <ScrollView
+                contentContainerStyle={customStyle.rp_scrollViewInner}
+                style={customStyle.rp_scrollView}
+              >
+                {_renderDashboardReports()}
+                <Modal
+                animationType="fade"
+                transparent={true}
+                visible={modalVisible}
+                onRequestClose={() => {
+                  Alert.alert('Modal has been closed.');
+                  setModalVisible(!modalVisible);
+                }}>
+                <View style={customStyle.modalContainer}>
+                  <View style={customStyle.centeredView}>
+                    <View style={customStyle.modalView}>
+
+                    <TouchableOpacity style={[customStyle.modalrow, {justifyContent:'space-between'}]} onPress={()=> setModalVisible(false)}>
+                      <View><Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000', fontWeight:'700', fontSize:16}]}>{currentReportMenu.KPI+' Detail'}</Text></View>
+                      <View style={{marginLeft:10}}><SvgXml width={35} height={35} xml={cross_icon}/></View>
+                    </TouchableOpacity>
+
+                    <View style={customStyle.modalInView}>
+                      {Object.entries(modaldata?.row)
+                        .filter(([key]) => !excludeKeys.includes(key))
+                        .map(([key, value]) => (
+                          <View style={customStyle.modalrow}>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000', fontWeight:'700'}]}>{key}: </Text>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000'}]}>{value.toString()}</Text>
+                          </View>
+                        ))}
+                    </View>
+
+                    </View>
+                  </View>
+                </View>
+                </Modal>
+              </ScrollView>
+            }
+              
+          </View>
+         
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(DashboardDrilldown);
+
+const styles = StyleSheet.create({
+})
\ No newline at end of file
diff --git a/src/screens/DashboardReportDetail.js b/src/screens/DashboardReportDetail.js
new file mode 100644
index 0000000..3c71a22
--- /dev/null
+++ b/src/screens/DashboardReportDetail.js
@@ -0,0 +1,556 @@
+
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme , WP, HP} from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList,StyleSheet, Dimensions, Modal, Pressable} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData, getDownloadJson1, get_rowColSettings} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons, Feather} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { ProgressChart } from 'react-native-chart-kit';
+import cross_icon from '../assets/icons/crossmodal.svg';
+import { SvgXml } from 'react-native-svg';
+
+function DashboardReportDetail(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const globalStyle=globalStyles(props.DarkMode,route.name);
+
+   
+    const [processing, setProcessing] = useState(true);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [AllReports, setAllReports] = useState([]);
+    const [aggrData, setAggrData] = useState({});
+    const [cols, setcols] = useState([]);
+    const [colWidth, setColWidth] = useState('100%');
+    const [currentReportMenu, setCurrentReportMenu] = useState({});
+    const [KPIId, setKPIId] = useState("");
+    const [modaldata, setModalData] = useState({colname: '', colValue:'', 'row':{}, item :{}});
+
+    // modal 
+    const [modalVisible, setModalVisible] = useState(false);
+    const toggleModal = (colname, colValue, row , item) => {
+      setModalVisible(!modalVisible);
+      setModalData({colname:colname , colValue: colValue, row:row, item : item})
+    };
+
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+      let params=props.route.params? props.route.params:{};
+      let ReportMenu=params.ReportData || {};
+      let AdKPIId=params.AdKPIId || "";
+
+      setCurrentReportMenu(ReportMenu);
+      setKPIId(AdKPIId);
+      getData();
+    }, []);
+    
+
+    async function getData(){        
+      try {
+       
+        db.transaction(async function (txn) { 
+          // get data for report 
+          let q=`Select * from Sup_MenuAppDashboard where DashboardSection ='DetailScreen' order by DisplayOrder`;
+          console.log("Dashboard Detailed reports q:",q);
+          txn.executeSql(q,[],async function (txn2, txnres2) { 
+              console.log("Detailed reports count:",txnres2.rows.length);
+              if(txnres2.rows.length>0){
+                let arr=[];
+                for(var i=0;i<txnres2.rows.length;i++){
+                  let data =txnres2.rows.item(i);
+                  arr.push(data);
+                  if(i==txnres2.rows.length-1){
+                    setisDataFound(true);
+                    setAllReports(arr);
+                    setProcessing(false);
+                  }                                
+                } 
+              }else{
+                setisDataFound(false);
+                setAllReports([]);
+                setProcessing(false);
+              }
+          },function (txnE,txnerr) { console.log(txnerr); setAllReports([]); setProcessing(false);},);
+
+        });   
+        
+
+      } catch (err) {
+        setProcessing(false);
+        console.log(err);          
+      }        
+    }
+
+    const [activeTab, setActiveTab] = useState(0);
+
+    const mainScreenTabs = AllReports?.filter(item => item?.DashboardSection == "DetailScreen")?.map(item => item?.TabName)?.filter(tabName => tabName); 
+
+
+    const uniqueTabs = [...new Set(mainScreenTabs)];
+ 
+       const tabs = uniqueTabs.map((tabName) => ({
+         title: tabName, 
+        //  content: '' , 
+       }));
+ 
+    
+    const filteredData = AllReports?.filter((item) => item?.TabName?.includes(tabs[activeTab]?.title));
+
+    function _renderTabularReport(item, index ,filteredData){
+    let report_key=item.DownloadKey;
+    let reportContentObj=props.AppDashboardReports!=null && typeof props.AppDashboardReports=='object' && props.AppDashboardReports[report_key]!=null && props.AppDashboardReports[report_key]!=''?props.AppDashboardReports[report_key]:{};
+    
+    let tabName = item?.TabName || '' ;
+    // {"report_data":data_arr,"report_colWidth":columnWidth,"report_cols":allCols}
+    let report_data=reportContentObj['report_data']!=null?reportContentObj['report_data']:[];
+    let report_colWidth=reportContentObj['report_colWidth']!=null?reportContentObj['report_colWidth']:'50%';
+    let report_cols=reportContentObj['report_cols']!=null?reportContentObj['report_cols']:[];
+    // console.log("report_cols:",report_cols);
+   
+    return (
+      <View style={customStyle.DashBTbl_ReportWrap} >
+      {/* render No data */}
+      {report_data.length<=0 && <View style={customStyle.DashBTbl_NoDataCon}><Text style={customStyle.DashBTbl_NoDataText}>No Data</Text></View>}
+      {report_data.length>0 && <ScrollView horizontal={true} style={{width:'100%'}} contentContainerStyle={{}}>
+        {/* render columns */}
+        <View>
+          {/* render header */}
+          <View style={customStyle.DashBTbl_ReportHdr}>
+          {report_cols.map((column,index)=>{
+            return(
+              <View style={[customStyle.DashBTbl_ReportHdrCol,customStyle.DashBTbl_ReportColW]}>
+                <Text  style={customStyle.DashBTbl_ReportHdrColTxt}>{column.colname}</Text>
+              </View>
+            )
+          })}
+          </View>
+          {/* render content */}
+          <View style={[customStyle.DashBTblBodyNB1]}>
+            <View style={[customStyle.DashBTblBodyNB2]}>
+              {report_data.map((row,row_index)=>{
+                return(
+                  <TouchableOpacity disabled={row.KPIDrilldown?false:true} style={[customStyle.DashBTbl_Item,{backgroundColor:'', paddingVertical:0},(row_index==report_data.length-1?{}:customStyle.DashBTbl_ItemB)]} 
+                  onPress={()=>{props.navigation.navigate("DashboardDrilldown",{"ReportData":row,"AdKPIId":row["AdKPIId"] , "tabName" : tabName , "data" : filteredData})}}
+                  >
+                    {report_cols.map((column,index)=>{
+                      let colValue=row[column.actual_colname]!=null?row[column.actual_colname]:'';
+                    
+                      let color_obj=get_rowColSettings(colValue,column.actual_colname,row);
+                      
+                      let cust_style={},bg_style={};
+                      if(color_obj.color!=null && color_obj.color!=''){
+                        bg_style["backgroundColor"]=color_obj.color;
+                        cust_style["color"]='#fff'
+                      }
+                      if(color_obj.fontsize!=null && color_obj.fontsize!=''){
+                        cust_style["fontSize"]=color_obj.fontsize
+                      }
+                      if(color_obj.bold==1){
+                        cust_style["fontWeight"]="600"
+                      }
+
+                      return(
+                        <TouchableOpacity  
+                          // disabled={row.KPIDrilldown?false:true}
+                          style={[customStyle.DashBTbl_ItemCol,customStyle.DashBTbl_ReportColW,bg_style]} 
+                          onLongPress={()=> toggleModal(column.colname,colValue, row , item)}
+                          onPress={()=>{props.navigation.navigate("DashboardDrilldown",{"ReportData":row,"AdKPIId":row["AdKPIId"] , "tabName" : tabName , "data" : filteredData})}}
+                        >
+                          <Text  style={[customStyle.DashBTbl_ItemColText,cust_style]}>{colValue}</Text>
+                        </TouchableOpacity>
+                      )
+                    })}
+                  </TouchableOpacity>
+                )
+              })}
+            </View>
+          </View>
+        </View>
+        
+      </ScrollView>}
+      </View>
+    )
+  }
+  
+
+  function _renderCardReport(item,index, filteredData){
+
+    let tabName = item?.TabName || '' ;
+
+    let report_key=item.DownloadKey;
+    let reportContentObj=props.AppDashboardReports!=null && typeof props.AppDashboardReports=='object' && props.AppDashboardReports[report_key]!=null && props.AppDashboardReports[report_key]!=''?props.AppDashboardReports[report_key]:{};
+    // {"report_data":data_arr,"report_colWidth":columnWidth,"report_cols":allCols}
+    let report_data=reportContentObj['report_data']!=null?reportContentObj['report_data']:[];
+    let report_colWidth=reportContentObj['report_colWidth']!=null?reportContentObj['report_colWidth']:'50%';
+    let report_cols=reportContentObj['report_cols']!=null?reportContentObj['report_cols']:[];
+    let ShowGraph = item?.ShowGraph ;
+    let isLastItem = report_data.length % 2 !== 0 && index == report_data.length - 1;
+    console.log(isLastItem,"isLastItem", report_data)
+
+    const renderItemcardNew = (item, index, tabName, ShowGraph, isLastItem, isOdd) => {
+      let gset_obj = item["Color"] != null && item["Color"] !== '' ? item["Color"] : {};
+
+      const chartConfig = {
+        backgroundGradientFrom: "#fff",
+        backgroundGradientTo: "#fff",
+        color: (opacity = 1, dataIndex) => {
+          // If there's a color available for the current dataIndex, use it, else set it transparent
+          const color = gset_obj; // Get the color based on index
+          return color ? `${color}${Math?.floor(opacity * 255)?.toString(16)?.padStart(2, '0')}` : `rgba(255, 255, 255, 0)`; 
+        },
+        strokeWidth: 2,
+        barPercentage: 0.5,
+        useShadowColorFromDataset: false ,
+      };
+
+        let label=[];
+        let labelVal=[];
+        let barColor=[];
+
+        label.push(item?.KPI); 
+        let percentage = item?.PER?.replace('%', '');
+
+        if(percentage > 100) {
+          labelVal.push(parseFloat(100) / 100);
+        } else {
+        labelVal.push(parseFloat(item?.PER) / 100);  
+        }
+
+        barColor.push(() => item?.Color);  
+
+        let showgraph = ShowGraph ? ShowGraph : false;
+        // let itemStyle = isOdd && isLastItem ? { flex: 0.98, marginLeft: 'auto', marginRight: 'auto', width: '95%' } : { flex: 0};
+        
+      return(
+        <TouchableOpacity
+          disabled={item.KPIDrilldown ? false : true}
+          style={[
+            customStyle.DashBCard_ItemNB1,
+            { width: WP(isOdd && isLastItem ? '92%' : '45%'),margin: 5,paddingVertical:0,paddingHorizontal:0 }
+          ]}
+          onPress={() => {
+            props.navigation.navigate("DashboardDrilldown", {
+              "ReportData": item,
+              "AdKPIId": item["AdKPIId"],
+              "tabName" : tabName,
+              "data" : filteredData
+            });
+          }}
+        >
+
+        <View style={[ customStyle.DashBCard_ItemNB2,{ width: WP(isOdd && isLastItem ? '92%' : '45%'),margin: 0,paddingVertical:0 }]}>
+          <View style={[customStyle.DashBCard_ItemContent, {paddingVertical:10}]}>
+
+          <View style={{flexDirection:'row',alignItems:'center', justifyContent:'space-between'}}>
+            {item?.KPI != null && item?.KPI != undefined  && <Text style={{color :'#000', fontSize:13,fontWeight:'700'}}>{item?.KPI}</Text>}
+
+            {item.KPIDrilldown && <View style={[globalStyle.drawerItemIcon, {width :15}]}><Feather name="chevron-right" size={20} color={'#787878'}/></View>}
+          </View>
+
+          {item?.TGT != null && item?.TGT != undefined &&
+            <View style={{flexDirection:'row', alignItems:'center', marginTop:10}}>
+              <Text style={{color :'#000', fontSize:13,fontWeight:'400'}}>Target: </Text>
+              <Text style={{color :'#000', fontSize:16,fontWeight:'500'}}>{item?.TGT}</Text>
+            </View>
+            }
+
+            {item?.ACT != null && item?.ACT != undefined && (
+              !showgraph ? (
+                <View style={{flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 15, marginBottom: 10}}>
+                  <View>
+                    <Text style={{color: '#000', fontSize: 24, fontWeight: '700'}}>{item?.ACT}</Text>
+                    <Text style={{color: '#000', fontSize: 13, fontWeight: '400'}}>Achievement</Text>
+                  </View>
+                  <View style={{alignSelf: 'center', marginTop: 10, borderColor: `${gset_obj}`, borderWidth: 1, borderRadius: 5, padding: 8}}>
+                    <Text style={{color: `${gset_obj}`, fontSize: 18, fontWeight: '500'}}>{item?.PER}</Text>
+                  </View>
+                </View>
+              ) : (
+                  <View style={{flexDirection: 'row',justifyContent: 'space-between',alignItems: 'center', marginTop: 10 }}>
+                    <View>
+                      <Text style={{color: '#000', fontSize: 24, fontWeight: '700'}}>{item?.ACT}</Text>
+                      <Text style={{color: '#000', fontSize: 13, fontWeight: '400'}}>Achievement</Text>
+                    </View>
+                    <View style={styles.chartContainer}>
+                      <ProgressChart
+                        absolute
+                        data={labelVal}
+                        width={WP('21.5%')}
+                        height={HP('10%')}
+                        strokeWidth={5}
+                        radius={30}
+                        chartConfig={chartConfig}
+                        hideLegend={true}
+                        style={{
+                          marginVertical: 1,
+                          borderRadius: 16,
+                          backgroundColor:"transparent"
+                        }}
+                      />
+                      <View style={styles.percentageContainer}>
+                        <Text style={{color: `${gset_obj}`, fontSize: 18, fontWeight: '500'}}>{item?.PER}</Text>
+                      </View>
+                    </View>
+                </View>
+              )
+            )}
+
+          </View>
+        </View>
+        </TouchableOpacity>
+      )
+    }
+
+   
+    return (
+      <View style={customStyle.DashBTbl_ReportWrap} >
+      {/* render No data */}
+      {report_data.length<=0 && <View style={customStyle.DashBTbl_NoDataCon}><Text style={customStyle.DashBTbl_NoDataText}>No Data</Text></View>}
+      {report_data.length>0 && 
+        <View>
+          {/* render content */}
+          <View style={[customStyle.DashBCard_Wrap,]}>
+             <FlatList
+              data={report_data}
+              renderItem={({ item, index }) => renderItemcardNew(item, index, tabName , ShowGraph,index === report_data.length - 1,report_data.length % 2 !== 0 )}
+              ItemSeparatorComponent={
+              <View style={{marginVertical:0, marginHorizontal:0}}/>}
+              keyExtractor={(item, index) => index.toString()}
+              numColumns={2} 
+              columnWrapperStyle={{ 
+                justifyContent: 'space-between' 
+              }} 
+              contentContainerStyle={{ marginHorizontal: 0 }}
+            />
+          </View>
+        </View>
+      }
+      </View>
+    )
+  }
+
+    const renderItem = ( item, index , filteredData) => {
+
+      return (
+        <View style={[customStyle.DashB_DetailReport]} key={index}>
+          <View style={customStyle.DashB_ReportConHdr}> 
+            <Text style={[customStyle.DashB_ReportConHdrTxt, {marginBottom:10, marginLeft:10}]}>{item.DashboardName}</Text>
+            
+            {/* Render attendance data separately */}
+            {/* isAttendance == true && _renderAttendanceReport(item) */}
+
+            {/* Render custom view for Attendance reports */}
+            {item.DashboardType === 'Card' && _renderCardReport(item,index,filteredData)}
+            
+            {item.DashboardType === 'Tabular' && _renderTabularReport(item,index,filteredData)}
+
+            {/* Uncomment if needed */}
+            {/* {item.DrillDown && 
+            <TouchableOpacity style={customStyle.DashB_ReportConHdrIcon} onPress={() => { }}>
+              <MaterialCommunityIcons name="arrow-right-thick" size={20} color={PageTheme.$accent_color} />
+            </TouchableOpacity>} */}
+          </View>
+        </View>
+      );
+    };
+
+    const excludeKeys = ['AdKPIId', 'Color', 'KPIDrilldown', 'DisplayOrder'];
+
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        <CustomHeader {...props} title={'Dashboard Detail'}/>
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper,{paddingTop:0}]}>
+          {!isDataFound && <NoDataComponent {...props} />}
+          <View style={[customStyle.storelist_parentwrap,{paddingHorizontal:0}]}>
+
+          <View style={[]}>
+            {/* Custom Tab Bar */}
+            <View style={styles.tabBar}>
+                {tabs.map((tab, index) => (
+                <TouchableOpacity
+                    key={index}
+                    style={[styles.tabButton, activeTab === index ? styles.activeTab  : styles.inActiveTab]}
+                    onPress={() => setActiveTab(index)}
+                >
+                    <Text style={[styles.tabText, activeTab === index ? styles.activeTabText : styles.inActiveTabText]}>
+                     {tab.title}
+                    </Text>
+                </TouchableOpacity>
+                ))}
+            </View>
+
+            {/* Screen Content */}
+             <View style ={[]}>
+                <FlatList
+                data={filteredData} 
+                renderItem={({ item, index }) => renderItem(item, index, filteredData)}
+                keyExtractor={(item, index) => index.toString()} 
+                contentContainerStyle={{ paddingBottom: 0 }} 
+              />
+            </View>
+          
+          </View>
+  
+           <Modal
+                animationType="fade"
+                transparent={true}
+                visible={modalVisible}
+                onRequestClose={() => {
+                  Alert.alert('Modal has been closed.');
+                  setModalVisible(!modalVisible);
+                }}>
+                <View style={customStyle.modalContainer}>
+                  <View style={customStyle.centeredView}>
+                    <View style={customStyle.modalView}>
+
+                    <TouchableOpacity style={[customStyle.modalrow, {justifyContent:'space-between'}]} onPress={()=> setModalVisible(false)}>
+                      <View><Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000', fontWeight:'700', fontSize:16}]}>{modaldata?.item.DashboardName+' Detail'}</Text></View>
+                      <View style={{marginLeft:10}}><SvgXml width={35} height={35} xml={cross_icon}/></View>
+                    </TouchableOpacity>
+
+                    <View style={customStyle.modalInView}>
+                      {Object.entries(modaldata?.row)
+                        .filter(([key]) => !excludeKeys.includes(key)) // Filter out excluded keys
+                        .map(([key, value]) => (
+                          <View key={key} style={customStyle.modalrow}>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000', fontWeight:'700'}]}>{key}: </Text>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000'}]}>{value.toString()}</Text>
+                          </View>
+                        ))}
+                    </View>
+
+                    </View>
+                  </View>
+                </View>
+           </Modal>
+
+       
+          </View>
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(DashboardReportDetail);
+
+const styles = StyleSheet.create({
+    container: {
+        backgroundColor: '#F5F5F5',
+      },
+      tabBar: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        backgroundColor: '#b1e4de',
+        paddingVertical:10
+      },
+      tabButton: {
+        paddingHorizontal: 30,
+        paddingVertical:10,
+    
+      },
+      tabText: {
+        fontSize: 16,
+        color: '#000',
+      },
+      // activeTab: {
+      //   borderBottomWidth: 4,
+      //   borderBottomColor: '#00968e',
+      // },
+      // activeTabText: {
+      //   color: '#00968e',
+      // },
+
+      activeTab: {
+        borderWidth: 2,
+        borderColor: '#00968e',
+        borderRadius : 5, 
+        backgroundColor: '#00968e', 
+        
+      },
+      activeTabText: {
+        color: '#FFF',
+      },
+       inActiveTab: {
+        borderWidth: 2,
+        borderColor: '#00968e',
+        borderRadius : 5, 
+        backgroundColor: 'transparent'
+      },
+      inActiveTabText: {
+        color: '#000',
+      },
+      //KPI's 
+
+      listContainer: {
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+      },
+      itemContainer: {
+        borderBottomWidth: 1,
+        borderBottomColor: '#ccc',
+        paddingVertical: 15,
+      },
+      row: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+      },
+      kpiTitle: {
+        fontWeight: 'bold',
+        fontSize: 16,
+        flex: 1,
+      },
+      value: {
+        fontSize: 16,
+        flex: 0.5,
+        textAlign: 'right',
+      },
+      //header
+      headerContainer: {
+        borderBottomWidth: 2,
+        borderBottomColor: '#000',
+        paddingVertical: 10,
+      },
+      headerText: {
+        fontWeight: 'bold',
+        fontSize: 16,
+        flex: 1,
+        textAlign: 'center',
+      },
+       chartContainer: {
+        position: 'relative',
+        alignItems: 'center',
+        marginTop:10
+      },
+      percentageContainer: {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: [{ translateX: -18 }, { translateY: -12 }],
+      },
+})
\ No newline at end of file
diff --git a/src/screens/DistributorList.js b/src/screens/DistributorList.js
new file mode 100644
index 0000000..e88089f
--- /dev/null
+++ b/src/screens/DistributorList.js
@@ -0,0 +1,1549 @@
+import React,{useState,useEffect, memo} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,TouchableHighlight,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,AddStore, checkRange, UploadData2, UploadData, UpdateDistributorStatus, getKPIS, marktext1, marktext2, UploadFormData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, AppVersion} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, Entypo, EvilIcons, Feather, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import MapIcon from '../assets/performics/map_icon.svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+import Geolocation from 'react-native-geolocation-service';
+import { getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_getMyDistributorList, Q_getMyStoresList, Q_DBMenuList } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { uploadAll_DBData, uploadAllImages, uploadDBStatus } from '../constants/uploadData';
+import { PrimaryTheme } from '../styles/Themes';
+import NetworkStatusBar from '../components/NetworkStatusBar';
+import * as RNFS from 'react-native-fs';
+
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CustomCamera from '../components/Camera';
+import HeaderTabs from '../components/HeaderTabsTeam';
+import DownloadDataModal from '../components/downloadDataModal';
+
+
+
+const DistributorItem=memo((props)=>{
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+  const item=props.item;
+
+  const ST=props.StaticText || {};
+
+  async function get_to_store_details(data){
+    
+      if(data.UploadStatus=='U'){
+        notify('All data already uploaded for the distributor');
+      }
+      else if(data.UploadStatus=='L'){
+        notify('Already marked not working reasons for the distributor');
+      }
+      else if(data.UploadStatus=='I'){
+        let MenuListLen=data.MenuListLen;
+        console.log('menuList length:',MenuListLen);
+        if(MenuListLen>0)
+        {
+          props.set_autoback({'AutoGoToPrev':false});
+          props.navigation.navigate('DB_StoreDailyMenu',{storeData:data});
+        }else{
+          notify("No menu map for this distributor!");
+        }
+        
+      }
+      else if(data.UploadStatus=='C'){
+        notify(ST.Alreadycheckedout);
+      }
+      else if(data.UploadStatus=='D'){
+        notify(ST.Dataalreadyuploaded);
+      }
+      else if(data.UploadStatus=='P'){
+        notify(ST.Datapartiallyuploaded);
+      }
+      else if(data.UploadStatus=='N' || data.UploadStatus==''){
+        let isChcekedIn=await checkIfAlreadyCheckdIn();
+        console.log('isChcekedIn',isChcekedIn);   
+        if(isChcekedIn==true){
+          notify('You have already checked in into other distributor','LONG');
+        }
+        else{
+          props.setShowStoreVisitModal(true);
+          props.setCurrentStore(data); 
+        }    
+      }
+      
+  }
+
+  async function AskForCancelCheckin(data){
+    props.setCancelCheckOutStore(data);
+    props.setShowCancelCIModal(true);
+  }
+  
+
+
+  async function checkIfAlreadyCheckdIn(){
+    let d1=new Date();
+    let d2=moment(d1).format('MM/DD/YYYY');
+    return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+
+          let join=`INNER JOIN ${AppTables.DISTRIBUTOR_CHECKIN} t2 on t2.DISTRIBUTOR_ID=t1.DistributorId  `;
+          let q=`Select t1.* from Sup_MasterDistributor t1 ${join} where t2.VISIT_DATE='${d2}' and t1.UploadStatus='I'`
+          
+          await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              if(txnres2.rows.length>0){ 
+                // show from local
+                resolve(true);      
+              }
+              else{            
+                resolve(false);      
+              }
+          },function(Etxn,txnerr){console.log(txnerr);resolve(false); });
+
+        }); 
+
+    }).then((val)=>{
+      return val;
+    }).catch((err)=>{
+      return false;
+    });
+  }
+
+  return(
+    <TouchableOpacity
+              style={customStyle.storel}
+              key={props.index}          
+              onPress={() => {get_to_store_details(item)}}> 
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{item.StoreName}</Text>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr]}>
+                      <Text style={customStyle.storel_codeLbl}>{'Distributor Id:'}</Text>
+                      <Text style={customStyle.storel_codeText}>{item.StoreId}</Text>
+                    </View>                    
+                  </View>
+                  <View style={customStyle.storel_code}>                    
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr]}>
+                      <Text style={customStyle.storel_codeLbl}>{'Distributor Code:'}</Text>
+                      <Text style={[customStyle.storel_codeText,customStyle.storel_codeTextAddr]}>{item.StoreCode}</Text>
+                    </View>
+                  </View>
+                  
+                  {
+                  (item.CheckInTime!=null && item.CheckInTime!='') && 
+                  <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>
+                    <Fontisto style={customStyle.storel_codeIcon} color={PageTheme.$secondary_color_dark} name='clock'/>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeText}>{ST.CheckIn+':'}</Text>
+                      
+                      <Text style={customStyle.storel_codeText}>{item.CheckInTime}</Text>
+                    </View>
+                    {(item.CheckOutTime!=null && item.CheckOutTime!='') && 
+                      <View style={[customStyle.storel_codeCon]}>
+                        <Text style={customStyle.storel_codeText}>{ST.CheckOut+':'}</Text>
+                        <Text style={customStyle.storel_codeText}>{item.CheckOutTime}</Text>
+                      </View>
+                    }
+                  </View>
+                  }
+                  { (item.UploadStatus!=null && item.UploadStatus!='' && item.UploadStatus!='N') &&
+                    <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>                    
+                    <View style={[customStyle.storel_usWrap]}>
+                    
+                      {/* {item.UploadStatus!=null && (item.UploadStatus=='I' || item.UploadStatus=='L') &&
+                      <TouchableOpacity style={[customStyle.storel_usCon,customStyle.storel_usConBtn,customStyle.storel_usConBtn2]} onPress={()=>{AskForCancelCheckin(item)}}>
+                        {item.UploadStatus=='L' ? <MaterialCommunityIcons name='exclamation' color='red' size={20}/>:<MaterialCommunityIcons name='login' color='#1f7dbc' size={20}/>}
+                        {item.UploadStatus=='L' ? <Text style={[customStyle.storel_usText,{color:'red'},customStyle.storel_usBtnText]}>{ST.NotWorking}</Text>:<Text style={[customStyle.storel_usText,{color:'#1f7dbc'},customStyle.storel_usBtnText]}>{ST.CheckedIn}</Text>}
+                        
+                        <View style={[customStyle.storel_usBtnRemoveIcon]}>
+                          <FontAwesome name='trash' size={20} color={'red'} />
+                        </View>
+                      </TouchableOpacity>}  */}
+                      {/* {item.UploadStatus!=null && item.UploadStatus=='I' &&
+                      <View style={[customStyle.storel_usCon]}>
+                        <MaterialCommunityIcons name='login' color='#1f7dbc' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'#1f7dbc'}]}>Checked In</Text>
+                      </View>}  */}
+                      {item.UploadStatus!=null && item.UploadStatus=='L' &&
+                      <View style={[customStyle.storel_usCon]}>
+                        <MaterialCommunityIcons name='exclamation' color='red' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'red'},customStyle.storel_usBtnText]}>{ST.NotWorking}</Text>
+                      </View>} 
+                      {item.UploadStatus!=null && item.UploadStatus=='I' &&
+                      <View style={[customStyle.storel_usCon]}>
+                        <MaterialCommunityIcons name='login' color='#1f7dbc' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:PageTheme.$primary_color},customStyle.storel_usBtnText]}>{ST.CheckedIn}</Text>
+                      </View>} 
+                      {item.UploadStatus!=null && item.UploadStatus=='C' &&
+                      <View style={[customStyle.storel_usCon]}>
+                        <MaterialCommunityIcons name='logout' color='#ffd667' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'#ffd667'}]}>{ST.CheckedOut}</Text>
+                      </View>} 
+                      {item.UploadStatus!=null && item.UploadStatus=='P' &&
+                      <View style={[customStyle.storel_usCon]}>
+                        <AntDesign name='cloudupload' color='red' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'red'}]}>{ST.PartiallyUploaded}</Text>
+                      </View>} 
+                      {item.UploadStatus!=null && item.UploadStatus=='D' &&
+                      <View style={[customStyle.storel_usCon]}>
+                        <Ionicons name='checkmark-sharp' color='green' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'green'}]}>{ST.DataUploaded}</Text>
+                      </View>} 
+                      {item.UploadStatus!=null && item.UploadStatus=='U' &&
+                      <View style={[customStyle.storel_usCon]}>
+                        <Ionicons name='checkmark-done-sharp' color='green' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'green'}]}>{ST.Uploaded}</Text>
+                      </View> }  
+                      
+                      
+                      { item.allDone==true &&  (item.UploadStatus=='I') && 
+                        <TouchableOpacity  style={customStyle.storel_CheckOutBtn} onPress={()=>{props.onCheckOut?props.onCheckOut(item):'';}}>
+                          <Text style={customStyle.storel_CheckOutBtnText}>{ST.CheckOut}</Text>
+                        </TouchableOpacity> 
+                      }                 
+                    </View>
+                  </View>}
+                </View>
+                { item.GeoTag=='Y' && 
+                  <TouchableOpacity activeOpacity={0.5} style={customStyle.storel_geotag_btn} onPress={()=>{props.navigation.navigate('ShowMap',{storeData:item})}} >
+                  <SvgXml width={30} height={30} xml={MapIcon}/>    
+                  </TouchableOpacity>
+                }
+                { item.GeoTag=='N' && 
+                  <TouchableOpacity activeOpacity={1} style={customStyle.storel_geotag_btn} onPress={()=>{}} >
+                  <Entypo name='location-pin' size={30} color={'#b4b4b4'}/>   
+                  </TouchableOpacity>
+                }
+              </View> 
+    </TouchableOpacity>
+  );
+});
+
+function DistributorList(props) { 
+    const route = useRoute();
+    
+    const ST=props.StaticText || {};
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [processing, setProcessing] = useState((props.isDataDownloaded?true:false));
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [nodataFound, setNodataFound] = useState(false);
+    const [showStoreVisitModal, setShowStoreVisitModal] = useState(false);
+    const [showGeoTagModal, setShowGeoTagModal] = useState(false);
+    const [showDistanceModal, setShowDistanceModal] = useState(false);
+    const [currentStore, setCurrentStore] = useState({});
+    const [storeDistance, setStoreDistance] = useState('0 M');
+    const [storeDistanceinM, setStoreDistanceinM] = useState(0);
+    const [showAlert, setShowAlert] = useState(false);
+    const [checkOutStore,setCheckOutStore]=useState({});
+    const [rerenderdata, setrerenderdata]= useState(false);
+    let   [state, setState] = useState({storeList:[]});
+    const [globalStorelist, setGlobalStorelist] = useState([]);
+    const [cancelCheckOutStore,setCancelCheckOutStore]=useState({});
+    const [showCancelCIModal, setShowCancelCIModal]= useState(false);
+    const [searchedItem, setSearchedItem]= useState('');
+  
+
+    const [CheckOutImage, setCheckOutImage] = useState('');
+    const [CheckOutImagePath, setCheckOutImagePath] = useState('');
+    const [CheckOutImageModal, setCheckOutImageModal] = useState(false);
+    const [CheckOutLoc, setCheckOutLoc] = useState({});
+    const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+    const [showCamera, setShowCamera] = useState(false);
+    const [DBCO_GeoFenceEnable, setDBCO_GeoFenceEnable] = useState(false);
+    const [DBCO_GeoFenceRadius, setDBCO_GeoFenceRadius] = useState('');
+
+
+    const [uploadedCount, setUploadedCount] = useState(0);
+    const [TotalUpCount, setTotalUpCount] = useState(0);
+    const [startUploading, setStartUploading] = useState(false);
+    const [UploadingSubText, setUploadingSubText] = useState("");
+    const [UploadingText, setUploadingText] = useState("Uploading Data...");
+    const [showProgresssBar, setshowProgresssBar] = useState(false);
+    
+
+
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...');
+
+      console.log('props.isDataDownloaded in storelist:',props.isDataDownloaded);
+     
+      let CO_GeoFenceEnable=props.DBCO_GeoFenceEnable!=null?props.DBCO_GeoFenceEnable:false;
+      let CO_GeoFenceRadius=props.DBCO_GeoFenceRadius!=null?props.DBCO_GeoFenceRadius:'';
+      setDBCO_GeoFenceEnable(CO_GeoFenceEnable);
+      setDBCO_GeoFenceRadius(CO_GeoFenceRadius);
+
+      getData();
+      
+      const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        
+      const unsubscribeFocus=props.navigation.addListener('focus', () => {
+        checkLocalData();
+      });
+
+      return function cleanup() {
+        unsubscribeFocus();
+        return unsubscribe;
+      };
+    }, []);
+
+    useEffect(() => {
+      const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+      return unsubscribe;
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+          return;
+        } 
+    }
+
+    
+
+    async function calLocatDistance(){
+      if(currentStore.Latitude !='' && currentStore.Latitude!=null){
+        const hasPermission=await _checkLocationPermission();
+        if(hasPermission==true)
+        {    
+          Geolocation.getCurrentPosition(
+            async (position) => {
+                let loc={lat:position.coords.latitude,lng:position.coords.longitude};
+                
+                var distance = checkRange(loc.lat,loc.lng,currentStore.Latitude,currentStore.Longitude);
+                // console.log('distance:',distance);
+                let dinKM=(distance / 1000);
+                let distanceinM=(distance=='' || distance==null || isNaN(distance))?' 0 m':( dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+                setStoreDistance(distanceinM);
+                setStoreDistanceinM(distance);
+                
+                if(props.DBCI_GeoFenceEnable==true && distance>props.DBCI_GeoFenceRadius){
+                  setShowDistanceModal(true); 
+                }
+                else{
+                  props.navigation.navigate('DistributorCheckIn',{storeData:currentStore});
+                }          
+            },
+            (error) => {
+                notify(ST.Cannotgetuserposition);
+            },
+            { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+          );
+        }
+        else{
+          notify(ST.Pleaseallowlocationpermission);
+        }
+      }
+      else{
+        notify(ST.Storelocationnotavailable);
+      }
+      
+    }
+
+
+    async function getData(){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+      // let params=props.route.params? props.route.params:{};
+     
+      // let myDistributorsListQ=await Q_getMyDistributorList(props);
+      // console.log('myDistributorsListQ:',myDistributorsListQ);
+
+      let checkInData=await checkIfCheckInAvlbl();
+      console.log('checkInData',checkInData);
+      if(checkInData!=null && checkInData.DistributorId!=null && checkInData.IsCheckInAvlbl==0){
+        await restoreCheckIn(checkInData);
+      }
+
+      checkLocalData();
+    }
+
+    
+  
+    async function checkLocalData(){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+      // let params=props.route.params? props.route.params:{};
+     
+      let myDistributorsListQ=await Q_getMyDistributorList(props);
+      console.log('myDistributorsListQ:',myDistributorsListQ);
+
+   
+      await db.transaction(async function (txn) {   
+        await txn.executeSql(myDistributorsListQ,[],async function (txn2, txnres2) {    
+          console.log('distr:',txnres2.rows.length);
+          if(txnres2.rows.length>0){ 
+            // show from local
+            var storeArr=[];
+            for(var i=0;i<txnres2.rows.length;i++){
+              let sdata=txnres2.rows.item(i); 
+              
+              
+              let {InTime,OutTime,UploadStatus,StoreId,MID,MenuCount,MenuDoneCount,StoreName}=sdata;
+              let time=sdata.CheckInTime!=null && sdata.CheckInTime!=''?moment(new Date(sdata.CheckInTime)).format('HH:mm:ss'):''; 
+              let time2=sdata.CheckOutTime!=null && sdata.CheckOutTime!=''?moment(new Date(sdata.CheckOutTime)).format('HH:mm:ss'):''; 
+              let In_Time=(time=='' && UploadStatus!='' && UploadStatus!='N')?InTime:time;
+              let Out_Time=(time2==''  && UploadStatus!='' && UploadStatus!='N' && UploadStatus!='I')?OutTime:time2;
+              sdata.CheckInTime=In_Time;
+              sdata.CheckOutTime=Out_Time;
+             
+
+              let allDone=MenuCount!=null && MenuDoneCount!=null && MenuCount==MenuDoneCount;
+              sdata.allDone=allDone;
+              sdata.MenuListLen=MenuCount;
+              console.log('MenuCount:',MenuCount);
+              storeArr.push(sdata);
+              
+              if(i==(txnres2.rows.length-1)){
+                console.log("sdata----------1",storeArr)
+                setState({storeList:storeArr});
+                setGlobalStorelist(storeArr);
+                setProcessing(false);
+              }
+            }            
+          }
+          else{    
+            console.log("sdata----------2")        
+            setProcessing(false); notify(ST.Nodatafound);setNodataFound(true);
+          }
+        },function(Etxn,txnerr){console.log(txnerr); setProcessing(false); notify(ST.Nodatafound);setNodataFound(true);});
+      }); 
+
+    }
+
+    async function checkIfCheckInAvlbl(){
+      console.log('checkIfCheckInAvlbl');
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+  
+            let join=`LEFT OUTER JOIN ${AppTables.DISTRIBUTOR_CHECKIN} t2 on t2.DISTRIBUTOR_ID=t1.DistributorId and t2.VISIT_DATE='${d2}' `;
+            let q=`Select t1.*,(CASE WHEN t2.DISTRIBUTOR_ID is null THEN 0 ELSE 1 END ) as IsCheckInAvlbl  from Sup_MasterDistributor t1 ${join} where t1.UploadStatus='I'`
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+                if(txnres2.rows.length>0){ 
+                  // show from local
+                  let data =txnres2.rows.item(0);
+                  let {DistributorId}=data;
+                  console.log('data:',data);
+                  resolve(data);      
+                }
+                else{            
+                  resolve({});      
+                }
+            },function(Etxn,txnerr){console.log(txnerr);resolve({}); });
+  
+          }); 
+  
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        return {};
+      });
+    }
+
+    async function restoreCheckIn(item){
+      console.log('restoreCheckIn');
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+  
+            let {DistributorId,DMID,Latitude, Longitude,UploadStatus,InTime,OutTime}=item;
+            let JcpType='Sup_MasterDistributor';
+  
+            let In_Time=(InTime!='' && InTime!=null && InTime!='00:00:00' && InTime!='00:00')?moment(d2+' '+InTime).format('MM/DD/YYYY HH:mm:ss'):''; 
+            let Out_Time=(OutTime!='' && OutTime!=null && OutTime!='00:00:00' && OutTime!='00:00')?moment(d2+' '+OutTime).format('MM/DD/YYYY HH:mm:ss'):''; 
+            let CHECKOUT_TIME=(Out_Time!='' && Out_Time!=null)?Out_Time:In_Time; 
+            
+  
+            // add storeCheckin data
+            let q2=`delete from ${AppTables.DISTRIBUTOR_CHECKIN} where DISTRIBUTOR_ID='${DistributorId}' and VISIT_DATE='${d2}' `; 
+            let values2=` ('${DistributorId}','${d2}','${Latitude}','${Longitude}','${In_Time}','','${Out_Time}','','','${d2}')`; 
+            let insert_q2=` INSERT INTO ${AppTables.DISTRIBUTOR_CHECKIN}(DISTRIBUTOR_ID,VISIT_DATE,LATITUDE,LONGITUDE,CHECKIN_TIME,CHECKIN_IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REMARK,ADDED_DATE) values ${values2}`;
+            
+            await txn.executeSql(q2,[],async function (txn2, txnres4) {
+              console.log('removed'); 
+              await txn.executeSql(insert_q2,[],async function (txn2, txnres5) {
+                console.log('checkin data added'); 
+                resolve(true);  
+              },function(Etxn,txnerr){console.log(txnerr);resolve(false);});
+            },function(Etxn,txnerr){console.log(txnerr);resolve(false);});
+  
+          }); 
+  
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        return false;
+      });
+    }
+
+    async function getDailyMenu(storeData1){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let {StoreId,ChannelId,RegionId,StoreTypeId}=storeData1;
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {        
+           let q=Q_DBMenuList(storeData1);
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+            
+            if(txnres.rows.length>0){     
+              let allDone=true;   
+              for(var i=0;i<txnres.rows.length;i++){
+                let data =txnres.rows.item(i);
+                let isAvlbl=await checkAvailability(storeData1,data);
+                let isDone=await updateStatus(storeData1,data,isAvlbl);
+               
+                if(isAvlbl && !isDone){
+                  allDone=false;
+                  resolve(allDone);
+                  break;
+                }
+                if(i==(txnres.rows.length-1)){
+                  resolve(allDone);
+                }
+              }
+            }
+            else{
+              resolve(true);
+            }
+          },function (txnE,txnerr) { console.log(txnerr); resolve(false);},);
+
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });
+           
+    }
+
+    async function getMenuList(storeData1){
+      return new Promise((resolve,reject)=>{
+  
+        db.transaction(async function (txn) {   
+          let q=Q_DBMenuList(storeData1);
+         
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+            
+            if(txnres.rows.length>0){     
+              let arr=[];//txnres.rows.raw();   
+              // resolve(arr);      
+              for(var i=0;i<txnres.rows.length;i++){
+                let data =txnres.rows.item(i);
+                arr.push(data);
+                if(i==(txnres.rows.length-1)){
+                  resolve(arr);
+                }
+              }
+            }
+            else{
+              resolve([])
+            }
+          },function (txnE,txnerr) { console.log(txnerr); resolve([]); },);
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log('')
+        return []
+      })
+    }
+
+    
+
+
+    async function checkAvailability(storeData1,data){
+      
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let q2=getAvailblQuery(data.ScreenName,storeData1);
+          if(q2!='' && q2!=null){
+            
+            await txn.executeSql(q2,[],async function (txn2, txnres2) {                
+              let isAvlbl=getIfAvlbl(data.ScreenName,txnres2,storeData1);
+              resolve(isAvlbl);
+            },function (txnE,txnerr) { console.log(txnerr); resolve(false);},);
+          }
+          else{
+            let isAvlbl=getIfAvlbl(data.ScreenName,{},storeData1);
+            resolve(isAvlbl);
+          }
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });     
+    }
+
+
+    async function updateStatus(storeData1,data,isAvlbl){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let q2=getQuery(data.ScreenName,storeData1);
+          if(q2!='' && q2!=null && isAvlbl==true){
+              await txn.executeSql(q2,[],async function (txn2, txnres2) {                     
+                let isDone=await getIfKPIDone(data.ScreenName,txnres2,storeData1);
+                resolve(isDone);
+               
+              },function (txnE,txnerr) { console.log(txnerr); resolve(false);},);
+          }
+          else{
+              resolve(false);
+          }
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      }); 
+             
+    }
+
+    async function onCheckOut(storeData1){
+      // let isAlldone=await getDailyMenu(storeData1);
+      if(storeData1.allDone==true){
+        setCheckOutStore(storeData1);
+        setShowAlert(true);
+      }
+      else{
+        notify(ST.PleasefillallKPI,false);
+      }
+    }
+
+    function onSaveCancel(){
+      setShowAlert(false);
+    }
+
+
+    
+
+    async function getLocOnCheckout(){
+      setShowAlert(false);
+      setLoaderTitle(ST.Gettinglocation+'...');
+      setProcessing(true);
+      
+      Geolocation.getCurrentPosition(
+        async (position) => {
+          let {latitude,longitude} = position.coords;
+          let loc={lat:latitude,lng:longitude};
+          var distance = checkRange(loc.lat,loc.lng,checkOutStore.Latitude,checkOutStore.Longitude);
+          // console.log('COut distance:',distance);
+          setProcessing(false);
+          // let dinKM=(distance / 1000);
+          // let distanceinM=(distance=='' || distance==null || isNaN(distance))?' 0 m':( dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+          if(DBCO_GeoFenceEnable==true){
+            if(DBCO_GeoFenceRadius!='' && distance>DBCO_GeoFenceRadius){
+              notify('You cannot checkout! You are not within the allowed distance from the distributor '+DBCO_GeoFenceRadius+' m')
+            }
+            else{
+              checkOutAfterLoc(loc);
+            }
+          }
+          else{
+            checkOutAfterLoc(loc);
+          }
+          
+        },
+        (error) => {
+            notify(ST.Cannotgetuserposition);
+            setProcessing(false);
+        },
+        { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+      );
+    }
+
+    async function checkOutAfterLoc(loc){
+      let CheckOut_PhotoReq=props.CheckOut_PhotoReq!=null?props.CheckOut_PhotoReq:false;
+      if(CheckOut_PhotoReq){
+        setCheckOutLoc(loc);
+        setShowAlert(false);
+        setCheckOutImageModal(true);
+      }
+      else{
+        UpdateCheckOutStatus(loc);
+      }
+    }
+
+    async function UpdateCheckOutStatus(loc){  
+     
+      // setLoaderTitle(ST.UpdatingCheckoutStatus+'...');
+      // setProcessing(true);
+      setTotalUpCount(0);
+      setshowProgresssBar(false);
+      setUploadingText(ST.UpdatingCheckoutStatus+'...');
+      setStartUploading(true);
+      let {StoreId,MID}=checkOutStore;
+      let CheckOut_PhotoReq=props.CheckOut_PhotoReq!=null?props.CheckOut_PhotoReq:false;
+      let d=new Date();
+      let d2=moment(d).format('MM/DD/YYYY');
+      let d3=moment(d).format('MM/DD/YYYY HH:mm:ss'); 
+      
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+       
+      let data1={
+          "UserId": loginDetails.UserId,
+          "DistributorId": StoreId,
+          "VisitDate": d2,
+          "CheckOutImage":CheckOut_PhotoReq==true?CheckOutImage:'',
+      }
+      
+      // let fpath=Platform.OS=='ios'?CheckOutImagePath.replace('file://',''):CheckOutImagePath;
+      var data2 = new FormData();          
+      data2.append('file', {
+        uri: CheckOutImagePath ,
+        type: 'image/jpg',
+        name: CheckOutImage,
+      });
+
+      let foldername=getFolderName(CheckOutImage);
+      data2.append('Foldername','DBCoverageImages');
+      data2.append('Path', d2);
+
+      const url=props.baseurl+getMethodName(METHODS.DISTRIBUTOR_CHECKOUT_SUP);
+      const url1=(props.imageUploadUrl || URL_IMAGE)+getMethodName(METHODS.UPLOADIMAGES_METHOD);
+      console.log(url,data1);
+      await UploadData2(url,data1)
+      .then(async(res)=>{ 
+          console.log('DB CheckOutSup1:',res,'MID:',MID);
+          if(!res.error){
+            if(res==1){
+              //Check out completed
+              if(CheckOut_PhotoReq){
+                //Upload Image 
+                await UploadFormData(url1,data2)
+                .then(async(res1)=>{         
+                  console.log('checkout image upload:',res1);            
+                })
+                .catch((err)=>{
+                  console.log(err);
+                });
+              }
+
+              
+              let data={checkout_image:''} ;
+              const isCheckOutUpdated=await UpdateStoreCheckOut(data);
+              
+              if(isCheckOutUpdated==true){
+                let datan={StoreId:StoreId,UploadStatus:'C',tbname:'Sup_MasterDistributor'} ;            
+                const isUpdated=await UpdateDistributorStatus(props,datan);
+                if(isUpdated==true){
+                  let outtime=moment(d).format('HH:mm:ss'); ;
+                  await UpdateDistributorStatuslocal('C',checkOutStore,false,true,outtime);
+                  // setLoaderTitle(ST.UploadingData+'...');
+                  UploadOnCheckOut(loc);
+                }
+                else{
+                  // setProcessing(false);
+                  setStartUploading(false);
+                  notify(ST.Erroroccurwhilecheckout,'LONG');
+                } 
+              }
+              else{
+                setStartUploading(false);
+                notify(ST.Erroroccurwhilecheckout,'LONG');
+              }
+              
+            }
+            else{
+              setStartUploading(false);
+              notify(ST.Somethingwentwrong,'SHORT');
+              // setProcessing(false);
+            }
+          }
+          else{
+            setStartUploading(false);
+            notify(ST.Somethingwentwrong,'SHORT');
+            // setProcessing(false);
+          }
+      })
+      .catch((err)=>{
+        console.log('onPage Team error',err);
+        notify(ST.Somethingwentwrong,'SHORT');
+        // setProcessing(false);
+        setStartUploading(false);
+      }); 
+        
+      
+    }
+    async function UpdateDistributorStatuslocal(status,storeData1,updateCheckin=false,uCOut=false,cout_time=''){
+      
+      let storeArr=state.storeList;
+      let sdata_index=storeArr.findIndex(i=>i.StoreId==storeData1.StoreId);
+      if(sdata_index>=0){
+        let sdata=storeArr[sdata_index];
+        sdata['UploadStatus']=status;
+        if(updateCheckin==true){
+          sdata['CheckInTime']='';
+        }
+        if(uCOut==true){
+          sdata['CheckOutTime']=cout_time;
+        }
+        storeArr[sdata_index]=sdata;
+        setState({...state,storeArr});
+        setGlobalStorelist(storeArr);
+        setrerenderdata(!rerenderdata);
+      }
+    }
+
+    async function UpdateUploadCountLocal(upCount){
+      // keep 1 less to actual count as DownloadDataModal shows it as provided_value+1
+      setUploadedCount(upCount-1);
+      
+    } 
+
+    async function UpdateStoreCheckOut(data) {   
+      let CheckOut_PhotoReq=props.CheckOut_PhotoReq!=null?props.CheckOut_PhotoReq:false;
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let now=moment(d1).format('MM/DD/YYYY HH:mm:ss');
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {    
+          
+          let q=`UPDATE ${AppTables.DISTRIBUTOR_CHECKIN} SET CHECKOUT_TIME='${now}', CHECKOUT_IMAGE='${CheckOut_PhotoReq?CheckOutImage:''}' WHERE DISTRIBUTOR_ID='${checkOutStore.StoreId}' and VISIT_DATE='${d2}' `;
+          await txn.executeSql(q,[],async function (txn2, txnres2) { 
+            console.log('store checkout updated');
+            resolve(true);
+          },function(Etxn,txnerr){console.log(txnerr);resolve(false);}); 
+        
+        });
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });
+        
+      
+    }
+    
+
+    async function UploadOnCheckOut(loc){
+      try {   
+        console.log('UploadOnCheckOut');
+        let d1=new Date();
+        let d2=moment(d1).format('MM/DD/YYYY');
+        let token = await get_item('loginToken');
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+       
+        let AllStores=await getPJPStoresData('Sup_MasterDistributor',[],d2);
+        
+
+        await db.transaction(async function (txn) { 
+          console.log('stores to upload:',AllStores.length);  
+          if(AllStores.length>0){  
+            for (var i=0;i<AllStores.length;i++){
+              let data=AllStores[i];
+              const index=i;
+              let {StoreId,StoreName,EmpId,MID,UploadStatus,Status,VisitDate,REASON_ID,IMAGE,JCP_TYPE}=data;
+            
+              let MenuList=await getMenuList(data);
+              let allKPIs=MenuList;
+              let totalUpC=MenuList.length-1; // keep 1 less to actual count as DownloadDataModal shows it as provided_value+1
+              
+              setTotalUpCount(totalUpC);
+              setshowProgresssBar(false);
+              setUploadingSubText("Uploading Data for Distributor:"+StoreId);
+                  
+              if(UploadStatus=='C'){
+                
+                let isUploaded_P_Status=await uploadDBStatus(props,data,'P',JCP_TYPE,loc);
+                console.log('isUploaded_P_Status:',isUploaded_P_Status);
+
+                if(isUploaded_P_Status){
+                  await UpdateDistributorStatuslocal('P',data);
+                  setTotalUpCount(totalUpC);
+                  setshowProgresssBar(true);
+                  setUploadingText(ST.UploadingData+'...');
+                  await uploadAfter_P_status(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,loc);
+                }
+                else{
+                  // Stop processing if all distributors uploaded
+                  if(index==AllStores.length-1){
+                    // setProcessing(false);
+                    setStartUploading(false);
+                    notify(ST.Erroroccurwhileuploadingdata,'LONG');
+                  }
+                }
+
+              }
+              else if (UploadStatus=='D'){
+                setTotalUpCount(totalUpC);
+                setshowProgresssBar(true);
+                setUploadingText(ST.UploadingData+'...');
+                //  this never be called if there is no KPI
+                let allFilesToUpload=await uploadAll_DBData(props,data,allKPIs,props.UserId,JCP_TYPE,false,loc,UpdateUploadCountLocal);
+                
+                if(allFilesToUpload.length>0){
+                  await UploadDataWithImages(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,allFilesToUpload,loc);
+                }
+                else{
+                  notify(ST.Alldatauploadedfor+' '+StoreName,'SHORT');
+                  if(index==AllStores.length-1){
+                    // setProcessing(false);
+                    setStartUploading(false);
+                  }
+                }
+              }
+              else if(UploadStatus=='P'){
+                setTotalUpCount(totalUpC);
+                setshowProgresssBar(true);
+                setUploadingText(ST.UploadingData+'...');
+                await uploadAfter_P_status(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,loc);
+              }
+              else if(UploadStatus=='L'){
+                setshowProgresssBar(false);
+                setUploadingText(ST.UploadingData+'...');
+                let isAllUploaded_S=await uploadDBStatus(props,data,'U',JCP_TYPE,loc);
+                if(isAllUploaded_S==true){
+                  await UpdateDistributorStatuslocal('U',data);
+                  notify(ST.Alldatauploadedfor+' '+StoreName,'SHORT');
+                  if(index==AllStores.length-1){
+                    // setProcessing(false);
+                    setStartUploading(false);
+                  }
+                }
+                else{
+                  if(index==AllStores.length-1){
+                    // setProcessing(false);
+                    setStartUploading(false);
+                    notify(ST.Erroroccurwhileuploadingdata,'LONG');
+                  }
+                }
+              }
+              else{
+                console.log("No UploadStatus case found while uploading Distributor");
+              }
+            }
+                
+          } 
+        });  
+
+        
+  
+      } catch (err) {
+        console.log(err);          
+      }   
+    }
+
+    async function uploadAfter_P_status(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,loc){
+      let {StoreName}=data;
+      if(MenuList.length>0){ 
+        // Upload data with Images
+        let allFilesToUpload=await uploadAll_DBData(props,data,allKPIs,props.UserId,JCP_TYPE,true,loc,UpdateUploadCountLocal);
+        console.log('allFilesToUpload:',allFilesToUpload.length);
+        await UpdateDistributorStatuslocal('D',data);
+        UploadDataWithImages(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,allFilesToUpload,loc);
+      }
+      else{
+        //  Upload status u if no data exists
+        let isAllUploaded_S=await uploadDBStatus(props,data,'U',JCP_TYPE,loc);
+        if(isAllUploaded_S==true){
+          await UpdateDistributorStatuslocal('U',data);
+          notify(ST.Alldatauploadedfor+' '+StoreName,'SHORT');
+          if(index==AllStores.length-1){
+            // setProcessing(false);
+            setStartUploading(false);
+          }
+        }
+        else{
+          if(index==AllStores.length-1){
+            // setProcessing(false);
+            setStartUploading(false);
+            notify(ST.Erroroccurwhileuploadingdata,'LONG');
+          }
+        }
+      }
+    }
+
+    async function UploadDataWithImages(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,allFilesToUpload,loc){
+      let {StoreName}=data;
+      if(allFilesToUpload.length>0){
+        // setLoaderTitle(ST.UploadingImages+'...');
+        // console.log('set loader title');
+        setUploadedCount(0);
+        setTotalUpCount(allFilesToUpload.length-1);
+        setshowProgresssBar(true);
+        setUploadingText(ST.UploadingImages+'...');
+        let isAllUploaded=await uploadAllImages(props,data,allFilesToUpload,JCP_TYPE,loc,UpdateUploadCountLocal);
+
+        if(isAllUploaded==true){
+          await UpdateDistributorStatuslocal('U',data);
+          notify(ST.Alldataandimagesuploadedfor+' '+StoreName,'SHORT');
+          if(index==AllStores.length-1){
+            // setProcessing(false);
+            setStartUploading(false);
+          }
+        }else{
+          notify(ST.Cannotuploadimagesfor+' '+StoreName,'SHORT');
+          if(index==AllStores.length-1){
+            // setProcessing(false);
+            setStartUploading(false);
+          }
+        }
+      }
+      else{
+        let isupdatedU=await uploadDBStatus(props,data,'U',JCP_TYPE,loc);
+        console.log('on no files found to upload , isupdated::',isupdatedU);
+        if(isupdatedU){
+          await UpdateDistributorStatuslocal('U',data);
+          notify(ST.Alldatauploadedfor+' '+StoreName,'SHORT');
+        }
+        if(index==AllStores.length-1){
+          // setProcessing(false);
+          setStartUploading(false);
+        }
+      }
+    }
+
+    
+
+    async function getPJPStoresData(tbname,Stores=[],d2){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {
+          
+          let join=`INNER JOIN ${AppTables.DISTRIBUTOR_CHECKIN} t2 on t2.DISTRIBUTOR_ID=t1.DistributorId `;
+          await txn.executeSql(`Select t1.DMID as MID,t1.EmpId,t1.DistributorId as StoreId,t1.DistributorName as StoreName,t1.DistributorCode as StoreCode,t1.Latitude,t1.Longitude,t1.InTime,t1.OutTime,t1.UploadStatus,t1.GeoTag,'Sup_MasterDistributor' as JCP_TYPE,t2.CHECKIN_IMAGE  from ${tbname} t1 ${join} where t2.VISIT_DATE='${d2}' and t1.UploadStatus in ('C','P','D','L')`,[],async function (txn2, txnres2) { 
+            if(txnres2.rows.length>0){ 
+              
+              for(var i=0;i<txnres2.rows.length;i++){
+                let data=txnres2.rows.item(i);
+                Stores.push(data);
+              }
+              resolve(Stores);
+            }
+            else{
+              resolve(Stores);
+            }
+          },function (txnE,txnerr) { console.log(txnerr);resolve(Stores)},);
+
+        });
+      }).then((val)=>{
+        return val;
+      })
+      .catch((err)=>{
+        console.log(err);
+        return Stores;
+      })
+    }
+
+   
+    
+
+    async function storeVisited(){
+      console.log('isgeotag:',currentStore.GeoTag);
+      setShowStoreVisitModal(false);
+      if(currentStore.GeoTag=='N'){
+        setShowGeoTagModal(true);
+      }
+      else if(currentStore.UploadStatus=='N' || currentStore.UploadStatus==''){
+        calLocatDistance();
+      }
+      else{
+            
+      }
+    }
+
+    async function storeNotVisited(){
+      setShowStoreVisitModal(false);
+      props.navigation.navigate('DBNonWorkingReasons',{storeData:currentStore});
+    }
+
+    async function onVisitCancel(){
+      setLoaderTitle(ST.DeletingCheckInData+'...')
+      setShowCancelCIModal(false);
+      setProcessing(true);
+      let {MID,StoreId}=cancelCheckOutStore;
+      let postdata={'Mid':MID,"UserName":props.UserId,}
+     
+      const url=props.baseurl+getMethodName(METHODS.DELETECOVERAGE_METHOD);
+      console.log(url,postdata);
+      await UploadData2(url,postdata)
+      .then(async(res)=>{ 
+        console.log('delete coverage res:',res); 
+        if(res=='1'){
+          let isdeleted=await deleteStore(cancelCheckOutStore);
+          if(isdeleted==true){
+            let data={"StoreId":StoreId,UploadStatus:"N",tbname:'Sup_MasterDistributor'};
+            let isUpdated=await UpdateDistributorStatus(props,data);
+            if(isUpdated==true){
+              await UpdateDistributorStatuslocal('N',cancelCheckOutStore,true);
+              setProcessing(false);
+              notify(ST.CheckInRemoved);
+            }
+            else{
+              setProcessing(false);
+              notify(ST.CheckInremovedsuccessfullybutcannotupdatestatus);
+            }
+          }
+          else{
+            setProcessing(false);
+            notify(ST.CheckInremovedsuccessfullybutcannotupdatestatus);
+          }
+        }
+        else{
+          setProcessing(false);
+          notify(ST.CannotRemoveCheckIn);
+        }
+        
+      }).catch(err => {
+        console.log('onPage Team error', err);
+        setProcessing(false);
+        notify(ST.CannotRemoveCheckIn);
+      }); 
+     
+    }
+
+    async function deleteStore(storeData1){
+      let {StoreId}=storeData1;
+      let allQueries=[
+        `Delete from ${AppTables.COVERAGE_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.GEOTAG} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.HEADER_BACK_OF_STORE} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.CHILD_BACK_OF_STORE} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.SALES} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.INSERT_OPENINGHEADER_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.STOCK_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.SHARE_OF_SHELF_IMAGE} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.SHARE_OF_SHELF_FACING_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.INSERT_SAMPLED_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.CONTACT_CONVERSION} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.INSERT_ERROR_TRACKING} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.GROOMING_IMAGE_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.ADDITIONAL_VISIBILITY} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.COMPETITION_VISIBILITY} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.COMPETITION_PROMOTION} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.CHECKIN_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PROMOTION_HEADER_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PROMOTION_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PAID_VISIBILITY_HEADER_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PAID_VISIBILITY_CHILD_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PAID_VIS_CHECKLIST} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.SURVEY} where STORE_ID='${StoreId}' `,
+      ]
+      
+      return await Promise.all(
+        allQueries.map(async (q,index) => {
+          let isDeleted= await executeQuery(q);
+          return isDeleted==true;
+        })
+      )
+      .then((val)=>{
+        // if(val.indexOf(false)<0){}
+        return true;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      })
+    }
+
+    async function executeQuery(q,type='1'){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+          await txn.executeSql(q,[],async function (txn2, txnres2) {           
+            if(type=='1'){
+              resolve(true);
+            }
+            else{
+              
+              if(txnres2.rows.length>0){
+                let arr=[];//txnres2.rows.raw();
+                // resolve(arr);
+                for(var i=0;i<txnres2.rows.length;i++){
+                  let data =txnres2.rows.item(i);
+                  arr.push(data);
+                  if(i==(txnres2.rows.length-1)){
+                    resolve(arr);
+                  }
+                }
+              }
+              else{
+                resolve([]);
+              }
+            }
+          },function(Etxn,txnerr){console.log(txnerr);type=='1'?resolve(false):resolve([]); });
+        }); 
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        let d=type=='1'?false:[];
+        return d;
+      })
+    }
+
+    function FilterStores(searchedQry){
+      searchedQry=searchedQry.toLowerCase();
+      console.log('searchedQry',searchedQry);
+      let {storeList}=state;
+      let arr=[]
+      if(searchedQry!=null && searchedQry!=''){
+        globalStorelist.map((item,index)=>{
+          let {StoreName,StoreId,StoreCode}=item;
+          StoreId=StoreId+'';
+          if(StoreName.toLowerCase().includes(searchedQry) || StoreCode.toLowerCase().includes(searchedQry) || StoreId.includes(searchedQry)){
+            arr.push(item);
+          }
+        });
+      }
+      else{
+        arr=globalStorelist;
+      }
+      setState({storeList:arr});
+      setrerenderdata(!rerenderdata)
+    }
+
+    function _render_StoreVisitModal(){
+      return (
+        <CustomModal 
+          style={customStyle.storelVisitM_Style}
+          title={'Distributor Visited'}
+          titleStyle={customStyle.storelVisitM_titleStyle}
+          showModal={showStoreVisitModal}
+        >
+          <View style={customStyle.storelVisitM_options}>
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{storeVisited()}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>{ST.Yes}</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{storeNotVisited()}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>{ST.No}</Text>
+            </TouchableOpacity>
+          </View>
+        </CustomModal>
+      )
+    }
+
+    function _render_GeoTagModal(){
+      return (
+        <CustomModal 
+          style={customStyle.storelVisitM_Style}
+          title={'You need to geotag distributor'}
+          titleStyle={customStyle.storelVisitM_titleStyle}
+          showModal={showGeoTagModal}
+        >
+          <View style={customStyle.storelVisitM_options}>            
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowGeoTagModal(false)}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowGeoTagModal(false);props.navigation.navigate('GeoTag',{storeData:currentStore,'isDistributor':true});}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>{ST.OK}</Text>
+            </TouchableOpacity>
+          </View>
+        </CustomModal>
+      )
+      
+    }
+
+    function _render_CancelCheckinModal(){
+      let storename=cancelCheckOutStore.StoreName || '';
+      return (
+        <CustomModal 
+          style={customStyle.storelVisitM_Style}
+          title={ST.DoyoureallywanttoCancelCheckIn}
+          titleStyle={customStyle.storelCancelM_titleStyle}
+          messageStyle={customStyle.storelCancelM_subtitleStyle}
+          message={storename}
+          showModal={showCancelCIModal}
+        >
+          <View style={customStyle.storelCM_alertCon}>
+            <Feather name='alert-triangle' size={20} color={'#ff0000'}/>
+            <Text style={customStyle.storelCM_alert}>{ST.Yourallcheckindatawillbelost}</Text>
+          </View>
+            
+          <View style={customStyle.storelVisitM_options}>
+            
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowCancelCIModal(false);}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{onVisitCancel()}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>{ST.OK}</Text>
+            </TouchableOpacity>
+          </View>
+        </CustomModal>
+      )
+    }
+
+    async function onDistanceM_OK(){
+      
+      if(props.DBCI_GeoFenceEnable){
+        if(storeDistanceinM>props.DBCI_GeoFenceRadius){
+          setShowDistanceModal(false);
+          notify(ST.Youcannotcheckin+' '+ST.Youarenotwithinthealloweddistancefromthestore+' '+props.DBCI_GeoFenceRadius+' m','LONG')
+        }
+        else{
+          setShowDistanceModal(false);props.navigation.navigate('DistributorCheckIn',{storeData:currentStore});
+        }
+      }
+      else{
+        setShowDistanceModal(false);props.navigation.navigate('DistributorCheckIn',{storeData:currentStore});
+      }
+    }
+
+    
+    function closeImageModal(){
+      setCheckOutImageModal(false);
+    }
+
+    function cancelImage(){
+      setCheckOutImage('');
+      setCheckOutImagePath('');
+      closeImageModal();
+    }
+
+    async function openCamera(){   
+      setShowCamera(true);
+      // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front'});
+    }
+
+    async function getImage(imgdata){
+      let storeData=checkOutStore
+      if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+        notify(ST.Cameraunavailable);
+      }
+      else if(typeof imgdata =='object' && imgdata.uri!=null){
+        const img=imgdata;
+          const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+          let isImgFromGallery=img.fromGallery!=null?img.fromGallery:false;
+          let picture_clickedd=isImgFromGallery==true?img.datetime:new Date();
+          let picture_clicked_time=moment(picture_clickedd).format('DD-MM-YYYY HH:mm:ss')
+          
+          const mark_text1=picture_clicked_time;
+          const mark_text2='Distributor Name:'+storeData.StoreName+' | Distributor Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: DB Check Out'+' | Date:'+picture_clicked_time;
+         
+          await marktext1(mark_text1,imgurl)
+          .then((res)=>{
+              if(res.success){
+                  let uri=res.uri;
+                  marktext2(mark_text2,uri,imgWidth,imgHeight)
+                  .then((res)=>{
+                      if(res.success){
+                         
+                          let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                          let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                          let filename=storeData.StoreId+'_DBCheckoutImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                          
+                          setCheckOutImage(filename);
+                          // renamefile
+                          let imagePath=`${RNFS.DocumentDirectoryPath}/${filename}`;
+                          RNFS.copyFile(res.uri, imagePath)
+                          .then(resn => {
+                              let uri='file://'+imagePath;
+                              console.log('image marker',uri);
+                              setCheckOutImagePath(uri);  
+                          })
+                          .catch(err => {
+                              console.log(ST.Errorimagefilewritefailed+'!!!');
+                              console.log(err.message, err.code);
+                          });                           
+                                   
+                      }
+                      else{
+                          if(res.imagenotfound){
+                              notify(ST.Pleasecaptureaimage);
+                          }
+                          else{
+                              notify(res.error);
+                          }
+                      }
+                  });
+              }
+              else{
+                  if(res.imagenotfound){
+                      notify(ST.Pleasecaptureaimage);
+                  }
+                  else{
+                      notify(res.error);
+                  }
+              }
+          });            
+      }        
+    }
+
+
+    function _OpenCaptureImage_Modal(){
+      const isImageCap=(CheckOutImagePath=='' || CheckOutImagePath==null)?false:true;
+      return (
+        <CustomModal 
+          style={customStyle.nonWCapImgModal}
+          title={ST.CheckOutImage}
+          message={ST.Pleaseclickselfieinfrontofstore}
+          titleStyle={customStyle.nonWCapImgModal_title}
+          messageStyle={customStyle.nonWCapImgModal_subtitle}
+          showModal={CheckOutImageModal}
+        >
+          {
+            !isImageCap && 
+            <View style={customStyle.nonWCapImgModalCon}>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Camera} onPress={()=>{openCamera()}}>
+                <SvgXml width={100} height={100} xml={CameraImg2}/>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+            </View>
+          }
+          { 
+          isImageCap && 
+          <View style={customStyle.nonWCapImgModalCon}>
+            <View style={customStyle.nonWCapImgModal_ImgWrap}>
+              <Image  style={[customStyle.nonWCapImgModal_Img,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:CheckOutImagePath}} />
+            </View>
+            <TouchableOpacity style={customStyle.nonWCapImgModal_CameraSmall} onPress={()=>{openCamera()}}>
+              <MaterialCommunityIcons name='camera-retake' size={30} color={PageTheme.$primary_color}/>
+            </TouchableOpacity>
+            { showImageSaveOp &&
+            <View style={customStyle.nonWCapImgModal_btng}>              
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{cancelImage()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Save_btn} onPress={()=>{closeImageModal();UpdateCheckOutStatus(CheckOutLoc);}}>
+                <Text style={customStyle.nonWCapImgModal_Save_btnText}>{ST.Save}</Text>
+              </TouchableOpacity>
+            </View>}
+            {!showImageSaveOp &&
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Close}</Text>
+              </TouchableOpacity>
+            }
+            
+          </View>
+
+          }
+        </CustomModal>
+      )
+    }
+
+    function _render_DistanceModal(){
+      return (
+        <CustomModal 
+          style={customStyle.storeDistance_Modal}
+          title={'Performics'}
+          titleStyle={customStyle.storeDistanceM_title}
+          showModal={showDistanceModal}
+        >
+          <View style={customStyle.storeDistanceM_Con}>            
+            <Text style={customStyle.storeDistanceM_message}>{ST.Youneedtobeinthestore}</Text>
+            <Text style={[customStyle.storeDistanceM_message,customStyle.mb20]}>{ST.toCheckInCheckOut}</Text>
+            <Text style={customStyle.storeDistanceM_submessage}>{`${ST.Alloweddistancefromstore}: ${(props.DBCI_GeoFenceEnable==true?props.DBCI_GeoFenceRadius:'500')} m`}</Text>
+            <Text style={customStyle.storeDistanceM_submessage}>{`${ST.Yourdistancefromstore}: ${storeDistance}`}</Text>
+            <TouchableOpacity style={customStyle.storeDistanceM_btn} onPress={()=>{onDistanceM_OK()}}>
+              <Text style={customStyle.storeDistanceM_btnText}>Ok</Text>
+            </TouchableOpacity>
+          </View>
+        </CustomModal>
+      )
+      
+    }
+  
+    
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        {(startUploading) && <DownloadDataModal title={UploadingText} downloadCount={uploadedCount} totalCount={TotalUpCount} subtitle={UploadingSubText} showProgresssBar={showProgresssBar}/>}
+        
+        <CustomHeader {...props} title={'Distributor List'} />
+        {_render_StoreVisitModal()}
+        {_render_GeoTagModal()}
+        {_render_DistanceModal()}
+        {_render_CancelCheckinModal()}
+        {_OpenCaptureImage_Modal()}
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,getLocOnCheckout,ST.Doyoureallywanttocheckout)}
+        <CustomCamera cameraType={'front'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={customStyle.pageContentWrapper}>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          
+         
+          <View style={[customStyle.storelist_parentwrap]}>
+
+          <HeaderTabs {...props} isDBPOSMScreen={true} />
+
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={ST.Searchby+` ${ST.StoreName}, ${ST.StoreId}, ${ST.StoreCode}`}
+                autoComplete='off' 
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+
+          { nodataFound && 
+          <View style={customStyle.noDataCon}>
+            <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+          </View>
+          }
+          { (props.isDataDownloaded==true && !nodataFound) &&
+          <View style={customStyle.storel_Con}>
+          <FlatList
+          data={state.storeList}
+          extraData={rerenderdata}
+          style={customStyle.listcon}
+          initialNumToRender={4}
+          contentContainerStyle={customStyle.iteml_con}
+          renderItem={({ item, index, separators }) =>{
+            return(
+              <DistributorItem  {...props} item={item} index={index} isAdhocScreen={isAdhocScreen} setShowStoreVisitModal={setShowStoreVisitModal} setCurrentStore={setCurrentStore} onCheckOut={onCheckOut} storeList={state.storeList} setLoaderTitle={setLoaderTitle} setProcessing={setProcessing} setShowCancelCIModal={setShowCancelCIModal} setCancelCheckOutStore={setCancelCheckOutStore}/>
+            );
+            }}
+          /> 
+          </View>
+          }
+          </View> 
+         </View>      
+       </LinearGradient>       
+       
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(DistributorList);
\ No newline at end of file
diff --git a/src/screens/DownloadDataScreen.js b/src/screens/DownloadDataScreen.js
new file mode 100644
index 0000000..3f106a6
--- /dev/null
+++ b/src/screens/DownloadDataScreen.js
@@ -0,0 +1,296 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,TexVt,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+
+function DownloadDataScreen(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [state, setState] = useState({isDataDownloaded: false});
+    const [teamList, setTeamList] = useState([]);
+    const [trainingList, settrainingList] = useState([]);
+
+    const [masterBrand, setMasterBrand] = useState([]);
+    const [skuSize, setSkuSize] = useState([]);
+    const [compType, setCompType] = useState([]);
+    const [skuPacking, setSkuPacking] = useState([]);  
+    const [flavours, setFlavours] = useState([]);  
+    const [AuditQtns, setAuditQtns] = useState([]);  
+    const [imageTypes, setImageTypes] = useState([]);  
+    const [menuConfigurationList, setmenuConfigurationList] = useState([]);
+    const [processing, setProcessing] = useState(false);
+    const [dowloadedCount, setDowloadedCount] = useState(-1);
+    const totalCount=8;
+
+    
+
+  useEffect(() => {
+    console.log('processing:',processing);
+    if(processing){
+    console.log('increment dowloadedCount changed');
+    let count=dowloadedCount+1;
+    setDowloadedCount(count);
+    }
+  }, [teamList,skuSize,compType,skuPacking,flavours,AuditQtns,imageTypes]);
+
+  
+
+  useEffect(() => {
+    console.log('dowloadedCount changed',dowloadedCount);
+    if(dowloadedCount<=totalCount){
+      dowloadAllData();
+    }
+    else{
+      setProcessing(false); 
+    }
+  }, [dowloadedCount]);
+
+ 
+
+  async function startDownload() {
+    setProcessing(true); 
+    setDowloadedCount(0);
+  }
+
+
+  async function dowloadAllData() { 
+    console.log('dowloadAllData',dowloadedCount);
+    let token = await get_item('loginToken');
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    let teamArr=[],Master_Brand=[],Brand_Category=[],Master_SkuSize=[],Master_SkuPacking=[],Master_CompType=[],Qtns=[],imgTypes=[],Master_ProductFlavour=[],Mapping_MenuConfiguration_Sup=[],Training_List=[];
+
+    if(dowloadedCount==0){
+    // download teamlist
+    var data = {Downloadtype: 'Sup_TeamList',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Sup_TeamList) {
+          teamArr = res.Sup_TeamList || [];
+          setTeamList(teamArr);
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+      });
+
+      return;
+    }
+   
+    if(dowloadedCount==1){
+    // download Brand_master
+    data = {Downloadtype: 'Master_Brand',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Master_Brand) {
+          Master_Brand = res.Master_Brand || [];
+          setMasterBrand(Master_Brand); 
+        }
+        else if(res.success==false && res.error){
+          notify('Something went wrong while downloading data!');
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+    });
+
+    return;
+
+    }
+    
+
+    if(dowloadedCount==2){
+
+    // download SKU Sizes
+    data = {Downloadtype: 'Master_SkuSize',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Master_SkuSize) {
+          Master_SkuSize = res.Master_SkuSize || [];
+          setSkuSize(Master_SkuSize); 
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+    });
+
+    return;
+
+    }
+
+
+    if(dowloadedCount==3){
+    // download SKU Packaging
+    data = {Downloadtype: 'Master_ProductPack',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Master_ProductPack) {
+          Master_SkuPacking = res.Master_ProductPack || [];
+          setSkuPacking(Master_SkuPacking); 
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+    });
+
+    return;
+
+    }
+
+
+    if(dowloadedCount==4){
+    // download comp type
+    data = {Downloadtype: 'Master_ActivationType',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Master_ActivationType) {
+          Master_CompType = res.Master_ActivationType || [];
+          setCompType(Master_CompType); 
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+    });
+
+    return;
+
+    }
+
+    if(dowloadedCount==5){
+    // download product Flavour    
+    data = {Downloadtype: 'Master_ProductFlavour',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Master_ProductFlavour) {
+          Master_ProductFlavour = res.Master_ProductFlavour || [];
+          setFlavours(Master_ProductFlavour); 
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+    });
+
+    return;
+
+    }
+
+    if(dowloadedCount==6){
+    // download product Flavour    
+    data = {Downloadtype: 'Sup_AuditQuestion',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Sup_AuditQuestion) {
+          Qtns = res.Sup_AuditQuestion || [];
+          setAuditQtns(Qtns);
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+    });
+      return;
+    }
+
+    if(dowloadedCount==7){
+    // download Sup_ImageType
+    data = {Downloadtype: 'Sup_ImageType',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Sup_ImageType) {
+          imgTypes = res.Sup_ImageType || [];
+          setImageTypes(imgTypes);
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+    });
+
+    return;
+
+    }
+
+
+     if(dowloadedCount==8){
+    // download teamlist
+    var data = {Downloadtype: 'Mapping_MenuConfiguration_Sup',username: loginDetails.UserId,empid: '',token: token,};
+    await getDownloadJson(testurl, data)
+      .then(async(res) => {        
+        if (res.Mapping_MenuConfiguration_Sup) {
+          Mapping_MenuConfiguration_Sup = res.Mapping_MenuConfiguration_Sup || [];
+          setmenuConfigurationList(Mapping_MenuConfiguration_Sup);
+        }
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+      });
+
+      return;
+    }
+
+    if(dowloadedCount==9){
+      // download teamlist
+      var data = {Downloadtype: 'Sup_Master_DetailerContent',username: loginDetails.UserId,empid: '',token: token,};
+      await getDownloadJson(testurl, data)
+        .then(async(res) => {        
+          if (res.Master_DetailerContent) {
+            Training_List = res.Master_DetailerContent || [];
+            settrainingList(Training_List);
+          }
+        })
+        .catch(err => {
+          console.log('onPage Team error', err);
+        });
+  
+        return;
+      }
+    
+
+    if(dowloadedCount==10){
+    // create tables for if not created
+    let ddata={isDataDownloaded:false,teamList:teamList,Master_ActivationType:compType,Master_Brand:masterBrand,Master_ProductPack:skuPacking,Master_SkuSize:skuSize,Master_ProductFlavour:flavours,Sup_AuditQuestion:AuditQtns,Sup_ImageType:imageTypes,Mapping_MenuConfiguration_Sup:menuConfigurationList,Master_DetailerContent:trainingList};
+    await DownloadData(props,ddata).then(()=>{
+      setState({...state,isDataDownloaded:true});
+      setProcessing(false);
+      notify('Data Downloaded','SHORT');
+      props.navigation.goBack();   
+    });
+    }
+
+  }
+
+  
+    return ( 
+      <Container {...props} pt={0}>
+        {processing && <CustomLoader title={`Downloading files : ${dowloadedCount}/${totalCount}`}/>}
+        <CustomHeader {...props} topM={18} title={'Download Data'}/>
+        <ScrollView
+            style={[customStyle.download_scroll]}
+            contentContainerStyle={customStyle.download_scroll_con}
+        >
+            <TouchableOpacity style={customStyle.downloadbtn} onPress={()=>{startDownload()}}>
+              <Text style={customStyle.downloadbtn_label}>Download Data</Text>
+            </TouchableOpacity>  
+        </ScrollView>   
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(DownloadDataScreen);
\ No newline at end of file
diff --git a/src/screens/DynamicStoreList.js b/src/screens/DynamicStoreList.js
new file mode 100644
index 0000000..d7e72ee
--- /dev/null
+++ b/src/screens/DynamicStoreList.js
@@ -0,0 +1,1347 @@
+import React,{useState,useEffect, memo} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,TouchableHighlight,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,AddStore, checkRange, UploadData2, UploadData, UpdateStoreStatus} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, AppVersion} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, Entypo, Feather, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import MapIcon from '../assets/performics/map_icon.svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+import Geolocation from '@react-native-community/geolocation';
+import { getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_MenuList } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import { getMethodName, METHODS } from '../constants/methodNames';
+import { uploadAllData, uploadAllImages, uploadStoreStatus } from '../constants/uploadData';
+import { PrimaryTheme } from '../styles/Themes';
+// import JSON from '../constants/storeList_definition.json';
+import * as RNFS from 'react-native-fs';
+
+const StoreItem=memo((props)=>{
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+  const item=props.item;
+  const item_index=props.index;
+  const JSONView=props.JSONView;
+  const storeList_def=JSONView.storeList_def || {};
+  // (storeList_def!=null && typeof storeList_def=='object' && Object.keys(storeList_def).length>0)
+  let showInCard=storeList_def.showInCard;
+  showInCard=showInCard==0 || (showInCard!=null && showInCard!='')?showInCard:1;
+  let showCardDefaultColor=storeList_def.showCardDefaultColor || PageTheme.$bg_color ;
+  let rowData=storeList_def.rowData || [] ;
+
+  async function get_to_store_details(data){
+    
+      if(data.UploadStatus=='U'){
+        notify('All Data already uploaded for this store!');
+      }
+      else if(data.UploadStatus=='L'){
+        notify('Already marked as not working status for this store!');
+      }
+      else if(data.UploadStatus=='I'){
+        let isChcekedIn=await checkIfCheckInAvlbl();
+        let menuList=data.MenuList;
+        console.log('menuList length:',menuList.length);
+        if(isChcekedIn==true){
+          menuList.length>0?props.navigation.navigate('StoreDailyMenu',{storeData:data,'isAdhoc':props.isAdhocScreen}):'';
+        }
+        else{
+          let isrestored=await restoreCheckIn(data);
+          props.setProcessing(false);
+          console.log('isrestored:',isrestored);
+          if(isrestored==true){
+            menuList.length>0?props.navigation.navigate('StoreDailyMenu',{storeData:data,'isAdhoc':props.isAdhocScreen}):'';
+          }
+          else{
+            notify('Check-In data not available!');
+          }
+          
+        }
+        
+      }
+      else if(data.UploadStatus=='C'){
+        notify('Already checked out!');
+      }
+      else if(data.UploadStatus=='D'){
+        notify('Data already uploaded!');
+      }
+      else if(data.UploadStatus=='P'){
+        notify('Data partially uploaded!');
+      }
+      else if(data.UploadStatus=='N' || data.UploadStatus==''){
+        let isChcekedIn=await checkIfAlreadyCheckdIn();
+        console.log('isChcekedIn',isChcekedIn);   
+        if(isChcekedIn==true){
+          notify('You are already checked in to the other store!','LONG');
+        }
+        else{
+          props.setShowStoreVisitModal(true);
+          props.setCurrentStore(data); 
+        }    
+      }
+      
+  }
+
+  
+
+  async function checkIfCheckInAvlbl(){
+    let d1=new Date();
+    let d2=moment(d1).format('MM/DD/YYYY');
+    return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+
+          let join=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Mapping_JourneyPlan' `;
+          let q=`Select t1.* from Mapping_JourneyPlan t1 ${join} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+          
+          let join2=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Adhoc_JourneyPlan' `;
+          let q2=`Select t1.* from Adhoc_JourneyPlan t1 ${join2} where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+          
+          await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              if(txnres2.rows.length>0){ 
+                // show from local
+                resolve(true);      
+              }
+              else{            
+                await txn.executeSql(q2,[],async function (txn2, txnres3) {           
+                  if(txnres3.rows.length>0){ 
+                    // show from local
+                    resolve(true);      
+                  }
+                  else{            
+                    resolve(false);
+                  }
+                },function(txn2,txnerr){console.log(txnerr);resolve(false);  });
+              }
+          },function(txn2,txnerr){console.log(txnerr);resolve(false); });
+
+        }); 
+
+    }).then((val)=>{
+      return val;
+    }).catch((err)=>{
+      return false;
+    });
+  }
+
+
+  async function AskForCancelCheckin(data){
+    props.setCancelCheckOutStore(data);
+    props.setShowCancelCIModal(true);
+  }
+  
+
+  async function restoreCheckIn(item){
+    props.setLoaderTitle('You have cleared the App-Data! Restoring Checkin Info...');
+    props.setProcessing(true);
+    let d1=new Date();
+    let d2=moment(d1).format('MM/DD/YYYY');
+    return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+
+          let {StoreId,VisitDate,MID,Latitude, Longitude,UploadStatus,InTime,OutTime}=item;
+          let JcpType=props.isAdhocScreen==true?'Adhoc_JourneyPlan':'Mapping_JourneyPlan';
+
+          let In_Time=(InTime!='' && InTime!=null && InTime!='00:00:00' && InTime!='00:00')?moment(d2+' '+InTime).format('MM/DD/YYYY HH:mm:ss'):''; 
+          let Out_Time=(OutTime!='' && OutTime!=null && OutTime!='00:00:00' && OutTime!='00:00')?moment(d2+' '+OutTime).format('MM/DD/YYYY HH:mm:ss'):''; 
+          let CHECKOUT_TIME=(Out_Time!='' && Out_Time!=null)?Out_Time:In_Time; 
+          
+
+          // add store Coverage data
+          let q=`delete from ${AppTables.COVERAGE_DATA} where STORE_ID='${StoreId}' and VISIT_DATE='${VisitDate}' `; 
+          let values=` ('${StoreId}','${VisitDate}','${Latitude}','${Longitude}','','${CHECKOUT_TIME}','','0','','','','${MID}','${JcpType}','${d2}')`; 
+          let insert_q=` insert into ${AppTables.COVERAGE_DATA}(STORE_ID,VISIT_DATE ,LATITUDE,LONGITUDE,IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REASON_ID,REASON,REMARK,STORE_FLAG,MID,JCP_TYPE,ADDED_DATE) values ${values}`;
+          await txn.executeSql(q,[],async function (txn2, txnres2) {
+            console.log('store coverage deleted'); 
+            await txn.executeSql(insert_q,[],async function (txn2, txnres3) {
+              console.log('InsertCoverageData done');
+
+
+              // add storeCheckin data
+              let q2=`delete from ${AppTables.CHECKIN_DATA} where STORE_ID='${StoreId}' and VISIT_DATE='${VisitDate}' `; 
+              let values2=` ('${StoreId}','${VisitDate}','${Latitude}','${Longitude}','${In_Time}','','${Out_Time}','','','${JcpType}','${d2}')`; 
+              let insert_q2=` INSERT INTO ${AppTables.CHECKIN_DATA}(STORE_ID,VISIT_DATE,LATITUDE,LONGITUDE,CHECKIN_TIME,CHECKIN_IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REMARK,JCP_TYPE,ADDED_DATE) values ${values2}`;
+              await txn.executeSql(q2,[],async function (txn2, txnres4) {
+                console.log('removed'); 
+                await txn.executeSql(insert_q2,[],async function (txn2, txnres5) {
+                  console.log('checkin data added'); 
+                  resolve(true);  
+                },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+              },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+
+
+            },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+          },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+
+        }); 
+
+    }).then((val)=>{
+      return val;
+    }).catch((err)=>{
+      return false;
+    });
+  }
+
+  async function checkIfAlreadyCheckdIn(){
+    let d1=new Date();
+    let d2=moment(d1).format('MM/DD/YYYY');
+    return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+
+          let join=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Mapping_JourneyPlan' `;
+          let q=`Select t1.* from Mapping_JourneyPlan t1 where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+          
+          let join2=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Adhoc_JourneyPlan' `;
+          let q2=`Select t1.* from Adhoc_JourneyPlan t1 where t1.VisitDate='${d2}' and t1.UploadStatus='I'`
+          
+          await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              if(txnres2.rows.length>0){ 
+                // show from local
+                resolve(true);      
+              }
+              else{            
+                await txn.executeSql(q2,[],async function (txn2, txnres3) {           
+                  if(txnres3.rows.length>0){ 
+                    // show from local
+                    resolve(true);      
+                  }
+                  else{   
+                    resolve(false);
+                  }
+                },function(txn2,txnerr){console.log(txnerr);resolve(false);  });
+              }
+          },function(txn2,txnerr){console.log(txnerr);resolve(false); });
+
+        }); 
+
+    }).then((val)=>{
+      return val;
+    }).catch((err)=>{
+      return false;
+    });
+  }
+
+  
+
+  function renderRow(rd,rd_index){
+    let cols=rd.ShowString || [];
+    return (
+      <View style={[customStyle.dstorel_row,(rd_index==rowData.length-1?customStyle.dstorel_row_last:{})]} key={rd_index}>
+          {
+            cols.length>0 && 
+            cols.map((col,col_index)=>{
+              let sep=(col.fieldNameValueSeparator!=null &&  col.fieldNameValueSeparator!='')?' '+col.fieldNameValueSeparator:'';
+              let col_sep=col.afterConcatChar!=null && col.afterConcatChar!='' ? col.afterConcatChar:'';
+              let col_style={fontSize:(col.fontSize || 12),fontWeight:(col.fontWeight!=null && col.fontWeight!=''?col.fontWeight : '400')} //fontFamily:(col.fontName || 'sans-serif')
+             
+              return(
+              <View style={[customStyle.dstorel_codeCon]} key={col_index}>
+                <Text style={customStyle.dstorel_codeLbl}>{col.labelName+sep}</Text>
+                <Text style={[customStyle.dstorel_codeText,col_style]}>{item[col.fieldName]}</Text>
+                <Text style={customStyle.dstorel_codeSep}>{col_sep}</Text>
+              </View>  
+              )
+            })
+          }
+      </View>
+    )
+  }
+
+  return(
+      
+      <TouchableOpacity style={[((showInCard=='1'  || showInCard==1) ?customStyle.storel:customStyle.storelR),(showInCard!=1 && showInCard!='1' && item_index==(props.storeList.length-1)?customStyle.storelR_last:{}),(showInCard=='1'  || showInCard==1)?{backgroundColor:showCardDefaultColor}:{}]} key={props.index} onPress={() => {get_to_store_details(item)}}> 
+       <View style={customStyle.dstorel_card_outer}>
+          {rowData.length>0 && 
+            rowData.map((rd,rd_index)=>{
+              return renderRow(rd,rd_index);
+            })
+          }
+       </View>
+      </TouchableOpacity>
+    
+  );
+
+    return(
+      <View style={customStyle.storel_card_outer}> 
+        <View style={customStyle.storel_card}>
+          <View style={customStyle.storel_card_content}>
+            <Text style={customStyle.storel_card_title}>{item.StoreName}</Text>
+          </View>                  
+        </View>
+        <View style={customStyle.storel_details}>
+          <View style={customStyle.storel_code}>
+            <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+              <Text style={customStyle.storel_codeLbl}>Store Id:</Text>
+              <Text style={customStyle.storel_codeText}>{item.StoreId}</Text>
+            </View>                    
+            <View style={[customStyle.storel_codeCon]}>
+              <Text style={customStyle.storel_codeLbl}>Store Type:</Text>
+              <Text style={customStyle.storel_codeText}>{item.StoreType}</Text>
+            </View>
+          </View>
+          <View style={customStyle.storel_code}>                    
+            <View style={[customStyle.storel_codeCon]}>
+              <Text style={customStyle.storel_codeLbl}>Store Code:</Text>
+              <Text style={customStyle.storel_codeText}>{item.StoreCode}</Text>
+            </View>
+          </View>
+
+          <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>                    
+            <View style={[customStyle.storel_codeCon]}>
+              <Text style={customStyle.storel_codeLbl}>Address:</Text>
+              <Text style={customStyle.storel_codeText}>{item.Address}</Text>
+            </View>
+          </View>
+          {(item.CheckInTime!=null && item.CheckInTime!='') && 
+            <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>
+              <Fontisto style={customStyle.storel_codeIcon} color={PageTheme.$secondary_color_dark} name='clock'/>
+              <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                <Text style={customStyle.storel_codeText}>Check In:</Text>
+                <Text style={customStyle.storel_codeText}>{item.CheckInTime}</Text>
+              </View>
+              {(item.CheckOutTime!=null && item.CheckOutTime!='') && 
+                <View style={[customStyle.storel_codeCon]}>
+                  <Text style={customStyle.storel_codeText}>Check Out:</Text>
+                  <Text style={customStyle.storel_codeText}>{item.CheckOutTime}</Text>
+                </View>
+              }
+            </View>
+          }
+          { (item.UploadStatus!=null && item.UploadStatus!='' && item.UploadStatus!='N') &&
+            <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>                    
+              <View style={[customStyle.storel_usWrap]}>
+            
+              {item.UploadStatus!=null && (item.UploadStatus=='I' || item.UploadStatus=='L') &&
+              <TouchableOpacity style={[customStyle.storel_usCon,customStyle.storel_usConBtn,(item.UploadStatus=='L'?customStyle.storel_usConBtn2:{})]} onPress={()=>{AskForCancelCheckin(item)}}>
+                {item.UploadStatus=='L' ? <MaterialCommunityIcons name='exclamation' color='red' size={20}/>:<MaterialCommunityIcons name='login' color='#1f7dbc' size={20}/>}
+                {item.UploadStatus=='L' ? <Text style={[customStyle.storel_usText,{color:'red'},customStyle.storel_usBtnText]}>Not Working</Text>:<Text style={[customStyle.storel_usText,{color:'#1f7dbc'},customStyle.storel_usBtnText]}>Checked In</Text>}
+                
+                <View style={[customStyle.storel_usBtnRemoveIcon]}>
+                  <FontAwesome name='trash' size={20} color={'red'} />
+                </View>
+              </TouchableOpacity>} 
+              {/* {item.UploadStatus!=null && item.UploadStatus=='I' &&
+              <View style={[customStyle.storel_usCon]}>
+                    <MaterialCommunityIcons name='login' color='#1f7dbc' size={20}/>
+                  <Text style={[customStyle.storel_usText,{color:'#1f7dbc'}]}>Checked In</Text>
+              </View>}  */}
+              {item.UploadStatus!=null && item.UploadStatus=='C' &&
+              <View style={[customStyle.storel_usCon]}>
+                <MaterialCommunityIcons name='logout' color='#ffd667' size={20}/>
+                <Text style={[customStyle.storel_usText,{color:'#ffd667'}]}>Checked Out</Text>
+              </View>} 
+              {item.UploadStatus!=null && item.UploadStatus=='P' &&
+              <View style={[customStyle.storel_usCon]}>
+                <AntDesign name='cloudupload' color='red' size={20}/>
+                <Text style={[customStyle.storel_usText,{color:'red'}]}>Partially Uploaded</Text>
+              </View>} 
+              {item.UploadStatus!=null && item.UploadStatus=='D' &&
+              <View style={[customStyle.storel_usCon]}>
+                <Ionicons name='checkmark-sharp' color='green' size={20}/>
+                <Text style={[customStyle.storel_usText,{color:'green'}]}>Data Uploaded</Text>
+              </View>} 
+              {item.UploadStatus!=null && item.UploadStatus=='U' &&
+              <View style={[customStyle.storel_usCon]}>
+                <Ionicons name='checkmark-done-sharp' color='green' size={20}/>
+                <Text style={[customStyle.storel_usText,{color:'green'}]}>Uploaded</Text>
+              </View> }  
+              {/* {item.UploadStatus!=null && item.UploadStatus=='L' &&
+                        <View style={[customStyle.storel_usCon]}>
+                          <MaterialCommunityIcons name='exclamation' color='red' size={20}/>
+                          <Text style={[customStyle.storel_usText,{color:'red'}]}>Not Working</Text>
+              </View> }   */}
+              { item.allDone==true && (item.UploadStatus=='I') && 
+                <TouchableOpacity  style={customStyle.storel_CheckOutBtn} onPress={()=>{props.onCheckOut?props.onCheckOut(item):'';}}>
+                  <Text style={customStyle.storel_CheckOutBtnText}>Check Out</Text>
+                </TouchableOpacity> 
+              }                 
+                      </View>
+          </View>}
+        </View>
+        { item.GeoTag=='Y' && 
+          <TouchableOpacity activeOpacity={0.5} style={customStyle.storel_geotag_btn} onPress={()=>{props.navigation.navigate('ShowMap',{storeData:item})}} >
+            <SvgXml width={30} height={30} xml={MapIcon}/>    
+          </TouchableOpacity>
+        }
+        { item.GeoTag=='N' && 
+          <TouchableOpacity activeOpacity={1} style={customStyle.storel_geotag_btn} onPress={()=>{}} >
+            <Entypo name='location-pin' size={30} color={'#b4b4b4'}/>   
+          </TouchableOpacity>
+        }
+       </View>  
+    )
+  
+  
+});
+
+function DynamicStoreList(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [processing, setProcessing] = useState((props.isDataDownloaded?true:false));
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [nodataFound, setNodataFound] = useState(false);
+    const [showStoreVisitModal, setShowStoreVisitModal] = useState(false);
+    const [showGeoTagModal, setShowGeoTagModal] = useState(false);
+    const [showDistanceModal, setShowDistanceModal] = useState(false);
+    const [currentStore, setCurrentStore] = useState({});
+    const [storeDistance, setStoreDistance] = useState('0 M');
+    const [showAlert, setShowAlert] = useState(false);
+    const [checkOutStore,setCheckOutStore]=useState({});
+    const [rerenderdata, setrerenderdata]= useState(false);
+    let [state, setState] = useState({storeList:[]});
+    const [cancelCheckOutStore,setCancelCheckOutStore]=useState({});
+    const [showCancelCIModal, setShowCancelCIModal]= useState(false);
+    const [JSONView, setJSONView]= useState({});
+  
+    useEffect(() => { 
+      
+      getData();
+      const willFocusSubscription = props.navigation.addListener('focus', () => {
+        checkLocalData();
+      });
+
+      return willFocusSubscription
+    }, []);
+
+
+    async function getData(){
+      // let json_ex1=JSON;
+      // setJSONView(json_ex1);
+      // return;
+
+      let json_ex=require('../constants/storeList_definition.json');
+      // let path =`file://${RNFS.ExternalStorageDirectoryPath}/Documents/test.json`;
+      // console.log('path:',path);
+      // let json_ex=await RNFS.readFile(path).then((val)=>{
+      //   return val;
+      // })
+      setJSONView(json_ex);
+      checkLocalData();
+    }
+    
+
+    async function calLocatDistance(){
+      if(currentStore.Latitude !='' && currentStore.Latitude!=null){
+        const hasPermission=await _checkLocationPermission();
+        if(hasPermission==true)
+        {    
+          Geolocation.getCurrentPosition(
+            async (position) => {
+                let loc={lat:position.coords.latitude,lng:position.coords.longitude};
+                
+                var distance = checkRange(loc.lat,loc.lng,currentStore.Latitude,currentStore.Longitude);
+                // console.log('distance:',distance);
+                let dinKM=(distance / 1000);
+                let distanceinM=(distance=='' || distance==null || isNaN(distance))?' 0 m':( dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+                setStoreDistance(distanceinM);
+                if(distance>500){
+                  setShowDistanceModal(true); 
+                }
+                else{
+                  props.navigation.navigate('StoreCheckin',{storeData:currentStore,'isAdhoc':isAdhocScreen});
+                }          
+            },
+            (error) => {
+                notify('Cannot get user position');
+            },
+            { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+          );
+        }
+        else{
+          notify('Please allow location permission');
+        }
+      }
+      else{
+        notify('Store location not available');
+      }
+      
+    }
+
+    
+  
+    async function checkLocalData(){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+      let params=props.route.params? props.route.params:{};
+      let isAdhoc=params.isAdhoc || false;
+      setIsAdhocScreen(isAdhoc);
+
+      var q='',tb1='Mapping_JourneyPlan',tb2=AppTables.CHECKIN_DATA,tb3='Adhoc_JourneyPlan';
+
+      var join_tbl=isAdhoc==true?tb3:tb1;
+      var join =` left join ${tb2} on ${tb2}.STORE_ID=${join_tbl}.StoreId and ${tb2}.JCP_TYPE='${join_tbl}' and ${tb2}.VISIT_DATE='${d2}' and ${join_tbl}.UploadStatus in ('I','C','D','U','L')  `;
+      var orderby=` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+      
+      if(isAdhoc==true){
+        q=`Select ${tb3}.*,${tb2}.CHECKIN_TIME as CheckInTime ,${tb2}.CHECKOUT_TIME as CheckOutTime from ${tb3} ${join}  where ${tb3}.VisitDate='${d2}' ${orderby} `;
+      }
+      else{
+        q=`Select ${tb1}.*,${tb2}.CHECKIN_TIME as CheckInTime ,${tb2}.CHECKOUT_TIME as CheckOutTime from ${tb1} ${join}  where ${tb1}.VisitDate='${d2}' ${orderby} `;
+      }
+      
+      await db.transaction(async function (txn) {   
+        await txn.executeSql(q,[],async function (txn2, txnres2) {           
+          if(txnres2.rows.length>0){ 
+            // show from local
+            var storeArr=[];
+            for(var i=0;i<txnres2.rows.length;i++){
+              let sdata=txnres2.rows.item(i); 
+              let {InTime,OutTime,UploadStatus,StoreId,MID}=sdata;
+              let time=sdata.CheckInTime!=null && sdata.CheckInTime!=''?moment(new Date(sdata.CheckInTime)).format('HH:mm:ss'):''; 
+              let time2=sdata.CheckOutTime!=null && sdata.CheckOutTime!=''?moment(new Date(sdata.CheckOutTime)).format('HH:mm:ss'):''; 
+              let In_Time=(time=='' && UploadStatus!='' && UploadStatus!='N')?InTime:time;
+              let Out_Time=(time2==''  && UploadStatus!='' && UploadStatus!='N' && UploadStatus!='I')?OutTime:time2;
+              sdata.CheckInTime=In_Time;
+              sdata.CheckOutTime=Out_Time;
+              
+              let MenuList=await getMenuList(sdata);
+              let allDone=MenuList.length>0?await getDailyMenu(sdata):true;
+              sdata.allDone=allDone;
+              sdata.MenuList=MenuList || [];
+              storeArr.push(sdata);
+              
+              if(i==(txnres2.rows.length-1)){
+                // console.log(storeArr);
+                setState({storeList:storeArr});
+                setProcessing(false);
+              }
+            }            
+          }
+          else{            
+            setProcessing(false); notify('No data found');setNodataFound(true);
+          }
+        },function(txn2,txnerr){console.log(txnerr);});
+      });      
+    }
+
+    async function getDailyMenu(storeData1){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let {StoreId,ChannelId,RegionId}=storeData1;
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {        
+             
+          let q=Q_MenuList(storeData1); 
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+            
+            if(txnres.rows.length>0){     
+              let allDone=true;   
+              for(var i=0;i<txnres.rows.length;i++){
+                let data =txnres.rows.item(i);
+                let isAvlbl=await checkAvailability(storeData1,data);
+                let isDone=await updateStatus(storeData1,data,isAvlbl);
+                
+                if(isAvlbl && !isDone){
+                  allDone=false;
+                  resolve(allDone);
+                  break;
+                }
+                if(i==(txnres.rows.length-1)){
+                  resolve(allDone);
+                }
+              }
+            }
+            else{
+              resolve(true);
+            }
+          },function (txn2, txnerr) { console.log(txnerr); resolve(false);},);
+
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });
+           
+    }
+
+    async function getMenuList(storeData1){
+      let {StoreId,ChannelId,RegionId}=storeData1;
+      return new Promise((resolve,reject)=>{
+  
+        db.transaction(async function (txn) {   
+          let q=Q_MenuList(storeData1);  
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+            if(txnres.rows.length>0){     
+              let arr=[];             
+              for(var i=0;i<txnres.rows.length;i++){
+                let data =txnres.rows.item(i);
+                
+                arr.push(data);
+                if(i==(txnres.rows.length-1)){
+                  resolve(arr);
+                }
+              }
+            }
+            else{
+              resolve([])
+            }
+          },function (txn2, txnerr) { console.log(txnerr); resolve([]); },);
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log('')
+        return []
+      })
+    }
+
+    async function getKPIS(MenuList){
+      let allKpis=[];
+              
+      return Promise.all(
+        MenuList.map((item,index)=>{
+          let MenuId=item.MenuId || '';
+          MenuId=MenuId+'';
+          switch(MenuId){
+            case '1':allKpis.push('Stocks'); return 'Stocks';
+            case '2':allKpis.push('BRS'); return 'BRS';
+            case '3':allKpis.indexOf('Stocks')<0?allKpis.push('Stocks'):''; return 'Stocks';
+            case '4':allKpis.indexOf('Stocks')<0?allKpis.push('Stocks'):''; return 'Stocks';
+            case '5':allKpis.push('SOS'); return 'SOS';
+            case '6':allKpis.push('PaidVis'); return 'PaidVis';
+            case '7':allKpis.push('AddVis'); return 'AddVis';
+            case '8':allKpis.push('CompVis'); return 'CompVis';
+            case '9':allKpis.push('Promotion'); return 'Promotion';
+            case '14':allKpis.push('CompPromo'); return 'CompPromo';
+            case '15':allKpis.push('Contacts'); return 'Contacts';
+            case '16':allKpis.push('Sale'); return 'Sale';
+            case '17':allKpis.push('Survey'); return 'Survey';
+            default: return '';
+          }
+        })
+      ).then((val)=>{
+        console.log('allKPIs:',val,allKpis);
+        return allKpis;
+      })
+    }
+
+
+    async function checkAvailability(storeData1,data){
+      
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let q2=getAvailblQuery(data.MenuId,storeData1);
+          if(q2!='' && q2!=null){
+            await txn.executeSql(q2,[],async function (txn2, txnres2) {                     
+              let isAvlbl=getIfAvlbl(data.MenuId,txnres2,storeData1);
+              resolve(isAvlbl);
+            },function (txn2, txnerr) { console.log(txnerr); resolve(false);},);
+          }
+          else{
+            let isAvlbl=getIfAvlbl(data.MenuId,{},storeData1);
+            resolve(isAvlbl);
+          }
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });     
+    }
+
+
+    async function updateStatus(storeData1,data,isAvlbl){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let q2=getQuery(data.MenuId,storeData1);
+          if(q2!='' && q2!=null && isAvlbl==true){
+              await txn.executeSql(q2,[],async function (txn2, txnres2) {                     
+                let isDone=await getIfKPIDone(data.MenuId,txnres2,storeData1);
+                resolve(isDone);
+               
+              },function (txn2, txnerr) { console.log(txnerr); resolve(false);},);
+          }
+          else{
+              resolve(false);
+          }
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      }); 
+             
+    }
+
+    async function onCheckOut(storeData1){
+      // let isAlldone=await getDailyMenu(storeData1);
+      // if(isAlldone==true){
+        setCheckOutStore(storeData1);
+        setShowAlert(true);
+      // }
+      // else{
+      //   notify('Please fill all KPI ',false);
+      // }
+    }
+
+    function onSaveCancel(){
+      setShowAlert(false);
+    }
+
+    async function getLocOnCheckout(){
+      setShowAlert(false);
+      setLoaderTitle('Updating Checkout Status...');
+      setProcessing(true);
+      Geolocation.getCurrentPosition(
+        async (position) => {
+          let {latitude,longitude} = position.coords;
+          let loc={lat:latitude,lng:longitude};
+          UpdateCheckOutStatus(loc)
+        },
+        (error) => {
+            notify('Cannot get user position');
+            setProcessing(false);
+        },
+        { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+      );
+    }
+
+    async function UpdateCheckOutStatus(loc){  
+      let {StoreId,MID}=checkOutStore;
+      let d=new Date();
+      let d2=moment(d).format('MM/DD/YYYY');
+      let d3=moment(d).format('MM/DD/YYYY HH:mm:ss'); 
+      
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+       
+      let data1={
+          "UserId": loginDetails.UserId,
+          "StoreId": StoreId,
+          "Latitude": loc.lat,
+          "Longitude": loc.lng,
+          "Checkout_Date": d2,
+      }
+
+      const url=props.baseurl+getMethodName(METHODS.CHECKOUTDETAIL_METHOD);
+      
+      console.log(url,data1);
+      await UploadData2(url,data1)
+      .then(async(res)=>{ 
+          console.log('StoreCheckOutSup1:',res,'MID:',MID);
+          if(!res.error){
+            if(res==1){
+              //Check out completed
+              
+              let data={checkout_image:''} ;
+              const isCheckOutUpdated=await UpdateStoreCheckOut(data);
+              
+              if(isCheckOutUpdated==true){
+                let datan={StoreId:StoreId,UploadStatus:'C',tbname:(isAdhocScreen==true?'Adhoc_JourneyPlan':'Mapping_JourneyPlan')} ;            
+                const isUpdated=await UpdateStoreStatus(props,datan);
+                if(isUpdated==true){
+                  let outtime=moment(d).format('HH:mm:ss'); ;
+                  await updateStoreStatuslocal('C',checkOutStore,false,true,outtime);
+                  setLoaderTitle('Uploading Data...');
+                  UploadOnCheckOut(loc);
+                }
+                else{
+                  setProcessing(false);notify('Error occur while checkout','LONG');
+                } 
+              }
+              else{
+                notify('Error occur while checkout','LONG');
+              }
+              
+            }
+            else{
+              notify('Something went wrong!','SHORT');setProcessing(false);
+            }
+          }
+          else{
+            notify('Something went wrong!','SHORT');setProcessing(false);
+          }
+      })
+      .catch((err)=>{
+        console.log('onPage Team error',err);
+        notify('Something went wrong!','SHORT');setProcessing(false);
+      }); 
+        
+      
+    }
+
+    async function updateStoreStatuslocal(status,storeData1,updateCheckin=false,uCOut=false,cout_time=''){
+      
+      let storeArr=state.storeList;
+      let sdata_index=storeArr.findIndex(i=>i.StoreId==storeData1.StoreId);
+      if(sdata_index>=0){
+        let sdata=storeArr[sdata_index];
+        sdata['UploadStatus']=status;
+        if(updateCheckin==true){
+          sdata['CheckInTime']='';
+        }
+        if(uCOut==true){
+          sdata['CheckOutTime']=cout_time;
+        }
+        storeArr[sdata_index]=sdata;
+        setState({...state,storeArr});
+        setrerenderdata(!rerenderdata);
+      }
+    }
+
+    async function UpdateStoreCheckOut(data) {    
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let now=moment(d1).format('MM/DD/YYYY HH:mm:ss');
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {    
+          let q2=`UPDATE ${AppTables.COVERAGE_DATA} SET CHECKOUT_TIME='${now}', CHECKOUT_IMAGE='' WHERE STORE_ID='${checkOutStore.StoreId}' and VISIT_DATE='${d2}' `;
+          
+          await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+            console.log('store coverage updated');
+          },function(txn2,txnerr){console.log(txnerr);resolve(false);}); 
+
+          let q=`UPDATE ${AppTables.CHECKIN_DATA} SET CHECKOUT_TIME='${now}', CHECKOUT_IMAGE='' WHERE STORE_ID='${checkOutStore.StoreId}' and VISIT_DATE='${d2}' `;
+          await txn.executeSql(q,[],async function (txn2, txnres2) { 
+            console.log('store checkout updated');
+            resolve(true);
+          },function(txn2,txnerr){console.log(txnerr);resolve(false);}); 
+        
+        });
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });
+        
+      
+    }
+    
+
+    async function UploadOnCheckOut(loc){
+      try {   
+        console.log('UploadOnCheckOut');
+        let d1=new Date();
+        let d2=moment(d1).format('MM/DD/YYYY');
+        let token = await get_item('loginToken');
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+       
+        let PJPStores=await getPJPStoresData('Mapping_JourneyPlan',[],d2);
+        let AllStores=await getPJPStoresData('Adhoc_JourneyPlan',PJPStores,d2);
+
+        
+
+        await db.transaction(async function (txn) { 
+          console.log('stores to upload:',AllStores.length);  
+          if(AllStores.length>0){  
+            for (var i=0;i<AllStores.length;i++){
+              let data=AllStores[i];
+              const index=i;
+              let {StoreId,StoreName,EmpId,MID,UploadStatus,Status,VisitDate,REASON_ID,IMAGE,JCP_TYPE}=data;
+
+              let MenuList=await getMenuList(data);
+              let allKPIs=await getKPIS(MenuList);
+              // get all checkout ids data
+              // let allKPIs=['Stocks','BRS','SOS','PaidVis','AddVis','CompVis','Promotion','CompPromo','Contacts','Sale','Survey'];
+                  
+              if(UploadStatus=='C'){
+                let pdata={
+                  "Mid":MID,
+                  "StoreId":StoreId,
+                  "VisitDate":d2,
+                  "Latitude":loc.lat,
+                  "Longitude":loc.lng,
+                  "ReasonId":REASON_ID!=''?REASON_ID:0,
+                  "Remark":"",
+                  "ImageName":IMAGE,
+                  "Appversion":AppVersion,
+                  "UploadStatus":'P',
+                  "CheckoutImage":IMAGE,
+                  "UserName":loginDetails.UserId,
+                };
+                
+                const url2=props.baseurl+getMethodName(METHODS.GETCOVERAGE_METHOD);
+                console.log(url2,pdata)
+                await UploadData2(url2,pdata)
+                .then(async(res)=>{ 
+                  console.log('status uploadres:',res,'MID:',MID);
+                 
+                  if(!res.error){
+                    let tbname=JCP_TYPE;
+                    let datan={StoreId:StoreId,UploadStatus:'P',tbname:tbname} ;            
+                    const isUpdated=await UpdateStoreStatus(props,datan);
+                    if(isUpdated==true){
+                      
+                      await updateStoreStatuslocal('P',data);
+                      await uploadAfter_P_status(index,AllStores,data,MenuList,allKPIs,JCP_TYPE);
+                     
+                    }
+                    else{
+                      if(index==AllStores.length-1){
+                        setProcessing(false);notify('Error occur while uploading data','LONG');
+                      }
+                    }
+                  }
+                  else{
+                    if(index==AllStores.length-1){
+                      setProcessing(false);notify('Error occur while uploading data','LONG');
+                    }
+                  }
+                  
+                })
+                .catch((err)=>{
+                  console.log(err);
+                  if(index==AllStores.length-1){
+                    setProcessing(false);notify('Error occur while uploading data','LONG');
+                  }
+                });
+              }
+              else if (UploadStatus=='D'){
+                //  this never be called if there is no KPI
+                let allFilesToUpload=await uploadAllData(props,data,allKPIs,props.UserId,JCP_TYPE,false);
+                if(allFilesToUpload.length>0){
+                  await UploadDataWithImages(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,allFilesToUpload);
+                }
+                else{
+                  notify('All data uploaded for '+StoreName,'SHORT');
+                  if(index==AllStores.length-1){
+                    setProcessing(false);
+                  }
+                }
+              }
+              else if(UploadStatus=='P'){
+                await uploadAfter_P_status(index,AllStores,data,MenuList,allKPIs,JCP_TYPE);
+              }
+              else if(UploadStatus=='L'){
+                let isAllUploaded_S=await uploadStoreStatus(props,data,'U',JCP_TYPE);
+                if(isAllUploaded_S==true){
+                  await updateStoreStatuslocal('U',data);
+                  notify('All data uploaded for '+StoreName,'SHORT');
+                  if(index==AllStores.length-1){
+                    setProcessing(false);
+                  }
+                }
+                else{
+                  if(index==AllStores.length-1){
+                    setProcessing(false);notify('Error occur while uploading data','LONG');
+                  }
+                }
+              }
+            }
+                
+          } 
+        });  
+
+        
+  
+      } catch (err) {
+        console.log(err);          
+      }   
+    }
+
+    async function uploadAfter_P_status(index,AllStores,data,MenuList,allKPIs,JCP_TYPE){
+      let {StoreName}=data;
+      if(MenuList.length>0){ 
+        // Upload data with Images
+        let allFilesToUpload=await uploadAllData(props,data,allKPIs,props.UserId,JCP_TYPE);
+        await updateStoreStatuslocal('D',data);
+        UploadDataWithImages(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,allFilesToUpload);
+      }
+      else{
+        //  Upload statua u if no data exists
+        let isAllUploaded_S=await uploadStoreStatus(props,data,'U',JCP_TYPE);
+        if(isAllUploaded_S==true){
+          await updateStoreStatuslocal('U',data);
+          notify('All data uploaded for '+StoreName,'SHORT');
+          if(index==AllStores.length-1){
+            setProcessing(false);
+          }
+        }
+        else{
+          if(index==AllStores.length-1){
+            setProcessing(false);notify('Error occur while uploading data','LONG');
+          }
+        }
+      }
+    }
+
+    async function UploadDataWithImages(index,AllStores,data,MenuList,allKPIs,JCP_TYPE,allFilesToUpload){
+      let {StoreName}=data;
+      if(allFilesToUpload.length>0){
+        setLoaderTitle('Uploading Images...');
+        console.log('set loader title');
+        let isAllUploaded=await uploadAllImages(props,data,allFilesToUpload,JCP_TYPE);
+
+        if(isAllUploaded==true){
+          await updateStoreStatuslocal('U',data);
+          notify('All data and images uploaded for '+StoreName,'SHORT');
+          if(index==AllStores.length-1){
+            setProcessing(false);
+          }
+        }else{
+          notify('Cannot upload images for '+StoreName,'SHORT');
+          if(index==AllStores.length-1){
+            setProcessing(false);
+          }
+        }
+      }
+      else{
+        notify('All data uploaded for '+StoreName,'SHORT');
+        if(index==AllStores.length-1){
+          setProcessing(false);
+        }
+      }
+    }
+
+    
+
+    async function getPJPStoresData(tbname,Stores=[],d2){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {
+          
+          let join=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='${tbname}' `;
+          await txn.executeSql(`Select t1.*,t2.REASON_ID,t2.IMAGE,t2.JCP_TYPE from ${tbname} t1 ${join} where t1.VisitDate='${d2}' and t1.UploadStatus in ('C','P','D','L')`,[],async function (txn2, txnres2) { 
+            if(txnres2.rows.length>0){ 
+              
+              for(var i=0;i<txnres2.rows.length;i++){
+                let data=txnres2.rows.item(i);
+                Stores.push(data);
+              }
+              resolve(Stores);
+            }
+            else{
+              resolve(Stores);
+            }
+          },function (txn2, txnerr) { console.log(txnerr);resolve(Stores)},);
+
+        });
+      }).then((val)=>{
+        return val;
+      })
+      .catch((err)=>{
+        console.log(err);
+        return Stores;
+      })
+    }
+
+   
+    
+
+    async function storeVisited(){
+      console.log('isgeotag:',currentStore.GeoTag);
+      setShowStoreVisitModal(false);
+      if(currentStore.GeoTag=='N'){
+        setShowGeoTagModal(true);
+      }
+      else if(currentStore.UploadStatus=='N' || currentStore.UploadStatus==''){
+        calLocatDistance();
+      }
+      else{
+            
+      }
+    }
+
+    async function storeNotVisited(){
+      setShowStoreVisitModal(false);
+      props.navigation.navigate('StoreNonWorkingReasons',{storeData:currentStore,'isAdhoc':isAdhocScreen});
+    }
+
+    async function onVisitCancel(){
+      setLoaderTitle('Deleting Check-In Data...')
+      setShowCancelCIModal(false);
+      setProcessing(true);
+      let {MID,StoreId}=cancelCheckOutStore;
+      let postdata={'Mid':MID,"UserName":props.UserId,}
+     
+      const url=props.baseurl+getMethodName(METHODS.DELETECOVERAGE_METHOD);
+      console.log(url,postdata);
+      await UploadData2(url,postdata)
+      .then(async(res)=>{ 
+        console.log('delete coverage res:',res); 
+        if(res=='1'){
+          let isdeleted=await deleteStore(cancelCheckOutStore);
+          if(isdeleted==true){
+            let data={"StoreId":StoreId,UploadStatus:"N",tbname:(isAdhocScreen==true?'Adhoc_JourneyPlan':'Mapping_JourneyPlan')};
+            let isUpdated=await UpdateStoreStatus(props,data);
+            if(isUpdated==true){
+              await updateStoreStatuslocal('N',cancelCheckOutStore,true);
+              setProcessing(false);
+              notify('Check-In Removed');
+            }
+            else{
+              setProcessing(false);
+              notify('Check-In removed successfully, but cannot update status!');
+            }
+          }
+          else{
+            setProcessing(false);
+            notify('Check-In removed successfully, but cannot update status!');
+          }
+        }
+        else{
+          setProcessing(false);
+          notify('Cannot Remove Check-In!');
+        }
+        
+      }).catch(err => {
+        console.log('onPage Team error', err);
+        setProcessing(false);
+        notify('Cannot Remove Check-In!');
+      }); 
+     
+    }
+
+    async function deleteStore(storeData1){
+      let {StoreId}=storeData1;
+      let allQueries=[
+        `Delete from ${AppTables.COVERAGE_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.GEOTAG} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.HEADER_BACK_OF_STORE} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.CHILD_BACK_OF_STORE} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.SALES} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.INSERT_OPENINGHEADER_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.STOCK_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.SHARE_OF_SHELF_IMAGE} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.SHARE_OF_SHELF_FACING_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.INSERT_SAMPLED_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.CONTACT_CONVERSION} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.INSERT_ERROR_TRACKING} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.GROOMING_IMAGE_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.ADDITIONAL_VISIBILITY} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.COMPETITION_VISIBILITY} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.COMPETITION_PROMOTION} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.CHECKIN_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PROMOTION_HEADER_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PROMOTION_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PAID_VISIBILITY_HEADER_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PAID_VISIBILITY_CHILD_DATA} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.PAID_VIS_CHECKLIST} where STORE_ID='${StoreId}' `,
+        `Delete from ${AppTables.SURVEY} where STORE_ID='${StoreId}' `,
+      ]
+      
+      return await Promise.all(
+        allQueries.map(async (q,index) => {
+          let isDeleted= await executeQuery(q);
+          return isDeleted==true;
+        })
+      )
+      .then((val)=>{
+        // if(val.indexOf(false)<0){}
+        return true;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      })
+    }
+
+    async function executeQuery(q,type='1'){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+          await txn.executeSql(q,[],async function (txn2, txnres2) {           
+            if(type=='1'){
+              resolve(true);
+            }
+            else{
+              let arr=[];
+              if(txnres2.rows.length>0){
+                for(var i=0;i<txnres2.rows.length;i++){
+                  let data=txnres2.rows.item(i);
+                  arr.push(data);
+                }
+                resolve(arr);
+              }
+              else{
+                resolve([]);
+              }
+            }
+          },function(txn2,txnerr){console.log(txnerr);type=='1'?resolve(false):resolve([]); });
+        }); 
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        let d=type=='1'?false:[];
+        return d;
+      })
+    }
+
+    function _render_StoreVisitModal(){
+      return (
+        <CustomModal 
+          style={customStyle.storelVisitM_Style}
+          title={'Store Visited'}
+          titleStyle={customStyle.storelVisitM_titleStyle}
+          showModal={showStoreVisitModal}
+        >
+          <View style={customStyle.storelVisitM_options}>
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{storeVisited()}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>Yes</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{storeNotVisited()}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>No</Text>
+            </TouchableOpacity>
+          </View>
+        </CustomModal>
+      )
+    }
+
+    function _render_GeoTagModal(){
+      return (
+        <CustomModal 
+          style={customStyle.storelVisitM_Style}
+          title={'You need to geotag store'}
+          titleStyle={customStyle.storelVisitM_titleStyle}
+          showModal={showGeoTagModal}
+        >
+          <View style={customStyle.storelVisitM_options}>            
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowGeoTagModal(false)}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>Cancel</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowGeoTagModal(false);props.navigation.navigate('GeoTag',{storeData:currentStore,'isAdhoc':isAdhocScreen});}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>Ok</Text>
+            </TouchableOpacity>
+          </View>
+        </CustomModal>
+      )
+      
+    }
+
+    function _render_CancelCheckinModal(){
+      let storename=cancelCheckOutStore.StoreName || '';
+      return (
+        <CustomModal 
+          style={customStyle.storelVisitM_Style}
+          title={'Do you really want to Cancel Check-In?'}
+          titleStyle={customStyle.storelCancelM_titleStyle}
+          messageStyle={customStyle.storelCancelM_subtitleStyle}
+          message={storename}
+          showModal={showCancelCIModal}
+        >
+          <View style={customStyle.storelCM_alertCon}>
+            <Feather name='alert-triangle' size={20} color={'#ff0000'}/>
+            <Text style={customStyle.storelCM_alert}>Your all check-in data will be lost!</Text>
+          </View>
+            
+          <View style={customStyle.storelVisitM_options}>
+            
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowCancelCIModal(false);}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>Cancel</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{onVisitCancel()}}>
+              <Text style={customStyle.storelVisitM_op_btnText}>Ok</Text>
+            </TouchableOpacity>
+          </View>
+        </CustomModal>
+      )
+    }
+
+    function _render_DistanceModal(){
+      return (
+        <CustomModal 
+          style={customStyle.storeDistance_Modal}
+          title={'Performics'}
+          titleStyle={customStyle.storeDistanceM_title}
+          showModal={showDistanceModal}
+        >
+          <View style={customStyle.storeDistanceM_Con}>            
+            <Text style={customStyle.storeDistanceM_message}>You need to be in the store</Text>
+            <Text style={[customStyle.storeDistanceM_message,customStyle.mb20]}>to CheckIn/CheckOut</Text>
+            <Text style={customStyle.storeDistanceM_submessage}>{`Allowed distance from store: 500 m`}</Text>
+            <Text style={customStyle.storeDistanceM_submessage}>{`Your distance from store: ${storeDistance}`}</Text>
+            <TouchableOpacity style={customStyle.storeDistanceM_btn} onPress={()=>{setShowDistanceModal(false);props.navigation.navigate('StoreCheckin',{storeData:currentStore,'isAdhoc':isAdhocScreen});}}>
+              <Text style={customStyle.storeDistanceM_btnText}>Ok</Text>
+            </TouchableOpacity>
+          </View>
+        </CustomModal>
+      )
+      
+    }
+
+    function _renderList(){
+      const storeList_def=JSONView.storeList_def || {};
+      let showInCard=storeList_def.showInCard;
+      showInCard=showInCard==0 || (showInCard!=null && showInCard!='')?showInCard:1;
+
+      return (
+        <ScrollView
+          style={[customStyle.listcon,((showInCard=='1' || showInCard==1 )?{}:customStyle.storeR_listcon)]}
+          contentContainerStyle={[customStyle.iteml_con,((showInCard=='1' || showInCard==1 )?{}:customStyle.iteml_conR)]}
+        >
+          <View style={[((showInCard=='1' || showInCard==1 )?{}:customStyle.iteml_conR2)]}>
+          {
+            state.storeList.map((item,index)=>{
+              return(
+                <StoreItem  {...props} item={item} index={index} isAdhocScreen={isAdhocScreen} setShowStoreVisitModal={setShowStoreVisitModal} setCurrentStore={setCurrentStore} onCheckOut={onCheckOut} storeList={state.storeList} setLoaderTitle={setLoaderTitle} setProcessing={setProcessing} setShowCancelCIModal={setShowCancelCIModal} setCancelCheckOutStore={setCancelCheckOutStore} JSONView={JSONView}/>
+              );
+            })
+          }
+          </View>
+          
+        </ScrollView> 
+      )
+    }
+  
+    
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={(isAdhocScreen==true?'Dynamic Adhoc Store List':'Dynamic Store List')} />
+        {_render_StoreVisitModal()}
+        {_render_GeoTagModal()}
+        {_render_DistanceModal()}
+        {_render_CancelCheckinModal()}
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,getLocOnCheckout,'Do you really want to checkout?')}
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={customStyle.pageContentWrapper}>
+          { !props.isDataDownloaded && <NoDataComponent  {...props}/>}
+          
+         
+          <View style={customStyle.storelist_parentwrap}>
+          <ScrollView style={customStyle.storeTab_MenuCon} contentContainerStyle={customStyle.storeTab_Menu} horizontal={true}>
+            <TouchableOpacity style={[customStyle.storeTab_pill,(!isAdhocScreen?customStyle.storeTab_pillActive:{})]} key={1} onPress={()=>{props.navigation.pop();props.navigation.push('DynamicStoreList')}}>
+              <Text style={[customStyle.storeTab_pillText,(!isAdhocScreen?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>Planned</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={[customStyle.storeTab_pill,(isAdhocScreen?customStyle.storeTab_pillActive:{})]} key={2} onPress={()=>{props.navigation.pop();props.navigation.push('DynamicStoreList',{'isAdhoc': true})}}>
+              <Text style={[customStyle.storeTab_pillText,(isAdhocScreen?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>Adhoc</Text>
+            </TouchableOpacity>
+          </ScrollView>
+
+          { nodataFound && 
+          <View style={customStyle.noDataCon}>
+            <Text style={customStyle.noDataText}>No Data Available</Text>
+          </View>
+          }
+          { (props.isDataDownloaded==true && !nodataFound) && rerenderdata==rerenderdata &&
+            _renderList()
+          }
+          </View>
+         
+          
+         </View>      
+       </LinearGradient>       
+        
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(DynamicStoreList);
\ No newline at end of file
diff --git a/src/screens/DynamicSurveyCat.js b/src/screens/DynamicSurveyCat.js
new file mode 100644
index 0000000..c87d25c
--- /dev/null
+++ b/src/screens/DynamicSurveyCat.js
@@ -0,0 +1,115 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import {Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, Alert,Animated} from 'react-native';
+import { connect  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+
+
+function DynamicSurveyCat(props) { 
+    const route = useRoute();
+    
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [surveys, setSurveys] = useState([]);
+    const [ActiveSurvey, setActiveSurvey]= useState({});
+    
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let surveydata=params.surveyData || {};
+        let menu1=params.menu || {};
+        let isAdhoc=params.isAdhocScreen || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setActiveSurvey(surveydata)
+        setCurrentMenu(menu1);
+        getData(surveydata,storeData1);
+    }, []);
+    
+    async function getData(surveydata,storeData1){        
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+            let surveyQtns=require('../constants/s_qtns.json');
+            // setSurveyJson(surveyQtns);
+            let arr=[]
+            for(const i in surveyQtns){
+                let item=surveyQtns[i]
+                let {SurveyName,SurveyId,ShowCat,CategoryId,Category,CategorySequence}=item;
+                let obj={SurveyName,SurveyId,ShowCat,Category,CategoryId}
+                
+                if(item.SurveyId==surveydata.SurveyId && arr.findIndex(a=>a.CategoryId==item.CategoryId)<0)
+                {    
+                    arr.push(obj);
+                }
+            }
+            setSurveys(arr);setProcessing(false);
+   
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+    
+    function openSurveyView(item){
+        props.navigation.navigate('SurveyView',{'surveyData':ActiveSurvey,'catData':item,'storeData':storeData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen});
+    }
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.roundScrollZIndex]}>
+          <View style={[customStyle.pageContentWrapper,customStyle.surveyPageWrapper]}>
+            <View style={customStyle.SVn_activeSurvey}>
+                <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$gradient1]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.SVn_activeSurvey_tile}>
+                    <Text style={customStyle.SV_activeSurvey_name}>{(ActiveSurvey.SurveyName!=null?(ActiveSurvey.SurveyName.length>26?ActiveSurvey.SurveyName.substring(0,26)+'...':ActiveSurvey.SurveyName) : '')}</Text>
+                </LinearGradient>
+            </View>
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={surveys}
+            contentContainerStyle={customStyle.surveyListInner} 
+            style={[customStyle.surveyCatList]}
+            renderItem={({item,index})=>{
+                return(
+                    <TouchableOpacity activeOpacity={0.7} style={customStyle.surveyItem} onPress={()=>{openSurveyView(item)}}>
+                        <View style={customStyle.surveyCatItem}>
+                            <View style={customStyle.surveyCatItem_Circle}>
+                                <Text style={customStyle.surveyCatItem_CircleText}>{item.Category.substring(0,1)}</Text>
+                            </View>
+                            <Text style={customStyle.surveyCatItem_name}>{item.Category}</Text>
+                        </View>
+                    </TouchableOpacity>
+                );
+            }}
+            />
+          }  
+         </View> 
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(DynamicSurveyCat);
\ No newline at end of file
diff --git a/src/screens/DynamicSurveys.js b/src/screens/DynamicSurveys.js
new file mode 100644
index 0000000..e302a11
--- /dev/null
+++ b/src/screens/DynamicSurveys.js
@@ -0,0 +1,112 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import {Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, Alert,Animated} from 'react-native';
+import { connect  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+
+
+function DynamicSurveys(props) { 
+    const route = useRoute();
+    
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [surveys, setSurveys] = useState([]);
+    
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+       let storeData1={"Address": "test", "ChainId": 1, "ChainName": "GT", "ChannelId": 1, "CheckInTime": "", "CheckOutTime": "", "CityId": 3, "CityName": "Thailand", "ContactPerson": "bhhvhhhhhhh be", "Email": "njj", "EmpId": 4, "ExpiryStock": "N", "GeoFenceRadius": 500, "GeoTag": "Y", "InTime": "00:00:00", "Landmark": "-j", "Latitude": "28.5376374", "Location": "Lower Parel", "Longitude": "77.297907", "MID": 852, "Mobile": "9969999999", "OutTime": "00:00:00", "Phone": "6699996669", "Pincode": "400001", "RegionId": 1, "StateId": 1, "StateName": "Chiang Mai", "StoreCode": "W-S-LS-ST00008", "StoreId": 1, "StoreName": "teststore1", "StoreType": "D150", "StoreTypeId": 1, "UploadStatus": "N", "VisitDate": "05/09/2022"};
+       let menu1={"MenuName":"Survey","MenuId":"1"};
+       let isAdhoc=false;
+       setIsAdhocScreen(isAdhoc);
+       setStoreData(storeData1);
+       setCurrentMenu(menu1);
+       getData(storeData1);
+    }, []);
+    
+    async function getData(storeData1){        
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+            let surveyQtns=require('../constants/s_qtns.json');
+            // setSurveyJson(surveyQtns);
+            let arr=[]
+            for(const i in surveyQtns){
+                let item=surveyQtns[i]
+                let obj={SurveyName:item.SurveyName,SurveyId:item.SurveyId,ShowCat:item.ShowCat}
+                if(arr.findIndex(a=>a.SurveyId==item.SurveyId)<0)
+                {    
+                    arr.push(obj);
+                }
+            }
+            setSurveys(arr);setProcessing(false);
+   
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+    
+    function openSurveyView(item){
+        let {ShowCat}=item
+        console.log(item);
+        if(ShowCat==1){
+            props.navigation.navigate('DynamicSurveyCat',{'surveyData':item,'storeData':storeData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen});
+        }
+        else{
+            props.navigation.navigate('SurveyView',{'surveyData':item,'storeData':storeData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen});
+        }
+    }
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.roundScrollZIndex]}>
+          <View style={[customStyle.pageContentWrapper,customStyle.surveyPageWrapper]}>
+          
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={surveys}
+            contentContainerStyle={customStyle.surveyListInner} 
+            style={customStyle.surveyList}
+            renderItem={({item,index})=>{
+                return(
+                    <TouchableOpacity style={customStyle.surveyItem} onPress={()=>{openSurveyView(item)}}>
+                        <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$gradient2]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.surveyItem_tile}>
+                            <View style={customStyle.surveyItemCircle}>
+                                <Text style={customStyle.surveyItemCircle_Text}>{item.SurveyName.substring(0,1)}</Text>
+                            </View>
+                            <Text style={customStyle.surveyItem_name}>{item.SurveyName}</Text>
+                        </LinearGradient>
+                    </TouchableOpacity>
+                );
+            }}
+            />
+          }  
+         </View> 
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(DynamicSurveys);
\ No newline at end of file
diff --git a/src/screens/Feedback.js b/src/screens/Feedback.js
new file mode 100644
index 0000000..0ded774
--- /dev/null
+++ b/src/screens/Feedback.js
@@ -0,0 +1,1536 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import {Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, Alert, Dimensions,Animated, Easing} from 'react-native';
+import { connect  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {marktext1,marktext2} from '../controller/functions';
+import {db, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {AntDesign, Entypo, FontAwesome, FontAwesome5, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector';
+import MultiSelect from 'react-native-multiple-select';
+import { PrimaryTheme } from '../styles/Themes';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import DraggableFlatList,{ScaleDecorator} from 'react-native-draggable-flatlist'
+// import AudioRecorderPlayer, { AudioEncoderAndroidType, AudioSourceAndroidType, AVEncoderAudioQualityIOSType, AVEncodingOption, AVModeIOSOption } from 'react-native-audio-recorder-player';
+import CustomCamera from '../components/Camera';
+
+const {height, width} = Dimensions.get('window');
+const topbarht=STATUSBAR_HEIGHT+50;
+const actualWindowHt=parseInt((height-topbarht)+10);
+
+function Feedback(props) { 
+    const route = useRoute();
+    const audioRecorderPlayer = {}//new AudioRecorderPlayer();
+    const AudioSet = {}
+    // {
+    //     AudioEncoderAndroid: AudioEncoderAndroidType.AAC,
+    //     AudioSourceAndroid: AudioSourceAndroidType.MIC,
+    //     AVModeIOS: AVModeIOSOption.measurement,
+    //     AVEncoderAudioQualityKeyIOS: AVEncoderAudioQualityIOSType.high,
+    //     AVNumberOfChannelsKeyIOS: 2,
+    //     AVFormatIDKeyIOS: AVEncodingOption.aac,
+    //   };
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+    const [showRecorder, setShowRecorder] = useState(false);
+    const [VRS, setVRS] = useState({});
+    const [RecorderTimer, setRecorderTimer] = useState({});
+    const [playerTimer, setPlayerTimer] = useState({});
+    const [rerenderView, setRerenderView] = useState(0);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [VoiceRecorderStatus, setVoiceRecorderStatus] = useState('Press mic to start recording voice');
+    const [RecFilePath, setRecFilePath] = useState({});
+    const [dateValue, setDateValue] = useState('');
+    const [openDatePicker, setOpenDatePicker]= useState(0);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [SurveySubCats, setSurveySubCats]= useState([]);
+    const [SurveyQuestions, setSurveyQuestions]= useState([]);
+    const [QuestionsData,setQuestionsData]=useState({});
+    const [showAlert, setShowAlert] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    
+    
+    const animatedRipple=useRef(new Animated.Value(0)).current;
+    const animatedRipple2=useRef(new Animated.Value(0.5)).current;
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+       let params=props.route.params? props.route.params:{};
+       let storeData1=params.storeData || {};
+       let menu1=params.menu || {};
+       let isAdhoc=params.isAdhocScreen || false;
+       setStoreData(storeData1);
+       setCurrentMenu(menu1);
+       setIsAdhocScreen(isAdhoc);
+      
+       
+       getSurveyData(storeData1);
+       props.navigation.addListener('beforeRemove', onBeforeRemove);
+       return (()=>{
+            // audioRecorderPlayer.removePlayBackListener();
+            // audioRecorderPlayer.removeRecordBackListener();
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+       });
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getSurveyData(storeData1){ 
+        try {   ;
+            
+            await db.transaction(async function (txn) { 
+
+              let q2=`SELECT DISTINCT FeedbackCategory as Category,FeedbackCategoryId as CategoryId FROM Master_FeedbackQuestion order by FeedbackQuestionSequence `;
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                  console.log('feedback cats:',txnres.rows.length);
+                  if(txnres.rows.length>0){
+                      let arr=[],allQtns=[];
+                      for(var i=0;i<txnres.rows.length;i++){
+                          let data =txnres.rows.item(i);
+                          let all_scat_qtns=await getSurveyQtns(storeData1,data)
+                          console.log('all_scat_qtns:',all_scat_qtns.length)
+                          data['Questions']=all_scat_qtns;
+                          allQtns=allQtns.concat(all_scat_qtns);
+                          arr.push(data);
+                          if(i==txnres.rows.length-1){
+                              setSurveySubCats(arr);
+                              setSurveyQuestions(allQtns);
+                              setProcessing(false);
+                          }
+                      }
+                  }
+                  
+              },function (txn2, txnerr) { console.log(txnerr); },);
+             
+            });          
+          } catch (err) {
+            console.log(err);          
+          } 
+    }
+
+
+    async function getSurveyQtns(storeData1,cat){
+        
+        return new Promise((resolve,reject)=>{
+            try {   
+                let {StoreId}=storeData1;
+                
+                db.transaction(async function (txn) {  
+                  
+                  // get inserted audit
+                  let selectlist=` DISTINCT T.FeedbackCategoryId as CategoryId,T.FeedbackCategory as Category,T.FeedbackQuestionId as QuestionId,T.FeedbackQuestionCode as QuestionCode,T.FeedbackQuestionName as Question,T.QuestionType,T.FQShowCamera,T.FQCameraMandatory,T.FQLengthValidationRequired,T.FQMinimumChar,T.FQMaximumChar,T.FQDecimalPoint,T.FQDateRangeMin,T.FQDateRangeMax,T.FQVoiceLengthInMinutes,T.FQDefaultQuestionEnable,T.FeedbackQuestionSequence,T1.ANSWER As Answer, T1.ANSWER_ID as AnswerId,T1.IMAGE_ALLOW1 as ImageAllow1,T1.IMAGE1 as Image1,T1.MULTI_OPTIONS_IDS as multi_op_ids,T1.IS_DISABLED as isDisabled `;
+                  let join=` INNER JOIN ${AppTables.FEEDBACK_DATA} T1 on T.FeedbackQuestionId=T1.QUESTION_ID and T.FeedbackCategoryId=T1.CATEGORY_ID`;
+                  let q2=`Select ${selectlist} FROM Master_FeedbackQuestion T ${join} WHERE T1.STORE_ID='${StoreId}' AND T1.VISIT_DATE= '${d2}' and T.FeedbackCategoryId='${cat.CategoryId}'  ORDER BY T.FeedbackQuestionSequence  `;
+                 
+      
+                  await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                      console.log('fb data len',txnres.rows.length);
+                      if(txnres.rows.length>0){
+                          let arr=[];
+                          var QD=QuestionsData;
+                          for(var i=0;i<txnres.rows.length;i++){
+                              let data =txnres.rows.item(i);
+                              let answers=[];
+                              let qtn=data;
+                              qtn.isDisabled=qtn.isDisabled==1 || qtn.isDisabled=='1'?true:false
+                            //   qtn.FQShowCamera='true';
+                              
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  let allanswers=await getAnswers(data,storeData1);
+                                  answers=allanswers.Answers || [];
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data.Answers=answers;
+      
+                              let id_key=qtn.QuestionId+'_AnswerId'; 
+                              let ans_key=qtn.QuestionId+'_Answer'; 
+                              let multi_key=qtn.QuestionId+'_MultiOption';
+                              let date_key=qtn.QuestionId+'_Date';
+                              let img_key=qtn.QuestionId+'_ImagePath1';
+                              let imgname_key=qtn.QuestionId+'_ImageName1';
+                              let img_key2=qtn.QuestionId+'_ImagePath2';
+                              let imgname_key2=qtn.QuestionId+'_ImageName2';
+                              let rating_key=qtn.QuestionId+'_Rating'; 
+                              let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+      
+                              let showImageTag=(data.FQShowCamera==true || data.FQShowCamera=='true' || data.FQShowCamera==1) ;
+                              let showImageTag2=false;
+      
+                              QD[id_key]=data.AnswerId;
+                              QD[ans_key]=data.Answer;
+
+                              
+                              let selansid=data.AnswerId;
+                              if(qtn.QuestionType=='Multi choice list'){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  QD[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                  if (qtn.Answers && qtn.Answers.length>0){
+                                      for(var k=0;k<qtn.Answers.length;k++){
+                                          let ansss=qtn.Answers[k];
+                                          let isandImgAl=(ansss.ImageAllow1==true || ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                                          let isandImgAl2=(ansss.ImageAllow2==true || ansss.ImageAllow2=='true' || ansss.ImageAllow2==1);
+                                          if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl2 && ansss.AnswerId==selansid)){
+                                                showImageTag2=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                showImageTag2=true;
+                                            }
+
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag){
+                                  let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1;
+                                  QD[imgname_key]=data.Image1;
+                                  QD[img_key]=imgPath;
+                              }
+
+                              if(showImageTag2){
+                                let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image2;
+                                QD[imgname_key2]=data.Image2;
+                                QD[img_key2]=imgPath;
+                              }
+
+                              
+      
+                              if(qtn.QuestionType=='Audio'){
+                                  let voicefile_path=(Platform.OS=='ios'?'file://':'')+common_ImagePath+'Recordings/'+data.Answer;
+                                  QD[voiceClip_key]={'path':voicefile_path,'filename':data.Answer};
+                              }
+      
+                              if(qtn.QuestionType=='Date'){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  QD[date_key]=fulldate;
+                                  
+                              }
+                              arr.push(data);  
+                              if(i==txnres.rows.length-1){
+                                  setQuestionsData(QD);
+                                  resolve(arr);
+                              }
+                          }
+                      }
+                      else{
+                        let sl=` DISTINCT T.FeedbackCategoryId as CategoryId,T.FeedbackCategory as Category,T.FeedbackQuestionId as QuestionId,T.FeedbackQuestionCode as QuestionCode,T.FeedbackQuestionName as Question,T.QuestionType,T.FQShowCamera,T.FQCameraMandatory,T.FQLengthValidationRequired,T.FQMinimumChar,T.FQMaximumChar,T.FQDecimalPoint,T.FQDateRangeMin,T.FQDateRangeMax,T.FQVoiceLengthInMinutes,T.FQDefaultQuestionEnable,T.FeedbackQuestionSequence`;
+                        let q=` SELECT ${sl} FROM Master_FeedbackQuestion T WHERE T.FeedbackCategoryId='${cat.CategoryId}' order by T.FeedbackQuestionSequence  `; 
+                        await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                              console.log('fb qtns:',txnres2.rows.length)
+                              let arr=[];
+                              if(txnres2.rows.length>0){
+                                  for(var i=0;i<txnres2.rows.length;i++){
+                                      let data =txnres2.rows.item(i);
+                                      let answers=[];
+                                    //   data.FQShowCamera='true';
+                                      if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                          let allanswers=await getAnswers(data,storeData1);
+                                          answers=allanswers.Answers || [];
+                                          if(data.QuestionType=='Rating'){
+                                              data.showRating=false;
+                                          }
+                                      }
+                                      else if(data.QuestionType=='Date'){
+                                          data.showDatePicker=false;
+                                      }
+                                      
+                                      data.Answers=answers;
+                                      arr.push(data);
+                                      
+                                      if(i==txnres2.rows.length-1){
+                                          resolve(arr);
+                                      }
+                                  }
+                              }
+                              else{
+                                resolve([]);
+                              }
+      
+                        },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+                      }
+                      
+                  },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+                 
+                });          
+              } catch (err) {
+                console.log(err);          
+              }  
+        })
+    }
+
+    async function getAnswers(qtn,storeData1){
+       
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {   
+                // get inserted audit
+                let selectlist=` DISTINCT T.FeedbackAnswerId as AnswerId,T.FeedbackAnswerCode as AnswerCode,T.FeedbackAnswerName as Answer,T.FAShowCamera as ImageAllow1,T.FAQuestionEnable as EnableQuestion,T.FAQuestionDisable as DisableQuestion`;
+                let q2=`Select ${selectlist} FROM Master_FeedbackQuestion T WHERE T.FeedbackQuestionId='${qtn.QuestionId}' ORDER BY T.FASequence `;
+                
+                await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            // if(data.AnswerId=='1' || data.AnswerId=='4'){
+                                // data.ImageAllow1='true';
+                            // }
+                            
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+                                resolve(arr);
+                            }
+                        }
+                    }
+                    else{
+                        resolve([]);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+               
+              });    
+        }).then((val)=>{
+            return {'Answers':val,'Success':true};
+        }).catch((err)=>{
+            console.log(err);
+            return {'Success':false,'Error':err}
+        });
+    }
+
+    async function getImage(imgdata){
+        let qtn=getImageProps.qtn || '';
+        let type=getImageProps.type || '1';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | Question Id :'+qtn.QuestionId+' | Image Type: Feedback'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+qtn.QuestionId+'_FeedbackImg_'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let qd=QuestionsData;
+                            let img_key=type=='1'?qtn.QuestionId+'_ImagePath1':qtn.QuestionId+'_ImagePath2';
+                            let imgname_key=type=='1'?qtn.QuestionId+'_ImageName1':qtn.QuestionId+'_ImageName2';
+                            qd[imgname_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                qd[img_key]=uri; 
+
+                                setQuestionsData(qd);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(qtn,type){  
+        setGetImageProps({'qtn':qtn,'type':type}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function disableQtns(sqtns,DQtns,data,isreturn=false){
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.QuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.QuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.QuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+                    return false
+                })
+            ).then(async (val)=>{
+                setSurveyQuestions(sqtns);
+                setQuestionsData(data);
+                setHasUnsavedChanges(true);
+                setrerenderdata(!rerenderdata);
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.QuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                disableQtns(sqtns,DQtns,data)
+            }
+            else{
+                setSurveyQuestions(sqtns);
+                setHasUnsavedChanges(true);
+                setrerenderdata(!rerenderdata);
+            }
+        })
+    }
+   
+    function onselectionChange(option,qtn){
+        let data=QuestionsData;
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        data[id_key]=option.value;
+        data[ans_key]=option.label;
+
+        setQuestionsData(data);
+
+        let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+        let ans_obj=aq_ans.find(i=>i.AnswerId==option.value) || {};
+        let EQtns=ans_obj.EnableQuestion!=null && ans_obj.EnableQuestion!=''?ans_obj.EnableQuestion.replace(' ','').split(','):[];
+        let DQtns=ans_obj.DisableQuestion!=null && ans_obj.DisableQuestion!=''?ans_obj.DisableQuestion.replace(' ','').split(','):[];
+      
+        let sqtns=SurveyQuestions
+        if(EQtns.length>0){
+            enableQtns(sqtns,EQtns,DQtns,data)
+        }
+        else if(DQtns.length>0){
+            disableQtns(sqtns,DQtns,data)
+        }
+        else{
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+       
+        
+        
+    }
+
+    function setTextValue(value,qtn) {        
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        
+        let obj=QuestionsData;
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.QuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        console.log(value,obj);
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setRatingValue(data){
+        // let ids=[];
+        // data.map((item,index)=>{
+        //     ids.push(item.AnswerId);
+        // })
+        setRatingOrder(data);
+    }
+
+
+    async function setMultiSelectValue(selectedItems=[],qtn) {  
+        console.log('setMultiSelectValue',selectedItems);      
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        let multi_key=qtn.QuestionId+'_MultiOption';
+        let obj=QuestionsData;
+        obj[id_key]=0;
+        obj[multi_key]=selectedItems.join(',');
+        let anss=[];
+        selectedItems.map((itemValue)=>{
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue); 
+            if(ans.Answer){anss.push(ans.Answer)}
+        });
+        obj[ans_key]=anss.join(',');
+        console.log('obj:',obj);
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    function showQtnDatePicker(qtn,show=false){
+        let newqtnIndex=SurveyQuestions.findIndex(q=>q.QuestionId==qtn.QuestionId);
+        console.log('showQtnDatePicker:',newqtnIndex);
+        if(newqtnIndex>=0){
+            let sq=SurveyQuestions;
+            let newqtn=sq[newqtnIndex];
+            newqtn.showDatePicker=show;
+            sq[newqtnIndex]=newqtn;
+            setSurveyQuestions(sq);
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    
+    function setShowQtnKey(qtn,key,show=false){
+        if(key!=null && key!=''){
+            let newqtnIndex=SurveyQuestions.findIndex(q=>q.QuestionId==qtn.QuestionId);
+            console.log('setShowQtnKey:',newqtnIndex);
+            if(newqtnIndex>=0){
+                let sq=SurveyQuestions;
+                let newqtn=sq[newqtnIndex];
+                newqtn[key]=show;
+                sq[newqtnIndex]=newqtn;
+                setSurveyQuestions(sq);
+                if(show==true) setrerenderdata(!rerenderdata);
+            }
+        }
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+        
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+
+        let qtn=RatingQtn;
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        let rating_key=qtn.QuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+        let obj=QuestionsData;
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        console.log(obj);
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onRecordCancel(){
+        setShowRecorder(false);
+    }
+    
+    function onRecordSave(){
+
+        let isRecorderPlaying=VRS.RecorderPlayStatus!=null && VRS.RecorderPlayStatus==true;
+        let isPlayerPlaying=VRS.PlayerPlayStatus!=null && VRS.PlayerPlayStatus==true;
+
+        if(isRecorderPlaying){
+            notify('Please stop recording first');
+            return;
+        }
+        else if(isPlayerPlaying){
+            stopPlayer(VRS);
+            // notify('Please stop playing audio first');
+            // return;
+        }
+
+        setShowRecorder(false);
+        let qtn=RatingQtn;
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+       
+        let obj=QuestionsData;
+        obj[ans_key]=RecFilePath.filename || '';
+        obj[id_key]=0;
+        obj[voiceClip_key]=RecFilePath;
+       
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    const RippleAnimation = (value,minValue,maxValue,delay) =>
+    Animated.loop(
+        Animated.sequence([
+            Animated.timing(value, {
+                toValue: maxValue,
+                duration: 1000,
+                delay:delay,
+                useNativeDriver:(Platform.OS=='ios'?false:true),
+            }),
+            Animated.timing(value, {
+                toValue: minValue,
+                duration: 1000,
+                delay:delay,
+                useNativeDriver:(Platform.OS=='ios'?false:true),
+            }),
+        ]),
+        
+    ).start();
+
+    const startRecorder = React.useCallback(async (storeData1,qtn,vrStatus) => {
+        try{
+            console.log('startRecorder')
+            if(audioRecorderPlayer!=null){
+
+                if(vrStatus['RecorderPlayStatus']==true){
+                    notify('Already Recording...')
+                    return;
+                }
+                else if(vrStatus['PlayerPlayStatus']==true){
+                    notify('Please stop player first!')
+                    return;
+                }
+
+                stopPlayer(vrStatus);
+
+                let picture_clickedd=new Date();
+                let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                let commname=storeData1.StoreId+'_'+qtn.QuestionId+'_FeedbackRecording_'+picture_clicked_date+'_'+picture_clicked_time;
+                let filename=Platform.OS=='ios'?commname+'.m4a':commname+'.mp3';
+                            
+                const url=Platform.OS=='ios'?'file://'+common_ImagePath+'Recordings/'+filename:common_ImagePath+'Recordings/'+filename;
+                const url_dir=common_ImagePath+'Recordings/';
+                console.log('write file url:',url);
+                RNFS.mkdir(url_dir).then((res)=>{
+                   
+                    RNFS.writeFile(url, '')
+                    .then(async (success) => {
+                        // if(success!=null){
+                            const path = Platform.select({
+                                ios: url,
+                                android: url,
+                            });
+        
+                            const result = await audioRecorderPlayer.startRecorder(path,AudioSet);
+                        
+                            if(result!=null && result!=''){
+                                console.log('start recording now');
+                                vrStatus['RecorderPlayStatus']=true;
+                                setVRS(vrStatus);
+                                setRecFilePath({'path':url,'filename':filename});
+                                // animate
+                                RippleAnimation(animatedRipple,0,1,0);
+                                RippleAnimation(animatedRipple2,0,1,100);
+                                
+                                audioRecorderPlayer.addRecordBackListener((e) => {
+                                    let recordsec=e.currentPosition;
+                                    let data={'recordSecs':recordsec,'recordTime':audioRecorderPlayer.mmssss(Math.floor(recordsec))};
+                                    if(vrStatus['RecorderPlayStatus']==true)
+                                    {
+                                        setRecorderTimer(data);
+                                        setHasUnsavedChanges(true);
+                                        setVoiceRecorderStatus('Recording... ! Press mic to stop recording');
+                                    }
+                                    
+                                    console.log('recordsec:',recordsec);
+                                    if(recordsec>=60*1000){
+                                        stopRecorder(vrStatus);
+                                        notify('Maximum record time limit reached.','LONG');
+                                    }
+                                    return;
+                                });
+                            }
+                            console.log('start recorder:',result);
+                        // }
+                        // else{
+                        //     notify('Something Went Wrong! Cannot open file for recording!');
+                        // }
+                        
+                    })
+                    .catch((err) => {
+                        console.log('eerriur1',err.message);
+                        notify('Something Went Wrong! Cannot open file for recording!');
+                    });
+                })
+                .catch((err) => {
+                    console.log('eerriur2',err.message);
+                    notify('Something Went Wrong! Cannot open file for recording!');
+                });   
+                
+            }
+        }
+        catch(e){
+            console.log('error:',e);
+        }
+
+    },[]);
+    
+
+    
+
+    
+    
+    const stopRecorder = React.useCallback(async (vrStatus) => {
+        try{
+            console.log('stopRecorder');
+            if(audioRecorderPlayer!=null){
+                
+                animatedRipple.setValue(0);
+                animatedRipple2.setValue(0.5);
+                const uri = await audioRecorderPlayer.stopRecorder();
+                // audioRecorderPlayer.removeRecordBackListener();
+                    
+                vrStatus['RecorderPlayStatus']=false;
+                vrStatus['PlayerPlayStatus']=false;
+                setPlayerTimer({});
+                setVRS({...VRS,vrStatus});
+                setVoiceRecorderStatus('Press mic to start recording voice');
+            }
+        }
+        catch(e){
+            console.log('error:',e);
+        }
+
+    },[]);
+
+    const startPlayer = React.useCallback(async (url,vrStatus1,type='0') => {
+        try{
+            let vrStatus=VRS;
+            let qtn=RatingQtn;
+            if(audioRecorderPlayer!=null){
+                console.log('startPlayer1',url);
+                if(vrStatus['PlayerPlayStatus']==true){
+                    notify('Already Playing...')
+                    return;
+                }
+                else if(vrStatus['RecorderPlayStatus']==true){
+                    notify('Please stop recording first!')
+                    return;
+                }
+                else if(url=='' || url==null){
+                    notify('File not found!')
+                    return;
+                }
+
+                const result = await audioRecorderPlayer.startPlayer(url);
+                if(result!=null){
+                    vrStatus['PlayerPlayStatus']=true;
+                    setVRS(vrStatus);
+                    
+                    audioRecorderPlayer.addPlayBackListener((e) => {
+                        let playDuration=audioRecorderPlayer.mmssss(Math.floor(e.duration));
+                        let vrs=VRS;
+                        let data={'playerSecs':e.currentPosition,'totalDuration':e.duration,'playDuration':playDuration,'playTime':audioRecorderPlayer.mmssss(Math.floor(e.currentPosition),)};
+                        let data2={'playerSecs':'0000','totalDuration':e.duration,'playDuration':playDuration,'playTime':"00:00:00"};
+                        if(vrs['PlayerPlayStatus']==true)
+                        {   
+                            setPlayerTimer(e.currentPosition<0?data2:data);
+                        }
+                        if(e.currentPosition<0){
+                            return ;
+                        }
+                        let wp=e.duration!=null?Math.floor((e.currentPosition/e.duration)* 100):0;
+                        console.log('wp:',wp);
+                        if(wp>=100 || isNaN(wp)){
+                            stopPlayer(vrs);
+                        }
+                        else if(type=='1' && wp<1){
+                            pausePlayer();
+                        }
+                        setProcessing(false);
+                        return;
+                    });
+                }
+                else{
+                    setProcessing(false);
+                }
+            }
+        }
+        catch(e){
+            console.log('error:',e);
+            setProcessing(false);
+        }
+
+    },[]);
+
+    const resumePlayer = React.useCallback(async (url)=>{
+       console.log('resume player')
+       let vrStatus=VRS;
+        const res=await audioRecorderPlayer.resumePlayer();
+        console.log('res:',res);
+        if(res=='No audio playing'){
+            startPlayer(url,vrStatus);
+        }
+        vrStatus['PlayerPlayStatus']=true;
+        setVRS({...VRS,vrStatus});
+    },[]);
+
+    
+    const pausePlayer = React.useCallback(()=>{
+        console.log('pause player')
+        let vrStatus=VRS;
+        audioRecorderPlayer.pausePlayer();
+        vrStatus['PlayerPlayStatus']=false;
+        setVRS({...VRS,vrStatus});
+    },[]);
+
+    const stopPlayer = React.useCallback(async (vrStatus) => {
+        try{
+           console.log('stop player now');
+            
+            if(audioRecorderPlayer!=null){
+                const uri = await audioRecorderPlayer.stopPlayer();
+                audioRecorderPlayer.removePlayBackListener();
+                vrStatus['PlayerPlayStatus']=false;
+                setVRS({...VRS,vrStatus});
+            }
+        }
+        catch(e){
+            console.log('error:',e);
+        }
+
+    },[]);
+
+    async function show_recorder(qtn){
+        let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+        let url=QuestionsData[voiceClip_key]?QuestionsData[voiceClip_key].path :'';
+        setRatingQtn(qtn);
+        if((RecorderTimer==null || Object.keys(RecorderTimer).length<=0) && (playerTimer==null || Object.keys(playerTimer).length<=0) && url!=null && url!=''){
+            setLoaderTitle('Loading...');
+            setProcessing(true);
+            await startPlayer(url,VRS,'1');
+        }
+        setRecFilePath((QuestionsData[voiceClip_key] || {}));
+        setShowRecorder(true);
+    }
+
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){    
+            setShowAlert(true);
+        }
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+            
+                //  remove old data
+                let q=`DELETE FROM ${AppTables.FEEDBACK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    console.log('fb data deleted');
+                },function (txn2, txnerr) { console.log(txnerr); },);
+
+              
+                var values='';
+                for(var i=0;i<SurveyQuestions.length;i++){
+                    values+=values!=''?' , ':'';
+
+                    let qtn=SurveyQuestions[i];
+                    
+                    let id_key=qtn.QuestionId+'_AnswerId'; 
+                    let ans_key=qtn.QuestionId+'_Answer'; 
+                    let multi_key=qtn.QuestionId+'_MultiOption';
+                    let date_key=qtn.QuestionId+'_Date';
+                    let img_key1=qtn.QuestionId+'_ImagePath1';
+                    let imgname_key1=qtn.QuestionId+'_ImageName1';
+                    let rating_key=qtn.QuestionId+'_Rating'; 
+                    let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+
+                    let {CategoryId,QuestionCode,Question,QuestionId,QuestionType,FQShowCamera}=qtn;
+                    
+                    let selansid=QuestionsData[id_key] || 0;
+                    let selans=QuestionsData[ans_key] || '';
+                    let imgName1=QuestionsData[imgname_key1] || '';
+                    let multiops=QuestionsData[multi_key] || '';
+                    let isQtnDisabled=qtn.isDisabled!=null && qtn.isDisabled!=''?qtn.isDisabled?1:0:0;
+                    let allanss=qtn.Answers || {};
+                    let ans_obj=allanss.find(i=>i.AnswerId==selansid)
+                    let showImageTag=false;
+
+                    let imgallow1=ans_obj!=null && ans_obj['ImageAllow1']!=null?ans_obj.ImageAllow1:false;
+                    let f_imgalloq1=(FQShowCamera=='true' || FQShowCamera==1) || (imgallow1=='true' || imgallow1==1)
+                    
+                    values+=` ('${StoreId}','${d2}','${CategoryId}','${QuestionCode}','${QuestionId}','${QuestionType}','${selans}','${selansid}','${f_imgalloq1}','${imgName1}','${multiops}','${isQtnDisabled}','${d2}') `;
+                }
+                
+              
+                let add_data=`INSERT INTO ${AppTables.FEEDBACK_DATA} (STORE_ID,VISIT_DATE,CATEGORY_ID,QUESTION_CODE,QUESTION_ID,QUESTION_TYPE,ANSWER,ANSWER_ID,IMAGE_ALLOW1,IMAGE1,MULTI_OPTIONS_IDS,IS_DISABLED,ADDED_DATE) VALUES ${values} `;
+             
+                await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                    console.log('surveys added');
+                    props.set_autoback({'AutoGoToPrev':true});
+                    notify('Survey updated successfully','SHORT');
+                    setProcessing(false);
+                    props.navigation.goBack();
+                
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot update survey') },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function validate(){  
+        var isvalid=true;
+        const QD=QuestionsData;
+        console.log(SurveyQuestions.length);
+        for(var i=0;i<SurveyQuestions.length;i++){
+            let qtn=SurveyQuestions[i];
+            let selansid='',selanswer='',selimg='',showImageTag=false;
+            let id_key=qtn.QuestionId+'_AnswerId'; 
+            let ans_key=qtn.QuestionId+'_Answer'; 
+            let multi_key=qtn.QuestionId+'_MultiOption';
+            let date_key=qtn.QuestionId+'_Date';
+            let img_key=qtn.QuestionId+'_ImagePath1';
+            let imgname_key=qtn.QuestionId+'_ImageName1';
+            let img_key2=qtn.QuestionId+'_ImagePath2';
+            let imgname_key2=qtn.QuestionId+'_ImageName2';
+            let rating_key=qtn.QuestionId+'_Rating'; 
+            let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+            let list_mcdata=[];
+           
+            
+            let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+            if(qtn.QuestionType=='Single choice list')
+            {
+                selansid=QD[id_key];
+            }
+            else if(qtn.QuestionType=='Multi choice list')
+            {
+                selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+            }
+            
+
+            if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+            {
+                showImageTag=(qtn.FQShowCamera=='true' || qtn.FQShowCamera==1);
+            }
+            else if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                if (qtn.Answers && qtn.Answers.length>0){
+                    for(var j=0;j<qtn.Answers.length;j++){
+                        let ansss=qtn.Answers[j];
+                        let isandImgAl=(ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                        
+                        if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                            showImageTag=true;
+                        }
+                        else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.findIndex(i=> i==ansss.AnswerId)>=0)){
+                            showImageTag=true;
+                        } 
+                    }
+                }
+            }
+              
+            console.log('showImageTag',showImageTag,QD[img_key]);
+           
+            if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+                isvalid=false;
+                notify('Please select options for the required field','SHORT');
+                break;
+            }
+            else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+                console.log('test1');
+                isvalid=false;
+                let msg=( qtn.QuestionType=='Date'?'Please pick a date':(qtn.QuestionType=='Rating'?'Please select rating':'Please fill all details'));
+                notify(msg,'SHORT');
+                break;
+            }
+            else if( qtn.QuestionType=='Audio' && (Object.keys(QD).indexOf(voiceClip_key)<0 || (Object.keys(QD).indexOf(voiceClip_key)>=0 && (QD[voiceClip_key]==null || QD[voiceClip_key].filename==null || QD[voiceClip_key].filename=='')))){
+                isvalid=false;
+                notify('Please record audio clip for the required field','SHORT');
+                break;
+            }
+            else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]==='' || (QD[id_key]===0 && qtn.isDisabled===true) ))){
+               
+                isvalid=false;
+                notify('Please fill all details','SHORT');
+                break;
+            }
+            else if(showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                isvalid=false;
+                notify('Please add images','SHORT');
+                break;
+            }else{
+                console.log('no condition found');
+            }
+            
+        } 
+        
+        return isvalid;
+    }
+   
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let isQtnDisabled=qtn.isDisabled!=null && qtn.isDisabled!=''?qtn.isDisabled:false;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.addVisPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-select-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+    function renderItem({ item, drag, isActive }){
+        return (
+          <ScaleDecorator>
+            <TouchableOpacity
+              
+              onLongPress={drag}
+              disabled={isActive}
+              style={[customStyle.RModal_listItem,{ backgroundColor: isActive ? PageTheme.$primary_color : PageTheme.$secondary_color_light },]}
+            >
+              <Text style={[customStyle.RModal_listItemText,(isActive?{color:PageTheme.$accent_color}:{})]}>{item.Answer}</Text>
+            </TouchableOpacity>
+          </ScaleDecorator>
+        );
+    };
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        let rating_key=qtn.QuestionId+'_Rating'; 
+        // let ratings=QuestionsData[rating_key]!=null?QuestionsData[rating_key].split(','):[];
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>Drag Items In Order</Text>
+                <Text style={customStyle.VRSubHeding}>Press and hold to drag</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>Cancel</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>Save</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function renderRecorderView(){
+        
+        let qtn=RatingQtn;
+        let isRecorderPlaying=VRS.RecorderPlayStatus!=null && VRS.RecorderPlayStatus==true;
+        let isPlayerPlaying=VRS.PlayerPlayStatus!=null && VRS.PlayerPlayStatus==true;
+        const scale=animatedRipple.interpolate({
+            inputRange:[0,1],
+            outputRange:[1,1.3],
+        });
+
+        const borderColor=animatedRipple.interpolate({
+            inputRange:[0,1],
+            outputRange:['#f5acb4c2','#fce6e9e3'],
+        });
+
+        const scale2=animatedRipple2.interpolate({
+            inputRange:[0,1],
+            outputRange:[1,1.5],
+        });
+
+        const borderColor2=animatedRipple2.interpolate({
+            inputRange:[0,1],
+            outputRange:['#f5acb4c2','#fce6e9e3'],
+        });
+
+        let totalDuration=RecorderTimer.recordSecs!=null?RecorderTimer.recordSecs:playerTimer.totalDuration;
+        let wp=totalDuration!=null?Math.floor((playerTimer.playerSecs/totalDuration)* 100):0;
+        let width1=wp<=100?(wp>0?wp+'%':'0%'):'100%';
+        if(isNaN(wp)) width1='0%';
+
+        return (
+        <View style={customStyle.RatingModal}>
+            {rerenderView==rerenderView && 
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>Record Voice Clip</Text>
+                <Text style={customStyle.VRSubHeding2}>You can record max for 60 secs</Text>
+                <Text style={customStyle.VRSubHeding}>{VoiceRecorderStatus}</Text>
+                
+                <View style={customStyle.VoiceRecorder}>
+                    <View style={customStyle.VoiceRecorderMic}>
+                        <Animated.View style={[customStyle.VRMicBgRipple2,{
+                            transform:[
+                                {scale:scale2},
+                            ],
+                            borderColor:('#fce6e9e3'),
+                        }]}></Animated.View>
+                        <Animated.View style={[customStyle.VRMicBgRipple1,{
+                            transform:[
+                                {scale:scale},
+                            ],
+                            borderColor:('#f5acb4c2'),
+                        }]}></Animated.View>
+                        <TouchableOpacity activeOpacity={1} style={customStyle.VoiceRecorderMicBtn} onPress={()=>{startRecorder(storeData,qtn,VRS);  }}>
+                            <FontAwesome size={30} color={PageTheme.$accent_color} name="microphone"/>
+                        </TouchableOpacity>
+                        {isRecorderPlaying && 
+                        <TouchableOpacity activeOpacity={1} style={customStyle.VoiceRecorderStopBtn} onPress={()=>{stopRecorder(VRS);  }}>
+                            <FontAwesome5 size={30} color={PageTheme.$accent_color} name="microphone-alt"/>
+                        </TouchableOpacity>
+                        }
+                        
+                    </View>
+                    <View style={customStyle.VoiceRecordedView}>
+                            <Text style={customStyle.VoiceRecorderTimer}>{RecorderTimer.recordTime}</Text>
+                            {
+                                (!isRecorderPlaying && RecFilePath.filename!=null && RecFilePath.filename!='') &&
+                                <View style={customStyle.VRPlayBack}>
+                                    <View style={customStyle.VRPlayBackBarView}>
+                                        <View style={customStyle.VRPlayBackBar}>
+                                            <View style={customStyle.VRPlayBackBarBg}></View>
+                                            <View style={[customStyle.VRPlayBackBarFilled,{width:width1}]}></View>
+                                        </View>
+                                        <Text style={customStyle.VRPlayBackTimer}>{`${(playerTimer.playTime || '00:00:00')} / ${playerTimer.playDuration || RecorderTimer.recordTime}`}</Text>
+                                    </View>
+                                    
+                                    <View style={customStyle.VRPlayBackControls}>
+                                        <TouchableOpacity activeOpacity={1} style={customStyle.VRPB_Play} onPress={()=>{let url=(Platform.OS=='ios'?'file://':'')+common_ImagePath+'Recordings/'+RecFilePath.filename; (wp<100 && wp>0)? resumePlayer(url):startPlayer(url,VRS); }}>
+                                            <Entypo size={24} color={PageTheme.$accent_color} name="controller-play"/>
+                                        </TouchableOpacity>
+                                        {isPlayerPlaying && <TouchableOpacity activeOpacity={1} style={customStyle.VRPB_Pause} onPress={()=>{ wp<100?pausePlayer():stopPlayer(VRS); }}>
+                                            <Entypo size={24} color={PageTheme.$accent_color} name="controller-paus"/>
+                                        </TouchableOpacity>}
+                                    </View>
+                                </View>
+                            }
+                        </View>
+                </View>
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRecordCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>Cancel</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRecordSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>Save</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>}
+        </View>
+        )
+    }
+    
+    function _renderSurveyQtns(cat){
+        const SurveyQuestions=cat.Questions;
+        return (
+        <View style={customStyle.SVn_GroupViewList}>
+            {
+                SurveyQuestions.length>0 && 
+                SurveyQuestions.map((item,index)=>{
+                    
+                    let qtn=item;  
+                    let selansid='',selanswer='',selimg='',showImageTag=false;
+                    let id_key=qtn.QuestionId+'_AnswerId'; 
+                    let ans_key=qtn.QuestionId+'_Answer'; 
+                    let multi_key=qtn.QuestionId+'_MultiOption';
+                    let date_key=qtn.QuestionId+'_Date';
+                    let img_key=qtn.QuestionId+'_ImagePath1';
+                    let imgname_key=qtn.QuestionId+'_ImageName1';
+                    let img_key2=qtn.QuestionId+'_ImagePath2';
+                    let imgname_key2=qtn.QuestionId+'_ImageName2';
+                    let rating_key=qtn.QuestionId+'_Rating'; 
+                    let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+                    let list_mcdata=[];
+
+                    if(qtn.QuestionType=='Single choice list')
+                    {
+                        selansid=QuestionsData[id_key]!=null ?QuestionsData[id_key] :'';
+                        selanswer=QuestionsData[ans_key]!=null ?QuestionsData[ans_key] :'';
+                    }
+                    else if(qtn.QuestionType=='Multi choice list')
+                    {
+                        
+                        if(qtn.Answers!=null){
+                            console.log('qtn.Answers:',qtn.Answers.length);
+                            for(var i=0;i<qtn.Answers.length;i++){
+                                let obj={'AnswerId':parseInt(qtn.Answers[i].AnswerId),'Answer':qtn.Answers[i].Answer};
+                                list_mcdata.push(obj);
+                            }
+                        }
+                        selansid=QuestionsData[multi_key]!=null && QuestionsData[multi_key]!=''?QuestionsData[multi_key].split(','):[];
+                        if(selansid!=null && selansid.length>0){
+                            let arr=[];
+                            for(var i=0;i<selansid.length;i++){
+                                arr.push(parseInt(selansid[i]));
+                            }
+                            selansid=arr;
+                        }
+                    }
+                    else if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                    {
+                        selansid=QuestionsData[ans_key];
+                        selanswer=(qtn.QuestionType=='Date'  )?(QuestionsData[date_key] || moment().format('MM/DD/YYYY')):'';
+                        showImageTag=(qtn.FQShowCamera=='true' || qtn.FQShowCamera==1);
+                    }
+                    else if(qtn.QuestionType=='Rating'){
+                        selanswer=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                    }
+                    else if(qtn.QuestionType=='Audio'){
+                        selansid=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                        selanswer=QuestionsData[voiceClip_key]?(QuestionsData[voiceClip_key].filename || ''):'';
+                    }
+
+                    if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                        if (qtn.Answers && qtn.Answers.length>0){
+                            for(var i=0;i<qtn.Answers.length;i++){
+                                let ansss=qtn.Answers[i];
+                                let isandImgAl=(ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                                if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                    showImageTag=true;
+                                }
+                                else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                    showImageTag=true;
+                                }
+                            }
+                        }
+                    }
+                    
+                    if(showImageTag){
+                        selimg=QuestionsData[img_key]!=null && QuestionsData[img_key]!=''?'file://'+QuestionsData[img_key]:'';                    
+                    }
+                    
+                    return(
+                    <View style={[customStyle.sform_group2,]} key={index}>
+                        <Text style={[customStyle.sform_label3]}>{qtn.Question}</Text>                     
+                        {qtn.QuestionType=='Single choice list' && qtn.Answers && 
+                            render_Picker('Answer','AnswerId',onselectionChange,{value:selanswer,qtn:qtn})
+                        }
+                        {qtn.QuestionType=='Multi choice list' && qtn.Answers &&
+                            <MultiSelect
+                                items={list_mcdata}
+                                uniqueKey="AnswerId"
+                                onSelectedItemsChange={(selectedItems)=>{console.log('onSelectedItemsChange');setMultiSelectValue(selectedItems,qtn) }} 
+                                selectedItems={selansid}
+                                selectText="Pick Items"
+                                searchInputPlaceholderText="Search Items..."
+                                // onChangeInput={ (text)=> console.log(text)}
+                                tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                tagBorderColor={PrimaryTheme.$primary_color}
+                                tagTextColor={PrimaryTheme.$primary_color}
+                                selectedItemTextColor={PrimaryTheme.$primary_color}
+                                selectedItemIconColor={PrimaryTheme.$primary_color}
+                                itemTextColor={PrimaryTheme.$text_color}
+                                displayKey="Answer"
+                                searchInputStyle={{ color: '#CCC' }}
+                                submitButtonColor={PrimaryTheme.$primary_color}
+                                submitButtonText="Submit"
+                            />
+                        }
+                        { (qtn.QuestionType=='Number' || qtn.QuestionType=='Decimal'  || qtn.QuestionType=='Text') &&  
+                            <TextInput 
+                                style={[customStyle.surveyQtn_InputStyle]}
+                                placeholder=""
+                                placeholderTextColor={PageTheme.$placeholder_color} 
+                                // keyboardType={'ascii-capable'}
+                                keyboardType={(qtn.QuestionType=='Decimal'?'decimal-pad':(qtn.QuestionType=='Text'?'default':'number-pad'))}
+                                value={selansid}
+                                onChangeText={(val)=>{setTextValue(val,qtn)}}
+                                autoComplete='off'
+                            />
+                        }
+                        {
+                            (qtn.QuestionType=='Date') && 
+                            <View style={customStyle.surveyQtn_datePicker_con}>
+                                <Text style={customStyle.surveyQtn_datePicker_text}>{selansid!=''?selansid:'MM/YYYY'}</Text>
+                                <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setDateValue(selanswer);showQtnDatePicker(qtn,true)}}>
+                                    <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                                </TouchableOpacity> 
+                            </View>     
+                        }
+                        {   ((qtn.showDatePicker==true || qtn.showDatePicker=='true') && (qtn.QuestionType=='Date') ) && 
+                            renderDatePicker(qtn)
+                        }  
+                        {
+                            (qtn.QuestionType=='Rating') && 
+                            <View style={customStyle.surveyQtn_datePicker_con}>
+                                <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{setRatingQtn(qtn);setShowRating(true);}}>
+                                    <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag"/>
+                                </TouchableOpacity> 
+                            </View>    
+                        }
+
+                        {
+                            (qtn.QuestionType=='Audio') && 
+                            <View style={customStyle.surveyQtn_datePicker_con}>
+                                <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                    <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                </TouchableOpacity> 
+                            </View>    
+                        }
+                        
+                        {
+                            showImageTag &&
+                            <View style={[customStyle.store_audit_img_con,]}>                    
+                                <Image source={(selimg!='' && selimg!=null )?{uri:selimg}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg!='' && selimg!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(qtn,'1')}}>
+                                    <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                </TouchableOpacity>
+                            </View>
+                        }
+
+                    </View> 
+                    )
+                })
+            }
+        </View>
+                  
+        );
+    }
+
+   
+    function _renderSurveyView(){
+        return (
+            <View style={customStyle.SVn_ContentCon}>
+            <FlatList 
+            style={customStyle.SVn_ContentOuter} 
+            extraData={rerenderdata}
+            nestedScrollEnabled={true}
+            removeClippedSubviews={false}
+            showsVerticalScrollIndicator={false}     
+            contentContainerStyle={customStyle.SVn_ContentInner}
+            data={SurveySubCats}
+            renderItem={({ item, index, separators }) =>{  
+                let cat=item,s_index=index;
+                
+                return (
+                    <View style={customStyle.FeedbVn_GroupView} key={s_index}>
+                        <LinearGradient colors={[PageTheme.$bg_color,PageTheme.$primary_color,PageTheme.$bg_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }}  style={customStyle.SVn_GroupView_hdr}>
+                            <Text style={customStyle.SVn_GroupView_hdrText}>{cat.Category}</Text>
+                        </LinearGradient>
+                        { _renderSurveyQtns(cat)}
+                    </View>
+                )
+            }}
+            >
+                
+            </FlatList>
+            </View>
+        );
+    }
+
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.roundScrollZIndex]}>
+            <View style={[customStyle.pageContentWrapper]}>
+                {     
+                    _renderSurveyView()
+                }
+                <View style={[customStyle.SVn_SubmitBtn]}>
+                    <GradientButton {...props} title={'Save'} onPress={()=>{onSubmitData()}}/> 
+                </View> 
+            </View>  
+        </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+        { showRecorder==true && 
+            renderRecorderView()
+        }
+      </Container>   
+    ); 
+  }
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(Feedback);
\ No newline at end of file
diff --git a/src/screens/GateMeeting.js b/src/screens/GateMeeting.js
new file mode 100644
index 0000000..c7628e6
--- /dev/null
+++ b/src/screens/GateMeeting.js
@@ -0,0 +1,507 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,SafeAreaView} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import moment from 'moment';
+import { CustomPicker } from '../components/CustomPicker';
+import cameraImg from '../assets/performics/camera_front_image.svg'
+
+import CustomHeader from '../components/customHeader';
+import Svg, { SvgUri, SvgXml} from 'react-native-svg';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import * as RNFS from 'react-native-fs';
+import MultiSelect from 'react-native-multiple-select';
+import {notify} from '../components/notify';
+import {get_item} from '../components/localStorage';
+import { common_ImagePath, db, resumeurl} from '../constants/constants';
+import { PrimaryTheme } from '../styles/Themes';
+import CustomCamera from '../components/Camera';
+import { FontAwesome, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import { UploadData2, UploadFormData, validateNumber } from '../controller/functions';
+import { ConfirmSaveAlert } from '../components/alert';
+import GradientButton from '../components/gradientButton';
+import { AppTables } from '../constants/tableConstants';
+import { METHODS, getMethodName } from '../constants/methodNames';
+import { FlatList } from 'react-native';
+import { getImagePOSTData } from '../constants/uploadData';
+import CustomModal from '../components/CustomModal';
+
+
+
+function GateMeeting(props) { 
+    const route = useRoute();
+  
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [showCamera, setShowCamera] = useState(false);
+    const [formData, setFormData] = useState({});
+    const [rerenderdata, setrerenderdata] = useState(0);
+
+    const [processing, setProcessing] = useState(false);
+    const [gateMeeting,setgateMeeting] = useState([]);
+    const [discussionPoints,setdiscussionPoints] = useState([]);
+
+    const [EmployeeName,setEmployeeName] = useState([]);
+
+    const [EmployeeID,setEmployeeID] = useState([]);
+    const [image, setimage] = useState({});
+    const [getImageProps,setGetImageProps]= useState({});
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);  
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [AddVisibility, setAddVisibility] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+
+    const [selectedItems, setSelectedItems] = useState([]);
+    const d1=new Date();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [nodataFound, setNodataFound] = useState(false);
+    const [AddVisFormData, setAddVisFormData] = useState({});
+    const [currentCheckOutItem, setCurrentCheckOutItem]= useState({});
+    const [removedVisitor, setRemovedVisitor]= useState({});
+    
+    const [showCheckOutModal, setShowCheckOutModal]= useState(false);
+    const [showRemoveVistor, setShowRemoveVistor]= useState(false);
+    const [DErrorMsg, setDErrorMsg] = useState({});
+  
+    const [showDErrAlert, setshowDErrAlert] = useState(false);
+
+    const d2=moment(d1).format('MM/DD/YYYY');
+    const time = moment(d1).format('hh:mm:ss');
+    
+    // const DATA = [
+    //   { id: EmployeeID, name: MerchandiserName },
+    // ];
+  
+    useEffect(() => {
+      
+      // getData();
+
+      const willFocusSubscription = props.navigation.addListener('focus', () => {
+        
+        getData();
+      });
+
+      return willFocusSubscription;
+    }, [ ]);
+    
+
+    async function getData(){
+      setLoaderTitle(ST.Loading+'...');
+      setProcessing(true);
+       
+      try{
+        db.transaction(async function (txn) {   
+          // get inserted audit
+          let q = `SELECT * FROM ${AppTables.GATE_MEETING} `
+          db.transaction(async function (txn) {   
+            txn.executeSql(q,[],async function (txn2, txnres2) {  
+              if(txnres2.rows.length>0){ 
+                // show from local
+                let gatemeeting=[];
+                for(var i=0;i<txnres2.rows.length;i++){
+                  let data=txnres2.rows.item(i); 
+                  let dpoints=await getDiscussionPoint(data) ;
+                  dpoints=dpoints!=null?dpoints:[];
+                  data["DISCUSSION_POINTS"] = dpoints
+                  gatemeeting.push(data)
+                  if(i==(txnres2.rows.length-1))
+                  {
+                    setgateMeeting(gatemeeting);
+                    setProcessing(false);
+                    setrerenderdata(!rerenderdata);
+                  }
+                }            
+              }
+              else{
+                setProcessing(false); notify(ST.Nodatafound);setNodataFound(true);
+              }
+            },function(txn2,txnerr){console.log(txnerr); setProcessing(false); notify(ST.Nodatafound);setNodataFound(true);});
+          });      
+        });  
+      }
+      catch(err){
+        console.log(err);
+      }
+    }
+
+  async function getDiscussionPoint(gateMeeting){
+
+    return new Promise((resolve,reject)=>{
+      db.transaction(async function (txn) {   
+        // get inserted audit
+        let q = `SELECT DISCUSSION_POINTS FROM ${AppTables.GATE_MEETING_DISCUSSION} WHERE GATEMEETING_ID='${gateMeeting.UNIQUE_ID}'  `
+        await db.transaction(async function (txn) {   
+          await txn.executeSql(q,[],async function (txn2, txnres2) {    
+            // console.log('txnres4',txnres2.rows.length)
+            if(txnres2.rows.length>0){ 
+              // show from local
+              let dp=[];
+              for(var i=0;i<txnres2.rows.length;i++){
+                let data=txnres2.rows.item(i); 
+                console.log('data---->',data)
+                dp.push(data.DISCUSSION_POINTS)
+                
+                if(i==(txnres2.rows.length-1))
+                {
+                  setdiscussionPoints(dp)
+                  setrerenderdata(!rerenderdata);
+                  resolve(dp)
+                }
+              }            
+            }
+            else{
+              setrerenderdata(!rerenderdata);
+              resolve([])
+
+            }
+
+          },function(txn2,txnerr){console.log(txnerr);resolve([]) });
+        }); 
+            
+      });    
+    }).then((val)=>{
+      return val;
+    }).catch((err)=>{
+      return []
+    });
+  } 
+
+
+    function showRemoveGateMeetPopUp(data,index){
+      setToRemoveItem(data);
+      setToRemoveId(index);
+      setshowRemoveConfirm_M(true);
+    }
+
+    function Remove_DP(){
+      let index=toRemoveId;
+      let data=toRemoveItem;
+      setLoaderTitle("Remove Gate Meeting..")
+      setProcessing(true);
+      setshowRemoveConfirm_M(false);
+      try{
+        let {UNIQUE_ID}=data;
+        db.transaction(async function (txn) {   
+          // delete data from gate meetting table
+          let q = `Delete from ${AppTables.GATE_MEETING} WHERE UNIQUE_ID='${UNIQUE_ID}'  `
+          await txn.executeSql(q,[],async function (txn2, txnres2) {    
+            console.log("Removed data from Gate Meeting");
+
+            // remove data from discussion points
+            let q2 = `Delete from ${AppTables.GATE_MEETING_DISCUSSION} WHERE GATEMEETING_ID='${UNIQUE_ID}'  `
+            await txn.executeSql(q2,[],async function (txn2, txnres2) {    
+              console.log("Removed data from Gate Meeting discussion points");
+              let alldata=gateMeeting;
+              alldata.splice(index,1);
+              setgateMeeting(alldata);
+              notify("Removed Successfully!")
+              setProcessing(false);
+            },function(txn2,txnerr){console.log(txnerr);setProcessing(false); notify("Cannot remove data!")});
+          },function(txn2,txnerr){console.log(txnerr); setProcessing(false); notify("Cannot remove data!")});
+
+        }); 
+      }catch(err){
+        console.log(err);
+      }
+      
+    }
+
+    async function uploadGateMeetingData(data,index){
+      const url=props.baseurl+getMethodName(METHODS.UPLOADJSON_METHOD);
+      setLoaderTitle("Uploading Data...")
+      setProcessing(true);
+      console.log('gmuploaddata',typeof(data.EMP_ID))
+      let empIDs =data.EMP_ID!=null && data.EMP_ID!='' && data.EMP_ID!=undefined ?data.EMP_ID+'':[];
+      let employeesArr=empIDs!=null&&empIDs!=''? empIDs.split(',') :[];
+
+      let obj={
+        "MID":0,
+        "UniqueId":data.UNIQUE_ID,
+        "UserId":props.UserId,
+        "VisitDate":d2,
+        "Time":data.TIME,
+        "Image":data.IMAGE,
+        "MerchandiserId":employeesArr,
+        "DiscussionPoints":data.DISCUSSION_POINTS
+      }
+    
+      let JsonChange=JSON.stringify(obj)?.replace(/'/g, '"')
+    
+      let postData={
+        "MID":0,
+        "Keys":"GateMeeting_Sup",
+        "JsonData":JsonChange,
+        "UserId":props.UserId,
+      };
+    
+      console.log('postData',postData)
+    
+      let ImageName = data.IMAGE;
+      let imgPath='file://'+`${common_ImagePath}${ImageName}`;
+      
+      await UploadData2(url,postData)
+      .then(async(res)=>{
+        console.log('res:',res);
+        if(res.UploadJsonResult!=null && res.UploadJsonResult=='Success'){
+          
+    
+          // uplod images
+          const url2=(props.imageUploadUrl || URL_IMAGE)+getMethodName (METHODS.UPLOADIMAGES_METHOD);
+          let upload_status = 'U';
+          if(ImageName!='' && ImageName!=null){
+            let file={
+              uri: imgPath,
+              type: 'image/jpeg',
+              name: ImageName,
+              filetype:'image',
+              folderName:'SupGateMeetingImages',
+            }
+    
+            let isExists=await RNFS.exists(file.uri).then((res)=>{return res;});
+            console.log('isExists file',isExists);
+            if(isExists==true){
+              let fileData=getImagePOSTData(file,d2);
+            
+              let isImageUploaded=await UploadFormData(url2,fileData);
+              console.log('isImageUploaded',isImageUploaded)
+              if(isImageUploaded.success==false){
+                let obj={"ErrorMsg":"!! Network Connection Failed..! Please Connect Internet!!!"}
+               
+                upload_status='D'
+                notify('Cannot upload image!');
+              }
+            }
+            else{
+              notify("Error uploading image! Image does not exists");
+            }
+          }
+    
+          let isupdated =updateGateMeetUploadStatus(data.UNIQUE_ID,upload_status);
+          if(isupdated){
+            notify('Data Uploaded Sucessfully!');
+            setProcessing(false);
+            //update status locally
+            data.UPLOADSTATUS="U";
+            let alldata=gateMeeting;
+            // let GMIndex=alldata.findIndex(i=>i.UNIQUE_ID==data.UNIQUE_ID);
+            if(index>=0){
+              alldata[index]=data;
+              setgateMeeting(alldata);
+              setrerenderdata(!rerenderdata)
+            }
+          }
+          else{
+            setProcessing(false);
+            notify("Cannot update upload status!");
+          }
+          
+        }else{
+          setProcessing(false);
+          notify(ST.Cannotuploaddata);
+        }
+      })
+      .catch((err)=>{
+          console.log(err);
+          setProcessing(false);
+          notify(ST.Cannotuploaddata);
+      }); 
+    
+    }
+    async function uploadImageOnly(data,index){
+      const url=props.baseurl+getMethodName(METHODS.UPLOADJSON_METHOD);
+      setLoaderTitle("Uploading Image...")
+      setProcessing(true);
+      
+      let ImageName = data.IMAGE;
+      let imgPath='file://'+`${common_ImagePath}${ImageName}`;
+      const url2=(props.imageUploadUrl)+getMethodName (METHODS.UPLOADIMAGES_METHOD);
+          
+      let upload_status='U';
+      if(ImageName!='' && ImageName!=null){
+        let file={
+          uri: imgPath,
+          type: 'image/jpeg',
+          name: ImageName,
+          filetype:'image',
+          folderName:'SupGateMeetingImages',
+        }
+
+        let isExists=await RNFS.exists(file.uri).then((res)=>{return res;});
+        console.log('isExists file',isExists);
+        if(isExists==true){
+          let fileData=getImagePOSTData(file,d2);
+        
+          let isImageUploaded=await UploadFormData(url2,fileData);
+          console.log('isImageUploaded',isImageUploaded)
+          if(isImageUploaded.success==false){
+            upload_status='D'
+            notify('Cannot upload image!');
+          }
+        }
+        else{
+          notify("Image does not exists!");
+        }
+      }
+
+      let isupdated =updateGateMeetUploadStatus(data.UNIQUE_ID,upload_status);
+      if(isupdated){
+        notify('Data Uploaded Sucessfully!');
+        setProcessing(false);
+        //update status locally
+        data.UPLOADSTATUS="U";
+        let alldata=gateMeeting;
+        // let GMIndex=alldata.findIndex(i=>i.UNIQUE_ID==data.UNIQUE_ID);
+        if(index>=0){
+          alldata[index]=data;
+          setgateMeeting(alldata);
+          setrerenderdata(!rerenderdata)
+        }
+      }
+      else{
+        setProcessing(false);
+        notify("Cannot update upload status!");
+      }
+    
+    }
+    async function updateGateMeetUploadStatus(uniqueId,upload_status){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+          let q=`Update ${AppTables.GATE_MEETING} SET UPLOADSTATUS='${upload_status}' WHERE USER_ID='${props.UserId}' AND VISIT_DATE='${d2}' and UNIQUE_ID='${uniqueId}'`;
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+            console.log('Gate Meeting upload status Updated');
+            resolve(true);
+          },function (txn2, txnerr) { console.log(txnerr);resolve(false); },);
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });
+    }
+
+
+    return ( 
+      
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        
+        <CustomHeader {...props} title={'GateMeeting'} hideBellIcon={false} hideTimer={false}/> 
+        {/* {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)} */}
+       
+        {ConfirmSaveAlert(props,showRemoveConfirm_M,()=>{setshowRemoveConfirm_M(false)},Remove_DP,'Do you really want to remove this Discussion Points?')}
+        
+
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        
+        <View style={[customStyle.pageContentWrapper]}>
+            <View style={[ customStyle.gmeet_header]}>
+              <Text style={customStyle.vl_visitorsListText}>{'Gate Meeting Status'}</Text>
+              <TouchableOpacity style = {[customStyle.hr_viewButton]} onPress={()=>{
+                props?.navigation?.navigate('AddGateMeeting')
+                }}>
+                <Text style = {[customStyle.hr_viewButtonText]}>Add</Text>
+              </TouchableOpacity>
+            </View>
+          
+            { rerenderdata==rerenderdata &&
+            <ScrollView 
+              contentContainerStyle={customStyle.gmeet_scroll} 
+              style={customStyle.gmeet_scrollOuter}
+              showsVerticalScrollIndicator={false}
+              >
+              {gateMeeting.map((item,index)=>{
+                  let data = item||'';
+                  // console.log("data.MERCHANDISER_NAME:",data)
+                  let MeetDate=data.VISIT_DATE!=null  && data.VISIT_DATE!='' ?data.VISIT_DATE:"";
+                  let MeetDT=data.TIME!=null && data.TIME!=''?MeetDate+" "+data.TIME:MeetDate;
+                   let time2 = MeetDT ? moment(MeetDT, MeetDT.includes('/')
+                                                ? "MM/DD/YYYY HH:mm:ss"
+                                                : "HH:mm:ss"
+                                             ).format("HH:mm:ss")
+                                             : '';
+
+                  //let formattedDT=MeetDT!=""?moment(MeetDT).format("DD/MM/YYYY h:mm:ss"):"";
+                  return(
+                    <View style={customStyle.gm_TblHeader}>
+                      {data.UPLOADSTATUS!='U'  &&
+                      <TouchableOpacity style={customStyle.gm_DeleteBtn} onPress={()=>{showRemoveGateMeetPopUp(item,index)}}>
+                        <Ionicons name='trash' color={PageTheme.$red} size={24} />
+                      </TouchableOpacity>
+                      }
+                      <View style={[customStyle.gm_TblHeaderBox1]}>
+                        <Text style={customStyle.vl_TblHeaderTxt}>{'Date & Time :'}</Text>
+                        <Text style={customStyle.gm_TblHeaderTxt}>{time2}</Text>
+                      </View>
+                      <View style={[customStyle.gm_TblHeaderBox2]}>
+                        <Text style={customStyle.vl_TblHeaderTxt}>{'Merchandisers/Promoters :'}</Text>
+                        <Text style={customStyle.gm_TblHeaderTxt2}>{data.MERCHANDISER_NAME}</Text>
+                      </View>
+                      <View style={[,customStyle.gm_TblHeaderBox3]}>
+                        <Text style={customStyle.vl_TblHeaderTxt}>{'Discussion Point :'}</Text>
+                        {
+                          data.DISCUSSION_POINTS.map((item,index)=>{
+                            return(
+                              <Text style={customStyle.gm_TblHeaderTxt3}>{item}</Text>
+                            )
+                          })
+                        }
+                      </View>
+                      {data.UPLOADSTATUS!='U'  && 
+                      <View style={[customStyle.vl_visitorsLI_Box,customStyle.vl_visitorsLI_Box3]}>
+                        <TouchableOpacity style={customStyle.gm_CheckOutBtn} onPress={()=>{data.UPLOADSTATUS=='D'?uploadImageOnly(item,index) :uploadGateMeetingData(item,index)}}>
+                          <Text style={customStyle.vl_CheckOutBtnText}>{'Upload'}</Text>
+                        </TouchableOpacity>
+                      </View>
+                      }
+
+                      {data.UPLOADSTATUS=='U' && 
+                      <View style={[customStyle.vlStatus]}>
+                        <Ionicons name='checkmark-done-sharp' color='green' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'green'}]}>{ST.Uploaded}</Text>
+                      </View>
+                      }
+
+                      {data.UPLOADSTATUS=='D' &&
+                      <View style={[customStyle.vlStatus]}>
+                        <Ionicons name='checkmark-sharp' color='red' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'red'}]}>{"Data Uploaded, Image Pending!"}</Text>
+                      </View>
+                      }
+
+                      {(data.UPLOADSTATUS=='' || data.UPLOADSTATUS==null || data.UPLOADSTATUS==undefined) && 
+                      <View style={[customStyle.vlStatus]}>
+                        <Ionicons name='checkmark-sharp' color='red' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'red'}]}>{"Data Pending, Image Pending!"}</Text>
+                      </View>
+                      }
+                    </View>
+
+                  )
+                
+              })}
+            </ScrollView>
+            }
+         </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+
+
+  
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(GateMeeting);
\ No newline at end of file
diff --git a/src/screens/GeoTag copy.js b/src/screens/GeoTag copy.js
new file mode 100644
index 0000000..02a4801
--- /dev/null
+++ b/src/screens/GeoTag copy.js	
@@ -0,0 +1,559 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme, WP } from "../styles/Global";
+import {Image,View,Text,ScrollView,TouchableOpacity,Platform,FlatList} from 'react-native';
+import { connect} from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {marktext1,marktext2, UploadData, UploadData2, UploadFormData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db, URL_IMAGE} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {AntDesign, Entypo, EvilIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import {SvgXml} from 'react-native-svg';
+import MapView,{ Marker,AnimatedRegion ,Polyline,PROVIDER_GOOGLE}from 'react-native-maps';
+import { _checkLocationPermission } from '../components/geolocation';
+import Geolocation from '@react-native-community/geolocation';
+import { useRef } from 'react';
+import GradientButton from '../components/gradientButton';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+
+import cameraImg from '../assets/performics/camera_icon.svg'
+import { AppTables } from '../constants/tableConstants';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import CustomCamera from '../components/Camera';
+
+function GeoTag(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState(false);
+    
+    const [storeData, setStoreData] = useState({});
+    const [StoreImage, setStoreImage] = useState('');
+    const [StoreImgPath, setStoreImgPath] = useState('');
+    
+    const [currentLocation, setCurrentLocation] = useState({});
+    const [markerCoordinate, setMarkerCoordinate] = useState();
+    const [markerPos, setMarkerPos] = useState({});
+    const [markerTitle, setMarkerTitle] = useState('');
+    const [markerPlaceText, setMarkerPlaceText] = useState('');
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+
+    const [showCamera, setShowCamera] = useState(false);
+    
+    const MyMap=useRef(null);
+    const MyMarker=useRef(null);
+    const isCancelled = useRef(false);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+   
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...')
+      _getCurrentLocation();
+      let params=props.route.params? props.route.params:{};
+      let storeData1=params.storeData || {};
+      let isAdhoc=params.isAdhoc || false;
+      setIsAdhocScreen(isAdhoc);
+      setStoreData(storeData1);
+      
+      props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+      return function cleanup() {
+        isCancelled.current = true; 
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+      };
+    }, []);
+
+    useEffect(() => {
+      props.navigation.removeListener('beforeRemove', onBeforeRemove);
+      props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+          return;
+        } 
+    }
+
+    async function _getCurrentLocation() {  
+      const hasPermission=await _checkLocationPermission();
+      if(hasPermission==true)
+      {    
+        Geolocation.getCurrentPosition(
+          async (position) => {
+              let loc={lat:position.coords.latitude,lng:position.coords.longitude};
+              setMarkerPos(loc);
+              setMarkerCoordinate(new AnimatedRegion({ latitude:loc.lat, longitude: loc.lng }));
+              setMarkerTitle('Current Location');
+              setMarkerPlaceText(`${loc.lat}, ${loc.lng}`)
+              setCurrentLocation(loc);
+          },
+          (error) => {
+              notify(ST.Cannotgetuserposition);
+          },
+          { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+        );
+      }
+      else{
+        notify(ST.Pleaseallowlocationpermission);
+      }
+    }
+
+    async function submitGeoTag(){
+      if(validate()){
+        setLoaderTitle(ST.UploadingData+'...');
+        setProcessing(true);
+        await InsertGeoTag();
+      }
+    }
+    
+
+    async function InsertGeoTag(){
+      try{
+        
+        await db.transaction(async function (txn) {  
+          let {StoreId}=storeData;
+          let {lat,lng}=markerPos;
+          lat=lat;
+          lng=lng;
+          console.log('geotag lat:',lat,'lng:',lng);
+          let status='N';
+          let values=` ('${StoreId}','${lat}','${lng}','${status}','${status}','${StoreImgPath}','${d2}') `; 
+          let q=`INSERT INTO ${AppTables.GEOTAG}(STORE_ID,LATITUDE,LONGITUDE,GEO_TAG,STATUS,FRONT_IMAGE,ADDED_DATE) VALUES ${values} `;               
+          
+          await txn.executeSql(`Delete from ${AppTables.GEOTAG} where STORE_ID='${StoreId}' and ADDED_DATE='${d2}'`,[],async function (txn2, txnres2) {
+            console.log('old geotag removed'); 
+            await txn.executeSql(q,[],async function (txn2, txnres3) {
+              console.log('geotag  added');
+              uploadGeoTagData();
+            },function(txn2,txnerr){console.log(txnerr);});
+            
+          },function(txn2,txnerr){console.log(txnerr);});
+
+          // await txn.executeSql(`Select * from ${AppTables.GEOTAG} where STORE_ID='${StoreId}' and ADDED_DATE='${d2}'`,[],async function (txn2, txnres2) {
+          //   console.log('geotag added'); 
+          //   if(txnres2.rows.length>0){
+          //     console.log('geotag already added');
+          //     uploadGeoTagData();
+          //   } 
+          //   else{
+          //     await txn.executeSql(q,[],async function (txn2, txnres3) {
+          //       console.log('geotag  added');
+          //       uploadGeoTagData();
+          //     },function(txn2,txnerr){console.log(txnerr);});
+          //   }
+            
+          // },function(txn2,txnerr){console.log(txnerr);});
+        });
+        
+      }
+      catch(e){
+        console.log(e);setProcessing(false);
+      }
+    }
+
+    async function uploadGeoTagData(){
+      let {lat,lng}=markerPos;   
+      lat=lat;
+      lng=lng;   
+      let geotag_obj={
+        "STORE_ID":storeData.StoreId,
+        "VISIT_DATE":d2,
+        "LATITUDE":lat,
+        "LONGITUDE":lng,
+        "FRONT_IMAGE":StoreImage,
+      };     
+      let allGeoTags=[geotag_obj];
+      let data={
+        "MID":"0",
+        "Keys":"Sup_GeoTag",
+        "JsonData":JSON.stringify(allGeoTags),
+        "UserId":(props.UserId || ''),
+      };
+
+      var data1 = new FormData();          
+      data1.append('file', {
+        uri: StoreImgPath,
+        type: 'image/jpg',
+        name: StoreImage,
+      });
+
+      let foldername=getFolderName(StoreImage);
+      data1.append('Foldername',foldername);
+      data1.append('Path', d2);
+
+      const url=props.baseurl+getMethodName(METHODS.UPLOADJSON_METHOD);
+      const url1=(props.imageUploadUrl || URL_IMAGE)+getMethodName(METHODS.UPLOADIMAGES_METHOD);
+      console.log(url,data);
+
+      await UploadData2(url,data)
+      .then(async(res)=>{ 
+        console.log(res);
+        
+        if(res.UploadJsonResult && res.UploadJsonResult.includes('Success')){
+          await UpdateGeoTagStatus();
+          // Upload Image 
+          
+          await UploadFormData(url1,data1)
+          .then(async(res1)=>{         
+            console.log('res1:',res1);      
+            if(res1.includes('Success')){
+              console.log('image uploaded');
+              RNFS.unlink(StoreImgPath);
+            }       
+          })
+          .catch((err)=>{
+            console.log(err);
+          });
+        }
+        else{
+          setProcessing(false);
+          notify(ST.Cannotuploadgeotag)
+        }
+      })
+      .catch((err)=>{
+        console.log(err);setProcessing(false);
+      });
+      
+    }
+
+    function exit(storeData1={}){    
+      
+      notify(ST.GeoTagDataUploadedSuccessfully,'LONG');
+      setProcessing(false);
+      // props.navigation.goBack();
+      props.navigation.pop();props.navigation.push('StoreCheckin',{storeData:storeData1,'isAdhoc':isAdhocScreen})
+    }
+
+    async function UpdateGeoTagStatus(){
+      try{        
+        await db.transaction(async function (txn) {  
+          let {StoreId}=storeData;
+          let {lat,lng}=markerPos; 
+          lat=lat;
+          lng=lng;  
+          let status='Y';
+          let JcpType=isAdhocScreen==true?'Adhoc_JourneyPlan':'Mapping_JourneyPlan';
+          let q=`Update ${AppTables.GEOTAG} set GEO_TAG='${status}',STATUS='${status}'  where STORE_ID='${StoreId}' and ADDED_DATE='${d2}'`;
+          await txn.executeSql(q,[],async function (txn2, txnres2) {
+            console.log('geotag update');  
+
+            let q2=`Update ${JcpType} set GeoTag='${status}',Latitude='${lat}',Longitude='${lng}'  where StoreId='${StoreId}'`;
+            await txn.executeSql(q2,[],async function (txn2, txnres2) {
+              console.log('geotag updated in store');  
+              // update geotag locally
+              let stored_new=storeData;
+              stored_new['GeoTag']='Y';
+              stored_new['Latitude']=lat;
+              stored_new['Longitude']=lng;
+              setStoreData(stored_new);
+
+              exit(stored_new);         
+            },function(txn2,txnerr){console.log(txnerr);notify(ST.Geotaguploadedbutcannotupdategeotagstatus,'LONG');setProcessing(false);});
+
+          },function(txn2,txnerr){console.log(txnerr);notify(ST.Geotaguploadedbutcannotupdategeotagstatus,'LONG');setProcessing(false);});
+        });        
+      }
+      catch(e){
+        console.log(e);
+        notify(ST.Geotaguploadedbutcannotupdategeotagstatus,'LONG');setProcessing(false);
+      }
+    }
+
+    function validate(){
+      if(markerPos=='' || markerPos==null || markerPos.lat=='' || markerPos.lat==null || markerPos.lng=='' || markerPos.lng==null){
+        notify(ST.Pleaseclickstorefrontimage,'SHORT');
+        return false;
+      }
+      else if(StoreImage=='' || StoreImage==null){
+        notify(ST.Pleaseclickstorefrontimage,'SHORT');
+        return false;
+      }
+      return true;
+    }
+
+    async function getImage(imgdata){
+      
+      if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+          notify(ST.Cameraunavailable);
+      }
+      else if(typeof imgdata =='object' && imgdata.uri!=null){
+          const img=imgdata;
+          const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+         
+          
+          let picture_clicked_time=new Date();
+          picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+          
+          
+          const mark_text1=picture_clicked_time;
+          const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Geo Tag'+' | Date:'+picture_clicked_time;
+         
+          await marktext1(mark_text1,imgurl)
+          .then((res)=>{
+              if(res.success){
+                  let uri=res.uri;
+                  marktext2(mark_text2,uri,imgWidth,imgHeight)
+                  .then((res)=>{
+                      if(res.success){
+                          let picture_clickedd=new Date();
+                          let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                          let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                          let filename=storeData.StoreId+'_'+storeData.EmpId+'_GeoTag-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                          
+                          setStoreImage(filename);
+                          // renamefile
+                          let imagePath=`${RNFS.DocumentDirectoryPath}/${filename}`;
+                          RNFS.copyFile(res.uri, imagePath)
+                          .then(resn => {
+                              let uri='file://'+imagePath;
+                              console.log('image marker',uri);
+                              setStoreImgPath(uri);  
+                          })
+                          .catch(err => {
+                              console.log(ST.Errorimagefilewritefailed+'!!!');
+                              console.log(err.message, err.code);
+                          });                           
+                                   
+                      }
+                      else{
+                          if(res.imagenotfound){
+                              notify(ST.Pleasecaptureaimage);
+                          }
+                          else{
+                              notify(res.error);
+                          }
+                      }
+                  });
+              }
+              else{
+                  if(res.imagenotfound){
+                      notify(ST.Pleasecaptureaimage);
+                  }
+                  else{
+                      notify(res.error);
+                  }
+              }
+          });            
+      }        
+  }
+
+  async function openCamera(){  
+    setShowCamera(true);
+    // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+  }
+
+
+    function moveMarkerToPos(e){
+      
+      let coords=e.nativeEvent.coordinate;
+      console.log('moveMarkerToPos',coords)
+
+      // if(MyMap.current!=null){
+      //   MyMap.current.animateToRegion({  
+      //     latitude: coords.latitude,   
+      //     longitude: coords.longitude,  
+      //     latitudeDelta: 0.0922,  
+      //     longitudeDelta: 0.0421,  
+      //   },1000);
+      // }
+      animateCamera(coords);
+      animateMarkerToRegion(coords);
+      setMarkerInfo(coords);
+      let loc={lat:coords.latitude,lng:coords.longitude};
+      setMarkerPos(loc);
+    }
+
+    function animateMarkerToRegion(coords) {
+      const newCoordinate = coords;  
+      const new_animated_coords=new AnimatedRegion({ latitude:coords.latitude, longitude: coords.longitude });
+      if (Platform.OS === 'android') {
+        if (MyMarker) {
+          MyMarker.current.animateMarkerToCoordinate(newCoordinate, 1000);
+        }
+      } else {
+        // `useNativeDriver` defaults to false if not passed explicitly
+        markerCoordinate.timing({ ...newCoordinate, useNativeDriver: false,duration:1000 }).start();
+      }
+      setTimeout(()=>{setMarkerCoordinate(new_animated_coords);},1000);
+      
+    }
+
+    async function setMarkerInfo(coords){
+      if(MyMap.current!=null){
+        MyMap.current.addressForCoordinate(coords)
+        .then((res)=>{
+          console.log('res:',res);
+          let title=res.name;
+          let placeText=`${res.subLocality}, ${res.locality}, ${res.administrativeArea} ${res.postalCode}`;
+          setMarkerTitle(title);
+          setMarkerPlaceText(placeText);
+          
+        })
+      }
+    }
+
+    async function animateCamera(coords) {
+      if(MyMap.current!=null){
+      const camera = await MyMap.current.getCamera();
+      // camera.heading = 90;
+      // camera.pitch = 45;
+      // camera.altitude = 1000;
+      // camera.zoom = 1000;
+      camera.center.latitude = coords.latitude;
+      camera.center.longitude = coords.longitude;
+      MyMap.current.animateCamera(camera, { duration: 2000 });
+      }
+    }
+
+
+    function _renderMap(){
+      const lat =currentLocation.lat?currentLocation.lat:28.579660;
+      const lng=currentLocation.lng?currentLocation.lng:77.321110;
+      
+      if(currentLocation.lat!=null)
+      {
+        return (
+          <View style={[customStyle.mapWrapCon,(Platform.OS==='ios'?customStyle.mapWrapConIOS:{})]}>
+          <View style={[customStyle.mapWrapper,customStyle.mapWrapperSmall]}>            
+            <MapView  
+              ref={MyMap}
+              style={customStyle.mapStyle} 
+              provider={PROVIDER_GOOGLE}              
+              showsUserLocation={true}  
+              zoomEnabled={true} 
+              // initialRegion={{  
+              //   latitude: lat,   
+              //   longitude: lng,  
+              //   latitudeDelta: 0.0922,  
+              //   longitudeDelta: 0.0421,  
+              // }}
+              initialCamera={{
+                center: {
+                  latitude: lat,   
+                  longitude: lng,
+                },
+                pitch: 7,
+                heading: 7,
+                altitude: 100,
+                zoom: 19,
+              }}
+              moveOnMarkerPress={true}
+              // onCalloutPress={(e)=>{console.log('on press')}}
+              // onRegionChangeComplete={(region,details)=>{console.log('on region change',region)}}
+              onPress={moveMarkerToPos}
+            
+              >        
+              <Marker.Animated 
+                ref={MyMarker}
+                draggable={true}
+                onDragEnd={(e)=>{console.log('on drag end:',e.nativeEvent.coordinate)}}
+                coordinate={ markerCoordinate}                  
+                pinColor={'#ff78b6'}
+                title={markerTitle}  
+                description={markerPlaceText}      
+              />  
+            </MapView> 
+          </View>  
+          {_render_captureImage()} 
+          </View>            
+        );
+      }
+      else{
+        return(<View></View>)
+      }
+    }
+
+    function _render_captureImage(){
+      const isImageAvlbl=StoreImage!='' && StoreImage!=null && StoreImgPath!='' && StoreImgPath!=null;
+      
+      return (
+        <View style={customStyle.gtag_sImageWrap}>          
+          <View style={customStyle.gtag_sImagelbl}>
+            <View style={customStyle.gtag_sImage_View}>
+              {isImageAvlbl && <Image style={customStyle.gTag_Image} source={{uri:StoreImgPath}}/>} 
+              {!isImageAvlbl && <Image style={customStyle.gTag_Image} source={require('../assets/image/greybg.jpg')}/>} 
+            </View>
+            <TouchableOpacity style={customStyle.gTag_sImageBtn} onPress={()=>{openCamera()}}>
+              {<Entypo size={20} color={'#fff'} name='camera' />} 
+            </TouchableOpacity>
+            <Text style={customStyle.gtag_sImagelblText}>{ST.ClickStoreFrontImage}</Text>
+          </View>
+           
+        </View>
+      );
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={ST.Geotag}/>       
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+         
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&
+            <ScrollView contentContainerStyle={customStyle.geotag_scroll} style={{}}>            
+            
+              <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.StoreId+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                    </View>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.StoreCode+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                    </View>
+                  </View>
+                  <View style={customStyle.storel_code}>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.Address+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.Address}</Text>
+                    </View>
+                  </View>                                 
+                </View>                
+              </View> 
+
+              </View>
+              {
+              // isCancelled.current==false &&
+               _renderMap()
+               } 
+              <View style={customStyle.gTag_btnWrap}>
+                <GradientButton {...props} title={ST.UploadGeotag} colors={[PageTheme.$red_light100,PageTheme.$red, PageTheme.$red]} style={{shadowColor:PageTheme.$red}} onPress={()=>{submitGeoTag()}}/> 
+              </View>    
+                 
+            </ScrollView>
+          }
+         </View>      
+       </LinearGradient>       
+        
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(GeoTag);
\ No newline at end of file
diff --git a/src/screens/GeoTag.js b/src/screens/GeoTag.js
new file mode 100644
index 0000000..c8c0a09
--- /dev/null
+++ b/src/screens/GeoTag.js
@@ -0,0 +1,673 @@
+import React, { useState, useEffect } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme, WP } from "../styles/Global";
+import { Image, View, Text, ScrollView, TouchableOpacity, Platform, FlatList } from 'react-native';
+import { connect } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { marktext1, marktext2, UploadData, UploadData2, UploadFormData,fetchProjectConfig } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { db, URL_IMAGE } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { AntDesign, Entypo, EvilIcons } from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { SvgXml } from 'react-native-svg';
+import MapView, { Marker, AnimatedRegion, Polyline, PROVIDER_GOOGLE } from 'react-native-maps';
+import { _checkLocationPermission } from '../components/geolocation';
+// import Geolocation from '@react-native-community/geolocation';
+import Geolocation from 'react-native-geolocation-service';
+import { useRef } from 'react';
+import GradientButton from '../components/gradientButton';
+import { launchCamera, launchImageLibrary, CameraOptions } from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+
+import cameraImg from '../assets/performics/camera_icon.svg'
+import { AppTables } from '../constants/tableConstants';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import CustomCamera from '../components/Camera';
+
+function GeoTag(props) {
+  const route = useRoute();
+  const ST = props.StaticText || {};
+  // get all theme styles acc to current theme set 
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const [processing, setProcessing] = useState(false);
+
+  const [storeData, setStoreData] = useState({});
+  const [StoreImage, setStoreImage] = useState('');
+  const [StoreImgPath, setStoreImgPath] = useState('');
+
+  const [currentLocation, setCurrentLocation] = useState({});
+  const [markerCoordinate, setMarkerCoordinate] = useState();
+  const [markerPos, setMarkerPos] = useState({});
+  const [markerTitle, setMarkerTitle] = useState('');
+  const [markerPlaceText, setMarkerPlaceText] = useState('');
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+  const [EmpData, setEmpData] = useState([]);
+  const [showCamera, setShowCamera] = useState(false);
+  const [IsSearchedStore, setIsSearchedStore] = useState(false);
+  const [isDistributor, setIsDistributor] = useState(false);
+  const [isNPNDScreen, setisNPNDScreen] = useState(false);
+
+  const MyMap = useRef(null);
+  const MyMarker = useRef(null);
+  const isCancelled = useRef(false);
+  const d1 = new Date();
+  const d2 = moment(d1).format('MM/DD/YYYY');
+
+  useEffect(() => {
+    setLoaderTitle(ST.Loading + '...')
+    _getCurrentLocation();
+    let params = props.route.params ? props.route.params : {};
+    let isDistributor1 = params.isDistributor != null ? params.isDistributor : false;
+    let storeData1 = params.storeData || {};
+    let empData1 = params.empData || {};
+    let isAdhoc = params.isAdhoc || false;
+
+     fetchProjectConfig(props.ManagerAppConfig)
+        .then(storewisePjp => {
+          setIsSearchedStore(storewisePjp.StoreSearch);
+           console.log('storewisePjpGeoTag:', storewisePjp.StoreSearch);
+        })
+        .catch(err => {
+          console.error('Config error', err);
+        });
+
+    
+    // let IsSearchedStore1 = params.IsSearchedStore != null && params.IsSearchedStore == 1 ? true : false;
+    let isNPND = params.isNPND != null ? params.isNPND : false;
+    //console.log('GeoTag params:', IsSearchedStore1);
+
+    setisNPNDScreen(isNPND)
+    setIsAdhocScreen(isAdhoc);
+   // setIsSearchedStore(IsSearchedStore1);
+    setEmpData(empData1);
+    setStoreData(storeData1);
+    setIsDistributor(isDistributor1);
+
+    const onBackSubscription = props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+    return function cleanup() {
+      isCancelled.current = true;
+      props.navigation.removeListener('beforeRemove', onBeforeRemove);
+      return onBackSubscription;
+    };
+  }, []);
+
+  useEffect(() => {
+    console.log('show camera changes:', showCamera);
+    props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    const onBackSubscription = props.navigation.addListener('beforeRemove', onBeforeRemove);
+    return onBackSubscription;
+  }, [showCamera]);
+
+  function onBeforeRemove(e) {
+    if (showCamera == true) {
+      e.preventDefault();
+      setShowCamera(false);
+    }
+    else {
+      return;
+    }
+  }
+
+  async function _getCurrentLocation() {
+    const hasPermission = await _checkLocationPermission();
+    if (hasPermission == true) {
+      Geolocation.getCurrentPosition(
+        async (position) => {
+          let loc = { lat: position.coords.latitude, lng: position.coords.longitude };
+          setMarkerPos(loc);
+          setMarkerCoordinate(new AnimatedRegion({ latitude: loc.lat, longitude: loc.lng }));
+          setMarkerTitle('Current Location');
+          setMarkerPlaceText(`${loc.lat}, ${loc.lng}`)
+          setCurrentLocation(loc);
+        },
+        (error) => {
+          notify(ST.Cannotgetuserposition);
+        },
+        { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+      );
+    }
+    else {
+      notify(ST.Pleaseallowlocationpermission);
+    }
+  }
+
+  async function submitGeoTag(IsSearchedStore) {
+    console.log('submitGeoTag called', IsSearchedStore);
+    if (validate()) {
+      setLoaderTitle(ST.UploadingData + '...');
+      setProcessing(true);
+      await InsertGeoTag(IsSearchedStore);
+    }
+  }
+
+
+  async function InsertGeoTag(IsSearchedStore) {
+    try {
+
+      db.transaction(async function (txn) {
+        let { StoreId, MerchandiserId } = storeData;
+
+        let { lat, lng } = markerPos;
+        lat = lat;
+        lng = lng;
+        console.log('geotag lat:', lat, 'lng:', lng);
+        let status = 'N';
+        let tb1 = isDistributor ? AppTables.DB_GEOTAG : AppTables.GEOTAG;
+        let values = '', q = '', delq = '';
+
+        if (isDistributor) {
+          values = ` ('${StoreId}','${lat}','${lng}','${status}','${status}','${StoreImgPath}','${d2}') `;
+          q = `INSERT INTO ${tb1}(STORE_ID,LATITUDE,LONGITUDE,GEO_TAG,STATUS,FRONT_IMAGE,ADDED_DATE) VALUES ${values} `;
+          delq = `Delete from ${AppTables.DB_GEOTAG} where STORE_ID='${StoreId}' and ADDED_DATE='${d2}'`;
+        }
+        else {
+          values = ` ('${MerchandiserId}','${StoreId}','${lat}','${lng}','${status}','${status}','${StoreImgPath}','${d2}') `;
+          q = `INSERT INTO ${tb1}(EMP_ID,STORE_ID,LATITUDE,LONGITUDE,GEO_TAG,STATUS,FRONT_IMAGE,ADDED_DATE) VALUES ${values} `;
+          delq = `Delete from ${AppTables.GEOTAG} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' and ADDED_DATE='${d2}'`;
+        }
+
+        txn.executeSql(delq, [], async function (txn2, txnres2) {
+          console.log('old geotag removed');
+          txn.executeSql(q, [], async function (txn2, txnres3) {
+            console.log('geotag  added');
+            uploadGeoTagData(IsSearchedStore);
+          }, function (txn2, txnerr) { console.log(txnerr); });
+        }, function (txn2, txnerr) { console.log(txnerr); });
+
+        // await txn.executeSql(`Select * from ${AppTables.GEOTAG} where STORE_ID='${StoreId}' and ADDED_DATE='${d2}'`,[],async function (txn2, txnres2) {
+        //   console.log('geotag added'); 
+        //   if(txnres2.rows.length>0){
+        //     console.log('geotag already added');
+        //     uploadGeoTagData();
+        //   } 
+        //   else{
+        //     await txn.executeSql(q,[],async function (txn2, txnres3) {
+        //       console.log('geotag  added');
+        //       uploadGeoTagData();
+        //     },function(txn2,txnerr){console.log(txnerr);});
+        //   }
+        // },function(txn2,txnerr){console.log(txnerr);});
+      });
+
+    }
+    catch (e) {
+      console.log(e); setProcessing(false);
+    }
+  }
+
+  async function uploadGeoTagData(IsSearchedStore) {
+    let { lat, lng } = markerPos;
+    lat = lat;
+    lng = lng;
+    let geotag_obj = {};
+    if (isDistributor) {
+      geotag_obj["DISTRIBUTOR_ID"] = storeData.StoreId;
+    } else {
+      geotag_obj["STORE_ID"] = storeData.StoreId;
+    }
+    geotag_obj["VISIT_DATE"] = d2,
+      geotag_obj["LATITUDE"] = lat,
+      geotag_obj["LONGITUDE"] = lng,
+      geotag_obj["FRONT_IMAGE"] = StoreImage;
+
+
+    let allGeoTags = [geotag_obj];
+    let data = {
+      "MID": "0",
+      "JsonData": JSON.stringify(allGeoTags),
+      "UserId": (props.UserId || ''),
+    };
+
+    if (isDistributor) {
+      data["Keys"] = "DB_GeoTag";
+    } else {
+      data["Keys"] = "GeoTag";
+    }
+
+    var data1 = new FormData();
+    data1.append('file', {
+      uri: StoreImgPath,
+      type: 'image/jpg',
+      name: StoreImage,
+    });
+
+    let foldername = getFolderName(StoreImage);
+    data1.append('Foldername', foldername);
+    data1.append('Path', d2);
+
+    const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+    const url1 = (props.imageUploadUrl || URL_IMAGE) + getMethodName(METHODS.UPLOADIMAGES_METHOD);
+    console.log(url, data);
+
+    await UploadData2(url, data)
+      .then(async (res) => {
+        console.log(res);
+
+        if (res.UploadJsonResult && res.UploadJsonResult.includes('Success')) {
+          await UpdateGeoTagStatus(IsSearchedStore);
+          // Upload Image 
+
+          await UploadFormData(url1, data1)
+            .then(async (res1) => {
+              console.log('res1:', res1);
+
+              if (typeof res1 === 'string' && res1.includes('Success')) {
+                console.log('image uploaded');
+
+                // image delete
+                RNFS.unlink(StoreImgPath).catch(() => { });
+
+                // ✅ VERY IMPORTANT
+                setProcessing(false);
+                exit(storeData,IsSearchedStore);
+              } else {
+                setProcessing(false);
+                notify('Image upload failed');
+              }
+            })
+
+        }
+        else {
+          setProcessing(false);
+          notify(ST.Cannotuploadgeotag)
+        }
+      })
+      .catch((err) => {
+        console.log(err); setProcessing(false);
+      });
+
+  }
+
+  function exit(storeData1 = {},IsSearchedStore) {
+    console.log('exit called===>',IsSearchedStore);
+
+    notify(ST.GeoTagDataUploadedSuccessfully, 'LONG');
+    setProcessing(false);
+    // props.navigation.goBack();
+    // props.navigation.pop();
+    if (isDistributor) {
+      props.navigation.replace('DistributorCheckIn', { storeData: storeData1, 'isAdhoc': isAdhocScreen, 'isDistributor': isDistributor, 'isNPND': isNPNDScreen })
+    }
+    else {
+     // props.navigation.replace('StoreCheckin', { storeData: storeData1, 'isAdhoc': isAdhocScreen, 'isDistributor': isDistributor, 'isNPND': isNPNDScreen })
+       props.navigation.navigate('StoreCheckin', { storeData: storeData1, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': IsSearchedStore, 'isNPND': isNPNDScreen });
+    }
+  }
+
+  async function UpdateGeoTagStatus(IsSearchedStore) {
+    console.log('UpdateGeoTagStatus called', IsSearchedStore);
+    try {
+      db.transaction(async function (txn) {
+        let { StoreId, MerchandiserId, EmpId } = storeData;
+        let { lat, lng } = markerPos;
+        lat = lat;
+        lng = lng;
+        let status = 'Y';
+        let tb1 = isDistributor ? AppTables.DB_GEOTAG : AppTables.GEOTAG;
+        let JcpType = "";
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        const configData = (() => {
+          try {
+            return typeof props.ManagerAppConfig === "string"
+              ? JSON.parse(props.ManagerAppConfig)
+              : props.ManagerAppConfig;
+          } catch (e) {
+            return null;
+          }
+        })();
+
+        const configArray = configData?.ManagerAppConfig ?? [];
+        const currentConfig = configArray.find(
+          item => item.Designation?.toLowerCase() === loginDetails?.Designation.toLowerCase()
+        );
+
+        const storewisePjp = currentConfig?.StorewisePJP;
+
+        console.log("currentConfigGeoTag:", currentConfig);
+        console.log("storewisePjpGeoTag:", storewisePjp);
+        console.log("IsSearchedStoreGeoTag:", IsSearchedStore);
+
+
+        if (IsSearchedStore) {
+          JcpType = "Sup_JourneyPlan";
+        }
+        else if (isDistributor) {
+          JcpType = "Sup_MasterDistributor";
+        }
+        else if (storewisePjp == true) {
+          JcpType = isAdhocScreen == true ? "Sup_JourneyPlanStorewiseSup_Adhoc" : isNPNDScreen ? "Sup_NPNDStore" : "Sup_JourneyPlanStorewiseSup";
+        }
+        else {
+          JcpType = isAdhocScreen == true ? "Sup_AdhocJourneyPlan" : isNPNDScreen ? "Sup_NPNDStore" : "Sup_JourneyPlan";
+        }
+        console.log("MerchandiserId----1", tb1);
+        let q = `Update ${tb1} set GEO_TAG='${status}',STATUS='${status}'  where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId || EmpId}' and ADDED_DATE='${d2}'`;
+        txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('geotag update', q);
+
+          let q2 = `Update ${JcpType} set GeoTag='${status}',Latitude='${lat}',Longitude='${lng}'  where ${isDistributor ? 'DistributorId' : 'StoreId'}='${StoreId}'`;
+          txn.executeSql(q2, [], async function (txn2, txnres2) {
+            console.log('geotag updated in store');
+            // update geotag locally
+            let stored_new = storeData;
+            console.log('stored_new before update--:', storeData);
+            console.log('stored_new before update:', stored_new);
+            stored_new['GeoTag'] = 'Y';
+            stored_new['Latitude'] = lat;
+            stored_new['Longitude'] = lng;
+            setStoreData(stored_new);
+
+            exit(stored_new,IsSearchedStore);
+          }, function (txn2, txnerr) { console.log(txnerr); notify(ST.Geotaguploadedbutcannotupdategeotagstatus, 'LONG'); setProcessing(false); });
+
+        }, function (txn2, txnerr) { console.log(txnerr); notify(ST.Geotaguploadedbutcannotupdategeotagstatus, 'LONG'); setProcessing(false); });
+      });
+    }
+    catch (e) {
+      console.log(e);
+      notify(ST.Geotaguploadedbutcannotupdategeotagstatus, 'LONG'); setProcessing(false);
+    }
+  }
+
+  function validate() {
+    if (markerPos == '' || markerPos == null || markerPos.lat == '' || markerPos.lat == null || markerPos.lng == '' || markerPos.lng == null) {
+      notify(ST.Pleaseclickstorefrontimage, 'SHORT');
+      return false;
+    }
+    else if (StoreImage == '' || StoreImage == null) {
+      notify((isDistributor ? 'Please click distributor front image' : ST.Pleaseclickstorefrontimage), 'SHORT');
+      return false;
+    }
+    return true;
+  }
+
+  async function getImage(imgdata) {
+
+    if (typeof imgdata == 'object' && imgdata.errorCode == 'camera_unavailable') {
+      notify(ST.Cameraunavailable);
+    }
+    else if (typeof imgdata == 'object' && imgdata.uri != null) {
+      const img = imgdata;
+      const imgurl = img.uri, imgWidth = img.width, imgHeight = img.height;
+
+
+      let picture_clicked_time = new Date();
+      picture_clicked_time = moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+
+
+      const mark_text1 = picture_clicked_time;
+      let mark_text2 = '';
+      if (isDistributor) {
+        mark_text2 = 'Distributor Name:' + storeData.StoreName + ' | Distributor Id:' + storeData.StoreId + ' | User Id:' + props.UserId + ' | Image Type: DB Geo Tag' + ' | Date:' + picture_clicked_time;
+      }
+      else {
+        mark_text2 = 'Store Name:' + storeData.StoreName + ' | Store Id:' + storeData.StoreId + ' | User Id:' + props.UserId + ' | Merch Id:' + storeData.MerchandiserId + ' | Image Type: Geo Tag' + ' | Date:' + picture_clicked_time;
+      }
+      await marktext1(mark_text1, imgurl)
+        .then((res) => {
+          if (res.success) {
+            let uri = res.uri;
+            marktext2(mark_text2, uri, imgWidth, imgHeight)
+              .then((res) => {
+                if (res.success) {
+                  let picture_clickedd = new Date();
+                  let picture_clicked_date = moment(picture_clickedd).format('YYYYMMDD');
+                  let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                  let filename = '';
+                  if (isDistributor) {
+                    filename = storeData.StoreId + '_' + props.UserId + '_DBGeoTag-' + picture_clicked_date + '_' + picture_clicked_time + '.jpg';
+                  }
+                  else {
+                    filename = storeData.StoreId + '_' + props.UserId + '_' + storeData.MerchandiserId + '_GeoTag-' + picture_clicked_date + '_' + picture_clicked_time + '.jpg';
+                  }
+                  setStoreImage(filename);
+                  // renamefile
+                  let imagePath = `${RNFS.DocumentDirectoryPath}/${filename}`;
+                  RNFS.copyFile(res.uri, imagePath)
+                    .then(resn => {
+                      let uri = 'file://' + imagePath;
+                      console.log('image marker', uri);
+                      setStoreImgPath(uri);
+                    })
+                    .catch(err => {
+                      console.log(ST.Errorimagefilewritefailed + '!!!');
+                      console.log(err.message, err.code);
+                    });
+
+                }
+                else {
+                  if (res.imagenotfound) {
+                    notify(ST.Pleasecaptureaimage);
+                  }
+                  else {
+                    notify(res.error);
+                  }
+                }
+              });
+          }
+          else {
+            if (res.imagenotfound) {
+              notify(ST.Pleasecaptureaimage);
+            }
+            else {
+              notify(res.error);
+            }
+          }
+        });
+    }
+  }
+
+  async function openCamera() {
+    setShowCamera(true);
+    // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+  }
+
+
+  function moveMarkerToPos(e) {
+
+    let coords = e.nativeEvent.coordinate;
+    console.log('moveMarkerToPos', coords)
+
+    // if(MyMap.current!=null){
+    //   MyMap.current.animateToRegion({  
+    //     latitude: coords.latitude,   
+    //     longitude: coords.longitude,  
+    //     latitudeDelta: 0.0922,  
+    //     longitudeDelta: 0.0421,  
+    //   },1000);
+    // }
+    animateCamera(coords);
+    animateMarkerToRegion(coords);
+    setMarkerInfo(coords);
+    let loc = { lat: coords.latitude, lng: coords.longitude };
+    setMarkerPos(loc);
+  }
+
+  function animateMarkerToRegion(coords) {
+    const newCoordinate = coords;
+    const new_animated_coords = new AnimatedRegion({ latitude: coords.latitude, longitude: coords.longitude });
+    if (Platform.OS === 'android') {
+      if (MyMarker) {
+        MyMarker.current.animateMarkerToCoordinate(newCoordinate, 1000);
+      }
+    } else {
+      // `useNativeDriver` defaults to false if not passed explicitly
+      markerCoordinate.timing({ ...newCoordinate, useNativeDriver: false, duration: 1000 }).start();
+    }
+    setTimeout(() => { setMarkerCoordinate(new_animated_coords); }, 1000);
+
+  }
+
+  async function setMarkerInfo(coords) {
+    if (MyMap.current != null) {
+      MyMap.current.addressForCoordinate(coords)
+        .then((res) => {
+          console.log('res:', res);
+          let title = res.name;
+          let placeText = `${res.subLocality}, ${res.locality}, ${res.administrativeArea} ${res.postalCode}`;
+          setMarkerTitle(title);
+          setMarkerPlaceText(placeText);
+
+        })
+    }
+  }
+
+  async function animateCamera(coords) {
+    if (MyMap.current != null) {
+      const camera = await MyMap.current.getCamera();
+      // camera.heading = 90;
+      // camera.pitch = 45;
+      // camera.altitude = 1000;
+      // camera.zoom = 1000;
+      camera.center.latitude = coords.latitude;
+      camera.center.longitude = coords.longitude;
+      MyMap.current.animateCamera(camera, { duration: 2000 });
+    }
+  }
+
+
+  function _renderMap() {
+    const lat = currentLocation.lat ? currentLocation.lat : 28.579660;
+    const lng = currentLocation.lng ? currentLocation.lng : 77.321110;
+
+    if (currentLocation.lat != null) {
+      return (
+        <View style={[customStyle.mapWrapCon, (Platform.OS === 'ios' ? customStyle.mapWrapConIOS : {})]}>
+          <View style={[customStyle.mapWrapper, customStyle.mapWrapperSmall]}>
+            <MapView
+              ref={MyMap}
+              style={customStyle.mapStyle}
+              // provider={PROVIDER_GOOGLE}
+              showsUserLocation={true}
+              zoomEnabled={true}
+              // initialRegion={{  
+              //   latitude: lat,   
+              //   longitude: lng,  
+              //   latitudeDelta: 0.0922,  
+              //   longitudeDelta: 0.0421,  
+              // }}
+              initialCamera={{
+                center: {
+                  latitude: lat,
+                  longitude: lng,
+                },
+                pitch: 7,
+                heading: 7,
+                altitude: 100,
+                zoom: 19,
+              }}
+              moveOnMarkerPress={true}
+              // onCalloutPress={(e)=>{console.log('on press')}}
+              // onRegionChangeComplete={(region,details)=>{console.log('on region change',region)}}
+              onPress={moveMarkerToPos}
+
+            >
+              <Marker.Animated
+                ref={MyMarker}
+                draggable={true}
+                onDragEnd={(e) => { console.log('on drag end:', e.nativeEvent.coordinate) }}
+                coordinate={markerCoordinate}
+                pinColor={'#ff78b6'}
+                title={markerTitle}
+                description={markerPlaceText}
+              />
+            </MapView>
+          </View>
+          {_render_captureImage()}
+        </View>
+      );
+    }
+    else {
+      return (<View></View>)
+    }
+  }
+
+  function _render_captureImage() {
+    const isImageAvlbl = StoreImage != '' && StoreImage != null && StoreImgPath != '' && StoreImgPath != null;
+
+    return (
+      <View style={customStyle.gtag_sImageWrap}>
+        <View style={customStyle.gtag_sImagelbl}>
+          <View style={customStyle.gtag_sImage_View}>
+            {isImageAvlbl && <Image style={customStyle.gTag_Image} source={{ uri: StoreImgPath }} />}
+            {!isImageAvlbl && <Image style={customStyle.gTag_Image} source={require('../assets/image/greybg.jpg')} />}
+          </View>
+          <TouchableOpacity style={customStyle.gTag_sImageBtn} onPress={() => { openCamera() }}>
+            {<Entypo size={20} color={'#fff'} name='camera' />}
+          </TouchableOpacity>
+          <Text style={customStyle.gtag_sImagelblText}>{(isDistributor ? 'Click distributor front image' : ST.ClickStoreFrontImage)}</Text>
+        </View>
+
+      </View>
+    );
+  }
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+      {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+      <CustomHeader {...props} title={ST.Geotag} />
+      <CustomCamera cameraType={'back'} onImageCaptured={(imgData) => { setShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { setShowCamera(false); }} />
+
+      <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper]}>
+          {Object.keys(storeData).length > 0 &&
+            <ScrollView contentContainerStyle={customStyle.geotag_scroll} style={{}}>
+
+              <View style={[customStyle.storel, customStyle.storeInfo_wrap]}>
+
+                <View style={customStyle.storel_card_outer}>
+                  <View style={customStyle.storel_card}>
+                    <View style={customStyle.storel_card_content}>
+                      <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                    </View>
+                  </View>
+                  <View style={customStyle.storel_details}>
+                    <View style={customStyle.storel_code}>
+                      <View style={[customStyle.storel_codeCon, customStyle.storel_codeBorder]}>
+                        <Text style={customStyle.storel_codeLbl}>{ST.StoreId + ':'}</Text>
+                        <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                      </View>
+                      <View style={[customStyle.storel_codeCon]}>
+                        <Text style={customStyle.storel_codeLbl}>{ST.StoreCode + ':'}</Text>
+                        <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                      </View>
+                    </View>
+                    <View style={customStyle.storel_code}>
+                      <View style={[customStyle.storel_codeCon]}>
+                        <Text style={customStyle.storel_codeLbl}>{ST.Address + ':'}</Text>
+                        <Text style={customStyle.storel_codeText}>{storeData.Address}</Text>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+
+              </View>
+              {
+                // isCancelled.current==false &&
+                _renderMap()
+              }
+              <View style={customStyle.gTag_btnWrap}>
+                <GradientButton {...props} title={ST.UploadGeotag} colors={[PageTheme.$red_light100, PageTheme.$red, PageTheme.$red]} style={{ shadowColor: PageTheme.$red }} onPress={() => { submitGeoTag(IsSearchedStore) }} />
+              </View>
+
+            </ScrollView>
+          }
+        </View>
+      </LinearGradient>
+
+    </Container>
+  );
+}
+
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(GeoTag);
\ No newline at end of file
diff --git a/src/screens/GetDb.js b/src/screens/GetDb.js
new file mode 100644
index 0000000..56aa9e1
--- /dev/null
+++ b/src/screens/GetDb.js
@@ -0,0 +1,112 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, Feather, FontAwesome, MaterialCommunityIcons} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+// import RNExitApp from 'react-native-exit-app';
+import { ConfirmSaveAlert } from '../components/alert';
+import CustomModal from '../components/CustomModal';
+import { PrimaryTheme } from '../styles/Themes';
+import * as RNFS from 'react-native-fs';
+
+
+function GetDb(props) { 
+    const route = useRoute();
+  
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [mpin, setMpin] = useState('');
+    const [processing, setProcessing] = useState(false);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [showMPinModal, setShowMPinModal] = useState(false);
+    
+    
+    const [reportData, setReportData] = useState([]);
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+      
+    }, []);
+
+
+  
+
+    async function showdbfile(){
+      // let source='/data/data/com.performicsmanager/databases/';
+        let source='/data/data/com.performicsmanager/files/';
+        console.log('path:',source);
+        const items = await RNFS.readDirAssets(source);
+        console.log('items:',items);
+        items.forEach(async item => {
+            if (item.isFile()) {
+              console.log(`f ${item.path}`);
+      
+              const destPath = RNFS.DocumentDirectoryPath + "/Performicsdatabase/" + item.name;
+      
+              console.log(`cp ${item.path} ${destPath}`);
+              await RNFS.copyFileAssets(item.path, destPath);
+            } else {
+              console.log(`d ${item.path}/`);
+            }
+        });
+        const destPath1 =RNFS.DownloadDirectoryPath + "/PerformicsSupervisor.db";
+        let dbFile='/data/data/com.performicsmanager/files/PerformicsSupervisor.db';
+        RNFS.exists(dbFile)
+        .then(resn => {
+            console.log('isExist res:',resn)
+            RNFS.copyFile(dbFile,destPath1);
+        });
+    }
+    
+
+    
+
+
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        
+        <CustomHeader {...props} title={ST.Settings} hideBellIcon={true} hideTimer={true}/>
+      
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        
+        <View style={[customStyle.pageContentWrapper]}>
+            {/* {borderTopLeftRadius:0,borderTopRightRadius:0,} */}
+              <View style={customStyle.settingsWrap}>
+                  <TouchableOpacity style={customStyle.settingsBtn} activeOpacity={0.6} onPress={()=>{showdbfile() }}>
+                      <Text style={customStyle.settingsBtnText}>{'OPen Database file'}</Text>
+                  </TouchableOpacity>
+              </View>
+           
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(GetDb);
\ No newline at end of file
diff --git a/src/screens/GroomingPictures.js b/src/screens/GroomingPictures.js
new file mode 100644
index 0000000..eba455d
--- /dev/null
+++ b/src/screens/GroomingPictures.js
@@ -0,0 +1,797 @@
+import React, { useState, useEffect, useRef } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import {
+   View, Text, ScrollView, TouchableOpacity,
+   Image, StyleSheet, Platform, Alert, Dimensions
+} from 'react-native';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import { get_item } from '../components/localStorage';
+import { notify } from '../components/notify';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import CustomDropdown from '../components/CustomDropdown';
+import ModalSelector from 'react-native-modal-selector';
+import { getMethodName, METHODS } from '../constants/methodNames';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import ImageViewer from 'react-native-image-zoom-viewer';
+
+// ---------------- Sample Fallback Data ----------------
+const sampleData = [
+   {
+      EmployeeName: "John Doe (Promoter)",
+      GroomingImages: [
+         { id: 1, ImageUrl: "https://portraitpal.ai/wp-content/uploads/2024/10/Linkedin-headshot.jpg" },
+         { id: 2, ImageUrl: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSMV9sXUMHZufycMbYSk6IN6u_pnRIADzH2m5E1tnewdd0jk0ltjqFsqSCooqjaa-fNAQQ&usqp=CAU" },
+      ],
+   },
+   {
+      EmployeeName: "Alice Smith (Merchandiser)",
+      GroomingImages: [
+         { id: 1, ImageUrl: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTxctjU21pUENIsGN1F4qY21P7GfdEbhTMp2g&s" },
+      ],
+   },
+];
+
+const GroomingPictures = (props) => {
+   const route = useRoute();
+   const modalRefs = useRef({});
+   const ST = props.StaticText || {};
+   const PageTheme = GetPageTheme(props.DarkMode, route.name);
+   const [loginData, setLoginData] = useState({});
+
+   const [processing, setProcessing] = useState(true);
+   const [grromingImages, setGroomingImages] = useState([]);
+   const [supervisor, setSupervisor] = useState("");
+   const [date, setDate] = useState('');
+   const [supervisorList, setSupervisorList] = useState([]);
+   const [groomingReason, setGroomingReason] = useState([]);
+
+   const [statuses, setStatuses] = useState({}); // {index: "Aprooved" | "Reject" | null}
+   const [selectedReasons, setSelectedReasons] = useState({}); // {index: reasonText}
+   const [activeRejectIndex, setActiveRejectIndex] = useState(null);
+   const [dates, setDates] = useState([]);
+   const [RejectedItem, setRejectedItem] = useState({})
+
+
+   const [showZoom, setShowZoom] = useState(false);
+   const [zoomImages, setZoomImages] = useState([]);
+   const [zoomIndex, setZoomIndex] = useState(0);
+   const zoomRef = useRef(null);
+   const [imageHeights, setImageHeights] = useState({});
+
+   useEffect(() => {
+      setProcessing(false);
+      getLoginData();
+   }, []);
+
+   useEffect(() => {
+      downloadGroomingImageAudit();
+      getNonGroomingAuditReason();
+      getDateCount();
+   }, []);
+
+
+
+
+   const openGroomingZoom = (images, activeIndex = 0) => {
+      const formattedImages = images.map(img => ({
+         url: img.ImageUrl,
+      }));
+
+      setZoomImages(formattedImages);
+      setShowZoom(true);
+      setZoomIndex(activeIndex);
+
+      // Optional: jump to tapped image
+      // setTimeout(() => {
+      //    zoomRef.current?.jumpTo(activeIndex);
+      // }, 200);
+   };
+
+
+   const getLoginData = async () => {
+      const loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      setLoginData(loginDetails);
+   }
+
+   const downloadGroomingImageAudit = async () => {
+      try {
+         setProcessing(true)
+         let d1 = new Date();
+         let formatedDate = moment(d1).format('MM/DD/YYYY');
+         const loginInfo = await get_item('loginInfo');
+         const loginDetails = JSON.parse(loginInfo);
+         const url = `${props.baseurl}${getMethodName(METHODS.DOWNLOADJSON_METHOD)}`;
+
+         if (loginDetails?.Designation != 'Supervisor') {
+            getSupervisorList();
+         }
+         const payload = {
+            Downloadtype: "Sup_GroomingImageAudit",
+            Username: loginDetails?.UserId || '',
+            Param1: supervisor,
+            Param2: date,
+         };
+         console.log('Download Request:', url, payload);
+         fetch(url, {
+            method: "POST",
+            headers: {
+               "Content-Type": "application/json"
+            },
+            body: JSON.stringify(payload)
+         })
+            .then(async (response) => {
+               if (!response.ok) {
+                  throw new Error(`HTTP error! status: ${response.status}`);
+               }
+               const result = await response.json();
+               let res = JSON.parse(result)
+               let grooming = res?.Sup_GroomingImageAudit
+               setGroomingImages(grooming);
+               setProcessing(false)
+
+               // console.log('API CALLED =----------->', JSON.stringify(grooming));
+            })
+            .catch((error) => {
+               console.error("Error:", error);
+               setProcessing(false)
+
+            });
+
+      } catch (error) {
+         console.error('Error downloading grooming list:', error);
+         notify("Cannot download grooming list data!");
+         setProcessing(false);
+         return [];
+      }
+   }
+
+   const getSupervisorList = async () => {
+      try {
+         let d1 = new Date();
+         let formatedDate = moment(d1).format('MM/DD/YYYY');
+         const loginInfo = await get_item('loginInfo');
+         const loginDetails = JSON.parse(loginInfo);
+         const url = `${props.baseurl}${getMethodName(METHODS.DOWNLOADJSON_METHOD)}`;
+         const payload = {
+            Downloadtype: "Sup_TeamList",
+            Username: loginDetails?.UserId || '',
+            Param1: 0,
+            Param2: formatedDate,
+         };
+         console.log('Download Request:', url, payload);
+         fetch(url, {
+            method: "POST",
+            headers: {
+               "Content-Type": "application/json"
+            },
+            body: JSON.stringify(payload)
+         })
+            .then(async (response) => {
+               if (!response.ok) {
+                  throw new Error(`HTTP error! status: ${response.status}`);
+               }
+               const result = await response.json();
+               let res = JSON.parse(result)
+               let supList = Array.isArray(res?.Sup_TeamList) ? res.Sup_TeamList : [];
+               // console.log('supListsupList--->', supList);
+               let tempData = supList.map(ele => ({
+                  label: ele.EmployeeName,
+                  value: ele.EmpId
+               }));
+               setSupervisorList(tempData)
+            })
+            .catch((error) => {
+               console.error("Error:", error);
+            });
+      } catch (error) {
+         console.error('Error downloading grooming list:', error);
+         notify("Cannot download grooming list data!");
+         setProcessing(false);
+         return [];
+      }
+   }
+
+   const getNonGroomingAuditReason = async () => {
+      try {
+         let d1 = new Date();
+         let formatedDate = moment(d1).format('MM/DD/YYYY');
+         const loginInfo = await get_item('loginInfo');
+         const loginDetails = JSON.parse(loginInfo);
+         const url = `${props.baseurl}${getMethodName(METHODS.DOWNLOADJSON_METHOD)}`;
+
+         const payload = {
+            Downloadtype: "Sup_Master_NonGroomingAuditReason",
+            Username: loginDetails?.UserId || '',
+            Param1: 0,
+            Param2: formatedDate,
+         };
+         console.log('Download Request:', url, payload);
+         fetch(url, {
+            method: "POST",
+            headers: {
+               "Content-Type": "application/json"
+            },
+            body: JSON.stringify(payload)
+         })
+            .then(async (response) => {
+               if (!response.ok) {
+                  throw new Error(`HTTP error! status: ${response.status}`);
+               }
+               const result = await response.json();
+               let res = JSON.parse(result)
+               let groomingReason = res?.Sup_Master_NonGroomingAuditReason;
+               setGroomingReason(groomingReason)
+
+            })
+            .catch((error) => {
+               console.error("Error:", error);
+            });
+
+      } catch (error) {
+         console.error('Error downloading grooming list:', error);
+         notify("Cannot download grooming list data!");
+         setProcessing(false);
+         return [];
+      }
+   }
+
+   const getDateCount = async () => {
+      try {
+         let d1 = new Date();
+         let formatedDate = moment(d1).format('MM/DD/YYYY');
+         const loginInfo = await get_item('loginInfo');
+         const loginDetails = JSON.parse(loginInfo);
+         const url = `${props.baseurl}${getMethodName(METHODS.DOWNLOADJSON_METHOD)}`;
+         const payload = {
+            Downloadtype: "Mapping_MenuConfiguration_Sup",
+            Username: loginDetails?.UserId || '',
+            Param1: 0,
+            Param2: formatedDate,
+         };
+         console.log('Download Request:', url, payload);
+
+         const response = await fetch(url, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload)
+         });
+
+         if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+         }
+         const result = await response.json();
+         let res = JSON.parse(result);
+         const groomingFilterDate = res.Mapping_MenuConfiguration_Sup.find(
+            (item) => item.KPIFieldName === "GroomingAuditDateFilterDays"
+         );
+         if (groomingFilterDate?.KPIFieldEnable === true || groomingFilterDate?.KPIFieldEnable === 'true') {
+            const count = parseInt(groomingFilterDate.KPIFieldDisplayName, 10);
+
+            // ✅ Generate last N dates from today (Descending Order)
+            const today = moment();
+            const dateArray = [];
+
+            for (let i = 0; i < count; i++) {
+               const pastDate = moment(today).subtract(i, 'days');
+               dateArray.push({
+                  label: pastDate.format('DD MMM YYYY'),
+                  value: pastDate.format('MM/DD/YYYY'),
+               });
+            }
+
+            // ✅ Keep descending (today → older) and default to today
+            setDates(dateArray);
+            setDate(dateArray[0]?.value || '');
+         }
+
+         // setGroomingFilterDate(groomingFilterDate);
+      } catch (error) {
+         console.error('Error downloading grooming list:', error);
+         setProcessing(false);
+      }
+   };
+
+   const handleApprove = async (index, item) => {
+      setProcessing(true)
+      const loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      let postData = [{
+         "UserId": loginDetails?.UserId || '',
+         "TId": item?.TId,
+         "AuditStatus": "Aprooved",
+         "ReasonId": 0
+      }]
+
+      let payload = {
+         "MID": 0,
+         "Keys": "GroomingPicturesAudit",
+         "JsonData": JSON.stringify(postData),
+         "UserId": loginDetails?.UserId || '',
+      }
+      const url = `${props.baseurl}${getMethodName(METHODS.UPLOAD_JSON_DIRECT)}`;
+      console.log('url, payload ---->', url, payload);
+
+      const response = await fetch(url, {
+         method: "POST",
+         headers: { "Content-Type": "application/json" },
+         body: JSON.stringify(payload)
+      });
+      if (!response.ok) {
+         throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const result = await response.json();
+      let res = typeof result === 'string' ? JSON.parse(result) : result;
+      console.log('UPLOAD_JSON_DIRECT --', res);
+      if (res?.UploadJsonDirectResult == "Success" || res?.UploadJsonDirectResult?.MID == "Success") {
+         // Alert.alert('', JSON.stringify(res,))
+         setProcessing(false)
+         setStatuses(prev => ({ ...prev, [index]: 'Aprooved' }));
+         setSelectedReasons(prev => ({ ...prev, [index]: null }));
+         notify('Approved Successfully')
+      } else {
+         setProcessing(false)
+      }
+   };
+
+   const handleReject = (index, item) => {
+      setRejectedItem(item);
+      setActiveRejectIndex(index);
+      setTimeout(() => modalRefs.current[index]?.open(), 100);
+   };
+
+   const handleSelectReason = async (index, option) => {
+      setProcessing(true)
+      const loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      let postData = [{
+         "UserId": loginDetails?.UserId || '',
+         "TId": RejectedItem?.TId,
+         "AuditStatus": "Reject",
+         "ReasonId": option?.ReasonId
+      }]
+
+      let payload = {
+         "MID": 0,
+         "Keys": "GroomingPicturesAudit",
+         "JsonData": JSON.stringify(postData),
+         "UserId": loginDetails?.UserId || '',
+      }
+      const url = `${props.baseurl}${getMethodName(METHODS.UPLOAD_JSON_DIRECT)}`;
+
+      console.log('url, payload ---->', url, payload);
+      const response = await fetch(url, {
+         method: "POST",
+         headers: { "Content-Type": "application/json" },
+         body: JSON.stringify(payload)
+      });
+      if (!response.ok) {
+         throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      // setProcessing(false)
+      // return
+
+
+      const result = await response.json();
+      let res = typeof result === 'string' ? JSON.parse(result) : result;
+      console.log('Reject wala -->', res);
+      if (res?.UploadJsonDirectResult == "Success" || res?.UploadJsonDirectResult?.MID == "Success") {
+         setStatuses(prev => ({ ...prev, [index]: 'Reject' }));
+         setSelectedReasons(prev => ({ ...prev, [index]: option.Reason }));
+         setActiveRejectIndex(null);
+         setProcessing(false)
+      } else {
+         setProcessing(false)
+      }
+      setProcessing(false)
+   };
+
+   const handleReset = async (index, item) => {
+      setProcessing(true)
+      const loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      let postData = [{
+         "UserId": loginDetails?.UserId || '',
+         "TId": item?.TId,
+         "AuditStatus": "Pending",
+         "ReasonId": 0
+      }]
+
+      let payload = {
+         "MID": 0,
+         "Keys": "GroomingPicturesAudit",
+         "JsonData": JSON.stringify(postData),
+         "UserId": loginDetails?.UserId || '',
+      }
+      const url = `${props.baseurl}${getMethodName(METHODS.UPLOAD_JSON_DIRECT)}`;
+
+      console.log('url, payload ---->', url, payload);
+      const response = await fetch(url, {
+         method: "POST",
+         headers: { "Content-Type": "application/json" },
+         body: JSON.stringify(payload)
+      });
+      if (!response.ok) {
+         throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const result = await response.json();
+      let res = typeof result === 'string' ? JSON.parse(result) : result;
+      if (res?.UploadJsonDirectResult == "Success" || res?.UploadJsonDirectResult?.MID == "Success") {
+         setStatuses(prev => ({ ...prev, [index]: null }));
+         setSelectedReasons(prev => ({ ...prev, [index]: null }));
+         setProcessing(false)
+
+      } else {
+         Alert.alert('Alert', `${res}`)
+         setProcessing(false)
+      }
+   };
+
+   const onClickGo = async () => {
+      try {
+         let d1 = new Date();
+         let formatedDate = moment(d1).format('MM/DD/YYYY');
+         const url = `${props.baseurl}${getMethodName(METHODS.DOWNLOADJSON_METHOD)}`;
+         const payload = {
+            Downloadtype: "Sup_GroomingImageAudit",
+            Username: loginData?.UserId || '',
+            Param1: supervisor,
+            Param2: date,
+         };
+         console.log('Download Request:--------->', url, payload);
+
+         if (loginData?.Designation !== 'Supervisor') {
+            if (!supervisor || supervisor == "undefined" || supervisor == null) {
+               notify('Please Select Supervisor')
+               return
+            }
+         }
+         fetch(url, {
+            method: "POST",
+            headers: {
+               "Content-Type": "application/json"
+            },
+            body: JSON.stringify(payload)
+         })
+            .then(async (response) => {
+               if (!response.ok) {
+                  throw new Error(`HTTP error! status: ${response.status}`);
+               }
+               const result = await response.json();
+               let res = JSON.parse(result)
+               let grooming = res?.Sup_GroomingImageAudit
+               setGroomingImages(grooming);
+               setProcessing(false);
+               // console.log('API CALLED =----------->', JSON.stringify(grooming));
+            })
+            .catch((error) => {
+               console.error("Error:", error);
+            });
+
+      } catch (error) {
+         console.error('Error downloading grooming list:', error);
+         setProcessing(false);
+         return [];
+      }
+   };
+
+   //CONSOLE LOG ================================*
+
+   // console.log('loginData?.Designation=============>', loginData?.Designation);
+   // console.log('loginDataloginDataloginData----->', loginData?.UserId);
+   // console.log('grromingImages---------->', grromingImages);
+   // console.log('PageTheme---------->', PageTheme);
+
+
+   //=========================================*
+
+   return (
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS === 'ios')}>
+         {processing && <CustomLoader title={ST.Loading + "..."} />}
+         <CustomHeader {...props} title={'Grooming Image Audit'} hideTimer={false} />
+         <View style={{ flex: 1 }}>
+            <ScrollView style={styles.scrollView} contentContainerStyle={styles.content}>
+               {/* Filters */}
+
+
+               {/* {grromingImages && grromingImages.length > 0 ? */}
+               <>
+                  <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+
+                     {loginData?.Designation === "Supervisor" ?
+                        <View style={styles.supDropDown}>
+                           <Text style={{ color: '#000', fontWeight: '500', fontSize: 14 }}>{loginData?.UserId}</Text>
+                        </View>
+                        :
+
+                        <View style={{ width: '48%', }}>
+                           <CustomDropdown
+                              data={supervisorList}
+                              value={supervisor}
+                              placeholder='Select Supervisor'
+                              onChange={item => setSupervisor(item.value)}
+                              containerStyle={styles.yearDropDown}
+                           />
+                        </View>
+                     }
+
+
+                     <View style={{ width: '48%' }}>
+                        <CustomDropdown
+                           data={dates}
+                           value={`${date}`}
+                           placeholder='Select Date'
+                           onChange={item => setDate(item.value)}
+                           containerStyle={styles.yearDropDown}
+                        />
+                     </View>
+                  </View>
+
+                  <View style={{ marginTop: 10, alignSelf: 'center' }}>
+                     <TouchableOpacity onPress={() => onClickGo()} style={styles.goButton}>
+                        <Text style={styles.goButtonText}>Go</Text>
+                     </TouchableOpacity>
+                  </View>
+               </>
+               {/* : null
+                } */}
+
+
+               {/* Merchandiser Image Cards */}
+               <View style={{ flex: 1, marginTop: 20, }}>
+                  {grromingImages && grromingImages.length > 0 ? (
+                     grromingImages.map((item, index) => (
+                        <View key={index} style={styles.merchSection}>
+                           <Text style={styles.merchName}>{item?.EmployeeName}</Text>
+
+                           <View style={{ padding: 0, }}>
+                              {item?.GroomingImages?.map((imgObj, i) => (
+                                 <View key={i} style={{ marginBottom: 10 }}>
+                                    <TouchableOpacity activeOpacity={1} onPress={() => openGroomingZoom(item?.GroomingImages, index)}>
+                                       <Image
+                                          source={{ uri: imgObj.ImageUrl }}
+                                          style={[
+                                             styles.image,
+                                             {
+                                                height: imageHeights[`${index}-${i}`] || 200, // fallback
+                                             },
+                                          ]}
+                                          resizeMode="contain"
+                                          onLoad={({ nativeEvent }) => {
+                                             const { width, height } = nativeEvent.source;
+                                             const screenWidth = Dimensions.get('window').width - 40; // adjust padding
+                                             const scaledHeight = (height / width) * screenWidth;
+
+                                             setImageHeights(prev => ({
+                                                ...prev,
+                                                [`${index}-${i}`]: scaledHeight,
+                                             }));
+                                          }}
+
+                                       />
+                                    </TouchableOpacity>
+                                    {statuses[index] === 'Aprooved' && (
+                                       <TouchableOpacity activeOpacity={1} onPress={() => openGroomingZoom(item.GroomingImages, index)}>
+                                          <Image
+                                             source={require('../assets/icons/audit/Approved.png')}
+                                             style={styles.overlayIcon}
+                                          />
+                                       </TouchableOpacity>
+                                    )}
+
+                                    {statuses[index] === 'Reject' && (
+                                       <TouchableOpacity activeOpacity={1} onPress={() => openGroomingZoom(item.GroomingImages, index)}>
+                                          <Image
+                                             source={require('../assets/icons/audit/Reject.png')}
+                                             style={styles.overlayIcon}
+                                          />
+                                       </TouchableOpacity>
+                                    )}
+                                 </View>
+                              ))}
+                           </View>
+
+
+                           {/* Rejection Reason */}
+                           {selectedReasons[index] && (
+                              <View style={styles.reasonBox}>
+                                 <Text style={styles.reasonText}>
+                                    Reason: {selectedReasons[index]}
+                                 </Text>
+                              </View>
+                           )}
+
+                           {/* Action Buttons */}
+                           {statuses[index] === null || statuses[index] === undefined ? (
+                              <View style={styles.buttonRow}>
+                                 <TouchableOpacity
+                                    style={[styles.actionButton, styles.approveButton]}
+                                    onPress={() => handleApprove(index, item)}
+                                 >
+                                    <Text style={styles.buttonText}>Approve</Text>
+                                 </TouchableOpacity>
+
+                                 <TouchableOpacity
+                                    style={[styles.actionButton, styles.rejectButton]}
+                                    onPress={() => handleReject(index, item)}
+                                 >
+                                    <Text style={styles.buttonText}>Reject</Text>
+                                 </TouchableOpacity>
+                              </View>
+                           ) : (
+                              <TouchableOpacity
+                                 style={styles.resetBtn}
+                                 onPress={() => handleReset(index, item)}
+                              >
+                                 <Text style={{ color: '#fff' }}>Reset</Text>
+                              </TouchableOpacity>
+                           )}
+
+                           {/* Modal Selector for Rejection */}
+                           {activeRejectIndex === index && (
+                              <ModalSelector
+                                 ref={(ref) => (modalRefs.current[index] = ref)}
+                                 data={groomingReason?.map((r, i) => ({
+                                    key: i + 1,
+                                    label: r.Reason,
+                                    Reason: r.Reason,
+                                    ReasonId: r.ReasonId
+                                 }))}
+                                 onChange={(option) => handleSelectReason(index, option)}
+                                 animationType="slide"
+                                 optionTextStyle={{ color: '#000' }}
+                                 cancelText="Cancel"
+                                 cancelStyle={{ backgroundColor: '#f8f8f8' }}
+                                 cancelTextStyle={{ color: 'red', fontWeight: 'bold' }}
+                                 customSelector={<></>}
+                              />
+                           )}
+                        </View>
+                     ))
+                  ) : (
+                     <View style={{ height: 400, alignItems: 'center', justifyContent: 'center' }}>
+                        <Image source={require('../assets/icons/audit/NoDataImage.png')} style={{ height: 150, width: 150, resizeMode: 'contain' }} />
+                        <Text style={styles.NoDataText}>No Grooming Images to Audit</Text>
+                     </View>
+                  )}
+               </View>
+            </ScrollView>
+         </View>
+         {showZoom && (
+            <View style={styles.zoomWrapper}>
+               <ImageViewer
+                  ref={zoomRef}
+                  imageUrls={zoomImages}
+                  enableSwipeDown
+                  onSwipeDown={() => setShowZoom(false)}
+                  renderHeader={() => (
+                     <View style={styles.zoomHeader}>
+                        <TouchableOpacity onPress={() => setShowZoom(false)}>
+                           <Image source={require('../assets/icons/back.png')} style={{ height: 20, width: 20, tintColor: '#fff', }} />
+                        </TouchableOpacity>
+                     </View>
+                  )}
+                  renderIndicator={() => null}
+               />
+            </View>
+         )}
+      </Container>
+   );
+};
+
+const styles = StyleSheet.create({
+   scrollView: { flex: 1 },
+   content: { padding: 10 },
+   zoomWrapper: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: '#000',
+      zIndex: 10000,
+   },
+   zoomHeader: {
+      height: 20,
+      paddingHorizontal: 15,
+      alignSelf: 'flex-start',
+      marginTop: 10
+   },
+   zoomClose: {
+      color: '#fff',
+      fontSize: 18,
+   },
+   goButton: {
+      backgroundColor: '#00968e',
+      width: 150,
+      padding: 10,
+      borderRadius: 8,
+      alignItems: 'center',
+   },
+   goButtonText: {
+      color: '#fff',
+      fontSize: 16,
+      fontWeight: '600',
+   },
+   merchSection: {
+      // backgroundColor: '#af5656ff',
+      padding: 0,
+      borderRadius: 8,
+      marginBottom: 15,
+      // elevation: 3,
+      // borderWidth: 1,
+      // borderColor: '#ddd',
+   },
+   merchName: {
+      color: '#000',
+      fontSize: 16,
+      fontWeight: 'bold',
+      marginBottom: 12,
+   },
+   imageBox: { padding: 8 },
+   image: {
+      width: '100%',
+      // borderRadius: 15,
+      resizeMode: 'contain',
+   },
+   overlayIcon: {
+      position: 'absolute',
+      top: 10,
+      right: 15,
+      width: 28,
+      height: 28,
+   },
+   buttonRow: {
+      flexDirection: 'row',
+      justifyContent: 'space-around',
+      marginTop: 10,
+   },
+   actionButton: {
+      flex: 1,
+      padding: 12,
+      borderRadius: 6,
+      marginHorizontal: 4,
+      alignItems: 'center',
+   },
+   approveButton: { backgroundColor: '#00968e' },
+   rejectButton: { backgroundColor: '#dc3545' },
+   buttonText: { color: '#fff', fontSize: 16, fontWeight: '600' },
+   reasonBox: {
+      backgroundColor: '#ffeaea',
+      padding: 8,
+      borderRadius: 6,
+      marginTop: 10,
+   },
+   reasonText: { color: '#dc3545', fontWeight: '600' },
+   resetBtn: {
+      backgroundColor: 'gray',
+      padding: 12,
+      borderRadius: 8,
+      alignItems: 'center',
+      marginTop: 10,
+   },
+   supDropDown: {
+      height: 44,
+      width: '48%',
+      borderWidth: 1,
+      borderColor: '#ccc',
+      borderRadius: 8,
+      paddingHorizontal: 10,
+      justifyContent: 'center'
+   },
+   NoDataText: {
+      marginTop: 15,
+      color: 'gray',
+      fontWeight: '500',
+      fontSize: 17,
+      textAlign: 'center'
+   }
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(GroomingPictures);
diff --git a/src/screens/HR.js b/src/screens/HR.js
new file mode 100644
index 0000000..db846fc
--- /dev/null
+++ b/src/screens/HR.js
@@ -0,0 +1,1002 @@
+import { View, Text, TextInput,TouchableOpacity, NativeModules, Icon, Image } from 'react-native'
+import React,{useState,useEffect} from 'react'
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {connect} from 'react-redux'
+import CustomHeader from '../components/customHeader';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import DrawerHeader from '../components/drawerHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import GradientButton from '../components/gradientButton';
+import { CustomPicker } from '../components/CustomPicker';
+import { ScrollView } from 'react-native-gesture-handler';
+import Svg, { SvgUri, SvgXml} from 'react-native-svg';
+import add_icon from '../assets/performics/add_image.svg';
+import camera_Icon from '../assets/performics/camera_icon.svg';
+import camera_IconTick from '../assets/performics/camera_icon.svg';
+// import DocumentPicker , { types } from '@react-native-documents/picker';
+import { pick } from '@react-native-documents/picker';
+import { common_ImagePath, db, resumeurl} from '../constants/constants';
+import { ConfirmSaveAlert } from '../components/alert';
+import { AppTables } from '../constants/tableConstants';
+import {notify} from '../components/notify';
+import CustomCamera from '../components/Camera';
+import moment from 'moment';
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import { MaterialCommunityIcons } from '../components/icons';
+import {marktext1,marktext2, UploadData, UploadData2, UploadFormData} from '../controller/functions';
+import { getMethodName, METHODS } from '../constants/methodNames';
+import * as mime from 'mime';
+import * as RNFS from 'react-native-fs';
+import {testurl} from '../constants/constants';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item} from '../components/localStorage';
+import { Props } from 'react-native-image-zoom-viewer/built/image-viewer.type';
+
+
+   
+
+function HR(props) {
+
+    const route = useRoute();
+  
+    const [currentItem, setcurrentItem] = useState({});
+    
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+
+    const [formData, setFormData] = useState({});
+    const [rerenderdata, setrerenderdata] = useState(0);
+    const [datas,setDatas] = useState([]);
+    
+    const [expdata,setexpData] = useState([]);
+    const [singleFile, setSingleFile] = useState({});
+    const [showAlert, setShowAlert] = useState(false);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    const [showCamera, setShowCamera] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [hrImage, setHrImage] = useState({});
+
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [getImageProps,setGetImageProps]= useState({});
+    const [resumeData, setresumeData] = useState([]);
+    const [dowloadedCount, setDowloadedCount] = useState(-1);
+    const [Position,setPosition] = useState([]);
+    const [Education,setEducation] = useState([]);
+
+  const [processing, setProcessing] = useState(true);
+    // Position = [
+    //     {
+    //       positionName: 'Merchandiser',
+    //       positionID: 1,
+    
+    //     },
+    //     {
+    //         positionName: 'Supervisor',
+    //         positionID: 2,
+      
+    //       },
+    // ];
+
+    // Education = [
+    //     {
+    //         educationName: '10th',
+    //         educationID: 1,
+    
+    //     },
+    //     {
+    //         educationName: '12th',
+    //         educationID: 2,
+        
+    //     },
+    //     {
+    //         educationName: 'Graduation',
+    //         educationID: 3,
+    
+    //     },
+    //     {
+    //         educationName: 'Post-Graduation',
+    //         educationID: 4,
+        
+    //     },
+    // ];
+
+
+  useEffect(() => { 
+    let params = props.route.params !=null?props.route.params:{};
+    let currentitem1 = params.imagedesc!=null?params.imagedesc:{};
+    console.log("Currentitem1",currentitem1);
+    setcurrentItem(currentitem1)
+    downloaddatahr();
+
+    const onremoveSubscription=props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+    
+ 
+    return function cleanup() {
+       props.navigation.removeListener('beforeRemove', onBeforeRemove);
+       return onremoveSubscription;
+
+    }
+    // viewFormData();
+  }, [resumeData]);
+
+  useEffect(() => {
+    
+  
+    props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    const onremoveSubscription=props.navigation.addListener('beforeRemove', onBeforeRemove);
+    return onremoveSubscription;
+    
+}, [hasUnsavedChanges]);   
+
+
+function  onBeforeRemove(e){
+  if(showCamera==true){
+      e.preventDefault();
+      setShowCamera(false);
+  }
+  else{
+      if (hasUnsavedChanges==true) {
+          e.preventDefault(); // Prevent default behavior of leaving the screen
+          onRemoveScreen(e);
+      }
+      else{
+          return;
+      }  
+  } 
+}
+
+function onRemoveScreen(e){     
+  Alert.alert(
+      "",
+      "Do you really want to exit the screen?",
+      [
+        {
+          text: "Cancel",
+          onPress: () => {},
+          style: "cancel"
+        },
+        { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+      ]
+    );
+}
+
+
+function onselectionChange(option,keyLbl,keyVal,otherData){
+        
+    let data=formData;
+    data[keyVal]=option.value;
+    data[keyLbl]=option.label;
+    // setHasUnsavedChanges(true);
+    setFormData(data);
+    setrerenderdata(!rerenderdata);
+    
+}
+
+function onTextChange(key, val,type=''){
+        
+    let data=formData;
+    data[key]=val;
+    // setHasUnsavedChanges(true);
+    setFormData(data);
+    setrerenderdata(!rerenderdata);
+    
+}
+
+function explistData(){
+    let arraylistdata = formData.experience;
+    console.log('arraylistdata',arraylistdata)
+    setexpData(arraylistdata);
+}
+
+
+const selectOneFile = async () => {
+    //Opening Document Picker for selection of one file
+    console.log('selectOneFile');
+    try {
+       
+      const res = await pick({
+        presentationStyle: 'fullScreen',
+        type: [
+          'public.image',     // images (JPG/PNG)
+          'com.adobe.pdf'     // PDFs
+        ],
+      });
+
+    console.log('res : ' + JSON.stringify(res));
+    console.log('URI : ' + res[0].uri);
+    console.log('Type : ' + res[0].type);
+    console.log('File Name : ' + res[0].name);
+    console.log('File Size : ' + res[0].size);
+
+    let filepath=res[0].uri;
+    let picture_selected_time=new Date();
+    picture_selected_time=moment(picture_selected_time).format('DDMMYYYYHHmmss')
+    let filetype=res[0].type;
+    let name_ext='';//name_arr[name_arr.length-1];
+    if(filetype=='image/png'){
+        name_ext='png';
+    }
+    else if(filetype=='image/jpg' || filetype=='image/jpeg'){
+        name_ext='jpg';
+    }
+    else if(filetype=='application/pdf'){
+        name_ext='pdf';
+    }
+
+    
+
+    let filename = 'Resumefile_'+ props.UserId + picture_selected_time+'.'+name_ext;
+    let nfileP='file://'+`${common_ImagePath}${filename}`;
+
+        
+    RNFS.moveFile(filepath,nfileP)
+    .then(resn => {
+      let obj={filePath: nfileP,fileName:filename,filetype:filetype}
+      setSingleFile(obj);
+    })
+    .catch(err => {
+        console.log('ERROR: on file store!');
+        console.log(err.message, err.code);
+    }); 
+    
+      
+    }catch (err) {
+      console.log('Error: ' + JSON.stringify(err));
+      // if (DocumentPicker.isCancel(err)) {
+      //   //If user canceled the document selection
+      //   alert('Canceled from single doc picker');
+      // } else {
+        
+      //   alert('Unknown Error: ' + JSON.stringify(err));
+      //   throw err;
+      // }
+    }
+  };
+
+function onSaveCancel(){
+    setShowAlert(false);
+}
+
+async function onSubmitData(){
+  
+    let isvalid=await validate();
+    
+    if(isvalid){
+      console.log('isvalidvalue',isvalid);
+       setShowAlert(true);
+    }
+}
+
+async function saveData(){
+    console.log()
+    setHasUnsavedChanges(false);
+    setShowAlert(false);
+    setLoaderTitle('Saving Data...');
+    setProcessing(true);
+
+    try {   
+      
+        await db.transaction(async function (txn) {   
+          let values='';  
+          let status='N';
+          let uniqueId='R'+props.UserId+moment().format('DDMMYYYYHHmmss')+(Math.floor(Math.random()*1000)+1);
+          values =` ('${uniqueId}','${props.UserId}','${formData.name}','${formData.mobileno}','${formData.locality}','${formData.DesignationName}','${formData.project}','${formData.agency}','${formData.experience}','${formData.Qualification_Name}','${formData.store}','${(singleFile.fileName || '')}','${(singleFile.filetype || '')}','${(hrImage.Image1Name || '')}','${(hrImage.Image2Name || '')}','${d2}','${status}') `;
+          let add_data=`INSERT INTO ${AppTables.RESUME_DATA} (UID,EMP_ID,NAME,MOBILE_NO,LOCALITY,POSITION,PROJECT,AGENCY,EXPERIENCE,EDUCATION,STORE,RESUME_FILE,TYPE,IMAGE1,IMAGE2,ADDED_DATE,STATUS) VALUES ${values} `;
+
+          // await txn.executeSql(`Select * From ${AppTables.RESUME_DATA} where EMP_ID='${props.UserId}' and ADDED_DATE='${d2}' `,[],async function (txn2, txnres) {
+          //     console.log('old geotag removed'); 
+              // console.log('values:',values);
+              await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                console.log('av added');
+                notify('HR data added successfully','SHORT');
+                allUploadData(uniqueId);
+                // setProcessing(false);
+                // props.navigation.goBack();
+              },
+              function (txn2, txnerr){ console.log(txnerr);
+                // setProcessing(false);
+                notify('Cannot add resume data') 
+              });
+          // });   
+          
+        });          
+    } catch (err) {
+        console.log(err);          
+    } 
+}
+
+async function validate(){
+  let isValid=true;
+  if (!formData.name) {
+    alert('Please enter Name');
+    isValid=false;
+  }
+  else if (!formData.mobileno) {
+    alert('Please enter Mobile No.');
+    isValid=false;
+  }
+  else if (!formData.locality) {
+    alert('Please enter Locality');
+    isValid=false;
+  }
+  else if (!formData.DesignationName) {
+    alert('Please enter Position');
+    isValid=false;
+  }
+  else if (!formData.project) {
+    alert('Please enter Project');
+    isValid=false;
+  }
+  else if (!formData.agency) {
+    alert('Please enter Agency');
+    isValid=false;
+  }
+  else if (!formData.experience) {
+      alert('Please enter Experience');
+      isValid=false;
+  }
+  else if (!formData.Qualification_Name) {
+      alert('Please enter Education');
+      isValid=false;
+  }
+  else if (!formData.store) {
+      alert('Please enter Store');
+      isValid=false;
+  }
+
+    console.log('isValid:',isValid);
+    return isValid;
+}
+
+
+async function getPostData(uniqueId=''){
+  return new Promise((resolve,reject)=>{
+    db.transaction(async function (txn) {
+
+        let q2=` SELECT * FROM ${AppTables.RESUME_DATA} WHERE UID='${uniqueId}' `;
+        let resumeData={},myresumeObj={};
+        let Allfiles = [];
+        
+        await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+            if(txnres2.rows.length>0){ 
+                for(var i=0;i<txnres2.rows.length;i++){
+                    let data =txnres2.rows.item(i);
+                    let {NAME,MOBILE_NO,LOCALITY,POSITION,PROJECT,AGENCY,EXPERIENCE,EDUCATION,STORE,RESUME_FILE,TYPE,IMAGE1,IMAGE2,ADDED_DATE}=data;
+                    let obj={};
+                    obj['Name']=NAME;
+                    obj['Mobile_No']=MOBILE_NO;
+                    obj['Locality']=LOCALITY;
+                    obj['Position']=POSITION;
+                    obj['Project']=PROJECT;
+                    obj['Agency']=AGENCY;
+                    obj['Experience']=EXPERIENCE;
+                    obj['Education']=EDUCATION;
+                    obj['Store']=STORE;
+                    obj['ResumeFile']=RESUME_FILE;
+                    obj['Type']=TYPE;
+                    obj['IMAGE1']=IMAGE1;
+                    obj['IMAGE2']=IMAGE2;
+                    obj['Added_Date']=ADDED_DATE;
+
+                    myresumeObj= obj;
+
+                    console.log('IMAGE1:',IMAGE1);
+                    console.log('IMAGE2:',IMAGE2);
+                    if (RESUME_FILE!=null && RESUME_FILE!='') {
+                      let imgPath=common_ImagePath+RESUME_FILE;
+                      let file={
+                          uri: imgPath,
+                          name: RESUME_FILE,
+                          filetype:TYPE,
+                          folderName:'ResumeFiles',
+                      }
+                      Allfiles.push(file);
+                    }
+                    if (IMAGE1!=null && IMAGE1!='') {
+                        let imgPath=common_ImagePath+IMAGE1;
+                       let file={
+                            uri: imgPath,
+                            name: IMAGE1,
+                            filetype:TYPE,
+                            folderName:'ResumeFiles',
+                        }
+                        Allfiles.push(file);
+                    }
+
+                    if (IMAGE2!=null && IMAGE2!='') {
+                        let imgPath=common_ImagePath+IMAGE2;
+                       let file={
+                            uri: imgPath,
+                            name: IMAGE2,
+                            filetype:TYPE,
+                            folderName:'ResumeFiles',
+                        }
+                        Allfiles.push(file);
+                    }
+
+                    
+                }
+                resumeData['MID']="0";
+                resumeData['Keys']='ResumeData';
+                resumeData['JsonData']=JSON.stringify(myresumeObj);
+                resumeData['UserId']=props.UserId;
+                // resumeData['ProjectID']=props.projectCode;
+                // resumeData['ProjectName']=props.projectName;
+
+
+
+                console.log('postData',resumeData);
+                resolve({'PostData':resumeData,'Allfiles':Allfiles});
+                
+            }
+            else{
+             resolve({'PostData':resumeData,'Allfiles':[]});
+            }
+        },function (txn2, txnerr) { console.log(txnerr);resolve({'PostData':resumeData,'Allfiles':[]});},);
+
+
+     
+       
+          
+      })
+      
+  
+
+    }) .catch((err)=>{
+      console.log(err);
+    });
+
+}
+
+async function allUploadData(uniqueId=''){
+    console.log('getUploadData');
+    let allResumData=await getPostData(uniqueId);
+    let PostData1=allResumData.PostData || {};
+    let Allfiles=allResumData.Allfiles || [];
+   
+    const url=resumeurl+getMethodName(METHODS.UPLOADJSON_METHOD);
+    console.log('url: ',url,PostData1);
+
+  
+    await UploadData2(url,PostData1)
+    .then(async(res)=>{ 
+      console.log('resultupload',res);
+      // res={UploadJsonResult:'Success'};
+      if(res.UploadJsonResult && res.UploadJsonResult.includes('Success')){
+        let isupdated=await UpdateResumeStatus(uniqueId);
+        console.log('isStatus Updated:',isupdated);
+        // Upload Image 
+        let isImageUploaded=await uploadImages(Allfiles);
+        console.log('isImageUploaded:',isImageUploaded);
+        setProcessing(false);
+        if(isImageUploaded){
+          notify('All resume data uploaded successfully!');
+          props.navigation.goBack();
+        }
+        else{
+          notify('Data uploaded but cannot upload files and images!');
+        }
+      }
+      else{
+        setProcessing(false);
+        notify('Error while uploading resume data');
+      }
+      
+    })
+
+   
+
+}
+
+async function uploadImages(Allfiles=[]){
+  let uploadFileCount=0;
+  console.log('Allfile in uploadImages ',Allfiles);
+  const url1=('https://hrm.parinaam.in/webservice/Imageupload.asmx/')+getMethodName(METHODS.UPLOADIMAGES_METHOD)
+  console.log('url1:',url1);
+
+  let isAllUploaded=false;
+  return await new Promise.all(
+    Allfiles.map(async(file,index)=>{
+      console.log('file:',file.uri);
+      let actualfilepath='file://'+file.uri;
+      console.log('actualfilepath',actualfilepath)
+      let isExists=await RNFS.exists(actualfilepath).then((res)=>{return res;});
+      console.log('isExists file',index,isExists,actualfilepath);
+      let postData=new FormData();
+      postData.append('file', {
+          uri: actualfilepath,
+          type: file.type,//mime.getType(actualfilepath),
+          name: file.name,
+      });
+      
+      postData.append('Foldername',file.folderName);
+
+      console.log("url1",url1)
+      
+      console.log("postdataimage",postData);
+      return await UploadFormData(url1,postData)
+      .then(async(res1)=>{         
+        console.log('res1:',res1);      
+        if(res1.includes('Success')){
+          uploadFileCount++;
+          RNFS.unlink(actualfilepath);
+          return true;
+        }else{
+          return true;
+        }  
+      })
+      .catch((err)=>{
+        console.log(err);
+        return false;
+      });
+    
+
+     
+    })
+  ).then((val)=>{
+    console.log('onall files return :',val);
+    if(Allfiles.length==uploadFileCount){
+      return true;
+    }
+    else{
+      return false;
+    }
+  }).catch((err)=>{
+    console.log('error',err);
+    return false;
+  });
+  
+
+ 
+}
+
+
+  async function UpdateResumeStatus(uniqueId=''){
+    
+    return new Promise((resolve,reject)=>{
+      db.transaction(async function (txn) {  
+        
+          
+        let status='Y';
+        // let JcpType=isAdhocScreen==true?'Sup_AdhocJourneyPlan':'Sup_JourneyPlan';
+        let q=`Update ${AppTables.RESUME_DATA} set STATUS='${status}' where  UID='${uniqueId}'`;
+        await txn.executeSql(q,[],async function (txn2, txnres2) {
+          console.log('resume update');  
+          resolve(true);
+
+        },function(txn2,txnerr){y
+          notify('Error while updating resume status');
+          console.log(txnerr);
+          resolve(false);
+        });
+      });     
+    }).catch((err)=>{
+      console.log(err);
+      notify('Error while updating resume status');
+      return false;
+    });
+    
+}
+
+
+// async function getImage(imgdata){
+//     let type=getImageProps.type || '';
+
+
+//     if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+//         notify('Camera unavailable');
+//     }
+//     else if(typeof imgdata =='object' && imgdata.uri!=null){
+//         const img=imgdata;
+//         const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+//         let picture_clicked_time=new Date();
+//         picture_clicked_time=moment(picture_clicked_time).format('DDMMYYYYHHmmss')
+//         let filename='Resume'+(props.UserId || '')+picture_clicked_time+'.jpg';
+
+//         let imagePath='file://'+`${common_ImagePath}${filename}`;
+
+        
+//         RNFS.moveFile(imgurl,imagePath)
+//         .then(resn => {
+//           let data=image;
+//           if(type=='1'){
+//               data['Image1Path']=imagePath;
+//               data['Image1Name']=filename;
+//           }
+//           else{
+//               data['Image2Path']=imagePath;
+//               data['Image2Name']=filename;
+//           }
+
+//           console.log('data:',data);
+//           setimage(data);
+//         })
+//         .catch(err => {
+//             console.log('ERROR: image file write failed!!!');
+//             console.log(err.message, err.code);
+//         }); 
+  
+        
+                  
+//     }        
+// }
+
+
+async function getImage(imgdata){
+  let type=getImageProps.type || '';
+
+  if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+      notify(ST.Cameraunavailable);
+  }
+  else if(typeof imgdata =='object' && imgdata.uri!=null){
+    const img=imgdata;
+    const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+   
+    
+    let picture_clicked_time=new Date();
+    picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+    
+    
+    const mark_text1=picture_clicked_time;
+   
+    const mark_text2=' Name:'+formData.name+' | Image Type: Resume'+' | Date:'+picture_clicked_time;
+
+   
+    console.log('imgurl marktext1:',mark_text2);
+    await marktext1(mark_text1,imgurl)
+    .then((res)=>{
+        if(res.success){
+          
+            let uri=res.uri;
+            marktext2(mark_text2,uri,imgWidth, imgHeight)
+            .then((res)=>{
+
+                if(res.success){
+                    let picture_clickedd=new Date();
+                    // let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                    let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                    let filename='Resume'+(formData.name || '')+picture_clicked_time+'.jpg';
+                    let alldata=hrImage;
+
+                    let imagePath='file://'+`${common_ImagePath}${filename}`;
+                    RNFS.moveFile(res.uri,imagePath)
+                    .then(resn => {
+                      if(type=='1'){
+                        alldata['Image1Path']=imagePath;
+                        alldata['Image1Name']=filename;
+                        setHrImage(alldata);
+                        setrerenderdata(!rerenderdata);
+                       
+                      }
+                      else{
+                        alldata['Image2Path']=imagePath;
+                        alldata['Image2Name']=filename;
+                        setHrImage(alldata);
+                        setrerenderdata(!rerenderdata);
+                     
+                      }
+                  
+                    
+                       
+                    })
+                    .catch(err => {
+                        console.log('ERROR: image file write failed!!!');
+                        console.log(err.message, err.code);
+                    }); 
+                             
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+              
+            });
+          
+            
+        }
+        else{
+            if(res.imagenotfound){
+                notify(ST.Pleasecaptureaimage);
+            }
+            else{
+                notify(res.error);
+            }
+        }
+    });            
+}        
+}
+
+async function openCamera(type='1'){  
+    setGetImageProps({type:type}); 
+    setShowCamera(true);
+}
+
+async function downloaddatahr(){
+  let token = await get_item('loginToken');
+  let loginInfo=await get_item('loginInfo');
+  const loginDetails=JSON.parse(loginInfo);
+  
+  const data={Downloadtype: 'Position_Master',username: loginDetails.UserId,empid: '',token: token,};
+  const url=resumeurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+  console.log('res',data)
+
+  //download position data
+
+  await getDownloadJson(url,data)
+  .then((res)=>{        
+    if(res.Position_Master){
+     
+      let dataarr=res.Position_Master?res.Position_Master:[];         
+      setPosition(dataarr);
+      downloaddatahq();
+      // call education
+       setProcessing(false);
+    }
+  })
+  .catch((err)=>{
+    setProcessing(false);
+    notify('Not data downloaded..!','SHORT');
+    console.log('Position_Master not download data...!',err);
+  }); 
+
+
+}
+
+async function downloaddatahq(){
+  
+  let loginInfo=await get_item('loginInfo');
+  const loginDetails=JSON.parse(loginInfo);
+  
+  const data={Downloadtype:"Qualification_Master",username:loginDetails.UserId,empid:'',};
+  const url=resumeurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+
+  //
+  await getDownloadJson(url,data)
+  .then((res)=>{        
+    if(res.Qualification_Master){
+      let dataarr=res.Qualification_Master?res.Qualification_Master:[];         
+      setEducation(dataarr);
+      setProcessing(false);
+    }
+  })
+  .catch((err)=>{
+    setProcessing(false);
+    console.log('Position_Master not download data...!',err);
+  }); 
+
+
+}
+// console.log('imagePath.Image1Path',imagePath.Image1Path)
+// console.log('imagePath.Image2Path',imagePath.Image2Path)
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>  
+    {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+    <CustomHeader {...props} title={'Add Resume/CV'}/>
+      {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+      <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+
+
+    <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        
+    
+    <View style={[customStyle.hr_customstylewrapper,customStyle.ImageTypesPageWrap]}>
+
+    <View style={[ customStyle.mt10]}>
+        <TouchableOpacity style = {[customStyle.hr_viewButton]} onPress={()=>{props.navigation.navigate('ViewListData')}}>
+        <Text style = {[customStyle.hr_viewButtonText]}>View List</Text>
+        </TouchableOpacity>
+        
+         </View>
+
+         <View style ={[customStyle.hr_LHd,customStyle.mt40]}></View>
+
+
+  { rerenderdata==rerenderdata &&
+    <ScrollView 
+     contentContainerStyle={customStyle.hr_scroll} 
+     style={customStyle.hr_scrollOuter}
+     showsVerticalScrollIndicator={false}
+    >
+        <View style={[customStyle.hr_childlayout]}>
+            <View style={{}}><Text style={customStyle.hr_prd_flexlabel}>Name</Text></View>
+                                                            
+            <View style={[customStyle.hr_prd_col100]}>
+            <TextInput 
+            style={[customStyle.hrInputStyle]}
+            placeholder=""
+            placeholderTextColor={PageTheme.$placeholder_color} 
+            value ={(formData.name!=null?formData.name:'')}
+            onChangeText={(val)=>{onTextChange('name',val)}}
+            autoComplete='off'
+            />
+            </View>
+        
+        </View>
+
+
+        <View style={[customStyle.hr_childlayout]}>
+            <View style={{}}><Text style={customStyle.hr_prd_flexlabel}>Mobile No.</Text></View>
+            <View style={[customStyle.hr_prd_col100]}>
+            <TextInput 
+            style={[customStyle.hrInputStyle]}
+            placeholder=""
+            placeholderTextColor={PageTheme.$placeholder_color} 
+            value ={(formData.mobileno!=null?formData.mobileno:'')}
+            keyboardType = 'number-pad'
+            maxLength={10}
+            onChangeText={(val)=>{onTextChange('mobileno',val)}}
+            autoComplete='off'/>
+            </View>
+        </View>
+
+        <View style={[customStyle.hr_childlayout]}>
+            <View style={{}}><Text style={customStyle.hr_prd_flexlabel}>Locality</Text></View>
+            <View style={[customStyle.hr_prd_col100]}>
+            <TextInput 
+              style={[customStyle.hrInputStyle]}
+              placeholder=""
+              placeholderTextColor={PageTheme.$placeholder_color} 
+              value ={(formData.locality!=null?formData.locality:'')}
+              onChangeText={(val)=>{onTextChange('locality',val)}}
+              autoComplete='off'
+            />
+            </View>
+        </View>
+        <View style={[customStyle.hr_childlayout]}>
+        <View style={customStyle.addVisFormGrp}>
+            <Text style={customStyle.hr_prd_flexlabel}>{'Position'}</Text>
+            {CustomPicker(props,Position,'DesignationName','DesignationId','DesignationName','DesignationId',onselectionChange,{value:formData.DesignationName,otherData:{}})}
+        </View>
+        </View>
+
+        <View style={[customStyle.hr_childlayout]}>
+          <View style={{}}><Text style={customStyle.hr_prd_flexlabel}>Project</Text></View>
+          <View style={[customStyle.hr_prd_col100]}>
+          <TextInput 
+            style={[customStyle.hrInputStyle]}
+            placeholder=""
+            placeholderTextColor={PageTheme.$placeholder_color} 
+            value ={(formData.project!=null?formData.project:'')}
+            onChangeText={(val)=>{onTextChange('project',val)}}
+            autoComplete='off'
+          />
+          </View>
+        </View>
+
+        <View style={[customStyle.hr_childlayout]}>
+            <View style={{}}><Text style={customStyle.hr_prd_flexlabel}>Agency</Text></View>
+            <View style={[customStyle.hr_prd_col100]}>
+            <TextInput 
+              style={[customStyle.hrInputStyle]}
+              placeholder=""
+              placeholderTextColor={PageTheme.$placeholder_color} 
+              value ={(formData.agency!=null?formData.agency:'')}
+              onChangeText={(val)=>{onTextChange('agency',val)}}
+              autoComplete='off'
+            />
+            </View>
+        </View>
+
+
+        <View style={[customStyle.hr_childlayout]}>
+            <View style={{}}><Text style={customStyle.hr_prd_flexlabel}>Experience</Text></View>
+            <View style={[customStyle.hr_prd_col100]}>
+            <TextInput 
+            style={[customStyle.hrInputStyleexp,{}]}
+            placeholder=""
+            placeholderTextColor={PageTheme.$placeholder_color} 
+            multiline={true}
+            numberOfLines={5}
+            value ={(formData.experience!=null?formData.experience:'')}
+            onChangeText={(val)=>{onTextChange('experience',val)}}
+            autoComplete='off'
+            />
+            </View>
+        </View>
+
+
+        <View style={[customStyle.hr_childlayout]}>
+        <View style={customStyle.addVisFormGrp}>
+            <Text style={customStyle.hr_prd_flexlabel}>{'Highest Qualification'}</Text>
+            {CustomPicker(props,Education,'Qualification_Name','Qualification_Id','Qualification_Name','Qualification_Id',onselectionChange,{value:formData.Qualification_Name,otherData:{}})}
+            
+        </View>
+        </View>
+
+        <View style={[customStyle.hr_childlayout]}>
+            <View style={{}}><Text style={customStyle.hr_prd_flexlabel}>Store</Text></View>
+                                                            
+            <View style={[customStyle.hr_prd_col100]}>
+            <TextInput 
+              style={[customStyle.hrInputStyle]}
+              placeholder=""
+              placeholderTextColor={PageTheme.$placeholder_color} 
+              value ={(formData.store!=null?formData.store:'')}
+              onChangeText={(val)=>{onTextChange('store',val)}}
+              autoComplete='off'
+            />
+            </View>
+        </View>
+
+        <View style={[customStyle.hr_childlayout]}>
+            <View style={{}}><Text style={customStyle.hr_prd_flexlabel}>Upload PDF/Images</Text></View>
+            <View style={[customStyle.hr_prd_colexp]}>
+             <Text style={[customStyle.hrInputStylepdf]} >{singleFile.fileName!=null ? singleFile.fileName: ''}</Text>
+            <TouchableOpacity onPress={selectOneFile} style={{zIndex:9999}}>
+              <SvgXml width={45} height={45} xml={add_icon}/>
+             </TouchableOpacity>
+            </View>
+
+        </View> 
+        <View style={[customStyle.addVisCol100]}>
+          <View style={customStyle.addVisFormGrp}>
+              <Text style={customStyle.addVisLabel}>Photo of CV</Text>
+              <View style={customStyle.addVisCameras}>
+                  <View style={customStyle.openStkCameraCon}>
+                      { (hrImage.Image1Path=='' || hrImage.Image1Path==null) && 
+                          <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{{openCamera('1')}}}>
+                              <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                          </TouchableOpacity>
+                      }
+                      {
+                        // console.log('imagePath.Image1Path',imagePath.Image2Path)
+
+                        (hrImage.Image1Path!='' && hrImage.Image1Path!=null) && 
+                          <View style={customStyle.osCatImageView}>
+                            
+                              <Image style={customStyle.osCatImage} source={{uri:hrImage.Image1Path}}/>
+                              <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{{openCamera('1')}}}>
+                                  <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                              </TouchableOpacity>
+                          </View>                                    
+                      }       
+                  </View>
+
+                  <View style={customStyle.addVisCameras}>
+                  <View style={customStyle.openStkCameraCon}>
+                      { (hrImage.Image2Path=='' || hrImage.Image2Path==null) && 
+                          <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{{openCamera('2')}}}>
+                              <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                          </TouchableOpacity>
+                      }
+                      { (hrImage.Image2Path!='' && hrImage.Image2Path!=null) && 
+                          <View style={customStyle.osCatImageView}>
+                              <Image style={customStyle.osCatImage} source={{uri:hrImage.Image2Path}}/>
+                              <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{{openCamera('1')}}}>
+                                  <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                              </TouchableOpacity>
+                          </View>                                    
+                      }       
+                  </View>
+                  
+              </View>
+                  
+              </View>
+          </View>
+        </View>
+    </ScrollView> }
+  
+
+    <View style={[customStyle.hr_SubmitBtn]}>
+        <GradientButton {...props} title={'Save'} onPress={()=>{onSubmitData()}}/> 
+        </View>
+    </View>
+    </LinearGradient>
+
+   
+
+     </Container>
+  )
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(HR)
\ No newline at end of file
diff --git a/src/screens/ImageAudit copy.js b/src/screens/ImageAudit copy.js
new file mode 100644
index 0000000..b99c59d
--- /dev/null
+++ b/src/screens/ImageAudit copy.js	
@@ -0,0 +1,1847 @@
+import React, { useState, useEffect, memo, useRef, useCallback, useMemo } from 'react';
+import { useRoute } from '@react-navigation/native';
+import { View, Text, TouchableOpacity, Image, FlatList, Platform, ScrollView, TextInput } from 'react-native';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import Container from '../components/container';
+import CustomLoader from '../components/CustomLoader';
+import CustomHeader from '../components/customHeader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { get_item } from '../components/localStorage';
+import { notify } from '../components/notify';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { getDownloadJson1, UploadData } from '../controller/functions';
+import { METHODS, getMethodName } from '../constants/methodNames';
+import { SvgXml } from 'react-native-svg';
+import { AppTables } from '../constants/tableConstants';
+import CheckBox from '@react-native-community/checkbox';
+import { mapDispatchToProps, mapStateToProps } from '../reducers/contextProvider';
+import { db } from '../constants/constants';
+import Animated from 'react-native-reanimated';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import { Entypo, Fontisto, MaterialCommunityIcons } from '../components/icons';
+import MultiSelect from 'react-native-multiple-select';
+import ModalSelector from 'react-native-modal-selector';
+import { PrimaryTheme } from '../styles/Themes';
+import GradientButton from '../components/gradientButton';
+import { ConfirmSaveAlert } from '../components/alert';
+
+
+
+const ImageAudit = (props) => {
+  const route = useRoute();
+  const { DarkMode, baseurl, StaticText: ST = {} } = props;
+  const PageTheme = GetPageTheme(DarkMode, route.name);
+  const customStyle = customStyles(DarkMode, route.name);
+
+  const timerRef = useRef(null);
+
+  const [processing, setProcessing] = useState(false);
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [isDataFound, setIsDataFound] = useState(false);
+  const [rerenderdata, setrerenderdata]= useState(0);
+  const [rerenderdata1, setrerenderdata1]= useState(true);
+
+  const storeData = route?.params?.imageauditstoreData;
+
+  // console.log(storeData?.MID, "MIDDD")
+
+  const [data , setData] = useState([]);
+
+  const d1=new Date();
+  const d2=moment(d1).format('MM/DD/YYYY');
+
+  const [SurveyQuestions, setSurveyQuestions]= useState([]);
+  const [QuestionsData,setQuestionsData]=useState({});
+  const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+  const [showAlert, setShowAlert] = useState(false);
+
+
+
+  // zoom image 
+
+  const zoomView=useRef(null);
+  const Show_zoomImageRef=useRef(false);
+  const [show_zoomImage, setShow_zoomImage] = useState(false);
+  const [zoomImageUrl, setZoomImageUrl] = useState([]);
+  const [refImageIndex, setrefImageIndex] = useState(0);
+
+
+  function UpdateShow_zoomImageRef(val) {
+    Show_zoomImageRef.current = val;
+    setShow_zoomImage(val);
+  }
+
+
+  useEffect(() => {
+    let params=props.route.params? props.route.params:{};
+    let storeData1=params.storeData || {};
+    // setStoreData(storeData1);
+
+    setLoaderTitle(ST.Loading +'...');
+    get_data();
+ }, []);
+
+ const _renderHeader = useCallback((currentIndex) => {
+  return (
+    <View style={customStyle.album_ZOOM_topBar}>
+      <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex + 1)}/${zoomImageUrl.length}`}</Text>
+      <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={() => UpdateShow_zoomImageRef(false)}>
+        <Entypo name='chevron-left' color={'#000'} size={24} />
+      </TouchableOpacity>
+    </View>
+  );
+}, [zoomImageUrl.length, customStyle.album_ZOOM_topBar, customStyle.album_ZOOM_indicator, customStyle.album_ZOOM_backBtn]);
+
+
+
+
+
+async function get_data() {
+  setProcessing(true);
+
+  let mainQuery = `SELECT DISTINCT MenuId, MID, Menu FROM Sup_ImageAuditKPIImages WHERE MID = '${storeData?.MID}'`;
+  console.log("mainQuery", mainQuery);
+
+  let fetchedData = []; // Declare fetchedData outside the loop
+
+  try {
+      db.transaction(async tx => {
+          tx.executeSql(
+              mainQuery,
+              [],
+              (tx, results) => {
+                  let rows = results.rows;
+
+                  // Loop through the results of the main query
+                  let promises = [];
+                  for (let i = 0; i < rows.length; i++) {
+                      let item = rows.item(i);
+
+                      // Define the defQuery based on MenuId
+                      let defQuery = `SELECT DISTINCT DefName, DefId, MID ,MenuId  FROM Sup_ImageAuditKPIImages WHERE MID = '${item.MID}' AND MenuId = '${item.MenuId}'`;
+                      console.log("defQuery---", defQuery);
+
+                      // Execute the defQuery within the loop
+                      promises.push(new Promise((resolve, reject) => {
+                          tx.executeSql(
+                              defQuery,
+                              [],
+                              (tx, defResults) => {
+                                  let defRows = defResults.rows;
+                                  let defArray = [];
+
+                                  // Loop through the results of the defQuery
+                                  let defPromises = [];
+                                  for (let j = 0; j < defRows.length; j++) {
+                                      let defItem = defRows.item(j);
+
+                                      console.log("defItem---------", defItem);
+
+                                      // Define the imageQuery based on DefId
+
+
+                                     let selectlist = ` DISTINCT S.KPIImageId, S.QuestionImageId, S.DefId, S.DefName, S.BaseUrl, S.ImageName, S.Image1, S.Image2, IFNULL(T.pictureokay, 0) AS pictureokay, IFNULL(T.pictureokay2, 0) AS pictureokay2`;
+
+                                    let join2 = ` LEFT JOIN (SELECT * FROM IMAGE_AUDIT_HDR_DATA WHERE DefId = '${defItem.DefId}' AND MID = '${defItem.MID}' AND MenuId = '${defItem.MenuId}') AS T ON T.DefId = S.DefId and T.QuestionImageId = S.QuestionImageId`;
+
+                                    let imageQuery = `SELECT ${selectlist} FROM Sup_ImageAuditKPIImages S ${join2} WHERE S.DefId = '${defItem.DefId}' AND S.MID = '${defItem.MID}' `;
+
+                                      // let imageQuery = `SELECT DISTINCT KPIImageId, QuestionImageId, DefId, DefName, BaseUrl, ImageName, Image1, Image2 FROM Sup_ImageAuditKPIImages WHERE DefId = '${defItem.DefId}' AND MID = '${defItem.MID}'`;
+                                     
+                                      console.log("imageQuery---", imageQuery);
+
+                                      // Execute the imageQuery within the loop
+                                      defPromises.push(new Promise((resolve, reject) => {
+                                          tx.executeSql(
+                                              imageQuery,
+                                              [],
+                                              async (tx, imageResults) => {
+                                                  let imageRows = imageResults.rows;
+                                                  let images1Array = [];
+                                                  let images2Array = [];
+
+                                                  // Loop through the results of the imageQuery
+                                                  for (let k = 0; k < imageRows.length; k++) {
+                                                      let imageItem = imageRows.item(k);
+
+                                                      // console.log(imageItem,"imageItemimageItem--------")
+
+                                                      let all_scat_qtns =[] ; //await getSurveyQtns(item);
+                                                      // console.log('all_scat_qtns:', all_scat_qtns.length);
+                                                      imageItem['Questions'] = all_scat_qtns;
+
+                                                      let pictureOkayValue = imageItem.pictureokay;
+                                                      let pictureOkayValue2 = imageItem.pictureokay2;
+
+                                                      let statusValue = imageItem.STATUS;
+
+                                                      images1Array.push({
+                                                          KPIImageId: imageItem.KPIImageId,
+                                                          QuestionImageId: imageItem.QuestionImageId,
+                                                          BaseUrl: imageItem.BaseUrl,
+                                                          ImageName: imageItem.ImageName,
+                                                          pictureokay : pictureOkayValue,
+                                                          pictureokay2 : pictureOkayValue2,
+                                                          STATUS: statusValue,
+                                                          Image1: imageItem.Image1,
+                                                          Image2: imageItem.Image2,
+                                                          Questions1: all_scat_qtns,
+                                                          Questions2: all_scat_qtns
+                                                      });
+
+                                                      // if (imageItem.Image2) { // Check if Image2 is not an empty string
+                                                      //     images2Array.push({
+                                                      //         KPIImageId: imageItem.KPIImageId,
+                                                      //         QuestionImageId: imageItem.QuestionImageId,
+                                                      //         BaseUrl: imageItem.BaseUrl,
+                                                      //         ImageName: imageItem.ImageName,
+                                                      //         pictureokay2 : pictureOkayValue2,
+                                                      //         STATUS: statusValue,
+                                                      //         Image2: imageItem.Image2,
+                                                      //         Questions: all_scat_qtns
+                                                      //     });
+                                                      // }
+                                                  }
+
+                                                  // Add imagesArray to the corresponding defItem
+                                                  defArray.push({
+                                                      DefName: defItem.DefName,
+                                                      DefId: defItem.DefId,
+                                                      Images: images1Array
+                                                  });
+
+                                                  resolve();
+                                              },
+                                              (tx, error) => {
+                                                  console.error("Failed to execute imageQuery", error);
+                                                  reject(error);
+                                              }
+                                          );
+                                      }));
+                                  }
+
+                                  // Wait for all image queries to resolve
+                                  Promise.all(defPromises).then(() => {
+                                      fetchedData.push({
+                                          MenuId: item.MenuId,
+                                          MID: item.MID,
+                                          Menu: item.Menu,
+                                          DefData: defArray,
+                                      });
+                                      resolve();
+                                  }).catch(reject);
+                              },
+                              (tx, error) => {
+                                  console.error("Failed to execute defQuery", error);
+                                  reject(error);
+                              }
+                          );
+                      }));
+                  }
+
+                  // Wait for all def queries to resolve
+                  Promise.all(promises).then(() => {
+                      // Update the state with the fetched data
+                      setData(fetchedData);
+                      setProcessing(false);
+                      // console.log('Updated Data with Images:', JSON.stringify(fetchedData));
+                  }).catch(error => {
+                      setProcessing(false);
+                      console.error("An error occurred while fetching data:", error);
+                  });
+              },
+              (tx, error) => {
+                  setProcessing(false);
+                  console.error("Failed to execute main query", error);
+              }
+          );
+      });
+  } catch (error) {
+      setProcessing(false);
+      console.error("An error occurred while fetching data:", error);
+  }
+}
+
+
+async function getAnswers(qtn,storeData){
+// console.log(qtn , "Questiondata---------");
+
+        let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {   
+                // get inserted audit
+                let selectlist=` DISTINCT T.AIAnswerName,T.AIAnswerId`;
+                
+                let q2=`Select ${selectlist} FROM Sup_ImageAuditKPIQuestion T  WHERE T.AIQuestionId='${qtn.AIQuestionId}' ORDER BY T.AIASequence `;
+                
+                await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                    // console.log('answers len',txnres.rows.length);
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+
+                            // console.log(arr, "Array of answerss-----");
+                                // setSurveyQuestions(arr);
+                                resolve(arr);
+                            }
+                        }
+                    }
+                    else{
+                        resolve([]);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+               
+              });    
+        }).then((val)=>{
+            return {'Answers':val,'Success':true};
+        }).catch((err)=>{
+            console.log(err);
+            return {'Success':false,'Error':err}
+        });
+    }
+
+
+
+  async function getSurveyQtns(item){
+
+        return new Promise((resolve,reject)=>{
+            try {   
+                let {StoreId,MerchandiserId}=storeData;
+ 
+                let {MID}= item;
+                
+                db.transaction(async function (txn) {  
+                  
+                  // get inserted audit
+                  let selectlist=` DISTINCT T.AIMaximumChar as MaxLength,T.AIMinimumChar as MinLength,T.AILengthValidationRequired as LengthValidation,T.AIDateRangeMax as DateRangeMax,T.AIDateRangeMin as DateRangeMin,T.AIDefaultQuestionEnable as QEnable,T.AIQuestionName as Question,T.AIQuestionId as QuestionId, T.QuestionType as QuestionType,T1.ANSWER As AIAnswerName, T1.ANSWER_ID as AIAnswerId,T1.MULTI_OPTIONS_IDS as multi_op_ids,T1.IS_DISABLED as isDisabled `;
+               
+                  let join2=` Left outer join ${AppTables.IMAGE_AUDIT_QUESTION} T1 on T1.MID=${MID} And T.AIQuestionId=T1.QUESTION_ID`;
+                  let q2=`Select ${selectlist} FROM Sup_ImageAuditKPIQuestion T  ${join2} WHERE T1.STORE_ID='${StoreId}' AND T1.VISIT_DATE= '${d2}'   `;
+                  q2+=` ORDER BY T.AIQuestionSequence `;
+
+                  console.log(q2, "QueryQuestiondata")
+      
+                  await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                      console.log('getSurveyData len',txnres.rows.length);
+                      if(txnres.rows.length>0){
+                          let arr=[];
+                          var QD=QuestionsData;
+                          for(var i=0;i<txnres.rows.length;i++){
+                              let data =txnres.rows.item(i);
+                              data.QEnable=data.QEnable==1 || data.QEnable=='true'?true:false;
+                              
+                              let answers=[];
+                              let qtn=data;
+                              console.log(qtn , "qtn---")
+                              qtn.isDisabled=qtn.isDisabled==1 || qtn.isDisabled=='1'?true:false ;
+
+                             
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  let allanswers=await getAnswers(data,item.MID,storeData,true);
+                                
+                                  answers=allanswers.Answers || [];
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data.Answers=answers;
+      
+                              let id_key=qtn.AIQuestionId+'_AnswerId'; 
+                              let ans_key=qtn.AIQuestionId+'_Answer'; 
+                              let multi_key=qtn.AIQuestionId+'_MultiOption';
+                              let date_key=qtn.AIQuestionId+'_Date';
+                              let img_key=qtn.AIQuestionId+'_ImagePath1';
+                              let imgname_key=qtn.AIQuestionId+'_ImageName1';
+                              let img_key2=qtn.AIQuestionId+'_ImagePath2';
+                              let imgname_key2=qtn.AIQuestionId+'_ImageName2';
+                              let rating_key=qtn.AIQuestionId+'_Rating'; 
+                              let voiceClip_key=qtn.AIQuestionId+'_VoiceClip'; 
+      
+                              let showImageTag=(data.QuestionImageAllow==true || data.QuestionImageAllow=='true' || data.QuestionImageAllow==1) ;
+                              let showImageTag2=false;
+      
+                              QD[id_key]=data.AIAnswerId;
+                              QD[ans_key]=data.AIAnswerName;
+
+                              
+                              let selansid=data.AIAnswerId;
+                              if(qtn.QuestionType=='Multi choice list'){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  QD[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                  if (qtn.Answers && qtn.Answers.length>0){
+                                      for(var k=0;k<qtn.Answers.length;k++){
+                                          let ansss=qtn.Answers[k];
+                                          let isandImgAl=(ansss.ImageAllow1==true || ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                                          let isandImgAl2=(ansss.ImageAllow2==true || ansss.ImageAllow2=='true' || ansss.ImageAllow2==1);
+                                          if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AIAnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AIAnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl2 && ansss.AIAnswerId==selansid)){
+                                                showImageTag2=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl2 && selansid.indexOf(ansss.AIAnswerId)>=0)){
+                                                showImageTag2=true;
+                                            }
+
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag){
+                                  let imgPath=data.Image1!=''?((Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1):'';
+                                  QD[imgname_key]=data.Image1;
+                                  QD[img_key]=imgPath;
+                              }
+
+                              if(showImageTag2){
+                                let imgPath=data.Image2!=''?((Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image2):'';
+                                QD[imgname_key2]=data.Image2;
+                                QD[img_key2]=imgPath;
+                              }
+      
+                              if(qtn.QuestionType=='Audio'){
+                                  let voicefile_path=(Platform.OS=='ios'?'file://':'')+common_ImagePath+'Recordings/'+data.Answer;
+                                  QD[voiceClip_key]={'path':voicefile_path,'filename':data.Answer};
+                              }
+      
+                              if(qtn.QuestionType=='Date'){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  QD[date_key]=fulldate;
+                                  
+                              }
+                              arr.push(data);  
+                              if(i==txnres.rows.length-1){
+                                  // setQuestionsData(QD);
+                                  resolve(arr);
+                                  // setSurveyQuestions(arr);
+                                  // setProcessing(false);
+                              }
+                          }
+                      }
+                      else{
+                          let sl=` DISTINCT T.AIMaximumChar,T.AIMinimumChar,T.AILengthValidationRequired,T.AIQuestionName,T.AIQuestionId,T.QuestionType,T.AIDateRangeMax,T.AIDateRangeMin,T.AIDefaultQuestionEnable as QEnable`;
+                          let q=` SELECT ${sl} FROM Sup_ImageAuditKPIQuestion T `; 
+                          q+=` order by T.AIQuestionSequence `;
+
+                          //  WHERE T.SurveyId='${SurveyId}' and T.SubCategoryId='${SubCategoryId}'
+                          
+                           await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                              console.log('Surveys:',txnres2.rows.length)
+                              let arr=[];
+                              if(txnres2.rows.length>0){
+                                  for(var i=0;i<txnres2.rows.length;i++){
+                                      let data =txnres2.rows.item(i);
+
+                                      // console.log(data, "Dataaa-----" , data.QEnable );
+
+                                      data.QEnable=data.QEnable==1 || data.QEnable=='true'?true:false;
+                                      data['isDisabled']=!data.QEnable;
+                                      
+                                      let answers=[];
+                                      if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Number'){
+                                          let allanswers=await getAnswers(data,item.MID,storeData,false);
+                                          answers=allanswers.Answers || [];
+                                          if(data.QuestionType=='Rating'){
+                                              data.showRating=false;
+                                          }
+                                      }
+                                      else if(data.QuestionType=='Date'){
+                                          data.showDatePicker=false;
+                                      }
+                                      
+                                      data.Answers=answers;
+                                      arr.push(data);
+                                      
+                                      if(i==txnres2.rows.length-1){
+                                          resolve(arr);
+                                      }
+                                  }
+                              }
+                              else{
+                                resolve([]);
+                              }
+      
+                          },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+                      }
+                      
+                  },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+                 
+                });          
+              } catch (err) {
+                console.log(err);          
+              }  
+        })
+    }
+
+
+
+const RenderImageItem = React.memo(({ image, pictureokay, onPictureOkayChange }) => {
+
+  const handleCheckBoxChange = (newValue) => {
+    onPictureOkayChange(newValue ? 1 : 0);
+  };
+
+
+  return (
+    <View>
+      <Text style={[customStyle.storel_card_title, { fontWeight: '400', marginBottom: 10 }]}>
+        {image.ImageName}
+      </Text>
+      
+      <View>
+        <TouchableOpacity onPress={() => {
+          setZoomImageUrl([{ url: image.BaseUrl + '/' + image.Image1 }]);
+          setrefImageIndex(0);
+          UpdateShow_zoomImageRef(true);
+        }}>
+          <Animated.View
+            style={{
+              backgroundColor: "#fff",
+              width: "100%",
+              height: window.animatedHeight,
+              paddingBottom: 0,
+            }}
+          >
+            <Image
+              source={{ uri: image.BaseUrl + '/' + image.Image1 }}
+              style={{
+                width: '100%',
+                height: 150,
+                resizeMode: 'stretch',
+                alignSelf: 'center',
+              }}
+            />
+          </Animated.View>
+        </TouchableOpacity>
+    
+        <View style={[customStyle.WStkHdr_checkboxWrap, { paddingLeft: 0, marginVertical: 10 }]}>
+          <View style={[customStyle.WStkHdr_checkboxCon, { paddingLeft: 5 }]}>
+            <CheckBox
+              boxType="square"
+              style={[
+                customStyle.WStkHdr_checkbox,
+                Platform.OS === 'ios' ? { height: 20, width: 20, marginTop: 5, marginLeft: 5 } : {}
+              ]}
+              tintColors={{ true: PageTheme.$primary_color, false: PageTheme.$text_color_light }}
+              value={pictureokay === 1}
+              onValueChange={handleCheckBoxChange}
+            />
+          </View>
+          <Text style={[customStyle.WStkHdrText2, customStyle.WStkHdr_checkboxpName]}>
+            Picture OK
+          </Text>
+        </View>
+      </View>
+
+      <RenderSurveyQtns image={image} QuestionsData={QuestionsData} />
+    </View>
+  );
+});
+
+const RenderImageItem2 = React.memo(({ image, pictureokay, onPictureOkayChange }) => { 
+
+  console.log("pictureokay2",pictureokay)
+
+  const handleCheckBoxChange = (newValue) => {
+    onPictureOkayChange(newValue ? 1 : 0);
+  };
+
+  return (
+    <View>
+      <Text style={[customStyle.storel_card_title, { fontWeight: '400', marginBottom: 10 }]}>
+        {image.ImageName}
+      </Text>
+
+       <TouchableOpacity onPress={() => {
+          setZoomImageUrl([{ url: image.BaseUrl + '/' + image.Image2 }]);
+          setrefImageIndex(0);
+          UpdateShow_zoomImageRef(true);
+        }}>
+        <Animated.View
+          style={{
+            backgroundColor: "#fff",
+            width: "100%",
+            height: window.animatedHeight,
+            paddingBottom: 0,
+          }}
+        >
+          <Image
+            source={{ uri: image.BaseUrl + '/' + image.Image2 }}
+            style={{
+              width: '100%',
+              height: 150,
+              resizeMode: 'stretch',
+              alignSelf: 'center',
+            }}
+          />
+        </Animated.View>
+        
+        </TouchableOpacity>
+
+      <View style={[customStyle.WStkHdr_checkboxWrap, { paddingLeft: 0, marginVertical: 10 }]}>
+        <View style={[customStyle.WStkHdr_checkboxCon, { paddingLeft: 5 }]}>
+          <CheckBox
+            boxType='square'
+            style={[
+              customStyle.WStkHdr_checkbox,
+              Platform.OS === 'ios'
+                ? { height: 20, width: 20, marginTop: 5, marginLeft: 5 }
+                : {},
+            ]}
+            tintColors={{
+              true: PageTheme.$primary_color,
+              false: PageTheme.$text_color_light,
+            }}
+            value={pictureokay === 1}
+            onValueChange={handleCheckBoxChange}
+          />
+        </View>
+        <Text style={[customStyle.WStkHdrText2, customStyle.WStkHdr_checkboxpName]}>
+          Picture OK
+        </Text>
+      </View>
+      <RenderSurveyQtns image={image} QuestionsData={QuestionsData} />
+    </View>
+  );
+});
+
+// const ImageAuditItem = React.memo(({ item }) => {
+//   const imageKeys = item?.DefData[0].Images[0] || [];
+
+//   // console.log("Helloooitem--------",imageKeys)
+// const image1 = imageKeys.Image1;
+// const image2 = imageKeys.Image2;
+
+// console.log('Image1:', image1);
+// console.log('Image2:', image2);
+
+// // If you need to dynamically access keys starting with 'Image'
+// const dynamicImageKeys = Object.keys(imageKeys).filter(key => key.startsWith('Image'));
+// const dynamicImageValues = dynamicImageKeys.map(key => imageKeys[key]);
+
+// console.log('Dynamic Image Keys:', dynamicImageKeys);
+// console.log('Dynamic Image Values:', dynamicImageValues);
+
+//   const imageKey1 = dynamicImageKeys[1] || 'IMAGE 1';
+//   const imageKey2 = dynamicImageKeys[2] || 'IMAGE 2';
+
+// //   const handleSetPictureOkay = (defId,Image1,Image2, imageId, kpiId, value) => {
+// //   console.log("Received update for:", { defId,Image1,Image2, imageId,kpiId, value });
+
+// //   let uniqueIdImage1 = "";
+// //   let uniqueIdImage2 = "";
+// //   if(Image1!=null && Image1!=''){
+// //   uniqueIdImage1 = `${imageId}${kpiId}${Image1}`;
+// //   }
+
+// //   if(Image2!=null && Image2!=''){
+// //    uniqueIdImage2 = `${imageId}${kpiId}${Image2}`;
+// //   }
+
+// //   console.log(uniqueIdImage1 , "uniqueId====",uniqueIdImage2)
+  
+// //   setData(prevState => {
+// //     const newState = JSON.parse(JSON.stringify(prevState));
+    
+// //     const defDataIndex = newState.findIndex(item =>
+// //       item.DefData.some(def => def.DefId === defId)
+// //     );
+
+// //     if (defDataIndex !== -1) {
+// //       const defData = newState[defDataIndex].DefData;
+// //       const defIndex = defData.findIndex(def => def.DefId === defId);
+
+// //       if (defIndex !== -1) {
+// //         const images = defData[defIndex].Images;
+        
+// //         // Update pictureokay for Images1
+// //         const image1Index = images.Images1.findIndex(image => `${image.QuestionImageId}${image.KPIImageId}${image.Image1}` == uniqueIdImage1);
+// //         if (image1Index !== -1) {
+// //           console.log(`Updating Images1 for ${uniqueIdImage1} with value ${value}`);
+// //           images.Images1[image1Index].pictureokay = value;
+// //         } else {
+// //           console.log(`No matching image in Images1 for ${uniqueIdImage1}`);
+// //         }
+
+// //         // Update pictureokay for Images2
+// //         const image2Index = images.Images2?.findIndex(image => `${image.QuestionImageId}${image.KPIImageId}${image.Image2}`== uniqueIdImage2);
+// //         if (image2Index !== -1) {
+// //           console.log(`Updating Images2 for ${uniqueIdImage2} with value ${value}`);
+// //           images.Images2[image2Index].pictureokay2 = value;
+// //         } else {
+// //           console.log(`No matching image in Images2 for ${uniqueIdImage2}`);
+// //         }
+// //       }
+// //     }
+    
+// //     return newState;
+// //   });
+// // };
+
+
+// const handleSetPictureOkay = (defId, image1, image2, questionImageId, kpiImageId, value) => {
+//   console.log('Handling pictureokay update:', { defId, image1, image2, questionImageId, kpiImageId, value });
+
+//   setData((prevData) => {
+//     console.log('Previous Data:', JSON.stringify(prevData));
+
+//     const updatedData = prevData.map((defItem) => {
+//       if (defItem.DefId === defId) {
+//         return {
+//           ...defItem,
+//           Images: defItem.Images.map((img) => {
+//             if (img.QuestionImageId === questionImageId && img.KPIImageId === kpiImageId) {
+//               const updatedImg = {
+//                 ...img,
+//                 pictureokay: image1 === img.Image1 ? value : img.pictureokay,
+//                 pictureokay2: image2 === img.Image2 ? value : img.pictureokay2,
+//               };
+//               console.log('Updated Image:', updatedImg);
+//               return updatedImg;
+//             }
+//             return img;
+//           }),
+//         };
+//       }
+//       return defItem;
+//     });
+
+//     console.log('Updated Data:', JSON.stringify(updatedData));
+//     return updatedData;
+//   });
+// };
+
+
+//   return (
+//     <View style={[customStyle.storel, customStyle.storeInfo_wrap, { marginTop: 10 }]}>
+//       <View style={customStyle.storel_card_outer}>
+//         <View style={[customStyle.storel_card, { width: '100%' }]}>
+//           <LinearGradient
+//             colors={[PageTheme.$bg_color, PageTheme.$primary_color, PageTheme.$bg_color]}
+//             start={{ x: 0, y: 0 }}
+//             end={{ x: 1, y: 0 }}
+//             style={[customStyle.SVn_GroupView_hdr, { width: '100%' }]}
+//           >
+//             <Text style={[customStyle.storel_card_title, { fontWeight: '600', color: '#fff' }]}>
+//               {item?.Menu || 'No Menu'}
+//             </Text>
+//           </LinearGradient>
+//         </View>
+
+//         {/* Render the list of DefData */}
+//         <FlatList
+//           data={item?.DefData || []}
+//           keyExtractor={(def) => def.DefId.toString()}
+//           ItemSeparatorComponent={<View style={{ paddingVertical: 10 }} />}
+//           renderItem={({ item: def }) => (
+//             <>
+//               <View style={{ height: 1, backgroundColor: '#888888', marginBottom: 15 }} />
+
+//               <View style={customStyle.storel_card}>
+//                 <View style={[customStyle.storel_card_content, { paddingBottom: 10 , marginHorizontal:0}]}>
+//                   <Text style={[customStyle.storel_card_title, { fontWeight: '600' }]}>{def.DefName || 'No DefName'}</Text>
+//                 </View>
+//               </View>
+//               {console.log(def?.Images, "def?.Images")}
+//               {/* Render the list of images for Images1 */}
+//               {def?.Images && (
+//                 <>
+//                   <View style={[customStyle.storel_card_content, { paddingBottom: 10 , marginHorizontal:0 }]}>
+//                     <Text style={[customStyle.storel_card_title]}>
+//                       {imageKey1}
+//                     </Text>
+//                   </View>
+//                 </>
+//               )}
+//                   <FlatList
+//                     data={def?.Images || []}
+//                     // keyExtractor={(image) => generateUniqueId(image.QuestionImageId, image.KPIImageId, image.Image1)}
+//                     renderItem={({ item: image }) => (
+//                       <RenderImageItem
+//                         image={image}
+//                         pictureokay={image.pictureokay}
+//                         onPictureOkayChange={(value) => handleSetPictureOkay(def.DefId,image.Image1,image.Image2 ?? '',image.QuestionImageId, image.KPIImageId, value)}
+//                       />
+//                     )}
+//                     // initialNumToRender={3}
+//                     // maxToRenderPerBatch={5}
+//                     // windowSize={5}
+//                     // removeClippedSubviews={false}
+//                     // getItemLayout={(data, index) => ({
+//                     //   length: 170,
+//                     //   offset: 170 * index,
+//                     //   index,
+//                     // })}
+//                   />
+                
+
+//               {/* Render the list of images for Images2 */}
+//               {def?.Images?.Images2 && def.Images.Images2.length > 0 && (
+//                 <>
+//                   <View style={[customStyle.storel_card_content, { paddingBottom: 10 }]}>
+//                     <Text style={[customStyle.storel_card_title]}>
+//                       {imageKey2}
+//                     </Text>
+//                   </View>
+//                 </>
+//               )}
+//                   <FlatList
+//                     data={def?.Images?.Images2 || []}
+//                     // keyExtractor={(image) => generateUniqueId(image.QuestionImageId, image.KPIImageId, image.Image2)}
+//                     renderItem={({ item: image }) => (
+//                       <RenderImageItem2
+//                         image={image}
+//                         pictureokay={image.pictureokay2}
+//                         onPictureOkayChange={(value) => handleSetPictureOkay(def.DefId,image.Image1 ?? '',image.Image2, image.QuestionImageId, image.KPIImageId, value)}
+                        
+//                       />
+//                     )}
+//                     // initialNumToRender={3}
+//                     // maxToRenderPerBatch={5}
+//                     // windowSize={5}
+//                     // removeClippedSubviews={false}
+//                     // getItemLayout={(data, index) => ({
+//                     //   length: 170,
+//                     //   offset: 170 * index,
+//                     //   index,
+//                     // })}
+//                   />
+                
+//             </>
+//           )}
+//           // initialNumToRender={2}
+//           // maxToRenderPerBatch={5}
+//           // windowSize={5}
+//           // removeClippedSubviews={false}
+//           // getItemLayout={(data, index) => ({
+//           //   length: 220,
+//           //   offset: 220 * index,
+//           //   index,
+//           // })}
+//         />
+//       </View>
+//     </View>
+//   );
+// });
+
+
+const ImageAuditItem = React.memo(({ item }) => {
+
+const imageKeys = item?.DefData?.[0]?.Images?.[0] || {};
+
+  // Filter keys that start with 'Image'
+  const dynamicImageKeys = Object.keys(imageKeys).filter(key => key.startsWith('Image'));
+
+  // Use the first and second dynamic image keys if they exist, otherwise use defaults
+  const imageKey1 = dynamicImageKeys[1] || 'IMAGE 1';
+  const imageKey2 = dynamicImageKeys[2] || 'IMAGE 2';
+
+const handleSetPictureOkay = (defId, imagePath, imageId, kpiId, value, imageType) => {
+  console.log("Received update for:", { defId, imagePath, imageId, kpiId, value, imageType });
+
+  let uniqueId = "";
+  if (imagePath != null && imagePath != '') {
+    uniqueId = `${imageId}${kpiId}${imagePath}`;
+  }
+
+  console.log(uniqueId, "uniqueId====");
+
+  setData(prevState => {
+    const newState = JSON.parse(JSON.stringify(prevState));
+    
+    const defDataIndex = newState.findIndex(item =>
+      item.DefData.some(def => def.DefId === defId)
+    );
+
+    if (defDataIndex !== -1) {
+      const defData = newState[defDataIndex].DefData;
+      const defIndex = defData.findIndex(def => def.DefId === defId);
+
+      if (defIndex !== -1) {
+        const images = defData[defIndex].Images;
+        console.log("images------", images);
+        
+        // Handle Image1 or Image2 based on the imageType parameter
+        if (imageType === "Image1") {
+          const imageIndex = images.findIndex(image => `${image.QuestionImageId}${image.KPIImageId}${image.Image1}` == uniqueId);
+          if (imageIndex !== -1) {
+            console.log(`Updating Image1 for ${uniqueId} with value ${value}`);
+            images[imageIndex].pictureokay = value;
+          } else {
+            console.log(`No matching image in Image1 for ${uniqueId}`);
+          }
+        } else if (imageType === "Image2") {
+          const imageIndex = images.findIndex(image => `${image.QuestionImageId}${image.KPIImageId}${image.Image2}` == uniqueId);
+          if (imageIndex !== -1) {
+            console.log(`Updating Image2 for ${uniqueId} with value ${value}`);
+            images[imageIndex].pictureokay2 = value;
+          } else {
+            console.log(`No matching image in Image2 for ${uniqueId}`);
+          }
+        }
+      }
+    }
+    
+    return newState;
+  });
+};
+
+
+  return (
+    <View style={[customStyle.storel, customStyle.storeInfo_wrap, { marginTop: 10 }]}>
+      <View style={customStyle.storel_card_outer}>
+        <View style={[customStyle.storel_card, { width: '100%' }]}>
+          <LinearGradient
+            colors={[PageTheme.$bg_color, PageTheme.$primary_color, PageTheme.$bg_color]}
+            start={{ x: 0, y: 0 }}
+            end={{ x: 1, y: 0 }}
+            style={[customStyle.SVn_GroupView_hdr, { width: '100%' }]}
+          >
+            <Text style={[customStyle.storel_card_title, { fontWeight: '600', color: '#fff' }]}>
+              {item?.Menu || 'No Menu'}
+            </Text>
+          </LinearGradient>
+        </View>
+
+        <FlatList
+          data={item?.DefData || []}
+          keyExtractor={(def) => def.DefId.toString()}
+          ItemSeparatorComponent={<View style={{ paddingVertical: 10 }} />}
+          renderItem={({ item: def }) => (
+            <>
+              <View style={{ height: 1, backgroundColor: '#888888', marginBottom: 15 }} />
+
+              <View style={customStyle.storel_card}>
+                <View style={[customStyle.storel_card_content, { paddingBottom: 10 , marginHorizontal:0 }]}>
+                  <Text style={[customStyle.storel_card_title, { fontWeight: '700' }]}>{def.DefName || 'No DefName'}</Text>
+                </View>
+              </View>
+
+              <FlatList
+                data={def?.Images || []}
+                renderItem={({ item: image }) => (
+                  <View>
+                    {/* Render Image1 View */}
+                    {image.Image1 && (
+                      <>
+                        <View style={[customStyle.storel_card_content, { paddingBottom: 10 , marginHorizontal:0 }]}>
+                          <Text style={[customStyle.storel_card_title]}>
+                            {imageKey1}
+                          </Text>
+                        </View>
+                      </>
+                    )}
+
+                    {image.Image1 && (
+                      <RenderImageItem
+                        image={image}
+                        pictureokay={image.pictureokay}
+                        onPictureOkayChange={(value) => handleSetPictureOkay(def.DefId, image.Image1, image.QuestionImageId, image.KPIImageId, value, "Image1")}
+                      />
+                    )}
+
+                    {/* Render Image2 View */}
+                    
+                    {image.Image2 && (
+                      <>
+                        <View style={[customStyle.storel_card_content, { paddingBottom: 10 , marginHorizontal:0 }]}>
+                          <Text style={[customStyle.storel_card_title]}>
+                            {imageKey2}
+                          </Text>
+                        </View>
+                      </>
+                    )}
+                    {image.Image2 && (
+                      <RenderImageItem2
+                        image={image}
+                        pictureokay={image.pictureokay2}
+                       onPictureOkayChange={(value) => handleSetPictureOkay(def.DefId, image.Image2, image.QuestionImageId, image.KPIImageId, value, "Image2")}
+                      />
+                    )}
+                  </View>
+                )}
+              />
+            </>
+          )}
+        />
+      </View>
+    </View>
+  );
+});
+
+
+
+
+
+function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+  var data=[];
+
+  // console.log(selected_data , "selected_data")
+
+  let qtn=selected_data.qtn || {};
+  let image=selected_data.image || '';
+
+  let isQtnDisabled=qtn.isDisabled!=null && qtn.isDisabled!=''?qtn.isDisabled:false;
+
+  let allAnswers=qtn.Answers || [];
+
+  // console.log(qtn , "selectanswerpicker", isQtnDisabled, "isQtnDisabled");
+  
+  allAnswers.map((item,index)=>{
+      let obj={ key: index, label: item[label_key],value:item[value_key] };
+      if(selected_data.value==item[label_key])
+          obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+      data.push(obj);
+  });
+  
+  return (
+      <ModalSelector
+      data={data} 
+      // touchableActiveOpacity={0.8}
+      style={customStyle.addVisPickerStyle}
+      onChange={(option)=>{onChange(option,qtn,image) }}
+      overlayStyle={customStyle.addVisPickerOverlay}
+      cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+      optionStyle={customStyle.addvis_opStyle}
+      optionTextStyle={customStyle.addvis_opTextStyle}
+      optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+      selectedKey={'1'}
+      disabled={isQtnDisabled}
+      cancelText={ST.Cancel}
+      >
+      <Text style={[customStyle.addVisPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-select-')}</Text>
+      </ModalSelector>
+  )
+}
+
+async function disableQtns(sqtns,DQtns,data,isreturn=false){
+       
+  if(DQtns.length>0){
+      new Promise.all(
+          DQtns.map((qid,q_index)=>{
+              let s_qtnindex=sqtns.findIndex(i=>i.AIQuestionId==qid) || {};
+              console.log('sqtns qid',qid,s_qtnindex)
+              let s_qtn=s_qtnindex>=0?sqtns[s_qtnindex]:{};
+              if(s_qtnindex>=0){
+                  console.log('sqtns not found',s_qtnindex)
+                  s_qtn['isDisabled']=true
+                  sqtns[s_qtnindex]=s_qtn;
+                  let id_key=s_qtn.AIQuestionId+'_AnswerId'; 
+                  let ans_key=s_qtn.AIQuestionId+'_Answer'; 
+                  data[id_key]=0;
+                  data[ans_key]='';
+              }
+              return false
+          })
+      ).then(async (val)=>{
+          setSurveyQuestions(sqtns);
+          setQuestionsData(data);
+          setHasUnsavedChanges(true);
+          setrerenderdata(!rerenderdata);
+      })
+  }
+}
+
+async function enableQtns(sqtns,EQtns,DQtns,data){
+  new Promise.all(
+      EQtns.map((qid,q_index)=>{
+          let s_qtnindex=sqtns.findIndex(i=>i.AIQuestionId==qid) || {};
+          let s_qtn=s_qtnindex>=0?sqtns[s_qtnindex]:{};
+          if(s_qtnindex>=0){
+              s_qtn['isDisabled']=false
+              sqtns[s_qtnindex]=s_qtn;
+          }
+          return false
+      })
+  ).then(async (val)=>{
+      if(DQtns.length>0){
+          disableQtns(sqtns,DQtns,data)
+      }
+      else{
+          setSurveyQuestions(sqtns);
+          setHasUnsavedChanges(true);
+          setrerenderdata(!rerenderdata);
+      }
+  })
+}
+
+
+function onselectionChange(option,qtn,image){
+
+  // console.log(qtn , "QTNNNNN11111----");
+  // console.log(image?.QuestionImageId , "image.QuestionImageIdddd");
+
+  let data=QuestionsData;
+  let id_key=qtn.AIQuestionId+'_AnswerId'+ image?.QuestionImageId; 
+
+
+  let ans_key=qtn.AIQuestionId+'_Answer' + image?.QuestionImageId; 
+  data[id_key]=option.value;
+  data[ans_key]=option.label;
+
+  setQuestionsData(data);
+
+  let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+  let ans_obj=aq_ans.find(i=>i.AIAnswerId==option.value) || {};
+  let EQtns=ans_obj.EnableQuestion!=null && ans_obj.EnableQuestion!=''?ans_obj.EnableQuestion.replace(' ','').split(','):[];
+  let DQtns=ans_obj.DisableQuestion!=null && ans_obj.DisableQuestion!=''?ans_obj.DisableQuestion.replace(' ','').split(','):[];
+
+  console.log('EQtns:',EQtns,DQtns);
+  let sqtns=SurveyQuestions
+  if(EQtns.length>0){
+      enableQtns(sqtns,EQtns,DQtns,data)
+  }
+  else if(DQtns.length>0){
+      disableQtns(sqtns,DQtns,data)
+  }
+  else{
+      setHasUnsavedChanges(true);
+      setrerenderdata(!rerenderdata);
+  }
+ 
+  
+  
+}
+
+function setTextValue(value,qtn, image) {        
+  let id_key=qtn.AIQuestionId+'_AnswerId'+ image.QuestionImageId; 
+  let ans_key=qtn.AIQuestionId+'_Answer'+ image.QuestionImageId; 
+  
+  let obj=QuestionsData;
+  if(qtn.QuestionType=='Date' ){
+      let date_key=qtn.AIQuestionId+'_Date'; 
+      let d=value!=null?new Date(value):new Date();
+      let mfdate=moment(d).format('MM/YYYY');
+      showQtnDatePicker(qtn,false);
+      obj[id_key]=0;
+      obj[ans_key]=mfdate;
+      obj[date_key]=moment(d).format('MM/DD/YYYY');
+  }
+  else{
+      obj[id_key]=0;
+      obj[ans_key]=value;
+  }
+  console.log(value,obj);
+  setQuestionsData(obj);
+  // setHasUnsavedChanges(true);
+  // setrerenderdata1(!rerenderdata1);
+  if(timerRef?.current){
+  clearTimeout(timerRef.current)
+  }
+
+  // timerRef.current= setTimeout(()=>{
+    setHasUnsavedChanges(true);
+    setrerenderdata1(!rerenderdata1);
+  // },1000)
+
+}
+
+
+
+
+async function setMultiSelectValue(selectedItems=[],qtn, image) {  
+
+  console.log('setMultiSelectValue',selectedItems);      
+  let id_key=qtn.AIQuestionId+'_AnswerId'+ image.QuestionImageId; 
+  let ans_key=qtn.AIQuestionId+'_Answer'+ image.QuestionImageId; 
+  let multi_key=qtn.AIQuestionId+'_MultiOption'+ image.QuestionImageId;
+  let obj=QuestionsData;
+  obj[id_key]=0;
+  obj[multi_key]=selectedItems.join(',');
+  let anss=[];
+  selectedItems.map((itemValue)=>{
+      let ans = qtn.Answers.find(c1 => c1.AIAnswerId == itemValue); 
+      if(ans.AIAnswerName){anss.push(ans.AIAnswerName)}
+  });
+  obj[ans_key]=anss.join(',');
+  console.log('obj:',obj);
+  setQuestionsData(obj);
+  setHasUnsavedChanges(true);
+  setrerenderdata(!rerenderdata);
+}
+
+
+const RenderItem = React.memo(({ item: qtn, index,image,QuestionsData }) => {
+  console.log("index------",index)
+  let selansid = '',
+    selanswer = '',
+    selimg = '',
+    selimg2 = '',
+    showImageTag = false,
+    showImageTag2 = false;
+  let id_key = qtn.AIQuestionId + '_AnswerId' + image.QuestionImageId;
+  let ans_key = qtn.AIQuestionId + '_Answer' + image.QuestionImageId;
+  let multi_key = qtn.AIQuestionId + '_MultiOption' + image.QuestionImageId;
+  let date_key = qtn.AIQuestionId + '_Date' + image.QuestionImageId;
+  let img_key = qtn.AIQuestionId + '_ImagePath1' + image.QuestionImageId;
+  let imgname_key = qtn.AIQuestionId + '_ImageName1' + image.QuestionImageId;
+  let img_key2 = qtn.AIQuestionId + '_ImagePath2' + image.QuestionImageId;
+  let imgname_key2 = qtn.AIQuestionId + '_ImageName2' + image.QuestionImageId;
+  let rating_key = qtn.AIQuestionId + '_Rating' + image.QuestionImageId;
+  let voiceClip_key = qtn.AIQuestionId + '_VoiceClip' + image.QuestionImageId;
+  let list_mcdata = [];
+
+  if (qtn.QuestionType == 'Single choice list') {
+    selansid = QuestionsData[id_key] != null ? QuestionsData[id_key] : '';
+    selanswer = QuestionsData[ans_key] != null ? QuestionsData[ans_key] : '';
+  } else if (qtn.QuestionType == 'Multi choice list') {
+    if (qtn.Answers != null) {
+      for (var i = 0; i < qtn.Answers.length; i++) {
+        let obj = {
+          AIAnswerId: parseInt(qtn.Answers[i].AIAnswerId),
+          AIAnswerName: qtn.Answers[i].AIAnswerName,
+        };
+        list_mcdata.push(obj);
+      }
+    }
+    selansid = QuestionsData[multi_key] != null && QuestionsData[multi_key] != '' ? QuestionsData[multi_key].split(',') : [];
+    if (selansid != null && selansid.length > 0) {
+      let arr = [];
+      for (var i = 0; i < selansid.length; i++) {
+        arr.push(parseInt(selansid[i]));
+      }
+      selansid = arr;
+    }
+  } else if (qtn.QuestionType == 'Number' || qtn.QuestionType == 'Text' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Date') {
+    console.log("QuestionsData---------",QuestionsData)
+    selansid = QuestionsData[ans_key];
+    selanswer = (qtn.QuestionType == 'Date') ? QuestionsData[date_key] || moment().format('MM/DD/YYYY') : '';
+    showImageTag = (qtn.QuestionImageAllow == true || qtn.QuestionImageAllow == 'true' || qtn.QuestionImageAllow == 1);
+    showImageTag2 = false;
+  } else if (qtn.QuestionType == 'Rating') {
+    selanswer = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+  } else if (qtn.QuestionType == 'Audio') {
+    selansid = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+    selanswer=QuestionsData[voiceClip_key]?(QuestionsData[voiceClip_key].filename || ''):'';
+
+  }
+
+  if (qtn.QuestionType == 'Single choice list' || qtn.QuestionType == 'Multi choice list') {
+    if (qtn.Answers && qtn.Answers.length > 0) {
+      for (var i = 0; i < qtn.Answers.length; i++) {
+        let ansss = qtn.Answers[i];
+        let isandImgAl = ansss.ImageAllow1 == true || ansss.ImageAllow1 == 'true' || ansss.ImageAllow1 == 1;
+        let isandImgAl2 = ansss.ImageAllow2 == true || ansss.ImageAllow2 == 'true' || ansss.ImageAllow2 == 1;
+
+        if (qtn.QuestionType == 'Single choice list' && isandImgAl && ansss.AIAnswerId == selansid) {
+          showImageTag = true;
+        } else if (qtn.QuestionType == 'Multi choice list' && isandImgAl && selansid.indexOf(ansss.AIAnswerId) >= 0) {
+          showImageTag = true;
+        }
+
+        if (qtn.QuestionType == 'Single choice list' && isandImgAl2 && ansss.AIAnswerId == selansid) {
+          showImageTag2 = true;
+        } else if (qtn.QuestionType == 'Multi choice list' && isandImgAl2 && selansid.indexOf(ansss.AIAnswerId) >= 0) {
+          showImageTag2 = true;
+        }
+      }
+    }
+  }
+
+let isDisabled = qtn.isDisabled != null ? qtn.isDisabled : false;
+
+if (isDisabled == true) {
+    return <View key={index} />;
+  } else {
+    return (
+      <View style={[customStyle.sform_group2]} key={index}>
+        <Text style={[customStyle.sform_label3]}>{qtn.AIQuestionName}</Text>
+        {qtn.QuestionType == 'Single choice list' && qtn.Answers && render_Picker('AIAnswerName', 'AIAnswerId', onselectionChange, { value: selanswer, qtn, image })}
+        {qtn.QuestionType == 'Multi choice list' && qtn.Answers && (
+          <MultiSelect
+            items={list_mcdata}
+            uniqueKey="AIAnswerId"
+            onSelectedItemsChange={(selectedItems) => {
+              console.log('onSelectedItemsChange');
+              setMultiSelectValue(selectedItems, qtn, image);
+            }}
+            selectedItems={selansid}
+            selectText="Pick Items"
+            searchInputPlaceholderText="Search Items..."
+            tagRemoveIconColor={PrimaryTheme.$primary_color}
+            tagBorderColor={PrimaryTheme.$primary_color}
+            tagTextColor={PrimaryTheme.$primary_color}
+            selectedItemTextColor={PrimaryTheme.$primary_color}
+            selectedItemIconColor={PrimaryTheme.$primary_color}
+            tagContainerStyle={{ height: 30, width: '100%', paddingVertical: 5 }}
+            styleTextTag={{ fontSize: 14 }}
+            itemTextColor={PrimaryTheme.$text_color}
+            displayKey="AIAnswerName"
+            searchInputStyle={{ color: '#CCC' }}
+            submitButtonColor={PrimaryTheme.$primary_color}
+            submitButtonText="Submit"
+          />
+        )}
+        {(qtn.QuestionType == 'Number' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Text') && (
+          <TextInput
+            style={[customStyle.surveyQtn_InputStyle,]}
+            placeholder=""
+            placeholderTextColor={PageTheme.$placeholder_color}
+            keyboardType={qtn.QuestionType == 'Decimal' ? 'decimal-pad' : qtn.QuestionType == 'Text' ? 'default' : 'number-pad'}
+            value={selansid}
+            onChangeText={(val) => {
+              console.log("val------",val)
+              setTextValue(val, qtn, image);
+            }}
+            autoComplete="off"
+          />
+        )}
+        {qtn.QuestionType == 'Date' && (
+          <View style={customStyle.surveyQtn_datePicker_con}>
+            <Text style={customStyle.surveyQtn_datePicker_text}>{selansid != '' ? selansid : 'MM/YYYY'}</Text>
+            <TouchableOpacity
+              style={[customStyle.surveyQtn_datePicker]}
+              onPress={() => {
+                // setDateValue(selanswer);
+                showQtnDatePicker(qtn, true);
+              }}>
+              <Fontisto size={20} color={PageTheme.$accent_color} name="date" />
+            </TouchableOpacity>
+          </View>
+        )}
+        {qtn.QuestionType == 'Rating' && (
+          <View style={customStyle.surveyQtn_datePicker_con}>
+            <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+            <TouchableOpacity
+              style={[customStyle.surveyQtnRatingIcon]}
+              onPress={() => {
+                setRatingQtn(qtn);
+                setShowRating(true);
+              }}>
+              <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag" />
+            </TouchableOpacity>
+          </View>
+        )}
+        {qtn.QuestionType == 'Audio' && (
+          <View style={customStyle.surveyQtn_datePicker_con}>
+            <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+            <TouchableOpacity
+              style={[customStyle.surveyQtnRatingIcon]}
+              onPress={() => {
+                show_recorder(qtn);
+              }}>
+              <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone" />
+            </TouchableOpacity>
+          </View>
+        )}
+      </View>
+    );
+  }
+});
+
+
+const RenderSurveyQtns= React.memo(({image,QuestionsData})=> {
+  const SurveyQuestions = image?.Questions;
+  // console.log("SurveyQuestions----",SurveyQuestions?.length)
+
+
+ return (
+    <FlatList
+      data={SurveyQuestions}
+      // extraData={rerenderdata1}
+      renderItem={({ item, index })=><RenderItem item={item} index={index} image={image} QuestionsData={QuestionsData}/>}
+      keyExtractor={(item, index) => item.AIQuestionId.toString()}
+      contentContainerStyle={customStyle.SVn_GroupViewList}
+    />
+  );
+})
+
+
+async function validate(){  
+
+  var isvalid=true;
+  const QD=QuestionsData;
+  console.log(SurveyQuestions.length);
+  for(var i=0;i<SurveyQuestions.length;i++){
+      let qtn=SurveyQuestions[i];
+      let selansid='',selanswer='',selimg='',showImageTag=false,showImageTag2=false;
+      let id_key=qtn.AIQuestionId+'_AnswerId'; 
+      let ans_key=qtn.AIQuestionId+'_Answer'; 
+      let multi_key=qtn.AIQuestionId+'_MultiOption';
+      let date_key=qtn.AIQuestionId+'_Date';
+      let img_key=qtn.AIQuestionId+'_ImagePath1';
+      let imgname_key=qtn.AIQuestionId+'_ImageName1';
+      let img_key2=qtn.AIQuestionId+'_ImagePath2';
+      let imgname_key2=qtn.AIQuestionId+'_ImageName2';
+      let rating_key=qtn.AIQuestionId+'_Rating'; 
+      let voiceClip_key=qtn.AIQuestionId+'_VoiceClip'; 
+      let list_mcdata=[];
+
+      let isDisabled=qtn.isDisabled!=null?qtn.isDisabled:false
+     
+      if(isDisabled==true){
+
+      }
+      else{
+          let isImgAllowed=(qtn.QuestionImageAllow==true || qtn.QuestionImageAllow=='true' || qtn.QuestionImageAllow==1);
+          let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+          if(qtn.QuestionType=='Single choice list')
+          {
+              selansid=QD[id_key];
+          }
+          else if(qtn.QuestionType=='Multi choice list')
+          {
+              selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+          }
+          
+      
+          if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+              isvalid=false;
+              notify(ST.Pleaseselectoptionsfortherequiredfield,'SHORT');
+              break;
+          }
+          else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+              isvalid=false;
+              let msg=( qtn.QuestionType=='Date'?ST.Pleasepickadate:(qtn.QuestionType=='Rating'?ST.Pleaseselectrating:ST.Pleasefillalldetails));
+              notify(msg,'SHORT');
+              break;
+          }
+          else if( qtn.QuestionType=='Audio' && (Object.keys(QD).indexOf(voiceClip_key)<0 || (Object.keys(QD).indexOf(voiceClip_key)>=0 && (QD[voiceClip_key]==null || QD[voiceClip_key].filename==null || QD[voiceClip_key].filename=='')))){
+              isvalid=false;
+              notify(ST.Pleaserecordaudioclipfortherequiredfield,'SHORT');
+              break;
+          }
+          else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]===''))){
+              isvalid=false;
+              notify(ST.Pleasefillalldetails,'SHORT');
+              console.log(QD[id_key],QD,id_key)
+              break;
+          }
+          else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+              isvalid=false;
+              notify(ST.Pleaseaddimages,'SHORT');
+              break;
+          }else{
+              console.log('no condition found');
+          }
+
+          if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+              if (qtn.Answers && qtn.Answers.length>0){
+                  for(var j=0;j<qtn.Answers.length;j++){
+                      let ansss=qtn.Answers[j];
+                      let isandImgAl=(ansss.ImageAllow1==true || ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                      if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                          showImageTag=true;
+                      }
+                      else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                          showImageTag=true;
+                      }
+                      
+                      let isandImgAl2=(ansss.ImageAllow2==true || ansss.ImageAllow2=='true' || ansss.ImageAllow2==1);
+                      if(qtn.QuestionType=='Single choice list' && (isandImgAl2 && ansss.AnswerId==selansid)){
+                          showImageTag2=true;
+                      }
+                      else if(qtn.QuestionType=='Multi choice list' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId)>=0)){
+                          showImageTag2=true;
+                      }
+                  }
+              }
+          }
+
+      }
+  } 
+  
+  return isvalid;
+}
+
+async function onSubmitData(){
+  let isvalid=await validate();
+  if(isvalid){
+     setShowAlert(true);
+  }
+}
+
+function onSaveCancel(){
+  setShowAlert(false);
+}
+
+
+async function saveData(UploadStatus) {
+
+  console.log(UploadStatus, "UploadStatus")
+
+  setHasUnsavedChanges(false);
+  setShowAlert(false);
+  setLoaderTitle('Saving Data...');
+  setProcessing(true);
+  try {
+      let { StoreId } = storeData;
+
+      await db.transaction(async function (txn) {
+          let q1 = `DELETE FROM ${AppTables.IMAGE_AUDIT_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+          let q2 = `DELETE FROM ${AppTables.IMAGE_AUDIT_QUESTION} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+        
+          // Remove old data
+          await txn.executeSql(q1, [], async function (txn2, txnres) {
+              console.log('Image audit header data deleted');
+          }, function (txn2, txnerr) { console.log(txnerr); },);
+
+          await txn.executeSql(q2, [], async function (txn2, txnres) {
+              console.log('Image audit questions deleted');
+          }, function (txn2, txnerr) { console.log(txnerr); },);
+
+          insertData(UploadStatus);
+      });
+  } catch (err) {
+      console.log(err);
+  }
+}
+
+
+// async function insertData(UploadStatus) {
+//   try {
+//     let { StoreId } = storeData;
+
+//     await db.transaction(async function (txn) {
+//       var headerValues = '';
+//       var imageValues = '';
+
+//       for (var i = 0; i < data.length; i++) {
+//         let { MID, MenuId, Menu, DefData } = data[i];
+
+//         let ImageHeaderId = 'IMAGEAUDIT' + i + MID + moment().format('MMDDYYYYHHmmss');
+
+//         for (var j = 0; j < DefData.length; j++) {
+//           let { DefId, DefName, Images } = DefData[j];
+
+//           // Iterate over the Images array (handling both Image1 and Image2 together)
+//           for (let k = 0; k < Images.length; k++) {
+//             let image = Images[k];
+
+//             let pictureokay = image.pictureokay ? 1 : 0; // for Image1 checkbox
+//             let pictureokay2 = image.pictureokay2 ? 1 : 0; // for Image2 checkbox
+
+//             let statusChange = image.STATUS == "U" ? "U" : UploadStatus;
+
+//             // Insert header data for both Image1 and Image2
+//             headerValues += headerValues !== '' ? ' , ' : '';
+//             headerValues += `('${StoreId}','${d2}','${ImageHeaderId}', '${MID}', '${MenuId}', '${Menu}', '${image.KPIImageId}', '${image.QuestionImageId}', '${DefId}', '${DefName}', '${image.ImageName}', '${image.Image1 || ''}', '${image.Image2 || ''}', '${image.BaseUrl}', '${pictureokay || 0}', '${pictureokay2 || 0}', '${statusChange}')`;
+
+//             // Prepare image data for Questions (for both Image1 and Image2)
+//             imageValues += imageValues !== '' ? ' , ' : '';
+//             imageValues += `('${ImageHeaderId}', '${StoreId}', '${d2}', '${MID}', '${image.QuestionImageId}', '${image.QuestionType}', '${image.Image1 || ''}', '${image.KPIImageId}', '', 0, '${d2}')`;
+
+//             // if (image.Image2) {
+//             //   imageValues += imageValues !== '' ? ' , ' : '';
+//             //   imageValues += `('${ImageHeaderId}', '${StoreId}', '${d2}', '${MID}', '${image.QuestionImageId}', '${image.QuestionType}', '${image.Image2 || ''}', '${image.KPIImageId}', '', 0, '${d2}')`;
+//             // }
+//           }
+//         }
+//       }
+
+//       let addHeaderData = `INSERT INTO ${AppTables.IMAGE_AUDIT_HDR_DATA} 
+//         (STORE_ID, VISIT_DATE, IMAGE_HEADER_ID, MID, MenuId, Menu, KPIImageId, QuestionImageId, DefId, DefName, ImageName, Image1, Image2, BaseUrl, pictureokay, pictureokay2, STATUS)
+//         VALUES ${headerValues}`;
+
+//       console.log("HEADER_VALUES---", headerValues);
+
+//       let addImagesData = `INSERT INTO ${AppTables.IMAGE_AUDIT_QUESTION} 
+//         (STORE_ID, VISIT_DATE, MID, QUESTION_ID, QUESTION_TYPE, ANSWER, ANSWER_ID, MULTI_OPTIONS_IDS, IS_DISABLED, ADDED_DATE) 
+//         VALUES ${imageValues}`;
+
+//       await txn.executeSql(addHeaderData, [], async function (txn2, txnres) {
+//         console.log('Image header data added');
+//         notify('Data saved successfully');
+//         setProcessing(false);
+
+//         // Uncomment if needed for image data insertion
+//         // await txn.executeSql(addImagesData, [], async function (txn2, txnres) {
+//         //     console.log('Image data added successfully');
+//         //     notify('Data saved successfully');
+//         //     setProcessing(false);
+//         //     props.navigation.goBack();
+//         // }, function (txn2, txnerr) {
+//         //     console.log(txnerr);
+//         //     setProcessing(false);
+//         //     notify('Error saving image data');
+//         // });
+
+//       }, function (txn2, txnerr) {
+//         console.log(txnerr);
+//         setProcessing(false);
+//         notify('Error saving image header data');
+//       });
+//     });
+//   } catch (err) {
+//     console.log(err);
+//     setProcessing(false);
+//   }
+// }
+
+
+async function insertData(UploadStatus) {
+  try {
+    let { StoreId } = storeData;
+
+    await db.transaction(async function (txn) {
+      var headerValues = '';
+      var imageValues = '';
+
+      for (var i = 0; i < data.length; i++) {
+        let { MID, MenuId, Menu, DefData } = data[i];
+
+        let ImageHeaderId = 'IMAGEAUDIT' + i + MID + moment().format('MMDDYYYYHHmmss');
+
+        for (var j = 0; j < DefData.length; j++) {
+          let { DefId, DefName, Images } = DefData[j];
+
+          // Iterate over the Images array (handling both Image1 and Image2 separately)
+          for (let k = 0; k < Images?.length; k++) {
+            let image = Images[k];
+
+            // Check if Image1 or Image2 are selected
+            let pictureokay = image.pictureokay ? 1 : 0; // for Image1 checkbox
+            let pictureokay2 = image.pictureokay2 ? 1 : 0; // for Image2 checkbox
+
+            let statusChange = image.STATUS == "U" ? "U" : UploadStatus;
+
+            // Only insert data if Image1 or Image2 is selected (avoid duplicates)
+            // if (pictureokay || pictureokay2) {
+              headerValues += headerValues !== '' ? ' , ' : '';
+              headerValues += `('${StoreId}','${d2}','${ImageHeaderId}', '${MID}', '${MenuId}', '${Menu}', '${image.KPIImageId}', '${image.QuestionImageId}', '${DefId}', '${DefName}', '${image.ImageName}', '${image.Image1 || ''}', '${image.Image2 || ''}', '${image.BaseUrl}', '${pictureokay}', '${pictureokay2}', '${statusChange}')`;
+            // }
+
+            // Insert only if Image1 or Image2 is selected (avoid duplicates)
+            // if (pictureokay || pictureokay2) {
+            //   imageValues += imageValues !== '' ? ' , ' : '';
+            //   imageValues += `('${ImageHeaderId}', '${StoreId}', '${d2}', '${MID}', '${image.QuestionImageId}', '${image.QuestionType}', '${pictureokay ? image.Image1 || '' : ''}', '${image.KPIImageId}', '', 0, '${d2}')`;
+            // }
+          }
+        }
+      }
+
+      if (headerValues !== '') {
+        let addHeaderData = `INSERT INTO ${AppTables.IMAGE_AUDIT_HDR_DATA} 
+          (STORE_ID, VISIT_DATE, IMAGE_HEADER_ID, MID, MenuId, Menu, KPIImageId, QuestionImageId, DefId, DefName, ImageName, Image1, Image2, BaseUrl, pictureokay, pictureokay2, STATUS)
+          VALUES ${headerValues}`;
+
+        console.log("HEADER_VALUES---", headerValues);
+
+        await txn.executeSql(addHeaderData, [], async function (txn2, txnres) {
+          console.log('Image header data added');
+          notify('Data saved successfully');
+          setProcessing(false);
+
+          // Uncomment if needed for image data insertion
+          // if (imageValues !== '') {
+          //   let addImagesData = `INSERT INTO ${AppTables.IMAGE_AUDIT_QUESTION} 
+          //     (STORE_ID, VISIT_DATE, MID, QUESTION_ID, QUESTION_TYPE, ANSWER, ANSWER_ID, MULTI_OPTIONS_IDS, IS_DISABLED, ADDED_DATE) 
+          //     VALUES ${imageValues}`;
+
+          //   await txn.executeSql(addImagesData, [], async function (txn2, txnres) {
+          //     console.log('Image data added successfully');
+          //     notify('Data saved successfully');
+          //     setProcessing(false);
+          //   }, function (txn2, txnerr) {
+          //     console.log(txnerr);
+          //     setProcessing(false);
+          //     notify('Error saving image data');
+          //   });
+          // }
+        }, function (txn2, txnerr) {
+          console.log(txnerr);
+          setProcessing(false);
+          notify('Error saving image header data');
+        });
+      }
+    });
+  } catch (err) {
+    console.log(err);
+    setProcessing(false);
+  }
+}
+
+
+
+
+
+
+async function upload_Status() {
+  let d1 = new Date();
+  let d2 = moment(d1).format('MM/DD/YYYY');
+  // await saveData("P");
+
+  setLoaderTitle('Uploading Data...');
+
+  let storeInfo = data;
+
+  let arr = [];
+
+  // storeInfo?.map((item, i) => {
+  //     let itemObj = item;
+  //     if (item.Status !== "U") {
+  //         delete itemObj.ImagePath;
+  //         arr.push(itemObj);
+  //         return itemObj;
+  //     }
+  // });
+  
+  storeInfo?.map((item, i) => {
+      let itemObj = item;
+      if (item.Status !== "U") {
+          let Images=[];
+          console.log("item-----",item)
+            let rsData= item.DefData.map(item3=>{
+            
+            item3?.Images.map(item2=>{
+                let obj={KPIImageId:item2.KPIImageId,
+                    QuestionImageId: item2.QuestionImageId
+                }
+                Images.push({...obj,imageType:"Image1",Questions1:item2.Questions1,
+                    pictureokay:item2.pictureokay,
+                })
+                Images.push({...obj,imageType:"Image2",Questions2:item2.Questions2,
+                    pictureokay:item2.pictureokay2,
+                })
+            })
+             return item3["Images"]=Images
+            })
+            itemObj["DefData"]=rsData
+          arr.push(itemObj);
+          console.log("itemObj-",itemObj)
+          return itemObj;
+      }
+  });
+
+  console.log(JSON.stringify(arr), "postDATAAAA----------")
+
+  let postData = {
+      "MID": storeData?.MID,
+      "Keys": "Image_Audit_Info",
+      "JsonData": JSON.stringify(arr),
+      "UserId": props.UserId,
+  };
+
+  console.log("image audit infooo-------------ad", data);
+
+  const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+
+  console.log(url, postData, 'url and postDaata...');
+
+  await UploadData(url, postData)
+      .then(async (res) => {
+          console.log('res: 12', res);
+          if (res?.UploadJsonResult == "Success") {
+              // await saveData("U");
+              // get_data();
+              setProcessing(false);
+          } else {
+              setProcessing(false);
+          }
+      })
+      .catch((err) => {
+          console.log(err);
+          setProcessing(false);
+      });
+}
+
+
+
+// console.log(JSON.stringify(data), "data---------///")
+
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={Platform.OS === 'ios'}>
+    {processing && <CustomLoader fullHeight title={loaderTitle} />}
+    
+    <CustomHeader {...props} title={'Image Audit'} />
+
+    {ConfirmSaveAlert(props,showAlert,onSaveCancel,upload_Status)}
+
+    {!processing && <>
+      <LinearGradient
+        colors={[PageTheme.$gradient1, PageTheme.$primary_color]}
+        start={{ x: 0, y: 0 }}
+        end={{ x: 1, y: 0 }}
+        style={[customStyle.roundScrollWrapper]}
+      >
+        <View style={[customStyle.pageContentWrapper]}>
+          {!props.isDataDownloaded && <NoDataComponent {...props} />}
+          <View style={[customStyle.storelist_parentwrap,{paddingHorizontal:10}]}>
+
+          <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+          <View style={customStyle.storel_card_outer}> 
+            <View style={customStyle.storel_card}>
+              <View style={customStyle.storel_card_content}>
+                <Text style={customStyle.storel_card_title}>{storeData?.StoreName}</Text>
+                <View style={customStyle.storel_card_subtitle}>
+                  <Text style={customStyle.storel_card_subtitleTxt}>{storeData?.StoreType}</Text>
+                </View>
+              </View>                  
+            </View>
+            <View style={customStyle.storel_details}>
+              <View style={customStyle.storel_code}>
+                <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                  <Text style={customStyle.storel_codeLbl}>{ST.StoreId+':'}</Text>
+                  <Text style={customStyle.storel_codeText}>{storeData?.StoreId}</Text>
+                </View>                    
+                <View style={[customStyle.storel_codeCon]}>
+                  <Text style={customStyle.storel_codeLbl}>{ST.Address+':'}</Text>
+                  <Text style={customStyle.storel_codeText}>{storeData?.Address}</Text>
+                </View>
+              </View>
+            </View>                
+          </View> 
+
+          </View>
+
+
+          {
+            <View style={[customStyle.storel_Con, { paddingBottom: 0 }]}>
+              <FlatList
+                data={data || []}
+                // extraData={rerenderdata}
+                style={customStyle.listcon}
+                // nestedScrollEnabled={true}
+                // removeClippedSubviews={false}
+                // showsVerticalScrollIndicator={false}     
+                contentContainerStyle={[{paddingBottom:200}]}
+                renderItem={({ item }) => <ImageAuditItem item={item} {...props} />}
+               
+              />
+            </View>
+          }
+
+
+          </View>
+        </View>
+      </LinearGradient>
+
+      
+     {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl}  index={refImageIndex}
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+      }  
+
+        <View style={[customStyle.opening_Stock_btnWrap, {marginTop :40}]}>
+              <GradientButton {...props} title={'Save And Upload'} onPress={()=>{onSubmitData()}}/> 
+        </View> 
+        </>}
+
+    </Container>
+  );
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(ImageAudit);
diff --git a/src/screens/ImageAudit.js b/src/screens/ImageAudit.js
new file mode 100644
index 0000000..60a90af
--- /dev/null
+++ b/src/screens/ImageAudit.js
@@ -0,0 +1,1705 @@
+import React, { useState, useEffect, memo, useRef, useCallback, useMemo } from 'react';
+import { useRoute } from '@react-navigation/native';
+import { View, Text, TouchableOpacity, Image, FlatList, Platform, ScrollView, TextInput } from 'react-native';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import Container from '../components/container';
+import CustomLoader from '../components/CustomLoader';
+import CustomHeader from '../components/customHeader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { get_item } from '../components/localStorage';
+import { notify } from '../components/notify';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { getDownloadJson1, UploadData } from '../controller/functions';
+import { METHODS, getMethodName } from '../constants/methodNames';
+import { SvgXml } from 'react-native-svg';
+import { AppTables } from '../constants/tableConstants';
+import CheckBox from '@react-native-community/checkbox';
+import { mapDispatchToProps, mapStateToProps } from '../reducers/contextProvider';
+import { db } from '../constants/constants';
+import Animated from 'react-native-reanimated';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import { Entypo, Fontisto, MaterialCommunityIcons } from '../components/icons';
+import MultiSelect from 'react-native-multiple-select';
+import ModalSelector from 'react-native-modal-selector';
+import { PrimaryTheme } from '../styles/Themes';
+import GradientButton from '../components/gradientButton';
+import { ConfirmSaveAlert } from '../components/alert';
+
+
+const ImageAudit = (props) => {
+  const route = useRoute();
+  const { DarkMode, baseurl, StaticText: ST = {} } = props;
+  const PageTheme = GetPageTheme(DarkMode, route.name);
+  const customStyle = customStyles(DarkMode, route.name);
+
+  const timerRef = useRef(null);
+
+  const [processing, setProcessing] = useState(false);
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [isDataFound, setIsDataFound] = useState(false);
+  const [rerenderdata, setrerenderdata]= useState(0);
+  const [rerenderdata1, setrerenderdata1]= useState(true);
+
+  const storeData = route?.params?.imageauditstoreData;
+  let selectedDate =  route?.params?.selectedDate ;
+  selectedDate = moment(selectedDate).format('MM/DD/YYYY');
+
+  console.log("selectedDate", selectedDate) ;
+
+  // console.log(storeData?.MID, "MIDDD")
+
+  const [dataInfo , setDataInfo] = useState([]);
+
+  const d1=new Date();
+  const d2=moment(d1).format('MM/DD/YYYY');
+
+  const [SurveyQuestions, setSurveyQuestions]= useState([]);
+  const [QuestionsData,setQuestionsData]=useState({});
+  const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+  const [showAlert, setShowAlert] = useState(false);
+
+
+
+  // zoom image 
+
+  const zoomView=useRef(null);
+  const Show_zoomImageRef=useRef(false);
+  const [show_zoomImage, setShow_zoomImage] = useState(false);
+  const [zoomImageUrl, setZoomImageUrl] = useState([]);
+  const [refImageIndex, setrefImageIndex] = useState(0);
+
+
+  function UpdateShow_zoomImageRef(val) {
+    Show_zoomImageRef.current = val;
+    setShow_zoomImage(val);
+  }
+
+
+  useEffect(() => {
+    let params=props.route.params? props.route.params:{};
+    let storeData1=params.storeData || {};
+    // setStoreData(storeData1);
+
+    setLoaderTitle(ST.Loading +'...');
+    if(selectedDate != null &&  selectedDate != undefined){
+      console.log("Anitaaa")
+      getDataselectedDate();
+    } else {
+     get_data();
+    }
+ }, []);
+
+ const _renderHeader = useCallback((currentIndex) => {
+  return (
+    <View style={customStyle.album_ZOOM_topBar}>
+      <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex + 1)}/${zoomImageUrl.length}`}</Text>
+      <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={() => UpdateShow_zoomImageRef(false)}>
+        <Entypo name='chevron-left' color={'#000'} size={24} />
+      </TouchableOpacity>
+    </View>
+  );
+}, [zoomImageUrl.length, customStyle.album_ZOOM_topBar, customStyle.album_ZOOM_indicator, customStyle.album_ZOOM_backBtn]);
+
+
+// date wise
+  // async function getDataselectedDate(){ 
+  //   setProcessing(true)   
+  //   try {
+      
+  //     let allImageAuditStoreImageData= await DownloadImageAuditImageList();
+  //     console.log('allImageAuditStoreImageData-------------------',allImageAuditStoreImageData);
+  //     if(allImageAuditStoreImageData?.length>0){
+  //         console.log("allImageAuditStoreImageData--",allImageAuditStoreImageData)
+  //         setProcessing(false);
+  //     }
+  //     else{
+  //         notify(ST.Nodatafound);
+  //         setProcessing(false);
+  //     }
+
+  //   } catch (err) {
+  //     setProcessing(false);
+  //     console.log(err);          
+  //   }        
+  // }
+
+  async function getDataselectedDate() { 
+
+    setProcessing(true);   
+    try {
+        let allImageAuditStoreImageData = await DownloadImageAuditImageList();
+        console.log('allImageAuditStoreImageData:', allImageAuditStoreImageData);
+
+        if (allImageAuditStoreImageData?.length > 0) {
+            await InsertDownloadImageKPIData(allImageAuditStoreImageData);
+            // Fetch the updated local data
+            get_data();
+        } else {
+            notify(ST.Nodatafound);
+        }
+    } catch (err) {
+        console.log(err);
+    } finally {
+        setProcessing(false);
+    }
+}
+
+  async function InsertDownloadImageKPIData(imageKPIArr){
+        console.log("insert download posSale called");
+        return new Promise((resolve,reject)=>{
+          
+          var values=[],sql_stmnt='',all_vals='';
+          let d1=new Date();
+          let tbname='Sup_ImageAuditKPIImages';
+          let storeId = storeData.StoreId;
+          let MID = storeData.MID;
+          let q=`Delete from ${tbname} where MID='${MID}' `;
+
+          imageKPIArr = imageKPIArr ? imageKPIArr : [];
+
+          console.log("imageKPIArr", imageKPIArr)
+          
+          imageKPIArr?.map((data_obj)=>{  
+            let {MID ,MenuId,Menu,KPIImageId,QuestionImageId,DefId,DefName,BaseUrl,ImageName,Image1,Image2}=data_obj;
+            values.push(` ('${MID || ''}', '${MenuId || ''}', '${Menu || ''}', '${KPIImageId || ''}','${QuestionImageId || ''}', '${DefId || ''}', '${DefName || ''}', '${BaseUrl || ''}','${ImageName || ''}', '${Image1 || ''}', '${Image2 || ''}')`);
+          });
+          all_vals=values.join(',');
+          sql_stmnt=`INSERT INTO ${tbname}(MID,MenuId,Menu,KPIImageId,QuestionImageId,DefId,DefName,BaseUrl,ImageName,Image1,Image2) 
+          values ${all_vals}`;
+  
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres4) {
+              console.log('removeddata'); 
+              await txn.executeSql(sql_stmnt,[],async function (txn2, txnres2) { 
+                resolve(true);
+              },function(txn2,txnerr){ console.log(txnerr);resolve(false);});
+            },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+          })
+      }).catch((err)=>{
+          console.log(err);
+          return false;
+        })
+      
+      }
+
+  
+  async function DownloadImageAuditImageList(){
+      let downloadKey="Sup_ImageAuditKPIImages";
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+      let data={
+        Downloadtype:downloadKey,
+        Username: loginDetails.UserId,
+        Param1: selectedDate,
+        Param2: '',
+      };
+
+      console.log(url,data);
+      return await getDownloadJson1(url,data)
+      .then(async(res)=>{  
+        if (res[downloadKey]) {
+          let data_arr = res[downloadKey] || []; 
+          return data_arr;
+        }
+        else{
+          return [];
+        }        
+      })
+      .catch((err)=>{
+        console.log('onPage Image Audit error',err);
+        return [];
+      }); 
+  }
+
+// end 
+
+async function get_data() {
+  setProcessing(true);
+
+  let mainQuery = `SELECT DISTINCT MenuId, MID, Menu FROM Sup_ImageAuditKPIImages WHERE MID = '${storeData?.MID}'`;
+  console.log("mainQuery", mainQuery);
+
+  let fetchedData = []; // Declare fetchedData outside the loop
+
+  try {
+      db.transaction(async tx => {
+          tx.executeSql(
+              mainQuery,
+              [],
+              (tx, results) => {
+                  let rows = results.rows;
+
+                  // Loop through the results of the main query
+                  let promises = [];
+                  for (let i = 0; i < rows.length; i++) {
+                      let item = rows.item(i);
+
+                      // Define the defQuery based on MenuId
+                      let defQuery = `SELECT DISTINCT DefName, DefId, MID ,MenuId  FROM Sup_ImageAuditKPIImages WHERE MID = '${item.MID}' AND MenuId = '${item.MenuId}'`;
+                      console.log("defQuery---", defQuery);
+
+                      // Execute the defQuery within the loop
+                      promises.push(new Promise((resolve, reject) => {
+                          tx.executeSql(
+                              defQuery,
+                              [],
+                              (tx, defResults) => {
+                                  let defRows = defResults.rows;
+                                  let defArray = [];
+
+                                  // Loop through the results of the defQuery
+                                  let defPromises = [];
+                                  for (let j = 0; j < defRows.length; j++) {
+                                      let defItem = defRows.item(j);
+
+                                      console.log("defItem---------", defItem);
+
+                                      // Define the imageQuery based on DefId
+
+
+                                     let selectlist = ` DISTINCT S.KPIImageId, S.QuestionImageId, S.DefId, S.DefName, S.BaseUrl, S.ImageName, S.Image1, S.Image2, IFNULL(T.pictureokay, 0) AS pictureokay, IFNULL(T.pictureokay2, 0) AS pictureokay2`;
+
+                                    let join2 = ` LEFT JOIN (SELECT * FROM IMAGE_AUDIT_HDR_DATA WHERE DefId = '${defItem.DefId}' AND MID = '${defItem.MID}' AND MenuId = '${defItem.MenuId}') AS T ON T.DefId = S.DefId and T.QuestionImageId = S.QuestionImageId`;
+
+                                    let imageQuery = `SELECT ${selectlist} FROM Sup_ImageAuditKPIImages S ${join2} WHERE S.DefId = '${defItem.DefId}' AND S.MID = '${defItem.MID}' `;
+
+                                      // let imageQuery = `SELECT DISTINCT KPIImageId, QuestionImageId, DefId, DefName, BaseUrl, ImageName, Image1, Image2 FROM Sup_ImageAuditKPIImages WHERE DefId = '${defItem.DefId}' AND MID = '${defItem.MID}'`;
+                                     
+                                      console.log("imageQuery---", imageQuery);
+
+                                      // Execute the imageQuery within the loop
+                                      defPromises.push(new Promise((resolve, reject) => {
+                                          tx.executeSql(
+                                              imageQuery,
+                                              [],
+                                              async (tx, imageResults) => {
+                                                  let imageRows = imageResults.rows;
+                                                  let images1Array = [];
+                                                  let images2Array = [];
+
+                                                  // Loop through the results of the imageQuery
+                                                  for (let k = 0; k < imageRows.length; k++) {
+                                                      let imageItem = imageRows.item(k);
+
+                                                      // console.log(imageItem,"imageItemimageItem--------")
+
+                                                      let all_scat_qtns =[] ; //await getSurveyQtns(item);
+                                                      // console.log('all_scat_qtns:', all_scat_qtns.length);
+                                                      imageItem['Questions'] = all_scat_qtns;
+
+                                                      let pictureOkayValue = imageItem.pictureokay;
+                                                      let pictureOkayValue2 = imageItem.pictureokay2;
+
+                                                      let statusValue = imageItem.STATUS;
+
+                                                      images1Array.push({
+                                                          KPIImageId: imageItem.KPIImageId,
+                                                          QuestionImageId: imageItem.QuestionImageId,
+                                                          BaseUrl: imageItem.BaseUrl,
+                                                          ImageName: imageItem.ImageName,
+                                                          pictureokay : pictureOkayValue,
+                                                          pictureokay2 : pictureOkayValue2,
+                                                          // STATUS: statusValue,
+                                                          Image1: imageItem.Image1,
+                                                          Image2: imageItem.Image2,
+                                                          Questions1: all_scat_qtns,
+                                                          Questions2: all_scat_qtns
+                                                      });
+
+                                                      // if (imageItem.Image2) { // Check if Image2 is not an empty string
+                                                      //     images2Array.push({
+                                                      //         KPIImageId: imageItem.KPIImageId,
+                                                      //         QuestionImageId: imageItem.QuestionImageId,
+                                                      //         BaseUrl: imageItem.BaseUrl,
+                                                      //         ImageName: imageItem.ImageName,
+                                                      //         pictureokay2 : pictureOkayValue2,
+                                                      //         STATUS: statusValue,
+                                                      //         Image2: imageItem.Image2,
+                                                      //         Questions: all_scat_qtns
+                                                      //     });
+                                                      // }
+                                                  }
+
+                                                  // Add imagesArray to the corresponding defItem
+                                                  defArray.push({
+                                                      DefName: defItem.DefName,
+                                                      DefId: defItem.DefId,
+                                                      Images: images1Array
+                                                  });
+
+                                                  resolve();
+                                              },
+                                              (tx, error) => {
+                                                  console.error("Failed to execute imageQuery", error);
+                                                  reject(error);
+                                              }
+                                          );
+                                      }));
+                                  }
+
+                                  // Wait for all image queries to resolve
+                                  Promise.all(defPromises).then(() => {
+                                      fetchedData.push({
+                                          MenuId: item.MenuId,
+                                          MID: item.MID,
+                                          Menu: item.Menu,
+                                          DefData: defArray,
+                                      });
+                                      resolve();
+                                  }).catch(reject);
+                              },
+                              (tx, error) => {
+                                  console.error("Failed to execute defQuery", error);
+                                  reject(error);
+                              }
+                          );
+                      }));
+                  }
+
+                  // Wait for all def queries to resolve
+                  Promise.all(promises).then(() => {
+                      // Update the state with the fetched data
+                      setDataInfo(fetchedData);
+                      setProcessing(false);
+                      // console.log('Updated Data with Images:', JSON.stringify(fetchedData));
+                  }).catch(error => {
+                      setProcessing(false);
+                      console.error("An error occurred while fetching data:", error);
+                  });
+              },
+              (tx, error) => {
+                  setProcessing(false);
+                  console.error("Failed to execute main query", error);
+              }
+          );
+      });
+  } catch (error) {
+      setProcessing(false);
+      console.error("An error occurred while fetching data:", error);
+  }
+}
+
+
+async function getAnswers(qtn,storeData){
+// console.log(qtn , "Questiondata---------");
+
+        let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {   
+                // get inserted audit
+                let selectlist=` DISTINCT T.AIAnswerName,T.AIAnswerId`;
+                
+                let q2=`Select ${selectlist} FROM Sup_ImageAuditKPIQuestion T  WHERE T.AIQuestionId='${qtn.AIQuestionId}' ORDER BY T.AIASequence `;
+                
+                await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                    // console.log('answers len',txnres.rows.length);
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+
+                            // console.log(arr, "Array of answerss-----");
+                                // setSurveyQuestions(arr);
+                                resolve(arr);
+                            }
+                        }
+                    }
+                    else{
+                        resolve([]);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+               
+              });    
+        }).then((val)=>{
+            return {'Answers':val,'Success':true};
+        }).catch((err)=>{
+            console.log(err);
+            return {'Success':false,'Error':err}
+        });
+    }
+
+
+
+  async function getSurveyQtns(item){
+
+        return new Promise((resolve,reject)=>{
+            try {   
+                let {StoreId,MerchandiserId}=storeData;
+ 
+                let {MID}= item;
+                
+                db.transaction(async function (txn) {  
+                  
+                  // get inserted audit
+                  let selectlist=` DISTINCT T.AIMaximumChar as MaxLength,T.AIMinimumChar as MinLength,T.AILengthValidationRequired as LengthValidation,T.AIDateRangeMax as DateRangeMax,T.AIDateRangeMin as DateRangeMin,T.AIDefaultQuestionEnable as QEnable,T.AIQuestionName as Question,T.AIQuestionId as QuestionId, T.QuestionType as QuestionType,T1.ANSWER As AIAnswerName, T1.ANSWER_ID as AIAnswerId,T1.MULTI_OPTIONS_IDS as multi_op_ids,T1.IS_DISABLED as isDisabled `;
+               
+                  let join2=` Left outer join ${AppTables.IMAGE_AUDIT_QUESTION} T1 on T1.MID=${MID} And T.AIQuestionId=T1.QUESTION_ID`;
+                  let q2=`Select ${selectlist} FROM Sup_ImageAuditKPIQuestion T  ${join2} WHERE T1.STORE_ID='${StoreId}' AND T1.VISIT_DATE= '${d2}'   `;
+                  q2+=` ORDER BY T.AIQuestionSequence `;
+
+                  console.log(q2, "QueryQuestiondata")
+      
+                  await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                      console.log('getSurveyData len',txnres.rows.length);
+                      if(txnres.rows.length>0){
+                          let arr=[];
+                          var QD=QuestionsData;
+                          for(var i=0;i<txnres.rows.length;i++){
+                              let data =txnres.rows.item(i);
+                              data.QEnable=data.QEnable==1 || data.QEnable=='true'?true:false;
+                              
+                              let answers=[];
+                              let qtn=data;
+                              console.log(qtn , "qtn---")
+                              qtn.isDisabled=qtn.isDisabled==1 || qtn.isDisabled=='1'?true:false ;
+
+                             
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  let allanswers=await getAnswers(data,item.MID,storeData,true);
+                                
+                                  answers=allanswers.Answers || [];
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data.Answers=answers;
+      
+                              let id_key=qtn.AIQuestionId+'_AnswerId'; 
+                              let ans_key=qtn.AIQuestionId+'_Answer'; 
+                              let multi_key=qtn.AIQuestionId+'_MultiOption';
+                              let date_key=qtn.AIQuestionId+'_Date';
+                              let img_key=qtn.AIQuestionId+'_ImagePath1';
+                              let imgname_key=qtn.AIQuestionId+'_ImageName1';
+                              let img_key2=qtn.AIQuestionId+'_ImagePath2';
+                              let imgname_key2=qtn.AIQuestionId+'_ImageName2';
+                              let rating_key=qtn.AIQuestionId+'_Rating'; 
+                              let voiceClip_key=qtn.AIQuestionId+'_VoiceClip'; 
+      
+                              let showImageTag=(data.QuestionImageAllow==true || data.QuestionImageAllow=='true' || data.QuestionImageAllow==1) ;
+                              let showImageTag2=false;
+      
+                              QD[id_key]=data.AIAnswerId;
+                              QD[ans_key]=data.AIAnswerName;
+
+                              
+                              let selansid=data.AIAnswerId;
+                              if(qtn.QuestionType=='Multi choice list'){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  QD[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                  if (qtn.Answers && qtn.Answers.length>0){
+                                      for(var k=0;k<qtn.Answers.length;k++){
+                                          let ansss=qtn.Answers[k];
+                                          let isandImgAl=(ansss.ImageAllow1==true || ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                                          let isandImgAl2=(ansss.ImageAllow2==true || ansss.ImageAllow2=='true' || ansss.ImageAllow2==1);
+                                          if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AIAnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AIAnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl2 && ansss.AIAnswerId==selansid)){
+                                                showImageTag2=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl2 && selansid.indexOf(ansss.AIAnswerId)>=0)){
+                                                showImageTag2=true;
+                                            }
+
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag){
+                                  let imgPath=data.Image1!=''?((Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1):'';
+                                  QD[imgname_key]=data.Image1;
+                                  QD[img_key]=imgPath;
+                              }
+
+                              if(showImageTag2){
+                                let imgPath=data.Image2!=''?((Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image2):'';
+                                QD[imgname_key2]=data.Image2;
+                                QD[img_key2]=imgPath;
+                              }
+      
+                              if(qtn.QuestionType=='Audio'){
+                                  let voicefile_path=(Platform.OS=='ios'?'file://':'')+common_ImagePath+'Recordings/'+data.Answer;
+                                  QD[voiceClip_key]={'path':voicefile_path,'filename':data.Answer};
+                              }
+      
+                              if(qtn.QuestionType=='Date'){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  QD[date_key]=fulldate;
+                                  
+                              }
+                              arr.push(data);  
+                              if(i==txnres.rows.length-1){
+                                  // setQuestionsData(QD);
+                                  resolve(arr);
+                                  // setSurveyQuestions(arr);
+                                  // setProcessing(false);
+                              }
+                          }
+                      }
+                      else{
+                          let sl=` DISTINCT T.AIMaximumChar,T.AIMinimumChar,T.AILengthValidationRequired,T.AIQuestionName,T.AIQuestionId,T.QuestionType,T.AIDateRangeMax,T.AIDateRangeMin,T.AIDefaultQuestionEnable as QEnable`;
+                          let q=` SELECT ${sl} FROM Sup_ImageAuditKPIQuestion T `; 
+                          q+=` order by T.AIQuestionSequence `;
+
+                          //  WHERE T.SurveyId='${SurveyId}' and T.SubCategoryId='${SubCategoryId}'
+                          
+                           await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                              console.log('Surveys:',txnres2.rows.length)
+                              let arr=[];
+                              if(txnres2.rows.length>0){
+                                  for(var i=0;i<txnres2.rows.length;i++){
+                                      let data =txnres2.rows.item(i);
+
+                                      // console.log(data, "Dataaa-----" , data.QEnable );
+
+                                      data.QEnable=data.QEnable==1 || data.QEnable=='true'?true:false;
+                                      data['isDisabled']=!data.QEnable;
+                                      
+                                      let answers=[];
+                                      if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Number'){
+                                          let allanswers=await getAnswers(data,item.MID,storeData,false);
+                                          answers=allanswers.Answers || [];
+                                          if(data.QuestionType=='Rating'){
+                                              data.showRating=false;
+                                          }
+                                      }
+                                      else if(data.QuestionType=='Date'){
+                                          data.showDatePicker=false;
+                                      }
+                                      
+                                      data.Answers=answers;
+                                      arr.push(data);
+                                      
+                                      if(i==txnres2.rows.length-1){
+                                          resolve(arr);
+                                      }
+                                  }
+                              }
+                              else{
+                                resolve([]);
+                              }
+      
+                          },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+                      }
+                      
+                  },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+                 
+                });          
+              } catch (err) {
+                console.log(err);          
+              }  
+        })
+    }
+
+
+
+const RenderImageItem = React.memo(({ image, pictureokay, onPictureOkayChange }) => {
+
+  const handleCheckBoxChange = (newValue) => {
+    onPictureOkayChange(newValue ? 1 : 0);
+  };
+
+
+  return (
+    <View>
+      <Text style={[customStyle.storel_card_title, { fontWeight: '400', marginBottom: 10 }]}>
+        {image.ImageName}
+      </Text>
+      
+      <View>
+        <TouchableOpacity onPress={() => {
+          setZoomImageUrl([{ url: image.BaseUrl + '/' + image.Image1 }]);
+          setrefImageIndex(0);
+          UpdateShow_zoomImageRef(true);
+        }}>
+          <Animated.View
+            style={{
+              backgroundColor: "#fff",
+              width: "100%",
+              height: window.animatedHeight,
+              paddingBottom: 0,
+            }}
+          >
+            <Image
+              source={{ uri: image.BaseUrl + '/' + image.Image1 }}
+              style={{
+                width: '100%',
+                height: 150,
+                resizeMode: 'stretch',
+                alignSelf: 'center',
+              }}
+            />
+          </Animated.View>
+        </TouchableOpacity>
+    
+        <View style={[customStyle.WStkHdr_checkboxWrap, { paddingLeft: 0, marginVertical: 10 }]}>
+          <View style={[customStyle.WStkHdr_checkboxCon, { paddingLeft: 5 }]}>
+            <CheckBox
+              boxType="square"
+              style={[
+                customStyle.WStkHdr_checkbox,
+                Platform.OS === 'ios' ? { height: 20, width: 20, marginTop: 5, marginLeft: 5 } : {}
+              ]}
+              tintColors={{ true: PageTheme.$primary_color, false: PageTheme.$text_color_light }}
+              value={pictureokay === 1}
+              onValueChange={handleCheckBoxChange}
+            />
+          </View>
+          <Text style={[customStyle.WStkHdrText2, customStyle.WStkHdr_checkboxpName]}>
+            Picture OK
+          </Text>
+        </View>
+      </View>
+
+      <RenderSurveyQtns image={image} QuestionsData={QuestionsData} />
+    </View>
+  );
+});
+
+const RenderImageItem2 = React.memo(({ image, pictureokay, onPictureOkayChange }) => { 
+
+  // console.log("pictureokay2",pictureokay)
+
+  const handleCheckBoxChange = (newValue) => {
+    onPictureOkayChange(newValue ? 1 : 0);
+  };
+
+  return (
+    <View>
+      <Text style={[customStyle.storel_card_title, { fontWeight: '400', marginBottom: 10 }]}>
+        {image.ImageName}
+      </Text>
+
+       <TouchableOpacity onPress={() => {
+          setZoomImageUrl([{ url: image.BaseUrl + '/' + image.Image2 }]);
+          setrefImageIndex(0);
+          UpdateShow_zoomImageRef(true);
+        }}>
+        <Animated.View
+          style={{
+            backgroundColor: "#fff",
+            width: "100%",
+            height: window.animatedHeight,
+            paddingBottom: 0,
+          }}
+        >
+          <Image
+            source={{ uri: image.BaseUrl + '/' + image.Image2 }}
+            style={{
+              width: '100%',
+              height: 150,
+              resizeMode: 'stretch',
+              alignSelf: 'center',
+            }}
+          />
+        </Animated.View>
+        
+        </TouchableOpacity>
+
+      <View style={[customStyle.WStkHdr_checkboxWrap, { paddingLeft: 0, marginVertical: 10 }]}>
+        <View style={[customStyle.WStkHdr_checkboxCon, { paddingLeft: 5 }]}>
+          <CheckBox
+            boxType='square'
+            style={[
+              customStyle.WStkHdr_checkbox,
+              Platform.OS === 'ios'
+                ? { height: 20, width: 20, marginTop: 5, marginLeft: 5 }
+                : {},
+            ]}
+            tintColors={{
+              true: PageTheme.$primary_color,
+              false: PageTheme.$text_color_light,
+            }}
+            value={pictureokay === 1}
+            onValueChange={handleCheckBoxChange}
+          />
+        </View>
+        <Text style={[customStyle.WStkHdrText2, customStyle.WStkHdr_checkboxpName]}>
+          Picture OK
+        </Text>
+      </View>
+      <RenderSurveyQtns image={image} QuestionsData={QuestionsData} />
+    </View>
+  );
+});
+
+const ImageAuditItem = React.memo(({ item }) => {
+
+const imageKeys = item?.DefData?.[0]?.Images?.[0] || {};
+
+  // Filter keys that start with 'Image'
+  const dynamicImageKeys = Object.keys(imageKeys).filter(key => key.startsWith('Image'));
+
+  // Use the first and second dynamic image keys if they exist, otherwise use defaults
+  const imageKey1 = dynamicImageKeys[1] || 'IMAGE 1';
+  const imageKey2 = dynamicImageKeys[2] || 'IMAGE 2';
+
+const handleSetPictureOkay = (defId, imagePath, imageId, kpiId, value, imageType) => {
+  console.log("Received update for:", { defId, imagePath, imageId, kpiId, value, imageType });
+
+  let uniqueId = "";
+  if (imagePath != null && imagePath != '') {
+    uniqueId = `${imageId}${kpiId}${imagePath}`;
+  }
+
+  console.log(uniqueId, "uniqueId====");
+
+  setDataInfo(prevState => {
+    const newState = JSON.parse(JSON.stringify(prevState));
+    
+    const defDataIndex = newState.findIndex(item =>
+      item.DefData.some(def => def.DefId === defId)
+    );
+
+    if (defDataIndex !== -1) {
+      const defData = newState[defDataIndex].DefData;
+      const defIndex = defData.findIndex(def => def.DefId === defId);
+
+      if (defIndex !== -1) {
+        const images = defData[defIndex].Images;
+        console.log("images------", images);
+        
+        // Handle Image1 or Image2 based on the imageType parameter
+        if (imageType === "Image1") {
+          const imageIndex = images.findIndex(image => `${image.QuestionImageId}${image.KPIImageId}${image.Image1}` == uniqueId);
+          if (imageIndex !== -1) {
+            console.log(`Updating Image1 for ${uniqueId} with value ${value}`);
+            images[imageIndex].pictureokay = value;
+          } else {
+            console.log(`No matching image in Image1 for ${uniqueId}`);
+          }
+        } else if (imageType === "Image2") {
+          const imageIndex = images.findIndex(image => `${image.QuestionImageId}${image.KPIImageId}${image.Image2}` == uniqueId);
+          if (imageIndex !== -1) {
+            console.log(`Updating Image2 for ${uniqueId} with value ${value}`);
+            images[imageIndex].pictureokay2 = value;
+          } else {
+            console.log(`No matching image in Image2 for ${uniqueId}`);
+          }
+        }
+      }
+    }
+    
+    return newState;
+  });
+};
+
+
+  return (
+    <View style={[customStyle.storel, customStyle.storeInfo_wrap, { marginTop: 10 }]}>
+      <View style={customStyle.storel_card_outer}>
+        <View style={[customStyle.storel_card, { width: '100%' }]}>
+          <LinearGradient
+            colors={[PageTheme.$bg_color, PageTheme.$primary_color, PageTheme.$bg_color]}
+            start={{ x: 0, y: 0 }}
+            end={{ x: 1, y: 0 }}
+            style={[customStyle.SVn_GroupView_hdr, { width: '100%' }]}
+          >
+            <Text style={[customStyle.storel_card_title, { fontWeight: '600', color: '#fff' }]}>
+              {item?.Menu || 'No Menu'}
+            </Text>
+          </LinearGradient>
+        </View>
+
+        <FlatList
+          data={item?.DefData || []}
+          // keyExtractor={(def) => def.DefId.toString()}
+           keyExtractor={(_, index) => index.toString()} 
+          ItemSeparatorComponent={<View style={{ paddingVertical: 10 }} />}
+          renderItem={({ item: def }) => (
+            <>
+              <View style={{ height: 1, backgroundColor: '#888888', marginBottom: 15 }} />
+
+              <View style={customStyle.storel_card}>
+                <View style={[customStyle.storel_card_content, { paddingBottom: 10 , marginHorizontal:0 }]}>
+                  <Text style={[customStyle.storel_card_title, { fontWeight: '700' }]}>{def.DefName || 'No DefName'}</Text>
+                </View>
+              </View>
+
+              <FlatList
+                data={def?.Images || []}
+                renderItem={({ item: image }) => (
+                  <View>
+                    {/* Render Image1 View */}
+                    {image.Image1 && (
+                      <>
+                        <View style={[customStyle.storel_card_content, { paddingBottom: 10 , marginHorizontal:0 }]}>
+                          <Text style={[customStyle.storel_card_title]}>
+                            {imageKey1}
+                          </Text>
+                        </View>
+                      </>
+                    )}
+
+                    {image.Image1 && (
+                      <RenderImageItem
+                        image={image}
+                        pictureokay={image.pictureokay}
+                        onPictureOkayChange={(value) => handleSetPictureOkay(def.DefId, image.Image1, image.QuestionImageId, image.KPIImageId, value, "Image1")}
+                      />
+                    )}
+
+                    {/* Render Image2 View */}
+                    
+                    {image.Image2 && (
+                      <>
+                        <View style={[customStyle.storel_card_content, { paddingBottom: 10 , marginHorizontal:0 }]}>
+                          <Text style={[customStyle.storel_card_title]}>
+                            {imageKey2}
+                          </Text>
+                        </View>
+                      </>
+                    )}
+                    {image.Image2 && (
+                      <RenderImageItem2
+                        image={image}
+                        pictureokay={image.pictureokay2}
+                       onPictureOkayChange={(value) => handleSetPictureOkay(def.DefId, image.Image2, image.QuestionImageId, image.KPIImageId, value, "Image2")}
+                      />
+                    )}
+                  </View>
+                )}
+              />
+            </>
+          )}
+        />
+      </View>
+    </View>
+  );
+});
+
+
+
+
+
+function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+  var data=[];
+
+  // console.log(selected_data , "selected_data")
+
+  let qtn=selected_data.qtn || {};
+  let image=selected_data.image || '';
+
+  let isQtnDisabled=qtn.isDisabled!=null && qtn.isDisabled!=''?qtn.isDisabled:false;
+
+  let allAnswers=qtn.Answers || [];
+
+  // console.log(qtn , "selectanswerpicker", isQtnDisabled, "isQtnDisabled");
+  
+  allAnswers.map((item,index)=>{
+      let obj={ key: index, label: item[label_key],value:item[value_key] };
+      if(selected_data.value==item[label_key])
+      obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+      data.push(obj);
+  });
+  
+  return (
+      <ModalSelector
+      data={data} 
+      // touchableActiveOpacity={0.8}
+      style={customStyle.addVisPickerStyle}
+      onChange={(option)=>{onChange(option,qtn,image) }}
+      overlayStyle={customStyle.addVisPickerOverlay}
+      cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+      optionStyle={customStyle.addvis_opStyle}
+      optionTextStyle={customStyle.addvis_opTextStyle}
+      optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+      selectedKey={'1'}
+      disabled={isQtnDisabled}
+      cancelText={ST.Cancel}
+      >
+      <Text style={[customStyle.addVisPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-select-')}</Text>
+      </ModalSelector>
+  )
+}
+
+async function disableQtns(sqtns,DQtns,data,isreturn=false){
+       
+  if(DQtns.length>0){
+      new Promise.all(
+          DQtns.map((qid,q_index)=>{
+              let s_qtnindex=sqtns.findIndex(i=>i.AIQuestionId==qid) || {};
+              console.log('sqtns qid',qid,s_qtnindex)
+              let s_qtn=s_qtnindex>=0?sqtns[s_qtnindex]:{};
+              if(s_qtnindex>=0){
+                  console.log('sqtns not found',s_qtnindex)
+                  s_qtn['isDisabled']=true
+                  sqtns[s_qtnindex]=s_qtn;
+                  let id_key=s_qtn.AIQuestionId+'_AnswerId'; 
+                  let ans_key=s_qtn.AIQuestionId+'_Answer'; 
+                  data[id_key]=0;
+                  data[ans_key]='';
+              }
+              return false
+          })
+      ).then(async (val)=>{
+          setSurveyQuestions(sqtns);
+          setQuestionsData(data);
+          setHasUnsavedChanges(true);
+          setrerenderdata(!rerenderdata);
+      })
+  }
+}
+
+async function enableQtns(sqtns,EQtns,DQtns,data){
+  new Promise.all(
+      EQtns.map((qid,q_index)=>{
+          let s_qtnindex=sqtns.findIndex(i=>i.AIQuestionId==qid) || {};
+          let s_qtn=s_qtnindex>=0?sqtns[s_qtnindex]:{};
+          if(s_qtnindex>=0){
+              s_qtn['isDisabled']=false
+              sqtns[s_qtnindex]=s_qtn;
+          }
+          return false
+      })
+  ).then(async (val)=>{
+      if(DQtns.length>0){
+          disableQtns(sqtns,DQtns,data)
+      }
+      else{
+          setSurveyQuestions(sqtns);
+          setHasUnsavedChanges(true);
+          setrerenderdata(!rerenderdata);
+      }
+  })
+}
+
+
+function onselectionChange(option,qtn,image){
+
+  // console.log(qtn , "QTNNNNN11111----");
+  // console.log(image?.QuestionImageId , "image.QuestionImageIdddd");
+
+  let data=QuestionsData;
+  let id_key=qtn.AIQuestionId+'_AnswerId'+ image?.QuestionImageId; 
+
+
+  let ans_key=qtn.AIQuestionId+'_Answer' + image?.QuestionImageId; 
+  data[id_key]=option.value;
+  data[ans_key]=option.label;
+
+  setQuestionsData(data);
+
+  let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+  let ans_obj=aq_ans.find(i=>i.AIAnswerId==option.value) || {};
+  let EQtns=ans_obj.EnableQuestion!=null && ans_obj.EnableQuestion!=''?ans_obj.EnableQuestion.replace(' ','').split(','):[];
+  let DQtns=ans_obj.DisableQuestion!=null && ans_obj.DisableQuestion!=''?ans_obj.DisableQuestion.replace(' ','').split(','):[];
+
+  console.log('EQtns:',EQtns,DQtns);
+  let sqtns=SurveyQuestions
+  if(EQtns.length>0){
+      enableQtns(sqtns,EQtns,DQtns,data)
+  }
+  else if(DQtns.length>0){
+      disableQtns(sqtns,DQtns,data)
+  }
+  else{
+      setHasUnsavedChanges(true);
+      setrerenderdata(!rerenderdata);
+  }
+ 
+  
+  
+}
+
+function setTextValue(value,qtn, image) {        
+  let id_key=qtn.AIQuestionId+'_AnswerId'+ image.QuestionImageId; 
+  let ans_key=qtn.AIQuestionId+'_Answer'+ image.QuestionImageId; 
+  
+  let obj=QuestionsData;
+  if(qtn.QuestionType=='Date' ){
+      let date_key=qtn.AIQuestionId+'_Date'; 
+      let d=value!=null?new Date(value):new Date();
+      let mfdate=moment(d).format('MM/YYYY');
+      showQtnDatePicker(qtn,false);
+      obj[id_key]=0;
+      obj[ans_key]=mfdate;
+      obj[date_key]=moment(d).format('MM/DD/YYYY');
+  }
+  else{
+      obj[id_key]=0;
+      obj[ans_key]=value;
+  }
+  console.log(value,obj);
+  setQuestionsData(obj);
+  // setHasUnsavedChanges(true);
+  // setrerenderdata1(!rerenderdata1);
+  if(timerRef?.current){
+  clearTimeout(timerRef.current)
+  }
+
+  // timerRef.current= setTimeout(()=>{
+    setHasUnsavedChanges(true);
+    setrerenderdata1(!rerenderdata1);
+  // },1000)
+
+}
+
+
+
+
+async function setMultiSelectValue(selectedItems=[],qtn, image) {  
+
+  console.log('setMultiSelectValue',selectedItems);      
+  let id_key=qtn.AIQuestionId+'_AnswerId'+ image.QuestionImageId; 
+  let ans_key=qtn.AIQuestionId+'_Answer'+ image.QuestionImageId; 
+  let multi_key=qtn.AIQuestionId+'_MultiOption'+ image.QuestionImageId;
+  let obj=QuestionsData;
+  obj[id_key]=0;
+  obj[multi_key]=selectedItems.join(',');
+  let anss=[];
+  selectedItems.map((itemValue)=>{
+      let ans = qtn.Answers.find(c1 => c1.AIAnswerId == itemValue); 
+      if(ans.AIAnswerName){anss.push(ans.AIAnswerName)}
+  });
+  obj[ans_key]=anss.join(',');
+  console.log('obj:',obj);
+  setQuestionsData(obj);
+  setHasUnsavedChanges(true);
+  setrerenderdata(!rerenderdata);
+}
+
+
+const RenderItem = React.memo(({ item: qtn, index,image,QuestionsData }) => {
+  console.log("index------",index)
+  let selansid = '',
+    selanswer = '',
+    selimg = '',
+    selimg2 = '',
+    showImageTag = false,
+    showImageTag2 = false;
+  let id_key = qtn.AIQuestionId + '_AnswerId' + image.QuestionImageId;
+  let ans_key = qtn.AIQuestionId + '_Answer' + image.QuestionImageId;
+  let multi_key = qtn.AIQuestionId + '_MultiOption' + image.QuestionImageId;
+  let date_key = qtn.AIQuestionId + '_Date' + image.QuestionImageId;
+  let img_key = qtn.AIQuestionId + '_ImagePath1' + image.QuestionImageId;
+  let imgname_key = qtn.AIQuestionId + '_ImageName1' + image.QuestionImageId;
+  let img_key2 = qtn.AIQuestionId + '_ImagePath2' + image.QuestionImageId;
+  let imgname_key2 = qtn.AIQuestionId + '_ImageName2' + image.QuestionImageId;
+  let rating_key = qtn.AIQuestionId + '_Rating' + image.QuestionImageId;
+  let voiceClip_key = qtn.AIQuestionId + '_VoiceClip' + image.QuestionImageId;
+  let list_mcdata = [];
+
+  if (qtn.QuestionType == 'Single choice list') {
+    selansid = QuestionsData[id_key] != null ? QuestionsData[id_key] : '';
+    selanswer = QuestionsData[ans_key] != null ? QuestionsData[ans_key] : '';
+  } else if (qtn.QuestionType == 'Multi choice list') {
+    if (qtn.Answers != null) {
+      for (var i = 0; i < qtn.Answers.length; i++) {
+        let obj = {
+          AIAnswerId: parseInt(qtn.Answers[i].AIAnswerId),
+          AIAnswerName: qtn.Answers[i].AIAnswerName,
+        };
+        list_mcdata.push(obj);
+      }
+    }
+    selansid = QuestionsData[multi_key] != null && QuestionsData[multi_key] != '' ? QuestionsData[multi_key].split(',') : [];
+    if (selansid != null && selansid.length > 0) {
+      let arr = [];
+      for (var i = 0; i < selansid.length; i++) {
+        arr.push(parseInt(selansid[i]));
+      }
+      selansid = arr;
+    }
+  } else if (qtn.QuestionType == 'Number' || qtn.QuestionType == 'Text' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Date') {
+    console.log("QuestionsData---------",QuestionsData)
+    selansid = QuestionsData[ans_key];
+    selanswer = (qtn.QuestionType == 'Date') ? QuestionsData[date_key] || moment().format('MM/DD/YYYY') : '';
+    showImageTag = (qtn.QuestionImageAllow == true || qtn.QuestionImageAllow == 'true' || qtn.QuestionImageAllow == 1);
+    showImageTag2 = false;
+  } else if (qtn.QuestionType == 'Rating') {
+    selanswer = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+  } else if (qtn.QuestionType == 'Audio') {
+    selansid = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+    selanswer=QuestionsData[voiceClip_key]?(QuestionsData[voiceClip_key].filename || ''):'';
+
+  }
+
+  if (qtn.QuestionType == 'Single choice list' || qtn.QuestionType == 'Multi choice list') {
+    if (qtn.Answers && qtn.Answers.length > 0) {
+      for (var i = 0; i < qtn.Answers.length; i++) {
+        let ansss = qtn.Answers[i];
+        let isandImgAl = ansss.ImageAllow1 == true || ansss.ImageAllow1 == 'true' || ansss.ImageAllow1 == 1;
+        let isandImgAl2 = ansss.ImageAllow2 == true || ansss.ImageAllow2 == 'true' || ansss.ImageAllow2 == 1;
+
+        if (qtn.QuestionType == 'Single choice list' && isandImgAl && ansss.AIAnswerId == selansid) {
+          showImageTag = true;
+        } else if (qtn.QuestionType == 'Multi choice list' && isandImgAl && selansid.indexOf(ansss.AIAnswerId) >= 0) {
+          showImageTag = true;
+        }
+
+        if (qtn.QuestionType == 'Single choice list' && isandImgAl2 && ansss.AIAnswerId == selansid) {
+          showImageTag2 = true;
+        } else if (qtn.QuestionType == 'Multi choice list' && isandImgAl2 && selansid.indexOf(ansss.AIAnswerId) >= 0) {
+          showImageTag2 = true;
+        }
+      }
+    }
+  }
+
+let isDisabled = qtn.isDisabled != null ? qtn.isDisabled : false;
+
+if (isDisabled == true) {
+    return <View key={index} />;
+  } else {
+    return (
+      <View style={[customStyle.sform_group2]} key={index}>
+        <Text style={[customStyle.sform_label3]}>{qtn.AIQuestionName}</Text>
+        {qtn.QuestionType == 'Single choice list' && qtn.Answers && render_Picker('AIAnswerName', 'AIAnswerId', onselectionChange, { value: selanswer, qtn, image })}
+        {qtn.QuestionType == 'Multi choice list' && qtn.Answers && (
+          <MultiSelect
+            items={list_mcdata}
+            uniqueKey="AIAnswerId"
+            onSelectedItemsChange={(selectedItems) => {
+              console.log('onSelectedItemsChange');
+              setMultiSelectValue(selectedItems, qtn, image);
+            }}
+            selectedItems={selansid}
+            selectText="Pick Items"
+            searchInputPlaceholderText="Search Items..."
+            tagRemoveIconColor={PrimaryTheme.$primary_color}
+            tagBorderColor={PrimaryTheme.$primary_color}
+            tagTextColor={PrimaryTheme.$primary_color}
+            selectedItemTextColor={PrimaryTheme.$primary_color}
+            selectedItemIconColor={PrimaryTheme.$primary_color}
+            tagContainerStyle={{ height: 30, width: '100%', paddingVertical: 5 }}
+            styleTextTag={{ fontSize: 14 }}
+            itemTextColor={PrimaryTheme.$text_color}
+            displayKey="AIAnswerName"
+            searchInputStyle={{ color: '#CCC' }}
+            submitButtonColor={PrimaryTheme.$primary_color}
+            submitButtonText="Submit"
+          />
+        )}
+        {(qtn.QuestionType == 'Number' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Text') && (
+          <TextInput
+            style={[customStyle.surveyQtn_InputStyle,]}
+            placeholder=""
+            placeholderTextColor={PageTheme.$placeholder_color}
+            keyboardType={qtn.QuestionType == 'Decimal' ? 'decimal-pad' : qtn.QuestionType == 'Text' ? 'default' : 'number-pad'}
+            value={selansid}
+            onChangeText={(val) => {
+              console.log("val------",val)
+              setTextValue(val, qtn, image);
+            }}
+            autoComplete="off"
+          />
+        )}
+        {qtn.QuestionType == 'Date' && (
+          <View style={customStyle.surveyQtn_datePicker_con}>
+            <Text style={customStyle.surveyQtn_datePicker_text}>{selansid != '' ? selansid : 'MM/YYYY'}</Text>
+            <TouchableOpacity
+              style={[customStyle.surveyQtn_datePicker]}
+              onPress={() => {
+                // setDateValue(selanswer);
+                showQtnDatePicker(qtn, true);
+              }}>
+              <Fontisto size={20} color={PageTheme.$accent_color} name="date" />
+            </TouchableOpacity>
+          </View>
+        )}
+        {qtn.QuestionType == 'Rating' && (
+          <View style={customStyle.surveyQtn_datePicker_con}>
+            <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+            <TouchableOpacity
+              style={[customStyle.surveyQtnRatingIcon]}
+              onPress={() => {
+                setRatingQtn(qtn);
+                setShowRating(true);
+              }}>
+              <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag" />
+            </TouchableOpacity>
+          </View>
+        )}
+        {qtn.QuestionType == 'Audio' && (
+          <View style={customStyle.surveyQtn_datePicker_con}>
+            <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+            <TouchableOpacity
+              style={[customStyle.surveyQtnRatingIcon]}
+              onPress={() => {
+                show_recorder(qtn);
+              }}>
+              <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone" />
+            </TouchableOpacity>
+          </View>
+        )}
+      </View>
+    );
+  }
+});
+
+
+const RenderSurveyQtns= React.memo(({image,QuestionsData})=> {
+  const SurveyQuestions = image?.Questions;
+  // console.log("SurveyQuestions----",SurveyQuestions?.length)
+
+
+ return (
+    <FlatList
+      data={SurveyQuestions}
+      // extraData={rerenderdata1}
+      renderItem={({ item, index })=><RenderItem item={item} index={index} image={image} QuestionsData={QuestionsData}/>}
+      keyExtractor={(item, index) => item.AIQuestionId.toString()}
+      contentContainerStyle={customStyle.SVn_GroupViewList}
+    />
+  );
+})
+
+
+async function validate(){  
+
+  var isvalid=true;
+  const QD=QuestionsData;
+  console.log(SurveyQuestions.length);
+  for(var i=0;i<SurveyQuestions.length;i++){
+      let qtn=SurveyQuestions[i];
+      let selansid='',selanswer='',selimg='',showImageTag=false,showImageTag2=false;
+      let id_key=qtn.AIQuestionId+'_AnswerId'; 
+      let ans_key=qtn.AIQuestionId+'_Answer'; 
+      let multi_key=qtn.AIQuestionId+'_MultiOption';
+      let date_key=qtn.AIQuestionId+'_Date';
+      let img_key=qtn.AIQuestionId+'_ImagePath1';
+      let imgname_key=qtn.AIQuestionId+'_ImageName1';
+      let img_key2=qtn.AIQuestionId+'_ImagePath2';
+      let imgname_key2=qtn.AIQuestionId+'_ImageName2';
+      let rating_key=qtn.AIQuestionId+'_Rating'; 
+      let voiceClip_key=qtn.AIQuestionId+'_VoiceClip'; 
+      let list_mcdata=[];
+
+      let isDisabled=qtn.isDisabled!=null?qtn.isDisabled:false
+     
+      if(isDisabled==true){
+
+      }
+      else{
+          let isImgAllowed=(qtn.QuestionImageAllow==true || qtn.QuestionImageAllow=='true' || qtn.QuestionImageAllow==1);
+          let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+          if(qtn.QuestionType=='Single choice list')
+          {
+              selansid=QD[id_key];
+          }
+          else if(qtn.QuestionType=='Multi choice list')
+          {
+              selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+          }
+          
+      
+          if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+              isvalid=false;
+              notify(ST.Pleaseselectoptionsfortherequiredfield,'SHORT');
+              break;
+          }
+          else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+              isvalid=false;
+              let msg=( qtn.QuestionType=='Date'?ST.Pleasepickadate:(qtn.QuestionType=='Rating'?ST.Pleaseselectrating:ST.Pleasefillalldetails));
+              notify(msg,'SHORT');
+              break;
+          }
+          else if( qtn.QuestionType=='Audio' && (Object.keys(QD).indexOf(voiceClip_key)<0 || (Object.keys(QD).indexOf(voiceClip_key)>=0 && (QD[voiceClip_key]==null || QD[voiceClip_key].filename==null || QD[voiceClip_key].filename=='')))){
+              isvalid=false;
+              notify(ST.Pleaserecordaudioclipfortherequiredfield,'SHORT');
+              break;
+          }
+          else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]===''))){
+              isvalid=false;
+              notify(ST.Pleasefillalldetails,'SHORT');
+              console.log(QD[id_key],QD,id_key)
+              break;
+          }
+          else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+              isvalid=false;
+              notify(ST.Pleaseaddimages,'SHORT');
+              break;
+          }else{
+              console.log('no condition found');
+          }
+
+          if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+              if (qtn.Answers && qtn.Answers.length>0){
+                  for(var j=0;j<qtn.Answers.length;j++){
+                      let ansss=qtn.Answers[j];
+                      let isandImgAl=(ansss.ImageAllow1==true || ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                      if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                          showImageTag=true;
+                      }
+                      else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                          showImageTag=true;
+                      }
+                      
+                      let isandImgAl2=(ansss.ImageAllow2==true || ansss.ImageAllow2=='true' || ansss.ImageAllow2==1);
+                      if(qtn.QuestionType=='Single choice list' && (isandImgAl2 && ansss.AnswerId==selansid)){
+                          showImageTag2=true;
+                      }
+                      else if(qtn.QuestionType=='Multi choice list' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId)>=0)){
+                          showImageTag2=true;
+                      }
+                  }
+              }
+          }
+
+      }
+  } 
+  
+  return isvalid;
+}
+
+async function onSubmitData(){
+  let isvalid=await validate();
+  if(isvalid){
+     setShowAlert(true);
+  }
+}
+
+function onSaveCancel(){
+  setShowAlert(false);
+}
+
+
+async function saveData(UploadStatus) {
+
+  console.log(UploadStatus, "UploadStatus")
+
+  setHasUnsavedChanges(false);
+  setShowAlert(false);
+  setLoaderTitle('Saving Data...');
+  setProcessing(true);
+  try {
+      let { StoreId } = storeData;
+
+      await db.transaction(async function (txn) {
+          let q1 = `DELETE FROM ${AppTables.IMAGE_AUDIT_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+          let q2 = `DELETE FROM ${AppTables.IMAGE_AUDIT_QUESTION} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+        
+          // Remove old data
+          await txn.executeSql(q1, [], async function (txn2, txnres) {
+              console.log('Image audit header data deleted');
+          }, function (txn2, txnerr) { console.log(txnerr); },);
+
+          await txn.executeSql(q2, [], async function (txn2, txnres) {
+              console.log('Image audit questions deleted');
+          }, function (txn2, txnerr) { console.log(txnerr); },);
+
+          await insertData(UploadStatus);
+      });
+  } catch (err) {
+      console.log(err);
+  }
+}
+
+
+async function insertData(UploadStatus) {
+  try {
+    let { StoreId } = storeData;
+
+    await db.transaction(async function (txn) {
+      var headerValues = '';
+      var imageValues = '';
+
+      console.log("data-------OF INFOooo",JSON.stringify(dataInfo))
+      for (var i = 0; i < dataInfo.length; i++) {
+        let { MID, MenuId, Menu, DefData } = dataInfo[i];
+
+        let ImageHeaderId = 'IMAGEAUDIT' + i + MID + moment().format('MMDDYYYYHHmmss');
+
+        for (var j = 0; j < DefData.length; j++) {
+          let { DefId, DefName, Images } = DefData[j];
+
+          // Iterate over the Images array (handling both Image1 and Image2 separately)
+          for (let k = 0; k < Images?.length; k++) {
+            let image = Images[k];
+
+            // Check if Image1 or Image2 are selected
+            let pictureokay = image.pictureokay ? 1 : 0; // for Image1 checkbox
+            let pictureokay2 = image.pictureokay2 ? 1 : 0; // for Image2 checkbox
+
+            let statusChange = image.STATUS == "U" ? "U" : UploadStatus;
+
+            // Only insert data if Image1 or Image2 is selected (avoid duplicates)
+            // if (pictureokay || pictureokay2) {
+              headerValues += headerValues !== '' ? ' , ' : '';
+              headerValues += `('${StoreId}','${d2}','${ImageHeaderId}', '${MID}', '${MenuId}', '${Menu}', '${image.KPIImageId}', '${image.QuestionImageId}', '${DefId}', '${DefName}', '${image.ImageName || ''}', '${image.Image1 || ''}', '${image.Image2 || ''}', '${image.BaseUrl || ''}', '${pictureokay}', '${pictureokay2}', '${statusChange}')`;
+            // }
+
+            // Insert only if Image1 or Image2 is selected (avoid duplicates)
+            // if (pictureokay || pictureokay2) {
+            //   imageValues += imageValues !== '' ? ' , ' : '';
+            //   imageValues += `('${ImageHeaderId}', '${StoreId}', '${d2}', '${MID}', '${image.QuestionImageId}', '${image.QuestionType}', '${pictureokay ? image.Image1 || '' : ''}', '${image.KPIImageId}', '', 0, '${d2}')`;
+            // }
+          }
+        }
+      }
+
+      if (headerValues !== '') {
+        let addHeaderData = `INSERT INTO ${AppTables.IMAGE_AUDIT_HDR_DATA} 
+          (STORE_ID, VISIT_DATE, IMAGE_HEADER_ID, MID, MenuId, Menu, KPIImageId, QuestionImageId, DefId, DefName, ImageName, Image1, Image2, BaseUrl, pictureokay, pictureokay2, STATUS)
+          VALUES ${headerValues}`;
+
+        console.log("HEADER_VALUES---", headerValues);
+
+        await txn.executeSql(addHeaderData, [], async function (txn2, txnres) {
+          console.log('Image header data added');
+          notify('Data saved successfully');
+          setProcessing(false);
+
+            if(UploadStatus == "U") {
+              props.navigation.goBack();
+
+            }
+
+
+          // Uncomment if needed for image data insertion
+          // if (imageValues !== '') {
+          //   let addImagesData = `INSERT INTO ${AppTables.IMAGE_AUDIT_QUESTION} 
+          //     (STORE_ID, VISIT_DATE, MID, QUESTION_ID, QUESTION_TYPE, ANSWER, ANSWER_ID, MULTI_OPTIONS_IDS, IS_DISABLED, ADDED_DATE) 
+          //     VALUES ${imageValues}`;
+
+          //   await txn.executeSql(addImagesData, [], async function (txn2, txnres) {
+          //     console.log('Image data added successfully');
+          //     notify('Data saved successfully');
+          //     setProcessing(false);
+          //   }, function (txn2, txnerr) {
+          //     console.log(txnerr);
+          //     setProcessing(false);
+          //     notify('Error saving image data');
+          //   });
+          // }
+        }, function (txn2, txnerr) {
+          console.log(txnerr);
+          setProcessing(false);
+          notify('Error saving image header data');
+        });
+      }
+    });
+  } catch (err) {
+    console.log(err);
+    setProcessing(false);
+  }
+}
+
+async function upload_Status() {
+  let d1 = new Date();
+  let d2 = moment(d1).format('MM/DD/YYYY');
+  await saveData("P");
+
+  setLoaderTitle('Uploading Data...');
+
+  let storeInfo = dataInfo;
+
+  let arr = [];
+
+
+ // Create a shallow copy or filtered version of dataInfo
+  let filteredStoreInfo = dataInfo.map(item => {
+    let filteredDefData = item.DefData.map(defItem => {
+      // Include all images, setting pictureokay/pictureokay2 to 0 if not already set
+      let allImages = defItem.Images.map(image => ({
+        ...image,
+        pictureokay: image.pictureokay ? image.pictureokay : 0,
+        pictureokay2: image.pictureokay2 ? image.pictureokay2 : 0,
+      }));
+
+      return {
+        ...defItem,
+        Images: allImages
+      };
+    });
+
+    return {
+      ...item,
+      DefData: filteredDefData
+    };
+  });
+
+  // Filter out any entries where Images is empty
+  filteredStoreInfo = filteredStoreInfo.filter(item => item.DefData.some(defItem => defItem.Images.length > 0));
+
+
+  await filteredStoreInfo.map((item, i) => {
+    let itemObj2 = item;
+
+    if (item.Status !== "U") {
+      let rsData = item.DefData.map(item3 => {
+        let Images = [];
+
+        item3?.Images.map(item2 => {
+          let obj = {
+            KPIImageId: item2.KPIImageId,
+            QuestionImageId: item2.QuestionImageId
+          };
+
+          if (item2?.Image1) {
+            Images.push({
+              ...obj,
+              imageType: "Image1",
+              Questions: item2.Questions1,
+              Image: item2?.Image1,
+              pictureokay: item2.pictureokay
+            });
+          }
+
+          if (item2?.Image2) {
+            Images.push({
+              ...obj,
+              imageType: "Image2",
+              Questions: item2.Questions2,
+              Image: item2?.Image2,
+              pictureokay: item2.pictureokay2
+            });
+          }
+        });
+
+        item3["Images"] = Images;
+        return item3;
+      });
+
+      itemObj2["UserId"] = props.UserId;
+      itemObj2["DefData"] = rsData;
+      arr.push(itemObj2);
+    }
+  });
+
+  console.log("Filtered Data to Upload:", JSON.stringify(arr));
+
+  console.log(JSON.stringify(arr), "postDATAAAA----------")
+
+  let postData = {
+      "MID": storeData?.MID,
+      "Keys": "Sup_Image_Audit_Info",
+      "JsonData": JSON.stringify(arr),
+      "UserId": props.UserId,
+  };
+
+  // console.log("image audit infooo-------------ad", dataInfo);
+
+  const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+
+  // console.log(url, postData, 'url and postDaata...');
+
+  await UploadData(url, postData)
+      .then(async (res) => {
+          console.log('res: 12', res);
+          if (res?.UploadJsonResult == "Success") {
+              await saveData("U");
+              //  get_data();
+              setProcessing(false);
+          } else {
+              setProcessing(false);
+          }
+      })
+      .catch((err) => {
+          console.log(err);
+          setProcessing(false);
+      });
+
+}
+
+
+
+// console.log(JSON.stringify(dataInfo), "data---------///")
+
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={Platform.OS === 'ios'}>
+    {processing && <CustomLoader fullHeight title={loaderTitle} />}
+    
+    <CustomHeader {...props} title={'Image Audit'} />
+
+    {ConfirmSaveAlert(props,showAlert,onSaveCancel,upload_Status)}
+
+    {!processing && <>
+      <LinearGradient
+        colors={[PageTheme.$gradient1, PageTheme.$primary_color]}
+        start={{ x: 0, y: 0 }}
+        end={{ x: 1, y: 0 }}
+        style={[customStyle.roundScrollWrapper]}
+      >
+        <View style={[customStyle.pageContentWrapper]}>
+          {!props.isDataDownloaded && <NoDataComponent {...props} />}
+          <View style={[customStyle.storelist_parentwrap,{paddingHorizontal:10}]}>
+
+          <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+          <View style={customStyle.storel_card_outer}> 
+            <View style={customStyle.storel_card}>
+              <View style={customStyle.storel_card_content}>
+                <Text style={customStyle.storel_card_title}>{storeData?.StoreName}</Text>
+                <View style={customStyle.storel_card_subtitle}>
+                  <Text style={customStyle.storel_card_subtitleTxt}>{storeData?.StoreType}</Text>
+                </View>
+              </View>                  
+            </View>
+            <View style={customStyle.storel_details}>
+              <View style={customStyle.storel_code}>
+                <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                  <Text style={customStyle.storel_codeLbl}>{ST.StoreId+':'}</Text>
+                  <Text style={customStyle.storel_codeText}>{storeData?.StoreId}</Text>
+                </View>                    
+                <View style={[customStyle.storel_codeCon]}>
+                  <Text style={customStyle.storel_codeLbl}>{ST.Address+':'}</Text>
+                  <Text style={customStyle.storel_codeText}>{storeData?.Address}</Text>
+                </View>
+              </View>
+            </View>                
+          </View> 
+
+          </View>
+
+
+          {
+            <View style={[customStyle.storel_Con, { paddingBottom: 0 }]}>
+              <FlatList
+                data={dataInfo || []}
+                // extraData={rerenderdata}
+                style={customStyle.listcon}
+                // nestedScrollEnabled={true}
+                // removeClippedSubviews={false}
+                // showsVerticalScrollIndicator={false}     
+                contentContainerStyle={[{paddingBottom:200}]}
+                renderItem={({ item }) => <ImageAuditItem item={item} {...props} />}
+               
+              />
+            </View>
+          }
+
+
+          </View>
+        </View>
+      </LinearGradient>
+
+      
+     {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl}  index={refImageIndex}
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+      }  
+
+        <View style={[customStyle.opening_Stock_btnWrap, {marginTop :40}]}>
+              <GradientButton {...props} title={'Save And Upload'} onPress={()=>{onSubmitData()}}/> 
+        </View> 
+        </>}
+
+    </Container>
+  );
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(ImageAudit);
diff --git a/src/screens/ImageAuditStoreList copy.js b/src/screens/ImageAuditStoreList copy.js
new file mode 100644
index 0000000..ce57e9d
--- /dev/null
+++ b/src/screens/ImageAuditStoreList copy.js	
@@ -0,0 +1,214 @@
+import React,{useState,useEffect, memo, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,TouchableHighlight,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,AddStore, checkRange, UploadData2, UploadData, UpdateStoreStatus, getKPIS, marktext1, marktext2, UploadFormData, getDownloadJson1} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, AppVersion} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, Entypo, EvilIcons, Feather, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import MapIcon from '../assets/performics/map_icon.svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+import { getMethodName, METHODS } from '../constants/methodNames';
+
+
+function ImageAuditStoreList(props) { 
+    const route = useRoute();
+    
+    const ST=props.StaticText || {};
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+
+
+    const [processing, setProcessing] = useState(false);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isDataFound, setisDataFound] = useState(false);
+  
+    const [addstoreinfo, setAddStoreInfo] = useState([]);
+  
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(()=>{
+      getData();
+      setLoaderTitle(ST.Loading+'...');
+    },[])
+  
+  
+    async function getData(){     
+      setProcessing(true)   
+      try {
+        
+        let allImageAuditStoreListData= await DownloadImageAuditStoreList();
+        console.log('allImageAuditStoreListData',allImageAuditStoreListData);
+        if(allImageAuditStoreListData.length>0){
+            setAddStoreInfo(allImageAuditStoreListData);
+            setProcessing(false);
+            setisDataFound(true);
+        }
+        else{
+            notify(ST.Nodatafound);
+            setProcessing(false);
+        }
+  
+      } catch (err) {
+        setProcessing(false);
+        console.log(err);          
+      }        
+    }
+  
+    async function DownloadImageAuditStoreList(){
+        let downloadKey="Sup_ImageAuditStoreList";
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+        let data={
+          Downloadtype:downloadKey,
+          Username: loginDetails.UserId,
+          Param1: '',
+          Param2: '',
+        };
+  
+        console.log(url,data);
+        return await getDownloadJson1(url,data)
+        .then(async(res)=>{  
+          if (res[downloadKey]) {
+            let data_arr = res[downloadKey] || []; 
+            return data_arr;
+          }
+          else{
+            return [];
+          }        
+        })
+        .catch((err)=>{
+          console.log('onPage Team error',err);
+          return [];
+        }); 
+    }
+  
+
+    const StoreItem=memo((props)=>{
+        const route = useRoute();
+        const PageTheme=GetPageTheme(props.DarkMode,route.name);
+        const customStyle=customStyles(props.DarkMode,route.name);
+        const item=props.item;
+        const ST=props.StaticText || {};
+
+        console.log(item, "itemss---------->>>>>")
+      
+        return(
+          <TouchableOpacity
+                    style={customStyle.storel}
+                    key={props.index} > 
+                    <View style={customStyle.storel_card_outer}> 
+                      <View style={customStyle.storel_card}>
+                        <View style={customStyle.storel_card_content}>
+                          <Text style={customStyle.storel_card_title}>{item.StoreName}</Text>
+                        </View>                  
+                      </View>
+                      <View style={customStyle.storel_details}>
+                        <View style={customStyle.storel_code}>
+                          <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder,customStyle.storel_codeConAddr]}>
+                            <Text style={customStyle.storel_codeLbl}>{ST.StoreId+':'}</Text>
+                            <Text style={customStyle.storel_codeText}>{item.StoreId}</Text>
+                          </View>                    
+                          <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr]}>
+                            <Text style={customStyle.storel_codeLbl}>{ST.StoreType+':'}</Text>
+                            <Text style={[customStyle.storel_codeText,{width:'50%'}]}>{item.StoreType}</Text>
+                          </View>
+                        </View>
+
+                      <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>        
+                        <View style={customStyle.storel_code}>
+                          <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder,customStyle.storel_codeConAddr]}>
+                            <Text style={customStyle.storel_codeLbl}>{ST.Address+':'}</Text>
+                            <Text style={customStyle.storel_codeText}>{item.Address}</Text>
+                          </View>                    
+                          <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr]}>
+                            <Text style={customStyle.storel_codeLbl}>{ST.CityName+':'}</Text>
+                            <Text style={[customStyle.storel_codeText,{width:'50%'}]}>{item.CityName}</Text>
+                          </View>
+                        </View>
+                      </View>
+                       
+                        <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>                    
+                          <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr]}>
+                            <Text style={customStyle.storel_codeLbl}>{ST.CoveredBy+':'}</Text>
+                            <Text style={[customStyle.storel_codeText,customStyle.storel_codeTextAddr]}>{item.CoveredBy}</Text>
+                          </View>
+                        </View>
+                      
+                        {
+                          <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10,customStyle.storel_usOp]}>
+                            <TouchableOpacity  style={[customStyle.storel_usOpBtn]} onPress={()=>{}}>
+                            <Image style={{ height:18,width :18 , resizeMode:'contain', tintColor:PageTheme.$accent_color}} source={require('../assets/icons/audit/audit.png')} />
+                              <Text style={customStyle.storel_usOpBtnText}>{'Audit'}</Text>
+                            </TouchableOpacity> 
+                          </View>
+                        }
+                      </View>
+                      
+                    </View> 
+          </TouchableOpacity>
+        );
+    });
+   
+   
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+         {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={'Image Audit Store List'} />
+   
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }}
+        // style={{width:'100%'}}
+         style={[customStyle.roundScrollWrapper]}
+         >
+          <View style={[customStyle.pageContentWrapper]}>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          <View style={[customStyle.storelist_parentwrap]}>
+          { isDataFound==false && 
+            <View style={customStyle.noDataCon}>
+              <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+            </View>
+          }
+           { addstoreinfo.length> 0  &&
+             <View style={[customStyle.storel_Con, {paddingBottom:0}]} >
+              <FlatList
+              data={addstoreinfo}
+              style={customStyle.listcon}
+              initialNumToRender={4}
+              contentContainerStyle={[customStyle.iteml_con]}
+              renderItem={({ item, index, separators }) =>{
+                return(
+                  <StoreItem  {...props} item={item} />
+                );
+                }}
+              /> 
+            </View>
+             }
+          </View>
+         </View>      
+       </LinearGradient>       
+       
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(ImageAuditStoreList);
\ No newline at end of file
diff --git a/src/screens/ImageAuditStoreList.js b/src/screens/ImageAuditStoreList.js
new file mode 100644
index 0000000..c048be0
--- /dev/null
+++ b/src/screens/ImageAuditStoreList.js
@@ -0,0 +1,371 @@
+import React, { useState, useEffect, memo } from 'react';
+import { useIsFocused, useRoute } from '@react-navigation/native';
+import { View, Text, TouchableOpacity, Image, FlatList, Platform } from 'react-native';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import Container from '../components/container';
+import CustomLoader from '../components/CustomLoader';
+import CustomHeader from '../components/customHeader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { get_item } from '../components/localStorage';
+import { notify } from '../components/notify';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { getDownloadJson1 } from '../controller/functions';
+import { METHODS, getMethodName } from '../constants/methodNames';
+import { SvgXml } from 'react-native-svg';
+import { AppTables } from '../constants/tableConstants';
+import { mapDispatchToProps, mapStateToProps } from '../reducers/contextProvider';
+import { db } from '../constants/constants';
+import { Fontisto, Ionicons } from '../components/icons';
+import DateTimePickerModal from 'react-native-modal-datetime-picker'
+
+const ImageAuditStoreList = (props) => {
+  const route = useRoute();
+  const { DarkMode, baseurl, StaticText: ST = {} } = props;
+  const PageTheme = GetPageTheme(DarkMode, route.name);
+  const customStyle = customStyles(DarkMode, route.name);
+
+  const [processing, setProcessing] = useState(false);
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [isDataFound, setIsDataFound] = useState(false);
+  const [addStoreInfo, setAddStoreInfo] = useState([]);
+  const [addStoreInfodatewise, setAddStoreInfoDateWise] = useState([]);
+
+  const [localimagedata, setHdrData] = useState([]);
+
+  const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
+  const [selectedDate, setSelectedDate] = useState(null);
+
+  const isFocused = useIsFocused();
+
+  useEffect(() => {
+    setLoaderTitle(ST.Loading +'...');
+    Get_data();
+  }, [isFocused]);
+
+  const showDatePicker = () => {
+    setDatePickerVisibility(true);
+  };
+
+  const hideDatePicker = () => {
+    setDatePickerVisibility(false);
+  };
+
+  const handleConfirm = (date) => {
+    setSelectedDate(date); // Save the selected date in state
+    hideDatePicker();
+  };
+
+
+    async function getDataselectedDate(date){ 
+      const date1 = moment(date).format('MM/DD/YYYY');
+        setProcessing(true)   
+        try {
+          
+          let allImageAuditStoreListData= await DownloadImageAuditStoreList(date1);
+          // console.log('allImageAuditStoreListData-------------------',allImageAuditStoreListData);
+          if(allImageAuditStoreListData?.length>0){
+              console.log("localimagedata--",localimagedata)
+              
+            let res=allImageAuditStoreListData?.map((item)=>{
+              console.log("res------12------",item)
+              let objVal=localimagedata?.find((val)=>val.MID==item.MID && val.STORE_ID==item.StoreId )
+              console.log("res------12-----objVal-",objVal)
+              if(objVal && (Object?.keys(objVal)?.length>0)){
+                console.log("res------12-----objVal3-")
+                return {...item,...objVal };
+              }else{
+                return item ;
+              }
+            })
+
+            console.log("res------------",res)
+              setAddStoreInfo(res||[]);
+              setProcessing(false);
+          }
+          else{
+              notify(ST.Nodatafound);
+              setProcessing(false);
+          }
+    
+        } catch (err) {
+          setProcessing(false);
+          console.log(err);          
+        }        
+      }
+    
+    async function DownloadImageAuditStoreList(date1){
+        let downloadKey="Sup_ImageAuditStoreList";
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+        let data={
+          Downloadtype:downloadKey,
+          Username: loginDetails.UserId,
+          Param1: date1,
+          Param2: '',
+        };
+  
+        console.log(url,data);
+        return await getDownloadJson1(url,data)
+        .then(async(res)=>{  
+          if (res[downloadKey]) {
+            let data_arr = res[downloadKey] || []; 
+            return data_arr;
+          }
+          else{
+            return [];
+          }        
+        })
+        .catch((err)=>{
+          console.log('onPage Team error',err);
+          return [];
+        }); 
+    }
+
+    async function Get_data() {     
+      setProcessing(true);
+      try {   
+        await db.transaction(async (txn) => {        
+          let query1 = `
+            SELECT DISTINCT s.*, IFNULL(h.Status , '') AS STATUS
+            FROM Sup_ImageAuditStoreList s
+            LEFT JOIN IMAGE_AUDIT_HDR_DATA h 
+            ON s.MID = h.MID AND s.StoreId = h.STORE_ID;
+          `;
+    
+          let query2 = `SELECT * FROM IMAGE_AUDIT_HDR_DATA`;
+    
+          console.log(query1, "query1");
+          console.log(query2, "query2");
+    
+          // First Query Execution
+          txn.executeSql(query1, [], (txn, result) => {
+            if (result.rows.length > 0) {
+              let arr = [];
+              for (let i = 0; i < result.rows.length; i++) {
+                let data = result.rows.item(i);
+                arr.push(data);
+              }
+              setAddStoreInfo(arr);
+              setIsDataFound(true);
+              setrerenderdata(prevState => !prevState);
+            }
+          }, (error) => { 
+            console.log("Error while executing query1: ", error); 
+          });
+    
+          // Second Query Execution
+          txn.executeSql(query2, [], (txn, result) => {
+            if (result.rows.length > 0) {
+              let hdrData = [];
+              for (let i = 0; i < result.rows.length; i++) {
+                let data = result.rows.item(i);
+                hdrData.push(data);
+              }
+              setHdrData(hdrData); // Store the data in a new state
+            }
+          }, (error) => { 
+            console.log("Error while executing query2: ", error); 
+          });
+    
+          setProcessing(false); // Mark processing as false after executing both queries
+        });
+      } catch (err) {
+        console.log("Error in Get_data function: ", err);     
+        setProcessing(false);     
+      }        
+    }
+    
+
+
+  async function Get_Status() {     
+    setProcessing(true);
+    try {   
+     
+      await db.transaction(async (txn) => {        
+        let query = `SELECT DISTINCT s.MID, s.StoreId, h.Status FROM Sup_ImageAuditStoreList s
+                    LEFT JOIN IMAGE_AUDIT_HDR_DATA h ON s.MID = h.MID AND s.StoreId = h.STORE_ID;` ;
+  
+        console.log(query , "query")
+        
+        txn.executeSql(query, [], (txn, result) => {
+  
+          if (result.rows.length > 0) {
+            let arr = [];
+            for (let i = 0; i < result.rows.length; i++) {
+              let data = result.rows.item(i);
+              arr.push(data);
+            }
+            // setAddStoreInfo(arr);
+            // console.log(arr, "STTATTSTSUUUSS")
+           
+            setProcessing(false);
+            // console.log(arr, "Image Audit Store list data statuss........");
+            // setrerenderdata(prevState => !prevState);
+          } else{
+            setProcessing(false);
+          }
+        }, (error) => { 
+          setProcessing(false);
+          console.log("Error while executing SQL: ", error); 
+        });
+      });
+    } catch (err) {
+      console.log("Error in Get_data function: ", err);     
+      setProcessing(false);     
+    }        
+  }
+
+  const StoreItem = memo(({ item }) => (
+    <TouchableOpacity style={customStyle.storel} key={item.StoreId} 
+    disabled={item.STATUS == 'U'} 
+    onPress={() => {
+    if (item.STATUS !== 'U') {
+    props.navigation.navigate('ImageAudit', {imageauditstoreData: item , selectedDate : selectedDate});
+     }
+    }}
+    >
+      <View style={customStyle.storel_card_outer}>
+        <View style={customStyle.storel_card}>
+          <View style={customStyle.storel_card_content}>
+            <Text style={customStyle.storel_card_title}>{item.StoreName}</Text>
+          </View>
+        </View>
+        <View style={customStyle.storel_details}>
+          <View style={customStyle.storel_code}>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeBorder, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{`${ST.StoreId}:`}</Text>
+              <Text style={customStyle.storel_codeText}>{item.StoreId}</Text>
+            </View>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{`${ST.StoreType}:`}</Text>
+              <Text style={[customStyle.storel_codeText, { width: '50%' }]}>{item.StoreType}</Text>
+            </View>
+          </View>
+
+          <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10]}>
+            <View style={customStyle.storel_code}>
+              <View style={[customStyle.storel_codeCon, customStyle.storel_codeBorder, customStyle.storel_codeConAddr]}>
+                <Text style={customStyle.storel_codeLbl}>{`${ST.Address}:`}</Text>
+                <Text style={customStyle.storel_codeText}>{item.Address}</Text>
+              </View>
+              <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+                <Text style={customStyle.storel_codeLbl}>{`${ST.CityName}:`}</Text>
+                <Text style={[customStyle.storel_codeText, { width: '50%' }]}>{item.CityName}</Text>
+              </View>
+            </View>
+          </View>
+
+          <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10]}>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{`${ST.CoveredBy}:`}</Text>
+              <Text style={[customStyle.storel_codeText, customStyle.storel_codeTextAddr]}>{item.CoveredBy}</Text>
+            </View>
+          </View>
+
+          <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10, customStyle.storel_usOp]}>
+         
+         
+          <TouchableOpacity 
+            style={customStyle.storel_usOpBtn}
+            disabled={item.STATUS == 'U'}  
+            onPress={() => {
+              if (item.STATUS !== 'U') {
+                props.navigation.navigate('ImageAudit', {imageauditstoreData: item , selectedDate : selectedDate});
+              }
+            }}
+          >
+              <Image
+                style={{ height: 18, width: 18, resizeMode: 'contain', tintColor: PageTheme.$accent_color }}
+                source={require('../assets/icons/audit/audit.png')}
+              />
+              <Text style={customStyle.storel_usOpBtnText}>{'Audit'}</Text>
+            </TouchableOpacity>
+
+            { item.STATUS=="P" &&
+              <View style={[customStyle.storel_usCon]}> 
+                  <Text style={[customStyle.storel_usText,{color:'red'}]}>{"Upload Pending"}</Text> 
+              </View>
+            }
+
+            { item.STATUS=="U" &&
+            <View style={[customStyle.storel_usCon]}> 
+              <Ionicons name='checkmark-done-sharp' color='green' size={20}/> 
+                <Text style={[customStyle.storel_usText,{color:'green'}]}>{ST.Uploaded}</Text> 
+            </View>
+          }
+
+
+
+          </View>
+        </View>
+      </View>
+    </TouchableOpacity>
+  ));
+
+  let minDate = new Date();
+  minDate.setDate(minDate.getDate() - 7);
+
+  console.log(addStoreInfo , "addStoreInfo")
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={Platform.OS === 'ios'}>
+      {processing && <CustomLoader fullHeight title={loaderTitle} />}
+      <CustomHeader {...props} title={'Image Audit Store List'} />
+
+      <LinearGradient
+        colors={[PageTheme.$gradient1, PageTheme.$primary_color]}
+        start={{ x: 0, y: 0 }}
+        end={{ x: 1, y: 0 }}
+        style={[customStyle.roundScrollWrapper]}
+      >
+        <View style={[customStyle.pageContentWrapper]}>
+
+
+        <View style={[{flexDirection:'row',alignItems:'center', justifyContent:'space-between', marginHorizontal:20, borderColor:'#d3d3d3',borderWidth:1, padding:10,borderRadius:5}]}>
+          <Text style={{color:'#000'}}>Select Date</Text>
+            <TouchableOpacity  style={[customStyle.repoertDetailsPicker,{}]} onPress={showDatePicker}>
+             <Fontisto name='date' size={20} color={'#31ab92'} />  
+            </TouchableOpacity>                                   
+        </View>
+
+        <View style={{flexDirection:'row', alignItems:'center', justifyContent:'space-between',marginHorizontal:20,marginTop:5}}>
+          {selectedDate && (<Text style={{ marginTop: 0,backgroundColor:'#eaf3fa', borderRadius:4, padding:12,fontWeight:20,color:'black' }}>Selected Date: {moment(selectedDate).format('MM/DD/YYYY')}</Text>)}
+          <DateTimePickerModal minimumDate={minDate} maximumDate={new Date()} isVisible={isDatePickerVisible}  mode="date" onConfirm={handleConfirm}  onCancel={hideDatePicker} />
+
+            {selectedDate &&
+                <TouchableOpacity style={customStyle.addVis_btn} onPress={()=>{getDataselectedDate(selectedDate)}}>
+                    <Text style={customStyle.addVisBtnText}>Go</Text>
+                </TouchableOpacity>
+            }
+        </View>
+
+          {!props.isDataDownloaded && <NoDataComponent {...props} />}
+          <View style={customStyle.storelist_parentwrap}>
+            {!isDataFound && (
+              <View style={customStyle.noDataCon}>
+                <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+              </View>
+            )}
+
+            {addStoreInfo?.length > 0 && (
+              <View style={[customStyle.storel_Con, { paddingBottom: 0 }]}>
+                <FlatList
+                  data={addStoreInfo}
+                  style={customStyle.listcon}
+                  initialNumToRender={4}
+                  contentContainerStyle={customStyle.iteml_con}
+                  renderItem={({ item }) => <StoreItem item={item} {...props} />}
+                />
+              </View>
+            )}
+          </View>
+        </View>
+      </LinearGradient>
+    </Container>
+  );
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(ImageAuditStoreList);
diff --git a/src/screens/Login.js b/src/screens/Login.js
new file mode 100644
index 0000000..4c83356
--- /dev/null
+++ b/src/screens/Login.js
@@ -0,0 +1,390 @@
+import React, { useState, useEffect, useRef } from 'react';
+import Container from '../components/container';
+import { SafeAreaView } from 'react-native-safe-area-context'
+import { useRoute } from '@react-navigation/native';
+import CustomButton from '../components/customButton';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { StatusBar, Image, KeyboardAvoidingView, TextInput, View, Text, ScrollView, TouchableOpacity, Platform, PermissionsAndroid, Animated, Keyboard } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { login, RestoreProjectInProps } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, copyrightText, baseurl, logoImage } from '../constants/constants';
+import { METHODS, getMethodName } from '../constants/methodNames';
+import { MaterialCommunityIcons } from '../components/icons';
+// import { TouchableOpacity } from 'react-native-gesture-handler';
+
+// import Geolocation from '@react-native-community/geolocation'
+
+import Geolocation from 'react-native-geolocation-service';
+
+import { requestMultiplePerms, _checkLocationPermission, checkPermissions } from '../components/geolocation';
+import DeviceInfo from 'react-native-device-info';
+import SplashScreen from 'react-native-splash-screen';
+import CustomLoader from '../components/CustomLoader';
+import { SvgUri, SvgXml } from 'react-native-svg';
+import GradientButton from '../components/gradientButton';
+import { Ionicons } from '../components/icons';
+
+import Graphic1 from '../assets/performics/login.svg';
+
+import Text_eng from '../constants/Text_eng.json';
+import Text_thai from '../constants/Text_thai.json';
+
+
+function Login(props) {
+
+  const route = useRoute();
+
+  // get all theme styles acc to current theme set 
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+
+  const [state, setState] = useState({ username: '', password: '', showPass: false, location: { lat: '', lng: '' } });
+  const [processing, setProcessing] = useState(false);
+  const animatedEffects = useRef(new Animated.Value(0)).current;
+
+  useEffect(() => {
+    SplashScreen.hide();
+    requestMultiplePerms(); // check for permissions
+    RestoreProjectInProps(props);
+
+    const keyboardDidShowListener = Keyboard.addListener(
+      'keyboardDidShow',
+      () => {
+
+
+        Animated.timing(animatedEffects, {
+          toValue: 1,
+          duration: 400,
+          useNativeDriver: (Platform.OS == 'ios' ? false : true),
+        }).start();
+      }
+    );
+    const keyboardDidHideListener = Keyboard.addListener(
+      'keyboardDidHide',
+      () => {
+
+        Animated.timing(animatedEffects, {
+          toValue: 0,
+          duration: 400,
+          useNativeDriver: (Platform.OS == 'ios' ? false : true),
+        }).start();
+      }
+    );
+    return () => {
+      keyboardDidHideListener.remove();
+      keyboardDidShowListener.remove();
+    };
+  }, []);
+
+
+ 
+
+
+  // async function _getCurrentLocation() {
+  //   const hasPermission = await _checkLocationPermission();
+  //   console.log("hasPermission", hasPermission);
+  //   if (hasPermission == true) {
+  //     let ssss = Geolocation.getCurrentPosition();
+
+  //     console.log('Geolocation==>', ssss);
+
+  //     Geolocation.getCurrentPosition(
+  //       async (position) => {
+  //         let loc = { lat: position.coords.latitude, lng: position.coords.longitude };
+  //         setState({ ...state, location: loc });
+  //         await userlogin(loc);
+  //       },
+  //       (error) => {
+  //         notify('Cannot get user position', error);
+  //       },
+  //       { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+  //     );
+  //   }
+  //   else {
+  //     notify('Please allow location permission to login');
+  //   }
+  // }
+
+async function _getCurrentLocation() {
+  try {
+    const hasPermission = await _checkLocationPermission();
+    console.log("Location Permission:", hasPermission);
+
+    if (!hasPermission) {
+      notify("Please allow location permission to login");
+      return;
+    }
+
+    console.log("Fetching current location...");
+
+    Geolocation.getCurrentPosition(
+      async (position) => {
+        console.log('User Location:', position);
+
+        const loc = {
+          lat: position.coords.latitude,
+          lng: position.coords.longitude
+        };
+
+        setState({ ...state, location: loc });
+
+        await userlogin(loc);
+      },
+      (error) => {
+        console.log("Location Error:", error);
+        notify("Cannot get user position");
+      },
+      {
+        enableHighAccuracy: true,
+        timeout: 15000,
+        maximumAge: 0,
+        forceRequestLocation: true,
+        showLocationDialog: true,
+      }
+    );
+  } catch (err) {
+    console.log("Location Exception:", err);
+    notify("Unable to fetch location");
+  }
+}
+
+
+
+
+ 
+  const userlogin = async (loc) => {
+    const { username, password } = state;
+
+    if (validate()) {
+      setProcessing(true);
+      clear_item('islogin'); clear_item('loginToken'); clear_item('loginOfDays');
+      clear_item('login_credentials'); clear_item('loginInfo');
+
+      let params = props.route.params ? props.route.params : {};
+      let forgotMpin = params.forgotMpin || '';
+
+      const todate = new Date();
+      const today = moment(todate).format("HH:mm:ss");
+      let manufacturer = await DeviceInfo.getManufacturer();
+      let model = await DeviceInfo.getDeviceName();
+      let os = await DeviceInfo.getSystemVersion();
+      let imeiNo1 = await DeviceInfo.getAndroidId();
+
+      const data = { un: username, pass: password, Intime: today, lat: loc.lat, lng: loc.lng, manufacturer: manufacturer, model: model, os: os, imeiNo1: imeiNo1, imeiNo2: imeiNo1 };
+      const method_name = getMethodName(METHODS.LOGIN_METHOD);
+      const url = (props.baseurl || baseurl) + method_name;
+      console.log(url, data)
+      await login(url, data)
+        .then(async (res) => {
+
+          setProcessing(false);
+
+          if (res.networkErr && res.error) {
+            notify('Please connect to internet-' + res.error, 'SHORT');
+          }
+          else if (!res.false && res.error) {
+            notify(res.error, 'SHORT');
+          }
+          else if (res.UserId) {
+            notify('Login Success', 'SHORT');
+            if (forgotMpin == '1') {
+              clear_item('mpin');   // clear mpin;          
+            }
+            //set login info in global reducer
+            const pdata = { islogin: true, UserId: res.UserId, SecurityToken: '', sessionData: res };
+            props.set_session(pdata);
+            let country = res.CountryId != null ? res.CountryId + '' : '';
+
+            //set login info in encryted local storage
+            set_item('islogin', 'done');
+            let credentials = { 'un': username, 'pass': password };
+            set_item('login_credentials', JSON.stringify(credentials));
+            set_item('UserCountry', country);
+            set_item('loginToken', res.UserId);
+            set_item('loginInfo', JSON.stringify(res));
+
+            let lngJson = country == '2' ? Text_thai : Text_eng;
+            props.setStaticText(lngJson)
+
+            // open login screen 
+            let routename = 'Mpin';
+            // let mpin=await get_item('mpin');
+            // if(mpin!='' && mpin!=null && mpin!=undefined){
+            //   routename='NoticeBoard';
+            // }
+           props.navigation.reset({ index: 0, routes: [{ name: routename }], });
+          }
+          else {
+            notify('Cannot login! Something went wrong', 'SHORT');
+          }
+        })
+        .catch((err) => {
+          setProcessing(false);
+          console.log('onPage Login error1', err);
+        });
+    }
+
+  }
+
+  const validate = () => {
+    const { username, password } = state;
+    if (username.trim().length == 0) {
+      notify('Please enter username', 'SHORT');
+      return false;
+    }
+
+    if (password.trim().length == 0) {
+      notify('Please enter password', 'SHORT');
+      return false;
+    }
+
+    return true;
+  }
+
+  const showPassword = () => {
+    const { showPass } = state;
+    setState({ ...state, showPass: !showPass });
+  }
+
+  function _renderAnimPart() {
+    let cl_scale = 1, cl_ty = 0, pl_scale = 1, illus_scale = 1, illus_ty = 0, formty = 0;
+    if (animatedEffects != null) {
+      pl_scale = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [1, 0.7],
+      });
+      cl_scale = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [1, 0.6],
+      });
+      cl_ty = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, -40],
+      });
+      illus_scale = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [1, 0.5],
+      });
+      illus_ty = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, -160],
+      });
+      formty = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, -130],
+      });
+    }
+
+    return (
+      <SafeAreaView>
+        <View style={customStyle.keyba_inner_view}>
+          <Animated.Image style={[customStyle.performics_logo,
+          {
+            transform: [
+              { scale: pl_scale }
+            ],
+          }
+          ]} source={require('../assets/image/PerformicsLogo.png')} />
+
+          {props.companylogo != null && props.companylogo != '' && <Animated.Image style={[customStyle.company_logo,
+          {
+            transform: [
+              { scale: cl_scale },
+              { translateY: cl_ty },
+            ],
+          }
+          ]} source={{ uri: props.companylogo }} />}
+          {/* <View style={{height:100}}></View> */}
+          <Animated.View style={[
+            {
+              transform: [
+                { scale: illus_scale },
+                { translateY: illus_ty },
+              ],
+            }
+          ]}>
+            <SvgXml style={[customStyle.loginIllutration]} width={200} height={200} xml={Graphic1} />
+          </Animated.View>
+
+          <Animated.View style={[customStyle.formCon, customStyle.mt10,
+          {
+            transform: [
+              { translateY: formty },
+            ],
+          }
+          ]}>
+            <Text style={[customStyle.pagedescText]}>Hey There</Text>
+            <Text style={customStyle.pageText}>Login to your account</Text>
+
+            <View style={[customStyle.formGroup, customStyle.mt20]}>
+              <TextInput
+                style={[customStyle.inputStyle, customStyle.pl40]}
+                placeholder="Username"
+                placeholderTextColor={PageTheme.$placeholder_color}
+                value={state.username}
+                onChangeText={(val) => setState({ ...state, username: val })}
+                autoComplete='off'
+              />
+              <MaterialCommunityIcons style={customStyle.formInputLeftIcon} size={18} name='account-outline' color={PageTheme.$placeholder_color} />
+            </View>
+            <View style={[customStyle.formGroup, customStyle.mt10]}>
+              <TextInput
+                style={[customStyle.inputStyle, customStyle.pl40, customStyle.pr40]}
+                placeholder="Password"
+                secureTextEntry={!state.showPass}
+                placeholderTextColor={PageTheme.$placeholder_color}
+                value={state.password}
+                onChangeText={(val) => setState({ ...state, password: val })}
+                onSubmitEditing={(val) => { _getCurrentLocation(); }}
+                autoComplete='off'
+              />
+              <MaterialCommunityIcons style={customStyle.formInputLeftIcon} size={16} name='lock-outline' color={PageTheme.$placeholder_color} />
+              <TouchableOpacity style={customStyle.show_pass_btn} onPress={showPassword}>
+                {state.showPass && <MaterialCommunityIcons color={PageTheme.$placeholder_color} name='eye'></MaterialCommunityIcons>}
+                {!state.showPass && <MaterialCommunityIcons color={PageTheme.$placeholder_color} name='eye-off'></MaterialCommunityIcons>}
+              </TouchableOpacity>
+            </View>
+
+
+
+          </Animated.View>
+
+
+        </View>
+      </SafeAreaView>
+    )
+  }
+
+
+
+  return (
+    <Container {...props}>
+      {processing && <CustomLoader title="Logging In..." />}
+      <View style={[customStyle.projectPageWrapper]}>
+        <ScrollView
+          style={[customStyle.projectScrollCon]}
+          contentContainerStyle={customStyle.projectCon}
+        >
+          {_renderAnimPart()}
+        </ScrollView>
+
+
+        <View style={[customStyle.footerView]}>
+          <GradientButton {...props} title={'Login'} onPress={() => { _getCurrentLocation(); }} />
+          <View style={[customStyle.signatureBox, customStyle.mt20]}>
+            <Text style={customStyle.signatureText}>{version}</Text>
+            <Text style={customStyle.signatureText}>{copyrightText}</Text>
+          </View>
+        </View>
+      </View>
+    </Container>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Login)
\ No newline at end of file
diff --git a/src/screens/MiddayStock.js b/src/screens/MiddayStock.js
new file mode 100644
index 0000000..a8ae30f
--- /dev/null
+++ b/src/screens/MiddayStock.js
@@ -0,0 +1,482 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+
+function MiddayStock(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [KPIFields, setKPIFields] = useState([]);
+
+    const inputRefs = useRef({});
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    function  onBeforeRemove(e){
+        if (hasUnsavedChanges==true) {
+            e.preventDefault(); // Prevent default behavior of leaving the screen
+            onRemoveScreen(e);
+        }
+        else{
+           return;
+        }   
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          await db.transaction(async function (txn) {        
+            
+            let join=' INNER join Product_Master p on c.CategoryId=p.CategoryId ';
+            let join2=' INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+            let q=`SELECT DISTINCT c.CategoryId,c.CategoryName,mp.MSL from Master_Category c ${join} ${join2}  where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreTypeId='${StoreTypeId}' order by p.CategorySequence`;
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            // setBrandData(arr);
+                            getSKU(arr,storeData1);
+                        }                                
+                    }
+                    
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+            // setProcessing(false);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getSKU(brands=[],storeData1={}){
+        
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData1;     
+        
+          await db.transaction(async function (txn) { 
+            var allSKUData=[];
+            await Promise.all(
+                brands.map(async (item,index) => {
+                    
+                    let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                    let join2=`  inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                    let sku_q2=`select distinct p.ProductName,p.ProductId,p.BrandName,p.BrandId,m.MSL from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${item.CategoryId}' and CompanyId='1' order by p.ProductSequence`;
+                    
+                    let seletlist=`PRODUCT as ProductName,PRODUCT_ID as ProductId,BRAND as BrandName,BRAND_ID as BrandId,MSL,OPENING_STOCK,MIDDAY_STOCK,CLOSING_STOCK,EXPIRY_ISOPEN,EXPIRY_STK`;
+                    let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and  CATEGORY_ID='${item.CategoryId}' `;
+                    
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        if(txnres.rows.length>0){
+                            let arr=[];
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                inputRefs.current['input1_'+item.CategoryId+'_'+data.ProductId]='';
+                                arr.push(data);
+                                
+                                let defData={'CategoryId':item.CategoryId,'ProductId':data.ProductId,'MiddayStock':data.MIDDAY_STOCK};
+                                allSKUData.push(defData);
+                                if(i==txnres.rows.length-1){
+                                    item['skulist']=arr;
+                                    brands[index]=item;
+                                    if(index==brands.length-1){
+                                        setSKUStockData(allSKUData);
+                                        setBrandData(brands);
+                                        setProcessing(false);
+                                    }
+                                    return item;
+                                }
+                            }
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                        inputRefs.current['input1_'+item.CategoryId+'_'+data.ProductId]='';
+                                        arr.push(data);
+                                        // let defData={'CategoryId':item.CategoryId,'ProductId':data.ProductId,'MiddayStock':2};
+                                        // allSKUData.push(defData);
+                                        if(i==(txnres2.rows.length-1)){                                        
+                                            item['skulist']=arr;
+                                            brands[index]=item;
+                                            if(index==brands.length-1){
+                                                // setSKUStockData(allSKUData);
+                                                setBrandData(brands);
+                                                setProcessing(false);
+                                            }
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                                
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            );          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function focusToNext(cat,index,sku,sku_index,inputType='1'){
+        console.log('focusToNext',index);
+        let data=brandData;
+        let ccat_index=index;
+        let skulist=cat.skulist || [];
+        if(sku_index==skulist.length-1){ // if last subcategory element
+            //then move to next category
+            console.log('move to next cat',ccat_index,data.length)
+            if(ccat_index==data.length-1){
+                return;
+            }
+            else{
+                ccat_index+=1;
+                console.log('move to next cat n:',ccat_index)
+                let cat1=data[ccat_index];
+                let skulist1=cat1.skulist || [];
+                if(skulist1.length>0){
+                    let sku1=skulist1[0];
+                    let refIn1=inputRefs.current['input1_'+cat1.CategoryId+'_'+sku1.ProductId];
+                    console.log('move to next cat refIn1:','input1_'+cat1.CategoryId+'_'+sku1.ProductId)
+                    refIn1.focus();
+                }
+            }
+        }
+        else{
+            // move to next subcategory
+            let sku1=skulist[sku_index+1];
+            let refIn1=inputRefs.current['input1_'+cat.CategoryId+'_'+sku1.ProductId];
+            refIn1.focus();
+        }
+         
+    }
+  
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`SELECT DISTINCT KEY_ID,CATEGORY_ID FROM ${AppTables.INSERT_OPENINGHEADER_DATA} WHERE  STORE_ID='${StoreId}' and VISIT_DATE='${d2}'`
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  
+                if(txnres.rows.length>0){
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let catdata=txnres.rows.item(i);
+                        let c_index=i;
+                        let q2=`SELECT * FROM ${AppTables.STOCK_DATA} WHERE  COMMON_ID='${catdata.KEY_ID}'`
+                       
+                        await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                           
+                            if(txnres2.rows.length>0){
+                                for(var j=0;j<txnres2.rows.length;j++){
+                                    let skuData=txnres2.rows.item(j);
+                                    let p_index=j;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(ci=>ci.CategoryId==catdata.CATEGORY_ID && ci.ProductId==skuData.PRODUCT_ID);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let md_Stock=thisCatSkuData.MiddayStock!=null && thisCatSkuData.MiddayStock!=''?thisCatSkuData.MiddayStock:'0';
+
+                                    let new_q=`UPDATE ${AppTables.STOCK_DATA} SET MIDDAY_STOCK='${md_Stock}'  WHERE  STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and  CATEGORY_ID='${catdata.CATEGORY_ID}' and PRODUCT_ID='${skuData.PRODUCT_ID}' `;
+                                   
+                                    await txn.executeSql(new_q,[],async function (txn2, txnres3) { 
+                                        console.log('updated midday stock',md_Stock);
+                                        if(c_index==txnres.rows.length-1 &&  p_index==txnres2.rows.length-1){
+                                            afterUpdate();
+                                        }
+                                    },function (txn2, txnerr) { console.log(txnerr);notify('Oops! Error occur while updating Midday-Stock') },);
+                                }
+                            }else{
+                                if(c_index==txnres.rows.length-1){
+                                    setProcessing(false);
+                                }
+                            }
+                        },function (txn2, txnerr) { console.log(txnerr); },);
+                    }
+                }
+                else{
+                    setProcessing(false);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function afterUpdate(){
+        setProcessing(false);
+        notify('Midday-Stock updated successfully');
+        props.navigation.goBack();
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        var i=0,j=0;
+
+        let isMdStockMandIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MidDayStockMandatory')
+        let isMdStockMandKPIObj=isMdStockMandIndex>=0?KPIFields[isMdStockMandIndex]:{};
+        let isMdStockMandEnable=isMdStockMandIndex>=0?isMdStockMandKPIObj['KPIFieldEnable']:true;
+
+        await Promise.all(
+            brandData.map(async (item,index) => {
+            if(isValid){
+                let catId=item.CategoryId;
+                
+                let skulist=item.skulist || [];
+                if(skulist.length>0){
+                    await Promise.all(
+                        skulist.map(async (skuItem,skuIndex) => {
+                            if(isValid){
+                                let skuData=SKUStockData.find(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId ) || {};
+                                if((isMdStockMandEnable==1 || isMdStockMandEnable=='true')  && skuData.MiddayStock!==0 && (skuData.MiddayStock==null || skuData.MiddayStock=='')){
+                                    notify('Please enter Midday-Stock for '+skuItem.ProductName,'SHORT');
+                                    isValid=false;
+                                }else{
+                                   
+                                }
+                            }
+                        })
+                    );
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key){
+        if(!isNaN(val)){
+            if(val.includes('.')){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':item.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function _render_Alert(){
+        return (
+          <CustomModal 
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={'Do you really want to save data?'}
+            showModal={showAlert}
+          >
+            <View style={customStyle.storelVisitM_options}>
+             <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowAlert(false)}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Cancel</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{saveData()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Yes</Text>
+              </TouchableOpacity>
+            </View>
+          </CustomModal>
+        )
+      }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {_render_Alert()}
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&          
+            <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={(Platform.OS=='ios'?10:-100)} >  
+             
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const catIndex=index;
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.CategoryName}</Text>
+                            </LinearGradient>
+                            
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            {<FlatList 
+                                data={item.skulist}
+                                extraData={rerenderdata2}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skus.ProductId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let md_Stock=thisCatSkuData.MiddayStock!=null?thisCatSkuData.MiddayStock:'';
+                                    
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={customStyle.openStk_prd_name}>{skus.ProductName}</Text>
+                                            <View style={[customStyle.openStk_prddetails,customStyle.openStk_prd_borderT,customStyle.openStk_prd_borderB]}>
+                                                <View style={customStyle.openStk_prdd_wrap}>
+                                                    <Text style={customStyle.openStk_prdd_flabel}>Opening Stock :</Text>
+                                                    <Text style={customStyle.openStk_prdd_fvalue}>{skus.OPENING_STOCK}</Text>
+                                                </View>
+                                            </View>
+                                            <View style={customStyle.openStk_prd_form}>
+                                                <View style={customStyle.openStk_prd_row}>
+                                                     <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>Midday Stock</Text>
+                                                        <TextInput 
+                                                            ref={(reff)=>{inputRefs.current['input1_'+cat.CategoryId+'_'+skus.ProductId]=reff;}}
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(md_Stock!=null?md_Stock+'':'')}
+                                                            keyboardType='number-pad'
+                                                            onSubmitEditing={()=>{focusToNext(cat,parseInt(catIndex),skus,parseInt(sku_index),'1')}}
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'MiddayStock')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                            </View>
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(MiddayStock);
\ No newline at end of file
diff --git a/src/screens/Mpin.js b/src/screens/Mpin.js
new file mode 100644
index 0000000..e17b565
--- /dev/null
+++ b/src/screens/Mpin.js
@@ -0,0 +1,784 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+// import CustomInput from '../components/customInput';
+import CustomButton from '../components/customButton';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,KeyboardAvoidingView, Keyboard, Animated, Linking} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {requestMultiplePerms,_checkLocationPermission} from '../components/geolocation';
+import OtpInputs from 'react-native-otp-inputs';
+import SplashScreen from 'react-native-splash-screen';
+import { SvgUri, SvgXml} from 'react-native-svg';
+import {version,copyrightText,baseurl,logoImage,db, AppVersion,DevType} from '../constants/constants';
+import {METHODS,getMethodName} from '../constants/methodNames';
+import GradientButton from '../components/gradientButton';
+import { Ionicons } from '../components/icons';
+import * as RNFS from "react-native-fs";
+import RNApkInstaller from "@dominicvonk/react-native-apk-installer";
+import VersionCheck from "react-native-version-check";
+import CustomModal from '../components/CustomModal';
+import Graphic1 from '../assets/performics/mpin.svg';
+import {getProjectData, getProjectInfo, login, RestoreProjectInProps } from '../controller/functions';
+import CustomLoader from '../components/CustomLoader';
+// import Geolocation from '@react-native-community/geolocation';
+// import Geolocation from '@react-native-community/geolocation'
+import Geolocation from 'react-native-geolocation-service';
+
+
+import moment from 'moment';
+import DeviceInfo from 'react-native-device-info';
+import Text_eng from '../constants/Text_eng.json';
+import Text_thai from '../constants/Text_thai.json';
+import DownloadAPKModal from '../components/downloadApkModal';
+import ReactNativeBlobUtil from 'react-native-blob-util';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
+function Mpin (props) { 
+  const route = useRoute();
+
+  // get all theme styles acc to current theme set 
+  const todayDate=moment(new Date()).format('DD/MM/YYYY');
+  const [ST,setST] = useState((props.StaticText || {})); 
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+
+  const [state, setState] = useState({mpin:'',cmpin:''});
+  const [fieldsChange, setFieldsChange] = useState(false);
+  const animatedEffects=useRef(new Animated.Value(0)).current;
+  const [downloading, setDownloading] = useState(false);
+  const [processing, setProcessing] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [dowloadedCount, setDowloadedCount] = useState(0);
+  const [totalCount, setTotalCount] = useState(0);
+  const [isMPINUpdate, setIsMPINUpdate] = useState(false);
+  const [loaderTitle, setLoaderTitle] = useState('');
+  const [downloadingText,setDownloadingText] = useState('');
+
+  const [verToUpdate, setVerToUpdate] = useState('');
+  const [loginRes, setLoginRes] = useState({});
+  const [showVerUpdateModal, setShowVerUpdateModal] = useState(false);
+
+  
+
+  useEffect(() => {     
+    
+    SplashScreen.hide();
+    checkVersion()
+    getsetLanguage();
+    requestMultiplePerms();
+    RestoreProjectInProps(props)
+    const keyboardDidShowListener = Keyboard.addListener(
+      'keyboardDidShow',
+      () => {
+        
+        Animated.timing(animatedEffects, {
+          toValue: 1,
+          duration:400,
+          useNativeDriver:(Platform.OS=='ios'?false:true),
+        }).start();
+      }
+    );
+    const keyboardDidHideListener = Keyboard.addListener(
+      'keyboardDidHide',
+      () => {
+        Animated.timing(animatedEffects, {
+          toValue: 0,
+          duration:400,
+          useNativeDriver:(Platform.OS=='ios'?false:true),
+        }).start();
+      }
+    );
+    return () => {
+      keyboardDidHideListener.remove();
+      keyboardDidShowListener.remove();
+    };
+  }, []);
+
+
+  // useEffect(() => {   
+  //   autologin();
+  // }, [fieldsChange]);
+
+  useEffect(() => {
+    let timeOutId = setTimeout(() => {
+      autosubmit();
+  }, 500);
+
+  return () => {
+      clearTimeout(timeOutId);
+  };
+   
+  }, [isMPINUpdate]);
+
+  
+  useEffect(() => {  
+    console.log('props.StaticText changed');
+    setLoading(false);
+    setLoaderTitle(props.StaticText.Loading+'...')
+    setST(props.StaticText);
+  }, [props.StaticText]);
+  
+  async function getsetLanguage(){
+    let country = await get_item('UserCountry'); 
+    let lngJson=country=='2'?Text_thai:Text_eng;
+    props.setStaticText(lngJson);
+    setTimeout(()=>{setLoading(false);console.log('props.StaticText timeout');},3000);
+  }
+
+  async function checkIfData_Downloaded(){
+    try{
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      const isDataStorageCleared=await get_item('DataStorageCleared');
+      console.log('iisDataStorageCleared on login:',isDataStorageCleared);
+      let dateWiseDataDownload=await get_item('dateWiseDataDownload');
+      let dateWiseDataDownload1=dateWiseDataDownload!=null?JSON.parse(dateWiseDataDownload):{};
+      if(isDataStorageCleared!='1'){
+        // let isDataExists=await checkIfData_Downloaded2();
+        // console.log('isDataExists on login:',isDataExists);
+        
+        if(dateWiseDataDownload1[todayDate]!=null){
+          let d=dateWiseDataDownload1[todayDate];
+          props.setTodayDataExists(d);
+          props.setGlobalData({isDataDownloaded:d});
+        }
+        else{
+          
+          let lods={};
+          lods[todayDate]=false;
+          set_item('dateWiseDataDownload',JSON.stringify(lods)); 
+          props.setTodayDataExists(false);
+        }
+      }
+    }
+    catch(err){
+      console.log(err);
+    }
+  }
+
+
+  const mpinlogin=async()=>{
+    
+    const {mpin,cmpin}=state;
+    if(validate()){
+       //set m-pin info in global reducer
+       props.set_mpin({mpin:mpin});  
+
+       //set m-pin info in encryted local storage
+       set_item('mpin',mpin); 
+       
+       //clear stack and mpin open login screen 
+       refreshToken();
+      //  props.navigation.reset({index: 0,routes: [{name: 'MpinLogin'}],});
+    }
+   
+  }
+
+  function autologin(){
+    const {mpin,cmpin}=state;
+    if(mpin.trim().length == 4 && cmpin.trim().length==4){
+      mpinlogin();
+    }
+  }
+
+  // const validate=()=>{
+  //   const {mpin}=state;
+  //   if(mpin.trim().length == 0){
+  //     notify(ST.PleaseenterMPin,'SHORT');
+  //     return false;
+  //   }
+  //   return true;
+  // }
+
+  const validate=()=>{
+    const {mpin,cmpin}=state;
+    console.log('state',state)
+    
+    if(mpin.trim().length == 0){
+      notify(ST.PleaseenterMPin,'SHORT');
+      return false;
+    }
+    else if(mpin.trim().length>0 && mpin.trim().length<4){
+      notify(ST.Pleaseenter4digitMPin,'SHORT');
+      return false;
+    }
+    
+    if(cmpin.trim().length == 0){
+      notify(ST.PleaseconfirmyourMPin,'SHORT');
+      return false;
+    }
+
+    if(cmpin!=mpin){
+      console.warn("checkmpin",cmpin,mpin)
+      notify(ST.ConfirmMPindoesnotmatch,'SHORT');
+      return false;
+    }
+
+    return true;
+  }
+
+  async function refreshToken(){
+    let login_credentials=await get_item('login_credentials');
+    let credentials=login_credentials!=null?JSON.parse(login_credentials):{};
+    if(credentials.un!=null && credentials.pass!=null){
+      
+      _getCurrentLocation(credentials.un,credentials.pass);
+    }
+    else{
+      notify(ST.Sessionnotfoundpleaseloginagain,'SHORT');
+      // clear stack and open login
+      props.navigation.reset({index: 0,routes: [{name: 'Login'}],});
+    }
+    
+  }
+
+  // async function mpinlogin(){
+  //   const {mpin}=state;
+  //   if(validate()){
+  //     let token=await get_item('loginToken');
+  //     let master_pin=await get_item('mpin'); 
+  //     console.log('master_pin',master_pin)     
+  //     if(master_pin==mpin && master_pin!='' && master_pin!=null && token!='' && token!=null && token!=undefined)
+  //     {
+  //       refreshToken();// refresh token
+  //     }
+  //     else{
+  //       notify(ST.YouenteredwrongMPin,'SHORT');
+  //     }
+  //   }
+  // }
+
+  async function autosubmit(){
+    const {mpin,cmpin}=state;
+    if(mpin.trim().length == 4 && cmpin.trim().length == 4){ 
+      mpinlogin();
+    }
+  }
+
+  // async function _getCurrentLocation(un,pass) {  
+  //   const hasPermission=await _checkLocationPermission();
+  //   if(hasPermission==true)
+  //   {    
+  //     setProcessing(true);
+  //     Geolocation.getCurrentPosition(
+  //       async (position) => {
+  //           let loc={lat:position.coords.latitude,lng:position.coords.longitude};
+  //           setState({...state,location:loc});
+  //           await userlogin(loc,un,pass);
+  //       },
+  //       (error) => {
+  //           notify(ST.Cannotgetuserposition);
+  //           setProcessing(false);
+  //       },
+  //       { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+  //     );
+  //   }
+  //   else{        
+  //     notify(ST.Pleaseallowlocationpermissiontologin);
+  //   }
+  // }
+
+  async function _getCurrentLocation(un, pass) {
+  const hasPermission = await _checkLocationPermission();
+
+  if (!hasPermission) {
+    notify(ST.Pleaseallowlocationpermissiontologin);
+    return;
+  }
+
+  setProcessing(true);
+
+  Geolocation.getCurrentPosition(
+    async (position) => {
+      const loc = {
+        lat: position.coords.latitude,
+        lng: position.coords.longitude,
+      };
+
+      setState({ ...state, location: loc });
+
+      await userlogin(loc, un, pass);
+    },
+    (error) => {
+      console.log("LOCATION ERROR =>", error);
+      notify(ST.Cannotgetuserposition);
+      setProcessing(false);
+    },
+    {
+      enableHighAccuracy: true,
+      timeout: 15000,
+      maximumAge: 0,
+      forceRequestLocation: true,
+      showLocationDialog: true,
+    }
+  );
+}
+  async function update_project(){
+    // refresh project settings
+    let defData={isUpdated:false,ProjectDetails:{},projectid:""}
+    let projectid=await get_item('projectCode');
+    console.log('projectid',projectid);
+
+    return await new Promise((resolve,reject)=>{
+      if(projectid!='' && projectid!=null){
+        
+        getProjectData(projectid)
+        .then((res)=>{
+          console.log(res);
+          if(res.success && res.projectName!=null){
+            //set project info in global reducer
+              const pdata=getProjectInfo(res,projectid);
+              props.set_project(pdata);  
+            //set project info in encryted local storage
+            set_item('projectCode',projectid); 
+            set_item('projectInfo',JSON.stringify(res)); 
+
+            defData['projectid']=projectid;
+            defData['isUpdated']=true;
+            defData['ProjectDetails']=res;
+            resolve(defData);
+          }
+          else if(res.projectName==null){
+            resolve(defData);
+          }        
+        })
+        .catch((err)=>{
+          console.log('err',err);
+          resolve(defData);
+        });
+      }
+      else{
+        resolve(defData);
+      }  
+    })
+    .catch((err)=>{
+      return defData;
+    });
+   
+  }
+
+  async function checkIfData_Downloaded(){
+    try{
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      const isDataStorageCleared=await get_item('DataStorageCleared');
+      console.log('iisDataStorageCleared on login:',isDataStorageCleared);
+      let dateWiseDataDownload=await get_item('dateWiseDataDownload');
+      let dateWiseDataDownload1=dateWiseDataDownload!=null?JSON.parse(dateWiseDataDownload):{};
+      if(isDataStorageCleared!='1'){
+        // let isDataExists=await checkIfData_Downloaded2();
+        // console.log('isDataExists on login:',isDataExists);
+        
+        if(dateWiseDataDownload1[todayDate]!=null){
+          let d=dateWiseDataDownload1[todayDate];
+          props.setTodayDataExists(d);
+          props.setGlobalData({isDataDownloaded:d});
+        }
+        else{
+          
+          let lods={};
+          lods[todayDate]=false;
+          set_item('dateWiseDataDownload',JSON.stringify(lods)); 
+          props.setTodayDataExists(false);
+        }
+      }
+    }
+    catch(err){
+      console.log(err);
+    }
+  }
+
+  const userlogin=async(loc,username,password)=>{  
+      let proj_data=await update_project();
+      let {isUpdated,ProjectDetails,projectid}=proj_data
+
+      console.log('is Project Detail refreshed:',isUpdated);
+
+      let projectInfo=await get_item('projectInfo');
+      let projectDetails=projectInfo!=null?JSON.parse(projectInfo):{};
+      let loginDetails=await get_item('loginOfDays');
+      let loginOfDays=loginDetails!=null?JSON.parse(loginDetails):{};
+      
+      let loginInfo=await get_item('loginInfo');
+      loginInfo=loginInfo!=null && loginInfo!=''?JSON.parse(loginInfo):{};
+      let apv=loginInfo.AppVersion?loginInfo.AppVersion:'';
+      // apv='0';
+
+      const todate=new Date();
+      const today=moment(todate).format("HH:mm:ss");
+      let manufacturer =await DeviceInfo.getManufacturer();
+      let model =await DeviceInfo.getDeviceName();
+      let os=await DeviceInfo.getSystemVersion();
+      let imeiNo1=await DeviceInfo.getAndroidId();
+      
+      const data={un:username,pass:password,Intime:today,lat:loc.lat,lng:loc.lng,manufacturer:manufacturer,model:model,os:os,imeiNo1:imeiNo1,imeiNo2:imeiNo1};
+      
+      const method_name=getMethodName(METHODS.LOGIN_METHOD);
+      const url=(props.baseurl || baseurl)+method_name;
+      console.log('url:',url);
+      
+      await login(url,data)
+      .then(async(res)=>{
+        
+        setProcessing(false);
+        if(res.networkErr && res.error){  
+          notify(ST.Pleaseconnecttointernet+'-'+res.error,'SHORT');
+        }
+        else if(!res.false && res.error){  
+          notify(res.error,'SHORT');
+        }
+        else{
+          let currentAppVersion=res.AppVersion!=null ?res.AppVersion.toString() :'';
+          if(currentAppVersion!=null && currentAppVersion!='' && AppVersion!=null && AppVersion!='' && currentAppVersion.replace(" ",'')!=AppVersion.replace(" ",'') && Platform.OS=='android'&& DevType=="Prod" ){
+            console.log('update version');
+            setVerToUpdate(currentAppVersion);
+            setLoginRes(res);
+            setShowVerUpdateModal(true);
+            return;
+          }
+          notify(ST.LoginSuccess,'SHORT');
+          //set login info in global reducer
+          const pdata={islogin:true,UserId:res.UserId,SecurityToken:'',sessionData:res};          
+          props.set_session(pdata);  
+          
+          const proj_udata=getProjectInfo(ProjectDetails,projectid,res.AppClearData);
+          let ManagerAppConfigObj= props?.ManagerAppConfig && JSON.parse(props.ManagerAppConfig)
+          let ManagerObj=ManagerAppConfigObj?.ManagerAppConfig?.filter(obj1=>obj1.Designation==res?.Designation) ||[]
+
+          if(ManagerObj.length>0){
+            proj_udata["SUP_StorewisePJP"]=ManagerObj?.[0]?.StorewisePJP
+            proj_udata["ShowStoreSearch"]=ManagerObj?.[0]?.StoreSearch
+          }
+          props.set_project(proj_udata);  
+          
+          let country=res.CountryId!=null?res.CountryId+'':'';
+
+          //set login info in encryted local storage
+          set_item('islogin','done'); 
+          set_item('UserCountry',country); 
+          set_item('loginToken',res.UserId);
+          set_item('loginInfo',JSON.stringify(res)); 
+          props.set_user_details({session_name:res.UserId});
+
+          let lngJson=country=='2'?Text_thai:Text_eng;
+          props.setStaticText(lngJson)
+          
+          await checkIfData_Downloaded();
+          
+          // open login screen 
+          
+          if(loginOfDays[todayDate]!=null){
+            props.setLoginExists(true);
+            props.navigation.reset({index: 0,routes: [{name: 'NoticeBoard',params:{UserData:res,'TodayLogin':true}}],});
+          }
+          else{
+            let currenttime=moment(new Date()).format('DD/MM/YYYY HH:mm:ss');
+            let lods={};
+            lods[todayDate]=currenttime;
+            set_item('loginOfDays',JSON.stringify(lods)); 
+            props.setLoginExists(false);
+            props.navigation.reset({index: 0,routes: [{name: 'One_QAD',params:{UserData:res,'TodayLogin':false}}],});
+          }
+          
+        }        
+      })
+      .catch((err)=>{
+        setProcessing(false);
+        console.log('onPage Login error1',err);
+      });
+    
+   
+  }
+
+   const checkVersion = async () => {
+      try {
+        const updateNeeded = await VersionCheck.needUpdate({
+          packageName: "com.cpmindiait.PerformicsManager",
+        });
+  
+        console.log("Version check result:", updateNeeded);
+  
+        if (updateNeeded?.isNeeded) {
+          setShowVerUpdateModal(true);
+          setVerToUpdate(" "+updateNeeded?.latestVersion)
+          checkVersion()
+        }
+      } catch (error) {
+        console.error("Error checking version:", error);
+      }
+    };
+
+  
+
+  async function UpdateAppVersion(){
+    setShowVerUpdateModal(false);
+    let res=loginRes;
+    let AppPath=res.AppPath?res.AppPath:'';
+
+    if(Platform.OS=='ios'){
+      Linking.openURL("https://apps.apple.com/us/app/performicsmanager/id6446242809");
+      // props.navigation.reset({index: 0,routes: [{name: 'NoticeBoard',params:{UserData:res}}],});
+    }
+    else{
+      if(AppPath!='' && AppPath!=null){
+        // Do you have permission to install from unknown sources?
+        let hasAPKInstallPerm=RNApkInstaller.haveUnknownAppSourcesPermission();
+       
+        if(!hasAPKInstallPerm){
+          // Turn on Unknown Sources permission settings
+          RNApkInstaller.showUnknownAppSourcesPermission();
+        }
+
+        // android update app
+        setDownloading(true);
+        let file_parts=AppPath.split('/');
+        let filename=file_parts[file_parts.length-1];
+        const filePath = RNFS.DownloadDirectoryPath + "/"+filename;
+        console.log('filePath for downloading:',filename,filePath);
+        let size=0;
+       
+        let isExists=await RNFS.exists(filePath).then((res)=>{return res;});
+        if(isExists){
+          let tempPath= RNFS.DocumentDirectoryPath + "/"+filename;
+          await RNFS.moveFile(filePath,tempPath).then((res)=>{console.log('file moved');});
+          console.log('tempPath:',tempPath);
+          await RNFS.unlink(tempPath);
+        }
+
+        setTotalCount(size);
+        // setDownloadingText('0%')
+        setDownloadingText('0 %')
+        // RNFS.writeFile(filePath, '').then((create_res)=>{
+           
+            ReactNativeBlobUtil.config({
+              // response data will be saved to this path if it has access right.
+              
+              addAndroidDownloads: {
+                path : filePath,
+                useDownloadManager: true,
+                title: filename,
+                description: 'An APK that will be installed',
+                mime: 'application/vnd.android.package-archive',
+                notification: true,
+                mediaScannable: true,
+              }
+            })
+            .fetch('GET', AppPath, {
+              //some headers ..
+            })
+            .progress((received, total) => {
+              let status_inpercent=((received / total)*100);
+              try{
+                status_inpercent=status_inpercent!=NaN && status_inpercent!=null?parseInt(status_inpercent):status_inpercent;
+              }
+              catch(err){
+                console.log('status_inpercent error:',err);
+              }
+              setDownloadingText(status_inpercent+' %');
+              setDowloadedCount(received);
+              setTotalCount(total);
+            })
+            .then(async(res) => {
+              // the path should be dirs.DocumentDir + 'path-to-file.anything'
+              // let status = res.info().status;
+              let cache_filePath=res.path();
+              console.log('The file saved to ',cache_filePath,filePath);
+              setDownloading(false);
+              if (cache_filePath!=null && cache_filePath!="" && cache_filePath!='undefined') {
+                // let result = await ReactNativeBlobUtil.MediaCollection.copyToMediaStore({
+                //               name: filename, parentFolder: '', mimeType: 'application/vnd.android.package-archive' 
+                //               },'Download', // Media Collection to store the file in ("Audio" | "Image" | "Video" | "Download")
+                //               cache_filePath );
+                // console.log("copy file result:",result);
+               
+                RNApkInstaller.install(filePath);
+                //set login info in global reducer
+                const pdata={islogin:true,UserId:res.UserId,SecurityToken:'',sessionData:res};          
+                props.set_session(pdata);  
+
+                //set login info in encryted local storage
+                set_item('islogin','done'); 
+                set_item('loginToken',res.UserId);
+                set_item('loginInfo',JSON.stringify(res)); 
+                set_item('clearOnInstall','true'); 
+                props.set_user_details({session_name:res.UserId});
+
+                // }).catch((err)=>{
+                //   console.log('error',err);
+                //   notify('Sorry! Cannot download apk. Storage Permission Issue');
+                // });
+                // res.flush();
+                // console.log('removed the apk');
+                
+              }
+            });
+            
+        // }).catch((err)=>{
+        //   console.log('Error while creating:',err);
+        //   setDownloading(false);
+        //   notify('Sorry! Cannot download apk');
+        // });
+      }
+      else{
+        setDownloading(false);
+        notify('Something went wrong! Cannot update version')
+      }
+    }
+  }
+  function _render_Alert(){
+    return (
+      <CustomModal 
+        style={customStyle.appUpdateMStyle}
+        titleStyle={customStyle.appUpdateMT_Style}
+        title={ST.Appupdateavailableversion+verToUpdate+' '}
+        message={ST.UpdateapptothenewversionYourdataissafeandwillnotbelostduringthisupdate}
+        messageStyle={customStyle.appUpdateMT_SubStyle}
+        showModal={showVerUpdateModal}
+      >
+        <View style={customStyle.storelVisitM_options}>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{UpdateAppVersion()}}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.OK}</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+  }
+  function _renderAnimPart(){
+    let cl_scale=1,cl_ty=0,pl_scale=1,illus_scale=1,illus_ty=0,formty=0;
+    if(animatedEffects!=null ){
+      pl_scale=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[1,0.7],
+      });
+      cl_scale=animatedEffects.interpolate({
+          inputRange:[0,1],
+          outputRange:[1,0.6],
+      });
+      cl_ty=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[0,-40],
+      });
+      illus_scale=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[1,0.5],
+      });
+      illus_ty=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[0,-160],
+      });
+      formty=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[0,-130],
+      });
+    }
+    return(
+      
+      <View style={customStyle.keyba_inner_view}>
+        <Animated.Image  style={[customStyle.performics_logo,
+        {
+          transform: [
+            {scale:pl_scale}
+          ],
+         }
+        ]} source={require('../assets/image/PerformicsLogo.png')} />
+
+
+        {props.splashlogo!=null && props.splashlogo!= '' && 
+        <Animated.Image style={[customStyle.company_logo,
+         {
+          transform: [
+            {scale:cl_scale},
+            {translateY:cl_ty},
+          ],
+         }
+        ]} source={{uri:props.splashlogo}} />
+        }
+
+        <Animated.View style={[
+          {
+            transform: [
+              {scale:illus_scale},
+              {translateY:illus_ty},
+            ],
+          }
+        ]}>
+        <SvgXml style={[customStyle.loginIllutration]} width={190} height={190} xml={Graphic1}/>    
+        </Animated.View>
+        <Animated.View style={[customStyle.formCon,
+        {
+          transform: [
+            {translateY:formty},
+          ],
+        }
+        ]}>   
+          <Text style={[customStyle.pagedescText]}>{ST.HeyThere}</Text>
+          <Text style={customStyle.pageText}>{ST.SetMPintologinyouraccount}</Text>
+          <View style={customStyle.form_group}>
+            <Text style={[customStyle.form_label]}>{ST.EnterMPin}</Text>           
+            <OtpInputs
+                // handleChange={(code) => {setState({...state,mpin:code}); setFieldsChange(!fieldsChange);}}
+                handleChange={(code) => {  setState({...state,mpin:code}); setIsMPINUpdate(!isMPINUpdate);}}
+                numberOfInputs={4}
+                secureTextEntry={true}
+                keyboardType={"numeric"}
+                defaultValue={''}
+                autofillFromClipboard={false}
+                inputStyles={customStyle.otp_inputStyle}
+                style={customStyle.otp_field}
+            />
+          </View>          
+          <View style={customStyle.form_group}>
+            <Text style={[customStyle.form_label]}>{ST.ConfirmMPin}</Text>           
+            <OtpInputs
+                // handleChange={(code) => {setState({...state,cmpin:code}); setFieldsChange(!fieldsChange);}}
+                handleChange={(code) => {  setState({...state,cmpin:code}); setIsMPINUpdate(!isMPINUpdate);}}
+                numberOfInputs={4}
+                secureTextEntry={true}
+                keyboardType={"numeric"}
+                defaultValue={''}
+                autofillFromClipboard={false}
+                inputStyles={customStyle.otp_inputStyle}
+                style={customStyle.otp_field}
+                // onSubmitEditing={(val)=>{ mpinlogin();}}
+            />
+          </View>
+
+          
+        </Animated.View>
+        
+        
+      </View>
+    )
+  }
+
+  return ( 
+    <Container {...props}> 
+     {processing && <CustomLoader title={loaderTitle}/>}   
+      {loading && <CustomLoader/>} 
+      {(downloading) && <DownloadAPKModal title={ST.Downloadingapk} downloadCount={dowloadedCount} totalCount={totalCount} hideCounter={true} subtitle={downloadingText}/>}
+      {_render_Alert()}
+      <View style={[customStyle.projectPageWrapper]}> 
+        <ScrollView
+          style={[customStyle.projectScrollCon]}
+          contentContainerStyle={customStyle.projectCon}
+        >
+        {_renderAnimPart()}
+
+        </ScrollView>  
+        <View style={[customStyle.footerView]}>
+          <GradientButton {...props} title={ST.CreateMPin} onPress={()=>{mpinlogin();}}/>
+          <View style={[customStyle.signatureBox,customStyle.mt10]}>
+            <Text style={customStyle.signatureText}>{version}</Text>
+            <Text style={customStyle.signatureText}>{copyrightText}</Text>
+          </View>
+        </View>
+      </View>   
+    </Container>   
+  ); 
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Mpin)
\ No newline at end of file
diff --git a/src/screens/MpinLogin.js b/src/screens/MpinLogin.js
new file mode 100644
index 0000000..206cf0b
--- /dev/null
+++ b/src/screens/MpinLogin.js
@@ -0,0 +1,741 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import CustomButton from '../components/customButton';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,KeyboardAvoidingView, Platform, Linking, Animated, Keyboard} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,copyrightText,baseurl,logoImage,db, AppVersion, DevType} from '../constants/constants';
+import {METHODS,getMethodName} from '../constants/methodNames';
+import {checkPermissions, requestMultiplePerms, _checkLocationPermission} from '../components/geolocation';
+import OtpInputs from 'react-native-otp-inputs';
+import SplashScreen from 'react-native-splash-screen';
+import CustomLoader from '../components/CustomLoader';
+import DeviceInfo from 'react-native-device-info';
+import {getProjectData, getProjectInfo, login, RestoreProjectInProps} from '../controller/functions';
+// import Geolocation from '@react-native-community/geolocation';
+// import Geolocation from '@react-native-community/geolocation'
+import Geolocation from 'react-native-geolocation-service';
+
+import moment from 'moment';
+import { SvgUri, SvgXml} from 'react-native-svg';
+import GradientButton from '../components/gradientButton';
+import { Ionicons, MaterialIcons } from '../components/icons';
+import * as RNFS from "react-native-fs";
+import RNApkInstaller from "@dominicvonk/react-native-apk-installer";
+import VersionCheck from "react-native-version-check";
+import DownloadDataModal from '../components/downloadDataModal';
+import CustomModal from '../components/CustomModal';
+import Graphic1 from '../assets/performics/mpin.svg';
+import { AppTables } from '../constants/tableConstants';
+// import { exitApp } from 'react-native-exit-app';
+import NetworkStatusBar from '../components/NetworkStatusBar';
+import Text_eng from '../constants/Text_eng.json';
+import Text_thai from '../constants/Text_thai.json';
+import DownloadAPKModal from '../components/downloadApkModal';
+import ReactNativeBlobUtil from 'react-native-blob-util';
+
+function MpinLogin(props) { 
+  const route = useRoute();
+  const [ST,setST] = useState((props.StaticText || {})); 
+  // get all theme styles acc to current theme set 
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+  const todayDate=moment(new Date()).format('DD/MM/YYYY');
+
+  const [state, setState] = useState({mpin:''});
+  const [isMPINUpdate, setIsMPINUpdate] = useState(false);
+  const [processing, setProcessing] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [loaderTitle, setLoaderTitle] = useState('');
+  
+  const [downloading, setDownloading] = useState(false);
+  const [verToUpdate, setVerToUpdate] = useState('');
+  const [loginRes, setLoginRes] = useState({});
+  const [showVerUpdateModal, setShowVerUpdateModal] = useState(false);
+  const [dowloadedCount, setDowloadedCount] = useState(0);
+  const [totalCount, setTotalCount] = useState(0);
+  const [downloadingText,setDownloadingText] = useState('');
+  const animatedEffects=useRef(new Animated.Value(0)).current;
+
+  
+  
+  useEffect(() => {  
+    SplashScreen.hide();
+    getsetLanguage();
+    requestMultiplePerms();
+    RestoreProjectInProps(props);
+
+    if(Platform.OS=='ios'){
+      checkVersion()
+    }
+
+    const keyboardDidShowListener = Keyboard.addListener(
+      'keyboardDidShow',
+      () => {
+        
+        Animated.timing(animatedEffects, {
+          toValue: 1,
+          duration:400,
+          useNativeDriver:(Platform.OS=='ios'?false:true),
+        }).start();
+      }
+    );
+    const keyboardDidHideListener = Keyboard.addListener(
+      'keyboardDidHide',
+      () => {
+       
+        Animated.timing(animatedEffects, {
+          toValue: 0,
+          duration:400,
+          useNativeDriver:(Platform.OS=='ios'?false:true),
+        }).start();
+      }
+    );
+    return () => {
+      keyboardDidHideListener.remove();
+      keyboardDidShowListener.remove();
+    };
+  }, []);
+
+  useEffect(() => {  
+    autosubmit();
+  }, [isMPINUpdate]);
+
+  useEffect(() => {  
+    console.log('props.StaticText changed');
+    setLoading(false);
+    setLoaderTitle(props.StaticText.Loading+'...')
+    setST(props.StaticText);
+  }, [props.StaticText]);
+
+  async function getsetLanguage(){
+    let country = await get_item('UserCountry'); 
+    let lngJson=country=='2'?Text_thai:Text_eng;
+    props.setStaticText(lngJson);
+    setTimeout(()=>{setLoading(false);console.log('props.StaticText timeout');},3000);
+  }
+
+  async function checkIfData_Downloaded(){
+    try{
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      const isDataStorageCleared=await get_item('DataStorageCleared');
+      console.log('iisDataStorageCleared on login:',isDataStorageCleared);
+      let dateWiseDataDownload=await get_item('dateWiseDataDownload');
+      let dateWiseDataDownload1=dateWiseDataDownload!=null?JSON.parse(dateWiseDataDownload):{};
+      if(isDataStorageCleared!='1'){
+        // let isDataExists=await checkIfData_Downloaded2();
+        // console.log('isDataExists on login:',isDataExists);
+        
+        if(dateWiseDataDownload1[todayDate]!=null){
+          let d=dateWiseDataDownload1[todayDate];
+          props.setTodayDataExists(d);
+          props.setGlobalData({isDataDownloaded:d});
+        }
+        else{
+          
+          let lods={};
+          lods[todayDate]=false;
+          set_item('dateWiseDataDownload',JSON.stringify(lods)); 
+          props.setTodayDataExists(false);
+        }
+      }
+    }
+    catch(err){
+      console.log(err);
+    }
+  }
+
+  async function checkIfAttendanceUploaded(){
+    try{
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      const isDataStorageCleared=await get_item('DataStorageCleared');
+      let loginInfo=await get_item('loginInfo');
+      loginInfo=loginInfo!=null && loginInfo!=''?JSON.parse(loginInfo):{};
+     
+      if(isDataStorageCleared!='1'){
+
+        await db.transaction(async function (txn) {   
+          
+          await txn.executeSql(`Select * from ${AppTables.ATTENDANCE} where ATTENDANCE_DATE='${d2}' and EMP_ID='${loginInfo.UserId}'  `,[],async function (txn2, txnres2) { 
+              console.log('attends=ance datafound in mpin:',txnres2.rows.length);
+              if(txnres2.rows.length>0){ 
+                let data=txnres2.rows.item(0);
+                let {ENTRY_ALLOW}=data;
+                props.setAttendanceStatus({isAttendanceMarked:true,isEntryAllow:(ENTRY_ALLOW=='1' || ENTRY_ALLOW=='true'?true:false)});
+              }     
+              else{
+
+              }                   
+            },function (txn2, txnerr) { 
+              console.log(txnerr);       
+            },
+          );
+        });
+      }
+    }
+    catch(err){
+      console.log(err);
+    }
+  }
+ 
+  async function refreshToken(){
+    let login_credentials=await get_item('login_credentials');
+    let credentials=login_credentials!=null?JSON.parse(login_credentials):{};
+    if(credentials.un!=null && credentials.pass!=null){
+      
+      _getCurrentLocation(credentials.un,credentials.pass);
+    }
+    else{
+      notify(ST.Sessionnotfoundpleaseloginagain,'SHORT');
+      // clear stack and open login
+      props.navigation.reset({index: 0,routes: [{name: 'Login'}],});
+    }
+    
+  }
+
+  // async function _getCurrentLocation(un,pass) {  
+  //   const hasPermission=await _checkLocationPermission();
+  //   if(hasPermission==true)
+  //   {    
+  //     setProcessing(true);
+  //     Geolocation.getCurrentPosition(
+  //       async (position) => {
+  //           let loc={lat:position.coords.latitude,lng:position.coords.longitude};
+  //           setState({...state,location:loc});
+  //           await userlogin(loc,un,pass);
+  //       },
+  //       (error) => {
+  //           notify(ST.Cannotgetuserposition);
+  //           setProcessing(false);
+  //       },
+  //       { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+  //     );
+  //   }
+  //   else{        
+  //     notify(ST.Pleaseallowlocationpermissiontologin);
+  //   }
+  // }
+
+   async function _getCurrentLocation(un, pass) {
+    const hasPermission = await _checkLocationPermission();
+  
+    if (!hasPermission) {
+      notify(ST.Pleaseallowlocationpermissiontologin);
+      return;
+    }
+  
+    setProcessing(true);
+  
+    Geolocation.getCurrentPosition(
+      async (position) => {
+        const loc = {
+          lat: position.coords.latitude,
+          lng: position.coords.longitude,
+        };
+  
+        setState({ ...state, location: loc });
+  
+        await userlogin(loc, un, pass);
+      },
+      (error) => {
+        console.log("LOCATION ERROR =>", error);
+        notify(ST.Cannotgetuserposition);
+        setProcessing(false);
+      },
+      {
+        enableHighAccuracy: true,
+        timeout: 15000,
+        maximumAge: 0,
+        forceRequestLocation: true,
+        showLocationDialog: true,
+      }
+    );
+  }
+
+  
+
+  const userlogin=async(loc,username,password)=>{  
+    if(validate()){   
+      let proj_data=await update_project();
+      let {isUpdated,ProjectDetails,projectid}=proj_data
+
+      console.log('is Project Detail refreshed:',isUpdated);
+
+      let projectInfo=await get_item('projectInfo');
+      let projectDetails=projectInfo!=null?JSON.parse(projectInfo):{};
+      let loginDetails=await get_item('loginOfDays');
+      let loginOfDays=loginDetails!=null?JSON.parse(loginDetails):{};
+      
+      let loginInfo=await get_item('loginInfo');
+      loginInfo=loginInfo!=null && loginInfo!=''?JSON.parse(loginInfo):{};
+      let apv=loginInfo.AppVersion?loginInfo.AppVersion:'';
+      // apv='0';
+
+      const todate=new Date();
+      const today=moment(todate).format("HH:mm:ss");
+      let manufacturer =await DeviceInfo.getManufacturer();
+      let model =await DeviceInfo.getDeviceName();
+      let os=await DeviceInfo.getSystemVersion();
+      let imeiNo1=await DeviceInfo.getAndroidId();
+      
+      const data={un:username,pass:password,Intime:today,lat:loc.lat,lng:loc.lng,manufacturer:manufacturer,model:model,os:os,imeiNo1:imeiNo1,imeiNo2:imeiNo1};
+      
+      const method_name=getMethodName(METHODS.LOGIN_METHOD);
+      const url=(props.baseurl || baseurl)+method_name;
+      console.log('url:',url);
+      
+      await login(url,data)
+      .then(async(res)=>{
+        
+        setProcessing(false);
+        if(res.networkErr && res.error){  
+          notify(ST.Pleaseconnecttointernet+'-'+res.error,'SHORT');
+        }
+        else if(!res.false && res.error){  
+          notify(res.error,'SHORT');
+        }
+        else{
+          let currentAppVersion=res.AppVersion!=null ?res.AppVersion.toString() :'';
+          if(currentAppVersion!=null && currentAppVersion!='' && AppVersion!=null && AppVersion!='' && currentAppVersion.replace(" ",'')!=AppVersion.replace(" ",'') && Platform.OS=='android' && DevType == "Prod" ){
+            console.log('update version');
+            setVerToUpdate(currentAppVersion);
+            setLoginRes(res);
+            setShowVerUpdateModal(true);
+            return;
+          }
+          notify(ST.LoginSuccess,'SHORT');
+          //set login info in global reducer
+          const pdata={islogin:true,UserId:res.UserId,SecurityToken:'',sessionData:res};          
+          props.set_session(pdata);  
+          
+          const proj_udata=getProjectInfo(ProjectDetails,projectid,res.AppClearData);
+          let ManagerAppConfigObj= props?.ManagerAppConfig && JSON.parse(props.ManagerAppConfig)
+          let ManagerObj=ManagerAppConfigObj?.ManagerAppConfig?.filter(obj1=>obj1.Designation==res?.Designation) ||[]
+          if(ManagerObj.length>0){
+            proj_udata["SUP_StorewisePJP"]=ManagerObj?.[0]?.StorewisePJP
+            proj_udata["ShowStoreSearch"]=ManagerObj?.[0]?.StoreSearch
+          }
+          props.set_project(proj_udata);  
+          
+          let country=res.CountryId!=null?res.CountryId+'':'';
+
+          //set login info in encryted local storage
+          set_item('islogin','done'); 
+          set_item('UserCountry',country); 
+          set_item('loginToken',res.UserId);
+          set_item('loginInfo',JSON.stringify(res)); 
+          props.set_user_details({session_name:res.UserId});
+
+          let lngJson=country=='2'?Text_thai:Text_eng;
+          props.setStaticText(lngJson)
+          
+          await checkIfData_Downloaded();
+          await checkIfAttendanceUploaded();
+          // open login screen 
+          
+          if(loginOfDays[todayDate]!=null){
+            
+            props.navigation.reset({index: 0,routes: [{name: 'NoticeBoard',params:{UserData:res}}],});
+          }
+          else{
+            
+            let currenttime=moment(new Date()).format('DD/MM/YYYY HH:mm:ss');
+            let lods={};
+            lods[todayDate]=currenttime;
+            set_item('loginOfDays',JSON.stringify(lods)); 
+            
+            props.navigation.reset({index: 0,routes: [{name: 'One_QAD',params:{UserData:res}}],});
+          }
+          
+        }        
+      })
+      .catch((err)=>{
+        setProcessing(false);
+        console.log('onPage Login error1',err);
+      });
+    }
+   
+  }
+
+  async function update_project(){
+    // refresh project settings
+    let defData={isUpdated:false,ProjectDetails:{},projectid:""}
+    let projectid=await get_item('projectCode');
+    console.log('projectid',projectid);
+
+    return await new Promise((resolve,reject)=>{
+      if(projectid!='' && projectid!=null){
+        
+        getProjectData(projectid)
+        .then((res)=>{
+          console.log(res);
+          if(res.success && res.projectName!=null){
+            //set project info in global reducer
+              const pdata=getProjectInfo(res,projectid);
+              props.set_project(pdata);  
+            //set project info in encryted local storage
+            set_item('projectCode',projectid); 
+            set_item('projectInfo',JSON.stringify(res)); 
+
+            defData['projectid']=projectid;
+            defData['isUpdated']=true;
+            defData['ProjectDetails']=res;
+            resolve(defData);
+          }
+          else if(res.projectName==null){
+            resolve(defData);
+          }        
+        })
+        .catch((err)=>{
+          console.log('err',err);
+          resolve(defData);
+        });
+      }
+      else{
+        resolve(defData);
+      }  
+    })
+    .catch((err)=>{
+      return defData;
+    });
+   
+  }
+
+  async function mpinlogin(){
+    const {mpin}=state;
+    if(validate()){
+      let token=await get_item('loginToken');
+      let master_pin=await get_item('mpin');      
+      if(master_pin==mpin && master_pin!='' && master_pin!=null && token!='' && token!=null && token!=undefined)
+      {
+        refreshToken();// refresh token
+      }
+      else{
+        notify(ST.YouenteredwrongMPin,'SHORT');
+      }
+    }
+  }
+
+  async function autosubmit(){
+    const {mpin}=state;
+    if(mpin.trim().length == 4){
+      
+      mpinlogin();
+    }
+  }
+
+  const validate=()=>{
+    const {mpin}=state;
+    if(mpin.trim().length == 0){
+      notify(ST.PleaseenterMPin,'SHORT');
+      return false;
+    }
+    return true;
+  }
+
+
+  async function forgetMpin(){
+    let params={'forgotMpin':'1'};
+    props.navigation.reset({index: 0,routes: [{name: 'Login',params:params}],});
+  }
+
+  const checkVersion = async () => {
+    try {
+      const updateNeeded = await VersionCheck.needUpdate({
+        packageName: "com.cpmindiait.PerformicsManager",
+      });
+
+      console.log("Version check result:", updateNeeded);
+
+      if (updateNeeded?.isNeeded) {
+        setShowVerUpdateModal(true);
+        setVerToUpdate(" "+updateNeeded?.latestVersion)
+        checkVersion()
+      }
+    } catch (error) {
+      console.error("Error checking version:", error);
+    }
+  }
+
+  async function UpdateAppVersion(){
+    setShowVerUpdateModal(false);
+    let res=loginRes;
+    let AppPath=res.AppPath?res.AppPath:'';
+    let IpaPath=res.IpaPath?res.IpaPath:'';
+
+
+    if(Platform.OS=='ios'){
+      Linking.openURL("https://apps.apple.com/us/app/performicsmanager/id6446242809");
+      // props.navigation.reset({index: 0,routes: [{name: 'NoticeBoard',params:{UserData:res}}],});
+    }
+    else{
+      if(AppPath!='' && AppPath!=null){
+        // Do you have permission to install from unknown sources?
+        let hasAPKInstallPerm=RNApkInstaller.haveUnknownAppSourcesPermission();
+       
+        if(!hasAPKInstallPerm){
+          // Turn on Unknown Sources permission settings
+          RNApkInstaller.showUnknownAppSourcesPermission();
+        }
+
+        // android update app
+        setDownloading(true);
+        let file_parts=AppPath.split('/');
+        let filename=file_parts[file_parts.length-1];
+        const filePath = RNFS.DownloadDirectoryPath + "/"+filename;
+        console.log('filePath for downloading:',filename,filePath);
+        let size=0;
+       
+        let isExists=await RNFS.exists(filePath).then((res)=>{return res;});
+        if(isExists){
+          let tempPath= RNFS.DocumentDirectoryPath + "/"+filename;
+          await RNFS.moveFile(filePath,tempPath).then((res)=>{console.log('file moved');});
+          console.log('tempPath:',tempPath);
+          await RNFS.unlink(tempPath);
+        }
+
+        setTotalCount(size);
+        // setDownloadingText('0%')
+        setDownloadingText('0 %')
+        // RNFS.writeFile(filePath, '').then((create_res)=>{
+           
+            ReactNativeBlobUtil.config({
+              // response data will be saved to this path if it has access right.
+              
+              addAndroidDownloads: {
+                path : filePath,
+                useDownloadManager: true,
+                title: filename,
+                description: 'An APK that will be installed',
+                mime: 'application/vnd.android.package-archive',
+                notification: true,
+                mediaScannable: true,
+              }
+            })
+            .fetch('GET', AppPath, {
+              //some headers ..
+            })
+            .progress((received, total) => {
+              let status_inpercent=((received / total)*100);
+              try{
+                status_inpercent=status_inpercent!=NaN && status_inpercent!=null?parseInt(status_inpercent):status_inpercent;
+              }
+              catch(err){
+                console.log('status_inpercent error:',err);
+              }
+              setDownloadingText(status_inpercent+' %');
+              setDowloadedCount(received);
+              setTotalCount(total);
+            })
+            .then(async(res) => {
+              // the path should be dirs.DocumentDir + 'path-to-file.anything'
+              // let status = res.info().status;
+              let cache_filePath=res.path();
+              console.log('The file saved to ',cache_filePath,filePath);
+              setDownloading(false);
+              if (cache_filePath!=null && cache_filePath!="" && cache_filePath!='undefined') {
+                // let result = await ReactNativeBlobUtil.MediaCollection.copyToMediaStore({
+                //               name: filename, parentFolder: '', mimeType: 'application/vnd.android.package-archive' 
+                //               },'Download', // Media Collection to store the file in ("Audio" | "Image" | "Video" | "Download")
+                //               cache_filePath );
+                // console.log("copy file result:",result);
+               
+                RNApkInstaller.install(filePath);
+                //set login info in global reducer
+                const pdata={islogin:true,UserId:res.UserId,SecurityToken:'',sessionData:res};          
+                props.set_session(pdata);  
+
+                //set login info in encryted local storage
+                set_item('islogin','done'); 
+                set_item('loginToken',res.UserId);
+                set_item('loginInfo',JSON.stringify(res)); 
+                set_item('clearOnInstall','true'); 
+                props.set_user_details({session_name:res.UserId});
+
+                // }).catch((err)=>{
+                //   console.log('error',err);
+                //   notify('Sorry! Cannot download apk. Storage Permission Issue');
+                // });
+                // res.flush();
+                // console.log('removed the apk');
+                
+              }
+            });
+            
+        // }).catch((err)=>{
+        //   console.log('Error while creating:',err);
+        //   setDownloading(false);
+        //   notify('Sorry! Cannot download apk');
+        // });
+      }
+      else{
+        setDownloading(false);
+        notify('Something went wrong! Cannot update version')
+      }
+    }
+  }
+
+ 
+  function _render_Alert(){
+    return (
+      <CustomModal 
+        style={customStyle.appUpdateMStyle}
+        titleStyle={customStyle.appUpdateMT_Style}
+        title={ST.Appupdateavailableversion+verToUpdate+' '}
+        message={ST.UpdateapptothenewversionYourdataissafeandwillnotbelostduringthisupdate}
+        messageStyle={customStyle.appUpdateMT_SubStyle}
+        showModal={showVerUpdateModal}
+      >
+        <View style={customStyle.storelVisitM_options}>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{UpdateAppVersion()}}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.OK}</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+  }
+
+  
+  function _renderAnimPart(){
+    let cl_scale=1,cl_ty=0,pl_scale=1,illus_scale=1,illus_ty=0,formty=0;
+    if(animatedEffects!=null ){
+      pl_scale=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[1,0.7],
+      });
+      cl_scale=animatedEffects.interpolate({
+          inputRange:[0,1],
+          outputRange:[1,0.6],
+      });
+      cl_ty=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[0,-40],
+      });
+      illus_scale=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[1,0.5],
+      });
+      illus_ty=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[0,-150],
+      });
+      formty=animatedEffects.interpolate({
+        inputRange:[0,1],
+        outputRange:[0,-120],
+      });
+    }
+    return(
+      
+      <View style={customStyle.keyba_inner_view}>
+          <TouchableOpacity style={[customStyle.moreIconMpin]} onPress={() => props.navigation.navigate('Settings')}>
+            <MaterialIcons name='more-vert' size={28} />
+          </TouchableOpacity>
+          <Animated.Image  style={[customStyle.performics_logo,
+          {
+            transform: [
+              {scale:pl_scale}
+            ],
+          }
+          ]} source={require('../assets/image/PerformicsLogo.png')} />
+        {props.splashlogo!=null && props.splashlogo!= '' && 
+        <Animated.Image style={[customStyle.company_logo,
+         {
+          transform: [
+            {scale:cl_scale},
+            {translateY:cl_ty},
+          ],
+         }
+        ]} source={{uri:props.splashlogo}} />}
+        <Animated.View style={[
+          {
+            transform: [
+              {scale:illus_scale},
+              {translateY:illus_ty},
+            ],
+          }
+        ]}>
+        <SvgXml style={[customStyle.loginIllutration]} width={190} height={190} xml={Graphic1}/>    
+        </Animated.View>
+
+        {loading==false && <Animated.View style={[customStyle.formCon,customStyle.mb10,
+        {
+          transform: [
+            {translateY:formty},
+          ],
+        }
+        ]}>
+          <Text style={[customStyle.pagedescText]}>{ST.HeyThere}</Text>
+          <Text style={customStyle.pageText}>{ST.MPintologinyouraccount}</Text>
+          <View style={customStyle.mt40}>         
+            {/* <OtpInputs
+                handleChange={(code) => {  setState({...state,mpin:code}); setIsMPINUpdate(!isMPINUpdate);}}
+                numberOfInputs={4}
+                secureTextEntry={true}
+                keyboardType={"numeric"}
+                defaultValue={''}
+                autofillFromClipboard={false}
+                inputStyles={customStyle.otp_inputStyle}
+                style={customStyle.otp_field}
+            /> */}
+
+              <OtpInputs
+              handleChange={(code) => {
+                // Defer state update to next tick
+                setTimeout(() => {
+                  setState(prev => ({ ...prev, mpin: code }));
+                  setIsMPINUpdate(prev => !prev);
+                }, 0);
+              }}
+               numberOfInputs={4}
+              secureTextEntry={true}
+              keyboardType="numeric"
+              defaultValue=""
+              autofillFromClipboard={false}
+              inputStyles={customStyle.otp_inputStyle}
+              style={customStyle.otp_field}
+            />
+          </View>  
+          <View style={customStyle.forgetMpinWrap}>
+            <TouchableOpacity style={customStyle.forgetMpinBtn} onPress={()=>{forgetMpin()}}>
+              <Text style={customStyle.forgetMpinText}>{ST.ForgotMPin}</Text>
+            </TouchableOpacity>
+          </View> 
+          
+        </Animated.View>}
+        
+        
+      </View>
+    )
+  }
+  return ( 
+    <Container {...props}>
+      {processing && <CustomLoader title={loaderTitle}/>}   
+      {loading && <CustomLoader/>}
+      {(downloading) && <DownloadAPKModal title={ST.Downloadingapk} downloadCount={dowloadedCount} totalCount={totalCount} hideCounter={true} subtitle={downloadingText}/>}
+      {_render_Alert()}
+      <View style={[customStyle.projectPageWrapper]}> 
+        <ScrollView
+          style={[customStyle.projectScrollCon]}
+          contentContainerStyle={customStyle.projectCon}
+        >
+        {_renderAnimPart()}
+        </ScrollView> 
+        {loading==false && <View style={[customStyle.footerView]}>
+          <GradientButton {...props} title={ST.Login} onPress={()=>{mpinlogin();}}/>
+          <View style={[customStyle.signatureBox,customStyle.mt10]}>
+            <Text style={customStyle.signatureText}>{version}</Text>
+            <Text style={customStyle.signatureText}>{copyrightText}</Text>
+          </View>
+        </View>}
+      </View>
+    </Container>   
+  ); 
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(MpinLogin)
\ No newline at end of file
diff --git a/src/screens/NPNDStoreList.js b/src/screens/NPNDStoreList.js
new file mode 100644
index 0000000..3658a59
--- /dev/null
+++ b/src/screens/NPNDStoreList.js
@@ -0,0 +1,340 @@
+import React,{useState,useEffect, memo} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,TouchableHighlight,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,AddStore, checkRange, UploadData2, UploadData, UpdateStoreStatus, getKPIS, marktext1, marktext2, UploadFormData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, AppVersion} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, Entypo, EvilIcons, Feather, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import MapIcon from '../assets/performics/map_icon.svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+import { getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_MenuList } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { uploadAllImages, uploadStoreStatus } from '../constants/uploadData';
+import { PrimaryTheme } from '../styles/Themes';
+import NetworkStatusBar from '../components/NetworkStatusBar';
+import * as RNFS from 'react-native-fs';
+
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CustomCamera from '../components/Camera';
+import NoAttendance from '../components/NoAttendance';
+import HeaderTabsTeam from '../components/HeaderTabsTeam';
+
+const EmployeeItem=memo((props)=>{
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+  const item=props.item;
+
+  const ST=props.StaticText || {};
+
+  async function gotoPage(data){
+    props.navigation.navigate('StoreList',{empData:data,'isAdhoc':false});//props.isAdhocScreen
+  }
+
+
+  return(
+    <TouchableOpacity
+        style={customStyle.storel}
+        key={props.index}          
+        onPress={() => {gotoPage(item)}}> 
+            <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{item.EmployeeName}</Text>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr]}>
+                      <Text style={customStyle.storel_codeLbl}>{'Employee Id:'}</Text>
+                      <Text style={customStyle.storel_codeText}>{item.EmpId}</Text>
+                    </View>     
+                  </View>
+                  <View style={customStyle.storel_code}>                    
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr]}>
+                      <Text style={customStyle.storel_codeLbl}>{'User Id:'}</Text>
+                      <Text style={[customStyle.storel_codeText,customStyle.storel_codeTextAddr]}>{item.UserId}</Text>
+                    </View>
+                  </View>
+                  {
+                  (item.ChekedInStatus==true) && 
+                  <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>
+                    <FontAwesome style={customStyle.storel_codeIcon} color={PageTheme.$red} name='connectdevelop'/>
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={[customStyle.storel_codeTextRed,]}>{'You have some Checked In data for this employee'}</Text>
+                    </View>
+                  </View>
+                  }
+                </View>
+            </View> 
+    </TouchableOpacity>
+  );
+});
+
+function NPNDStoreList(props) { 
+    const route = useRoute();
+    
+    const ST=props.StaticText || {};
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [processing, setProcessing] = useState((props.isDataDownloaded?true:false));
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [nodataFound, setNodataFound] = useState(false);
+    const [showStoreVisitModal, setShowStoreVisitModal] = useState(false);
+    const [showGeoTagModal, setShowGeoTagModal] = useState(false);
+    const [showDistanceModal, setShowDistanceModal] = useState(false);
+    const [currentStore, setCurrentStore] = useState({});
+    const [storeDistance, setStoreDistance] = useState('0 M');
+    const [storeDistanceinM, setStoreDistanceinM] = useState(0);
+    const [showAlert, setShowAlert] = useState(false);
+    const [checkOutStore,setCheckOutStore]=useState({});
+    const [rerenderdata, setrerenderdata]= useState(false);
+    const [EmployeesList, setEmployeesList] = useState([]);
+    const [globalEmplist, setGlobalEmplist] = useState([]);
+
+    const [globalStorelist, setGlobalStorelist] = useState([]);
+    const [cancelCheckOutStore,setCancelCheckOutStore]=useState({});
+    const [showCancelCIModal, setShowCancelCIModal]= useState(false);
+    const [searchedItem, setSearchedItem]= useState('');
+  
+
+    const [CheckOutImage, setCheckOutImage] = useState('');
+    const [CheckOutImagePath, setCheckOutImagePath] = useState('');
+    const [CheckOutImageModal, setCheckOutImageModal] = useState(false);
+    const [CheckOutLoc, setCheckOutLoc] = useState({});
+    const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+    const [showCamera, setShowCamera] = useState(false);
+    const [GeoFenceEnable_Checkout, setGeoFenceEnable_Checkout] = useState(false);
+    const [GeoFenceRadius_Checkout, setGeoFenceRadius_Checkout] = useState('');
+
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...');
+
+      if(props.isDataDownloaded ==true && !props.isAttendanceMarked){
+        props.navigation.pop();props.navigation.push('Attendance');
+      }
+      else{
+        // checkLocalData();
+      
+        const FocusUnsubscribe=props.navigation.addListener('focus', () => {checkLocalData();});
+  
+        return function cleanup() {
+          FocusUnsubscribe();
+          return;
+        };
+      }
+      
+    }, []);
+  
+    async function checkLocalData(){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+      let params=props.route.params? props.route.params:{};
+      let isAdhoc=params.isAdhoc || false;
+      setIsAdhocScreen(isAdhoc);
+
+      var q=''; 
+      // if(isAdhoc==true){
+      //   q=`Select * from Sup_NPNDStore where UploadStatus='N'`;
+      // }
+      // else{
+      //   q=`Select * from Sup_NPNDStore where UploadStatus='Y'`;
+      // }
+      
+        q=`Select * from Sup_TeamList `;
+
+      console.log("NPNDStoreList q:",q);
+      await db.transaction(async function (txn) {   
+        await txn.executeSql(q,[],async function (txn2, txnres2) {    
+          console.log("NPNDStoreList length:",txnres2.rows.length);
+          if(txnres2.rows.length>0){ 
+            // show from local
+            var storeArr=[];
+            for(var i=0;i<txnres2.rows.length;i++){
+              let data=txnres2.rows.item(i); 
+              let ChekedInStatus=await getCheckInStatus(data);
+              data['ChekedInStatus']=ChekedInStatus;
+              
+              storeArr.push(data);
+              
+              if(i==(txnres2.rows.length-1)){
+                setEmployeesList(storeArr);
+                setGlobalEmplist(storeArr);
+                setProcessing(false);
+              }
+            }            
+          }
+          else{            
+            setProcessing(false); notify(ST.Nodatafound);setNodataFound(true);
+          }
+        },function(txn2,txnerr){console.log(txnerr); setProcessing(false); notify(ST.Nodatafound);setNodataFound(true);});
+      });      
+    }
+
+    
+
+    async function getCheckInStatus(emp){
+        let {EmpId} =emp
+        let d1=new Date();
+        let d2=moment(d1).format('MM/DD/YYYY');
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) { 
+    
+              //let join=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_JourneyPlan' `;
+              let q=`Select t1.* from Sup_JourneyPlan t1 where t1.VisitDate='${d2}' and t1.MerchandiserId='${EmpId}' and t1.UploadStatus='I'`
+              
+              //let join2=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_AdhocJourneyPlan' `;
+              let q2=`Select t1.* from Sup_AdhocJourneyPlan t1 where t1.VisitDate='${d2}'  and t1.MerchandiserId='${EmpId}' and t1.UploadStatus='I'`
+              
+              await txn.executeSql(q,[],async function (txn2, txnres2) {           
+                  if(txnres2.rows.length>0){ 
+                    // show from local
+                    resolve(true);      
+                  }
+                  else{            
+                    await txn.executeSql(q2,[],async function (txn2, txnres3) {           
+                      if(txnres3.rows.length>0){ 
+                        // show from local
+                        resolve(true);      
+                      }
+                      else{   
+                        resolve(false);
+                      }
+                    },function(txn2,txnerr){console.log(txnerr);resolve(false);  });
+                  }
+              },function(txn2,txnerr){console.log(txnerr);resolve(false); });
+    
+            }); 
+    
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+          return false;
+        });
+    }
+
+
+    function FilterStores(searchedQry){
+      searchedQry=searchedQry.toLowerCase();
+      console.log('searchedQry',searchedQry);
+      let arr=[]
+      if(searchedQry!=null && searchedQry!=''){
+        globalEmplist.map((item,index)=>{
+          let {EmpId,EmployeeName}=item;
+          if(EmployeeName.toLowerCase().includes(searchedQry) || JSON.stringify(EmpId).toLowerCase().includes(searchedQry)){
+            arr.push(item);
+          }
+        });
+      }
+      else{
+        // arr=globalStorelist;
+        arr=globalEmplist;  // search fixed 
+      }
+      setEmployeesList(arr);
+      setrerenderdata(!rerenderdata)
+    }
+    
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={(isAdhocScreen==true?'Adhoc Team List':'Team List')} />
+        <CustomCamera cameraType={'front'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={customStyle.pageContentWrapper}>
+          
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          {props.isDataDownloaded ==true && !props.isAttendanceMarked &&
+            <NoAttendance {...props}/>
+          }
+          {props.isDataDownloaded ==true && props.isAttendanceMarked==true && props.isEntryAllow==false && 
+            <NoAttendance {...props} msg={"You have marked your attendance and you are not allowed to fill data now! "}/>
+          }
+         
+          <View style={[customStyle.storelist_parentwrap]}>
+            
+
+          {/* <View style={customStyle.storeTab_Con}>
+          <ScrollView style={customStyle.storeTab_MenuCon} contentContainerStyle={customStyle.storeTab_Menu} horizontal={true}>
+            <TouchableOpacity style={[customStyle.storeTab_pill,(!isAdhocScreen?customStyle.storeTab_pillActive:{})]} onPress={()=>{props.navigation.pop();props.navigation.push('NPNDStoreList')}}>
+              <Text style={[customStyle.storeTab_pillText,(!isAdhocScreen?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>{ST.Planned}</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={[customStyle.storeTab_pill,(isAdhocScreen?customStyle.storeTab_pillActive:{})]} onPress={()=>{props.navigation.pop();props.navigation.push('NPNDStoreList',{'isAdhoc': true})}}>
+              <Text style={[customStyle.storeTab_pillText,(isAdhocScreen?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>{ST.Adhoc}</Text>
+            </TouchableOpacity>
+          </ScrollView>
+          </View> */}
+
+          <HeaderTabsTeam {...props} isNPNDScreen={true}  />
+
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={'Search by Employee Id, Employee Name'}
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+
+          { nodataFound && 
+          <View style={customStyle.noDataCon}>
+            <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+          </View>
+          }
+          { (props.isDataDownloaded==true && props.isAttendanceMarked==true && !nodataFound) &&
+          <View style={customStyle.storel_Con}>
+          <FlatList
+          data={EmployeesList}
+          extraData={rerenderdata}
+          style={customStyle.listcon}
+          initialNumToRender={4}
+          contentContainerStyle={customStyle.iteml_con}
+          renderItem={({ item, index, separators }) =>{
+            return(
+              <EmployeeItem  {...props} item={item} index={index} isAdhocScreen={isAdhocScreen} StaticText={ST}/>
+            );
+            }}
+          /> 
+          </View>
+          }
+          </View>
+         
+          
+         </View>      
+       </LinearGradient>       
+       
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(NPNDStoreList);
\ No newline at end of file
diff --git a/src/screens/NoticeBoard.js b/src/screens/NoticeBoard.js
new file mode 100644
index 0000000..ff81907
--- /dev/null
+++ b/src/screens/NoticeBoard.js
@@ -0,0 +1,5732 @@
+import React, { useState, useEffect, useRef } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme, WP, HP } from "../styles/Global";
+import { StatusBar, Image, TextInput, View, Text, ScrollView, TouchableOpacity, Pressable, Platform, PermissionsAndroid, Modal, Alert, Dimensions, LogBox, StyleSheet } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getDownloadJson, DownloadData, getDownloadJson1, fetchProjectConfig, UpdateStoreStatus, getKPIS, getAttendNonWorkingRsns, getProjectInfo, UploadData2, UploadFormData, getIf_UserIsManager, UploadData, get_rowColSettings } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, testurl, db, resumeurl, common_ImagePath } from '../constants/constants';
+import SplashScreen from 'react-native-splash-screen';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import DownloadDataModal from '../components/downloadDataModal';
+import DrawerHeader from '../components/drawerHeader';
+import LinearGradient from 'react-native-linear-gradient';
+import { getDownloadDataTask, getPostData } from '../components/downloadTasks';
+import { getMethodName, METHODS } from '../constants/methodNames';
+import { getImagePOSTData, uploadAllData, uploadAllImages, uploadAllVisitors, uploadStoreStatus } from '../constants/uploadData';
+import { AppTables } from '../constants/tableConstants';
+import Svg, { SvgUri, SvgXml } from 'react-native-svg';
+import * as RNFS from 'react-native-fs';
+import { Q_MenuList } from '../constants/ConstantQueries';
+import kwaza_image from '../assets/performics/kwaza.png';
+import store_planned from '../assets/performics/Planned.svg';
+import store_covered from '../assets/performics/Covered.svg';
+import { Directions, FlatList } from 'react-native-gesture-handler';
+import { logout } from '../components/logout';
+import Carousel, { Pagination } from 'react-native-snap-carousel';
+import { FontAwesome, MaterialCommunityIcons, AntDesign, Entypo, EvilIcons } from '../components/icons';
+import CustomModal from '../components/CustomModal';
+import { Feather } from '../components/icons';
+import { ProgressChart } from 'react-native-chart-kit';
+import cross_icon from '../assets/icons/crossmodal.svg';
+
+// webview survey
+import { useIsFocused } from "@react-navigation/native";
+
+function NoticeBoard(props) {
+
+  const { width: screenWidth, height: screenHeight } = Dimensions.get('window')
+
+  const cardPadding = 15
+  const totalPadding = 15 * 3 // left-side, in-between, right-side
+  const imageWidth = (screenWidth - totalPadding) / 2
+  const imageHeight = 250
+
+
+  const route = useRoute();
+
+  const ST = props.StaticText || {};
+  // get all theme styles acc to current theme set 
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+
+
+  const [state, setState] = useState({ webviewurl: '' });
+  const [processing, setProcessing] = useState(true);
+  const [loaderTitle, setLoaderTitle] = useState();
+
+  // download data state
+  const [isDataDownloaded, setisDataDownloaded] = useState(false);
+  const [isDataUploaded, setisDataUploaded] = useState(false);
+
+
+  const [TaskResponse, setTaskResponse] = useState([]);
+
+  const [downloadingText, setDownloadingText] = useState('');
+  const [dowloadedCount, setDowloadedCount] = useState(-1);
+  const [totalCount, setTotalCount] = useState(0);
+  const [AllTableQueries, setAllTableQueries] = useState([]);
+  const [IsPJPMandatory, setIsPJPMandatory] = useState(true);
+
+  const [DErrorMsg, setDErrorMsg] = useState({});
+  const [showDErrAlert, setshowDErrAlert] = useState(false);
+
+
+  const projectCode = props.projectCode;
+  const [activeSlide, setActiveSlide] = useState(0);
+
+  const imageSlider = useRef(null);
+  const [nodataFound, setNodataFound] = useState(false);
+  const [EmployeesList, setEmployeesList] = useState([]);
+  const [globalEmplist, setGlobalEmplist] = useState([]);
+  const [planned, setPlanned] = useState(0);
+  const [covered, setCovered] = useState(0);
+  const [merchandised, setmerchandised] = useState(0);
+  const [bannerdetail, setBannerDetail] = useState([]);
+  const [DownloadTasks, setDownloadTasks] = useState([]);
+  const GMUploadedCountref = useRef(0);
+  const IAUploadedCountref = useRef(0);
+
+  const [AppDashReportsSec, setAppDashReportsSec] = useState([]);
+
+  const [modaldata, setModalData] = useState({ colname: '', colValue: '', 'row': {}, item: {} });
+
+  // modal 
+  const [modalVisible, setModalVisible] = useState(false);
+  const toggleModal = (colname, colValue, row, item) => {
+    setModalVisible(!modalVisible);
+    setModalData({ colname: colname, colValue: colValue, row: row, item: item })
+  };
+
+
+  //add noticeboard data
+
+  const SUP_StorewisePJP = props.SUP_StorewisePJP
+
+  const DATA = [
+    {
+      text: 'Download Data',
+      icon: () => {
+        return (
+          <View style={{ backgroundColor: '#fff', height: 45, width: 45, borderRadius: 50, padding: 10, alignItems: 'center', justifyContent: 'center' }}>
+            <AntDesign name={'clouddownloado'} color={PageTheme.$primary_color} size={24} />
+          </View>
+        )
+      },
+      iconType: 'Icon',
+      itemOnPress: () => { AskForDownload() }
+
+    },
+    {
+      text: 'Attendance',
+      icon: () => {
+        return (
+          <View style={{ backgroundColor: '#fff', height: 45, width: 45, borderRadius: 50, padding: 10, alignItems: 'center', justifyContent: 'center' }}>
+            <FontAwesome name={'user-o'} color={PageTheme.$primary_color} size={24} />
+          </View>
+        )
+      },
+      iconType: 'Icon',
+      itemOnPress: () => { props.navigation.navigate('Attendance'); }
+    },
+
+
+    {
+      text: 'Daily Route Map',
+      icon: () => {
+        return (
+          <View style={{ backgroundColor: '#fff', height: 45, width: 45, borderRadius: 50, padding: 10, alignItems: 'center', justifyContent: 'center' }}>
+            <AntDesign name={'fork'} color={PageTheme.$primary_color} size={20} />
+          </View>
+        )
+      },
+      iconType: 'Icon',
+      // props.route.params? props.route.params:{}
+      // ==true && 
+      itemOnPress: () => { gotoStore() }
+    },
+    {
+      text: 'Grooming Images',
+      icon: () => {
+        return (
+          <View style={{ backgroundColor: '#fff', height: 45, width: 45, borderRadius: 50, padding: 10, alignItems: 'center', justifyContent: 'center' }}>
+            <Image source={require('../assets/icons/audit/grooming.png')} style={{ height: 32, width: 32, resizeMode: 'contain' }} />
+          </View>
+        )
+      },
+      iconType: 'Icon',
+      itemOnPress: () => { props.navigation.navigate('GroomingPictures'); }
+
+    },
+    {
+      text: 'Reports',
+      icon: () => {
+        return (
+          <View style={{ backgroundColor: '#fff', height: 45, width: 45, borderRadius: 50, padding: 10, alignItems: 'center', justifyContent: 'center' }}>
+            <MaterialCommunityIcons name={'file-document-outline'} color={PageTheme.$primary_color} size={24} />
+          </View>
+        )
+      },
+      iconType: 'Icon',
+      itemOnPress: () => { props.navigation.navigate('ReportsMenu'); }
+
+    },
+    {
+      text: 'Upload Data',
+      icon: () => {
+        return (
+          <View style={{ backgroundColor: '#fff', height: 45, width: 45, borderRadius: 50, padding: 10, alignItems: 'center', justifyContent: 'center' }}>
+            <AntDesign name={'clouduploado'} color={PageTheme.$primary_color} size={24} />
+          </View>
+        )
+      },
+      iconType: 'Icon',
+      itemOnPress: () => { AskForUpload() }
+
+    },
+
+    {
+      text: 'Exit',
+      icon: () => {
+        return (
+          <View style={{ backgroundColor: '#fff', height: 45, width: 45, borderRadius: 50, padding: 10, alignItems: 'center', justifyContent: 'center' }}>
+            <MaterialCommunityIcons name={'exit-to-app'} color={PageTheme.$primary_color} size={24} />
+          </View>
+        )
+      },
+      iconType: 'Icon',
+      itemOnPress: () => { logout(props) }
+
+    },
+  ];
+
+
+
+  const images = [
+    {
+      urlImage: kwaza_image,
+      descImage: "https://www.shutterstock.com/image-photo/panorama-beautiful-countryside-romania-sunny-600w-1302294157.jpg"
+    },
+    {
+      urlImage: kwaza_image,
+      descImage: "https://www.shutterstock.com/image-photo/panorama-beautiful-countryside-romania-sunny-600w-1302294157.jpg"
+    },
+  ];
+
+
+  const storeperformancetext = [
+    {
+      text: 'Store Visited',
+      icon: store_planned,
+      value: planned,
+    },
+    {
+      text: 'Store Executed',
+      icon: store_covered,
+      value: covered,
+    },
+
+  ];
+
+
+
+  useEffect(() => {
+    setLoaderTitle(ST.Loading + '...')
+
+    const item = props;
+    dashboardview();
+    getdashboardData();
+
+    const willFocusSubscription = props.navigation.addListener('focus', () => {
+
+      getdashboardData();
+    });
+
+    return willFocusSubscription;
+  }, []);
+
+
+
+  // useEffect(() => {
+  //   if(props.startDownload==true){
+  //     beforeExecuteTasks();
+  //     startDownload();
+  //   }
+  // }, [props.startDownload]);
+  useEffect(() => {
+    console.log('on props.startDownload change:', props.startDownload);
+    if (props.startDownload == true) {
+      beforeExecuteTasks();
+    }
+  }, [props.startDownload]);
+
+  useEffect(() => {
+    console.log('on totalCount change:', totalCount, props.startDownload);
+    if (props.startDownload == true) {
+      startDownload();
+    }
+  }, [totalCount]);
+
+  useEffect(() => {
+    if (props.startUpload == true) {
+      startUpload();
+    }
+  }, [props.startUpload]);
+
+
+
+  useEffect(() => {
+
+    if (props.startDownload && TaskResponse != null) {
+      console.log('increment dowloadedCount changed');
+      let count = dowloadedCount + 1;
+      setDowloadedCount(count);
+    }
+  }, [TaskResponse]);
+
+
+  useEffect(() => {
+    console.log | ("dowloadedCount on change:", dowloadedCount, totalCount)
+    if (dowloadedCount >= 0 && dowloadedCount <= totalCount) {
+      // dowloadAllData();
+      executeTasks();
+    }
+    else {
+      props.set_startDownload({ startDownload: false });
+      notify(ST.DataDownloaded, 'SHORT');
+    }
+  }, [dowloadedCount]);
+
+  async function gotoStore() {
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    console.log("loginDetails--------", loginDetails)
+    let userIsManager = await getIf_UserIsManager(props);
+    // let storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+    const { StorewisePJP: storewisePjp } = await fetchProjectConfig(props.ManagerAppConfig);
+    console.log("userIsManager", userIsManager)
+
+    console.log("storewisePjpGotoStore>>:", storewisePjp);
+
+    if (storewisePjp == true) {
+      props.navigation.navigate('StoreList', { showSearchWiseStore: true })
+    }
+    else {
+      if (loginDetails?.Designation != "Supervisor") {
+        props.navigation.navigate('TeamList');
+      }
+      else if (loginDetails?.Designation == "Supervisor") {
+        storewisePjp == true ? props.navigation.navigate('StoreList') : props.navigation.navigate('TeamList');
+      } else {
+        props.navigation.navigate('StoreList', { showSearchWiseStore: true });
+      }
+
+    }
+
+  }
+
+  async function checkData() {
+    let projectInfo = await get_item('projectInfo');
+    let projectCode = await get_item('projectCode');
+    let projectDetails = JSON.parse(projectInfo);
+    let isPJPMand = projectDetails.PJPMandatory != null ? projectDetails.PJPMandatory : true;
+    setIsPJPMandatory(isPJPMand);
+
+    if (props.baseurl == '' || props.baseurl == null || props.baseurl == undefined) {
+
+      //set project info in global redux state
+      let imgurl = projectDetails.imageUploadURL != null ? projectDetails.imageUploadURL + '/' : '';
+      const pdata = getProjectInfo(res, projectid);
+      // const pdata={pid:projectCode,pname:projectDetails.projectName,pcode:projectCode,alldata:projectDetails,baseurl:projectDetails.baseURL,imageUploadUrl:imgurl,GeoFenceEnable:(projectDetails.GeoFenceEnable_checkin!=null && projectDetails.GeoFenceEnable_checkin==1),GeoFenceRadius:(projectDetails.GeoFenceRadius_checkin || 0),GFEnable_checkout:(res.GeoFenceEnable_checkout!=null && res.GeoFenceEnable_checkout==1),GFRadius_checkout:(res.GeoFenceRadius_checkout || 0),CheckOut_PhotoReq:res.PhotoRequired_Checkout };
+      props.set_project(pdata);
+
+      // setisDataDownloaded(props.isDataDownloaded);
+      // await checkIfData_Downloaded();
+    }
+  }
+
+
+
+  async function dashboardview() {
+    // console.log("dashboardview-----call----")
+    await checkData();
+    await getDTasks();
+
+    downloaddatabanner();
+    let token = await get_item('loginToken');
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    const todate = new Date();
+    const today = moment(todate).format("HH:mm:ss");
+    // const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+    const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+    // console.log("storewisePjpNoticBoard::", storewisePjp);
+    // console.log("storeSearch::", storeSearch);
+
+    const data = { Downloadtype: "Notice_Board", username: loginDetails.UserId, empid: '', storeWisePjp: storewisePjp };
+    const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+    await getDownloadJson(url, data)
+      .then(async (res) => {
+
+        if (res.Notice_Board) {
+
+          let obj = res.Notice_Board.length > 0 ? res.Notice_Board[0] : {};
+          // console.log('noticeBoard: webview',obj.NOTICE_BOARD);    
+          setState({ ...state, webviewurl: obj.NOTICE_BOARD });
+          setProcessing(false);
+
+
+          // if(props.ShowBeatPlanList==true){
+
+          // }
+          // else{
+          let isAlreadyDownl = await checkIfData_Downloaded();
+          let params = props.route.params ? props.route.params : {};
+          // let isTodayLogin=params.TodayLogin!=null?params.TodayLogin:true;
+          let isTodayLogin = props.isTodayLoginExists != null ? props.isTodayLoginExists : true;
+
+          // check for autodownload 
+          console.log('check for auto download', isTodayLogin, isAlreadyDownl, props.startDownload);
+          if (isAlreadyDownl == false && props.startDownload == false) {//isTodayLogin==false
+            await clear_item('storeData');
+            console.log('start auto download');
+            // start auto download
+            props.set_startDownload({ startDownload: true });
+          }
+          // new
+          else {
+            // get dashboards reports 
+            { }
+            getAppDashBReports();
+          }
+          // }
+        }
+      })
+      .catch((err) => {
+        console.log('onPage Login error1', err);
+      });
+
+    SplashScreen.hide();
+  }
+
+  async function getDTasks() {
+    return new Promise(async (resolve, reject) => {
+      var DownloadTasks1 = [];
+      if (props.DownloadKey != null && props.DownloadKey != '') {
+        let prop_dk = JSON.parse(props.DownloadKey);
+        console.log('set server d keys');
+        let AllDTs = prop_dk['DownloadKey'] || [];
+
+        await new Promise.all(AllDTs.sort((a, b) => {
+          if (a.DownloadSequence < b.DownloadSequence) {
+            return -1;
+          }
+          if (a.DownloadSequence > b.DownloadSequence) {
+            return 1;
+          }
+          // a must be equal to b
+          return 0;
+        })).then((val) => {
+          DownloadTasks1 = AllDTs
+        });
+        // for(let i=0;i<AllDTs1.length;i++){
+        //   DownloadTasks1.push(AllDTs1[i]);
+        //   if(i==AllDTs1.length-1){
+        //     setDownloadTasks(DownloadTasks1);
+        //     resolve(true);
+        //   }
+        // }
+        setDownloadTasks(DownloadTasks1);
+        resolve(true);
+
+      }
+      else {
+
+        DownloadTasks1 = await getDownloadDataTask(props);
+        console.log('else all', DownloadTasks1);
+        setDownloadTasks(DownloadTasks1);
+        resolve(true);
+      }
+
+    }).catch((Err) => {
+      return false;
+      console.log('getDTasks err', Err);
+    })
+
+  }
+
+  async function checkIfData_Downloaded() {
+    console.log('checkIfData_Downloaded');
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    const isDataStorageCleared = await get_item('DataStorageCleared');
+    let dateWiseDataDownload = await get_item('dateWiseDataDownload');
+    let dateWiseDataDownload1 = dateWiseDataDownload != null ? JSON.parse(dateWiseDataDownload) : {};
+    let todayDate = moment(new Date()).format('DD/MM/YYYY');
+    if (isDataStorageCleared != '1') {
+
+      if (dateWiseDataDownload1[todayDate] != null) {
+        let d = dateWiseDataDownload1[todayDate];
+        console.log('isdtatdownloaded:', d);
+        props.setTodayDataExists(d);
+        props.setGlobalData({ isDataDownloaded: d })
+        return d;
+      }
+      else {
+
+        let lods = {};
+        lods[todayDate] = false;
+        console.log('lods:', lods);
+        await set_item('dateWiseDataDownload', JSON.stringify(lods));
+        props.setTodayDataExists(false);
+        return false;
+      }
+
+    }
+    else {
+      return false;
+    }
+
+  }
+
+
+  // download functionality start
+  async function startDownload() {
+    console.log("startDownload downloadedCount:", dowloadedCount);
+    props.set_startDownload({ startDownload: true });
+    setDowloadedCount(0);
+  }
+
+  async function beforeExecuteTasks() {
+    console.log('beforeExecuteTasks:');
+    let clear_data = props.Clear_storage;
+    let clearOnInstall = await get_item('clearOnInstall');
+    console.log("clear_data :", clear_data, clearOnInstall)
+    // if (clear_data == true && clearOnInstall=="true") {
+    //   let isCleared=await clearStorage();
+    //   console.log("isCleared:",isCleared);
+    //   await clear_item("clearOnInstall");
+    //   await clear_item('storeData');
+    //   console.log('Storage cleared');
+    // }
+
+    let ddata = { isDataDownloaded: false };
+    await DownloadData(props, ddata).then((res) => {
+      console.log('isAllTablesCreates:', res, DownloadTasks.length, totalCount, props.startDownload)
+      console.log('DownloadTasks===>', DownloadTasks);
+
+      if (totalCount == (DownloadTasks.length - 1) && totalCount > 0 && props.startDownload == true) {
+        startDownload();
+      }
+      else {
+        setTotalCount((DownloadTasks.length - 1));
+      }
+    });
+  }
+
+  // function onNoData(data=[],shouldStop=false,tbname=''){
+  //   if(tbname!=''){
+  //     db.transaction(function(txn) {
+  //       // delete all today data
+  //       txn.executeSql(`delete from ${tbname} where 1=1`,[],function(txn1,txnres){
+  //         console.log('deleted all data for '+tbname);
+  //       },function(txn1,err){
+  //         console.log('err:',err);
+  //       });                                        
+  //     });  
+  //   }
+
+  //   if(shouldStop==true){
+  //     let msg=ST.Nodatafoundfor+tbname+'';
+  //     if(tbname=='Sup_JourneyPlan'){
+  //       msg=ST.Youhavenojourneyplanfortoday;
+  //     }
+  //     notify(msg); 
+  //     props.set_startDownload({startDownload:false});
+  //   }
+  //   else{
+  //     setTaskResponse(data); 
+  //   } 
+  // }
+
+  async function onNoData(data = [], shouldStop = false, tbname = '', res = '') {
+    console.log("res on no data:", res);
+    if (tbname != '') {
+      db.transaction(function (txn) {
+        // delete all today data
+        txn.executeSql(`delete from ${tbname} where 1=1`, [], function (txn1, txnres) {
+          console.log('deleted all data for ' + tbname);
+        }, function (Etxn, err) {
+          console.log('err:', err);
+        });
+      });
+    }
+
+    if (shouldStop == true) {
+      let msg = '';
+      // res should be set only when there is network or other related issue
+      if (res == '') {
+        msg = ST.Nodatafoundfor + tbname + '';
+      }
+      else {
+        msg = res + " Please ensure you are connected to the internet and retry downloading! ";
+      }
+
+      console.log("msg :", msg);
+
+      // set is Data downloaded to false so that no other parts of app can be accessed if data is not downloaded
+
+      // update download status on local async storage
+      let dateWiseDataDownload = await get_item('dateWiseDataDownload');
+      let dateWiseDataDownload1 = dateWiseDataDownload != null ? JSON.parse(dateWiseDataDownload) : {};
+      let todayDate = moment(new Date()).format('DD/MM/YYYY');
+      dateWiseDataDownload1[todayDate] = false;
+      set_item('dateWiseDataDownload', JSON.stringify(dateWiseDataDownload1));
+
+      // update downloaed status on redux props
+      props.setTodayDataExists(false);
+      props.setGlobalData({ isDataDownloaded: false })
+
+
+      // notify(msg); 
+      // show error msg
+      let obj = { "ErrorMsg": "!! Error in downloading data !!", "ErrorSubMsg": tbname, "ErrorDetail": msg }
+      setDErrorMsg(obj);
+      props.set_startDownload({ startDownload: false });
+      setDowloadedCount(-1);
+      setshowDErrAlert(true);
+    }
+    else {
+      setTaskResponse(data);
+    }
+  }
+
+  function onTaskError() {
+    notify(ST.Cannotdownloaddata);
+    props.set_startDownload({ startDownload: false });
+  }
+
+  async function executeTasks() {
+    console.log("executeTasks");
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    var currentIndex = dowloadedCount;
+
+    console.log('currentIndex:', currentIndex);
+    if (currentIndex >= 0) {
+      let dk_data = DownloadTasks[currentIndex];
+      console.log('dk_data', dk_data);
+      let key = dk_data.DownloadKey || '';
+      setDownloadingText(key);
+      var data = await getPostData(DownloadTasks, currentIndex, props);
+      var url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+
+
+      console.log(url, data);
+      await getDownloadJson1(url, data)
+        .then(async (res) => {
+          let isAdded = await updateTaskRes(res, currentIndex, 1);
+          console.log("isAdded:", isAdded);
+          if (isAdded == true) {
+            if (currentIndex == DownloadTasks.length - 1) {
+              console.log('last found all downloaded');
+              await InsertAttendance()
+              onDownloadComplete();
+            }
+            else {
+              console.log('all downloaded but last not found ');
+            }
+
+          }
+          else {
+            console.log('Cannot download all Data');
+          }
+        })
+        .catch(err => {
+          console.log('onPage Team error', err);
+        });
+    }
+
+  }
+
+
+  async function onDownloadComplete() {
+    console.log("onDownloadComplete");
+    let dateWiseDataDownload = await get_item('dateWiseDataDownload');
+    let dateWiseDataDownload1 = dateWiseDataDownload != null ? JSON.parse(dateWiseDataDownload) : {};
+    let todayDate = moment(new Date()).format('DD/MM/YYYY');
+    dateWiseDataDownload1[todayDate] = true;
+    set_item('dateWiseDataDownload', JSON.stringify(dateWiseDataDownload1));
+    // last download  
+    // let ddata={isDataDownloaded:false};
+    // await DownloadData(props,ddata).then(()=>{
+    // await CreateDirKPIimg();
+    // await UploadAllPrevImages();
+    setisDataDownloaded(true);
+    let count = dowloadedCount + 1;
+    props.set_startDownload({ startDownload: false });
+    setDowloadedCount(-1);
+    props.setTodayDataExists(true);
+    props.setGlobalData({ isDataDownloaded: true })
+    clear_item('DataStorageCleared');
+    setDowloadedCount(count);
+    notify(ST.DataDownloaded, 'SHORT');
+
+    // });
+  }
+
+  function AskForDownload() {
+    Alert.alert(
+      "Performics",
+      ST.Doyouwanttodownloaddata,
+      [
+        {
+          text: ST.Cancel,
+          onPress: () => { },
+          style: "cancel"
+        },
+        { text: ST.OK, onPress: () => { startDownload(); } }
+      ],
+    );
+  }
+
+  function AskForUpload() {
+    Alert.alert(
+      "Performics",
+      ST.Doyouwanttouploaddata,
+      [
+        {
+          text: ST.Cancel,
+          onPress: () => { },
+          style: "cancel"
+        },
+        { text: ST.OK, onPress: () => { startUpload(); } }
+      ],
+    );
+  }
+
+
+  async function downloaddatabanner() {
+    let token = await get_item('loginToken');
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+
+    // const data={Downloadtype: 'Sup_NoticeBoard',username: loginDetails.UserId,empid: '',token: token,};
+    const data = { Downloadtype: "Sup_NoticeBoard", username: loginDetails.UserId, empid: '', };
+    console.log('da', data);
+    const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+    console.log('res', data)
+
+    //download position data
+
+    await getDownloadJson(url, data)
+      .then((res) => {
+        if (res.Sup_NoticeBoard) {
+
+          let dataarr = res.Sup_NoticeBoard ? res.Sup_NoticeBoard : [];
+          console.log('dataarr banner', dataarr);
+          setBannerDetail(dataarr);
+          // call education
+          setProcessing(false);
+        }
+      })
+      .catch((err) => {
+        setProcessing(false);
+        notify('Not data downloaded..!', 'SHORT');
+        console.log('Position_Master not download data...!', err);
+      });
+
+
+
+
+
+  }
+
+  async function InsertAttendance() {
+    const todate = new Date();
+    const today = moment(todate).format("MM/DD/YYYY");
+    let nonWrkRsns = await getAttendNonWorkingRsns() || [];
+    return new Promise((resolve, reject) => {
+      db.transaction(function (txn) {
+        let q = `DELETE FROM ${AppTables.ATTENDANCE} WHERE EMP_ID='${props.UserId}' and ATTENDANCE_DATE='${today}' `;
+        //  remove old data
+        txn.executeSql(q, [], async function (txn2, txnres) {
+          console.log('old attend deleted');
+
+          let query = "SELECT * FROM Sup_AttendanceStatus"
+          txn.executeSql(query, [], async function (txn2, txnres3) {
+            if (txnres3.rows.length > 0) {
+              for (var i = 0; i < txnres3.rows.length; i++) {
+                // let sdata=txnres3.rows.item(i);               
+                let sdata3 = txnres3.rows.item(i);
+                let ReasonId = sdata3?.ReasonId
+                console.log("ReasonId--------", ReasonId, sdata3)
+                let selRsn_I = nonWrkRsns.findIndex(i => i.ReasonId == ReasonId);
+                if (selRsn_I >= 0) {
+
+                  let selRsn = selRsn_I >= 0 ? nonWrkRsns[selRsn_I] : {};
+                  let { EntryAllow, Reason } = selRsn;
+                  let values = ` ('${props.UserId}','${today}','${EntryAllow}','','${ReasonId}','${Reason}','','${today}') `;
+
+                  console.log('values:', values);
+                  let add_data = `INSERT INTO ${AppTables.ATTENDANCE} (EMP_ID,ATTENDANCE_DATE,ENTRY_ALLOW,REMARK,REASON_ID, REASON,IMAGE1 ,ADDED_DATE) VALUES ${values} `;
+
+                  txn.executeSql(add_data, [], async function (txn2, txnres) {
+                    console.log('attend added');
+                    props.setAttendanceStatus({ isAttendanceMarked: true, isEntryAllow: (EntryAllow == '1' || EntryAllow == 'true' ? true : false) });
+                    resolve(true);
+                  }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+                }
+                else {
+                  resolve(false);
+                }
+
+              }
+
+            } else {
+              resolve(false);
+            }
+
+          }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+
+
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+      });
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    })
+  }
+
+  // DOWNLOAD FUNCTIONALITY START
+  async function updateTaskRes(res, index, count) {
+    const todate = new Date();
+    const today = moment(todate).format("MM/DD/YYYY");
+    let d2 = today;
+    let dk_data = DownloadTasks[index];
+    console.log('updateTaskRes', dk_data)
+    let key = dk_data != null ? dk_data.DownloadKey : '';
+    console.log('key', dk_data)
+    let IsMandatory = dk_data.IsMandatory == 'true' || dk_data.IsMandatory == 1 ? true : false;
+    console.log("call promise");
+    console.log("keys===============>", key)
+    return new Promise(async (resolve, reject) => {
+
+      switch (key) {
+
+        case 'Table_Structure_Sup': {
+          if (res != null && res.Table_Structure_Sup) {
+
+            const Table_Structure_Sup = res.Table_Structure_Sup;
+            setAllTableQueries(Table_Structure_Sup);
+            var allstmnts = [];
+            if (Table_Structure_Sup.length > 0) {
+              for (const i in Table_Structure_Sup) {
+                const table = Table_Structure_Sup[i];
+                let stmnt = table.SqlText;
+                db.transaction(function (txn) {
+                  txn.executeSql(stmnt, [], function (txn2, txnres) {
+                    if (i == (Table_Structure_Sup.length - 1)) {
+                      setTaskResponse(Table_Structure_Sup);
+                      resolve(true);
+                    }
+                  }, function (txn2, txnerr) {
+                    console.log('txnerr', txnerr, stmnt);
+                    if (i == (Table_Structure_Sup.length - 1)) {
+                      resolve(true);
+                    }
+                  });
+                });
+              }
+            }
+            else {
+              resolve(false);
+            }
+          }
+          else {
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_SupervisorList': {
+          if (res != null && typeof res == 'object' && res.Sup_SupervisorList != null && res.Sup_SupervisorList != '') {
+            let data_arr = res.Sup_SupervisorList || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { EmpId, UserId, EmployeeName, VisitDate } = data_obj;
+              values.push(` ('${EmpId}', '${UserId}', '${EmployeeName}','${VisitDate}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_SupervisorList(EmpId,UserId,EmployeeName,VisitDate) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_SupervisorList where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_SupervisorList added');
+                  // console.log('data_arr',data_arr)
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, err) {
+                  console.log('err:', err);
+                  resolve(true);
+                });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_SupervisorList'], false, 'Sup_SupervisorList');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_SupervisorList'], true, 'Sup_SupervisorList', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_SupervisorList'], true, 'Sup_SupervisorList', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_TeamList': {
+          if (res != null && typeof res == 'object' && res.Sup_TeamList != null && res.Sup_TeamList != '') {
+            let data_arr = res.Sup_TeamList || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { EmpId, UserId, EmployeeName, VerticalId, Vertical, VisitDate, TodayPJP } = data_obj;
+              values.push(` ('${EmpId}', '${UserId}', '${EmployeeName}', '${VerticalId}', '${Vertical}', '${VisitDate}', '${TodayPJP}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_TeamList(EmpId,UserId,EmployeeName,VerticalId,Vertical,VisitDate,TodayPJP) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_TeamList where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_TeamList added');
+                  console.log('data_arr', data_arr)
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, err) {
+                  console.log('err:', err);
+                  resolve(true);
+                });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_TeamList'], false, 'Sup_TeamList');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_TeamList'], true, 'Sup_TeamList', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_TeamList'], true, 'Sup_TeamList', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_JourneyPlanStorewiseSup': {
+          console.log("res:", res);
+          if (res != null && typeof res == 'object' && res.Sup_JourneyPlanStorewiseSup != null && res.Sup_JourneyPlanStorewiseSup != '') {
+            let data_arr = res.Sup_JourneyPlanStorewiseSup || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId, VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, Deviation, UploadStatus, GeoTag, GeoFenceRadius, InTime, OutTime, CameraAllow } = data_obj;
+              StoreName = StoreName.replace(/'/g, '');
+              Address = Address.replace(/'/g, '');
+              StateName = StateName.replace(/'/g, '');
+              CityName = CityName.replace(/'/g, '');
+              values.push(` ('${MID}', '${ChannelId}','${StoreId}','${StoreCode}','${EmpId}','${MerchandiserId || 0}', '${VisitDate}','${ChainId}','${ChainName}','${StoreName}', '${Address}','${Location}','${Landmark}','${CityId}', '${CityName}','${StateId}','${StateName}','${RegionId}', '${StoreTypeId}', '${StoreType}', '${Pincode}', '${Latitude}', '${Longitude}', '${Phone}', '${Mobile}', '${ContactPerson}', '${Email}' , '${Deviation}', '${UploadStatus}', '${GeoTag}', '${GeoFenceRadius}', '${InTime}','${OutTime}','${CameraAllow}')`);
+            });
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_JourneyPlanStorewiseSup(MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId,VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email,Deviation, UploadStatus, GeoTag, GeoFenceRadius,InTime,OutTime,CameraAllow) 
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              txn.executeSql(`delete from Sup_JourneyPlanStorewiseSup where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_JourneyPlanStorewiseSup added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr1) {
+                  console.log(txnerr1)
+                  resolve(true);
+                });
+              }, function (txn1, txnerr1) {
+                console.log(txnerr1)
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_JourneyPlanStorewiseSup'], false, 'Sup_JourneyPlanStorewiseSup');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_JourneyPlanStorewiseSup'], true, 'Sup_JourneyPlanStorewiseSup', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_JourneyPlanStorewiseSup'], true, 'Sup_JourneyPlanStorewiseSup', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_NPNDStore': {
+          console.log("res:", res);
+          if (res != null && typeof res == 'object' && res.Sup_NPNDStore != null && res.Sup_NPNDStore != '') {
+            let data_arr = res.Sup_NPNDStore || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId, VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius, InTime, OutTime, CameraAllow } = data_obj;
+              StoreName = StoreName.replace(/'/g, '');
+              Address = Address.replace(/'/g, '');
+              StateName = StateName.replace(/'/g, '');
+              CityName = CityName.replace(/'/g, '');
+              values.push(` ('${MID}', '${ChannelId}','${StoreId}','${StoreCode}','${EmpId}','${MerchandiserId}', '${VisitDate}','${ChainId}','${ChainName}','${StoreName}', '${Address}','${Location}','${Landmark}','${CityId}', '${CityName}','${StateId}','${StateName}','${RegionId}', '${StoreTypeId}', '${StoreType}', '${Pincode}', '${Latitude}', '${Longitude}', '${Phone}', '${Mobile}', '${ContactPerson}', '${Email}' , '${UploadStatus}', '${GeoTag}', '${GeoFenceRadius}', '${InTime}','${OutTime}','${CameraAllow}')`);
+            });
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_NPNDStore(MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId,VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius,InTime,OutTime,CameraAllow) 
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              txn.executeSql(`delete from Sup_NPNDStore where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_NPNDStore added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr1) {
+                  console.log(txnerr1)
+                  resolve(true);
+                });
+              }, function (txn1, txnerr1) {
+                console.log(txnerr1)
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_NPNDStore'], false, 'Sup_NPNDStore');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_NPNDStore'], true, 'Sup_NPNDStore', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_NPNDStore'], true, 'Sup_NPNDStore', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_JourneyPlanStorewiseSup_Adhoc': {
+          if (res != null && typeof res == 'object' && res.Sup_JourneyPlanStorewiseSup_Adhoc != null && res.Sup_JourneyPlanStorewiseSup_Adhoc != '') {
+            let data_arr = res.Sup_JourneyPlanStorewiseSup_Adhoc || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId, VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius, InTime, OutTime, CameraAllow } = data_obj;
+              StoreName = StoreName.replace(/'/g, '');
+              Address = Address.replace(/'/g, '');
+              StateName = StateName.replace(/'/g, '');
+              CityName = CityName.replace(/'/g, '');
+              values.push(` ('${MID}', '${ChannelId}','${StoreId}','${StoreCode}','${EmpId}', '${MerchandiserId}','${VisitDate}','${ChainId}','${ChainName}','${StoreName}', '${Address}','${Location}','${Landmark}','${CityId}', '${CityName}','${StateId}','${StateName}','${RegionId}', '${StoreTypeId}', '${StoreType}', '${Pincode}', '${Latitude}', '${Longitude}', '${Phone}', '${Mobile}', '${ContactPerson}', '${Email}','${UploadStatus}', '${GeoTag}', '${GeoFenceRadius}', '${InTime}','${OutTime}','${CameraAllow}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_JourneyPlanStorewiseSup_Adhoc(MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId,VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius,InTime,OutTime,CameraAllow) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_JourneyPlanStorewiseSup_Adhoc where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_JourneyPlanStorewiseSup_Adhoc added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                },
+                  function (Etxn, err) {
+                    console.log('err:', err);
+                    resolve(true);
+                  });
+              }, function (Etxn, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_JourneyPlanStorewiseSup_Adhoc'], false, 'Sup_JourneyPlanStorewiseSup_Adhoc');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_JourneyPlanStorewiseSup_Adhoc'], true, 'Sup_JourneyPlanStorewiseSup_Adhoc', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_JourneyPlanStorewiseSup_Adhoc'], true, 'Sup_JourneyPlanStorewiseSup_Adhoc', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Menu_Master': {
+          if (res != null && typeof res == 'object' && res.Sup_Menu_Master != null && res.Sup_Menu_Master != '') {
+            let data_arr = res.Sup_Menu_Master || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MenuId, MenuName, NormalIcon, TickIcon, GreyIcon, MenuPath, MenuSequence, ScreenName } = data_obj;
+              values.push(` ('${MenuId}', '${MenuName}', '${NormalIcon}', '${TickIcon}', '${GreyIcon}', '${MenuPath}', '${MenuSequence}', '${ScreenName}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Menu_Master(MenuId,MenuName,NormalIcon,TickIcon,GreyIcon,MenuPath,MenuSequence,ScreenName) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Menu_Master where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Menu_Master added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, err) {
+                  console.log('err:', err);
+                  resolve(true);
+                });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Menu_Master'], false, 'Sup_Menu_Master');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Menu_Master'], true, 'Sup_Menu_Master', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Menu_Master'], true, 'Sup_Menu_Master', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Mapping_MenuSup': {
+          if (res != null && typeof res == 'object' && res.Mapping_MenuSup != null && res.Mapping_MenuSup != '') {
+            let data_arr = res.Mapping_MenuSup || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MenuId, VisitType } = data_obj;
+              values.push(` ('${MenuId}','${VisitType}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Mapping_MenuSup(MenuId,VisitType) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Mapping_MenuSup where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Mapping_MenuSup added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, err) {
+                  console.log('err:', err);
+                  resolve(true);
+                });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Mapping_MenuSup'], false, 'Mapping_MenuSup');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Mapping_MenuSup'], true, 'Mapping_MenuSup', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Mapping_MenuSup'], true, 'Mapping_MenuSup', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_ImageType': {
+          if (res != null && typeof res == 'object' && res.Sup_ImageType != null && res.Sup_ImageType != '') {
+            let data_arr = res.Sup_ImageType || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { ImageTypeId, ImageType } = data_obj;
+              values.push(` ('${ImageTypeId}','${ImageType}')`);
+            });
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_ImageType(ImageTypeId, ImageType)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              txn.executeSql(`delete from Sup_ImageType where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_ImageType added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr1) {
+                  console.log(txnerr1);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr1) {
+                console.log(txnerr1);
+                resolve(true);
+              });
+            });
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_ImageType'], false, 'Sup_ImageType');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_ImageType'], true, 'Sup_ImageType', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_ImageType'], true, 'Sup_ImageType', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_ActivationType': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_ActivationType != null && res.Sup_Master_ActivationType != '') {
+            let data_arr = res.Sup_Master_ActivationType || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { ActivationTypeId, ActivationType, ShowContactFlag } = data_obj;
+              values.push(` ('${ActivationTypeId}','${ActivationType}','${ShowContactFlag}')`);
+            });
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_ActivationType(ActivationTypeId, ActivationType,ShowContactFlag)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              txn.executeSql(`delete from Sup_Master_ActivationType where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_ActivationType added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr1) {
+                  console.log(txnerr1);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr1) {
+                console.log(txnerr1);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_ActivationType'], false, 'Sup_Master_ActivationType');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_ActivationType'], true, 'Sup_Master_ActivationType', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_ActivationType'], true, 'Sup_Master_ActivationType', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_SkuSize': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_SkuSize != null && res.Sup_Master_SkuSize != '') {
+            let data_arr = res.Sup_Master_SkuSize || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { SkuSize } = data_obj;
+              values.push(` ('${SkuSize}')`);
+            });
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_SkuSize(SkuSize)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              txn.executeSql(`delete from Sup_Master_SkuSize where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_SkuSize added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr1) {
+                  console.log(txnerr1);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr1) {
+                console.log(txnerr1);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_SkuSize'], false, 'Sup_Master_SkuSize');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_SkuSize'], true, 'Sup_Master_SkuSize', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_SkuSize'], true, 'Sup_Master_SkuSize', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_ProductFlavour': {
+          if (res.Sup_Master_ProductFlavour) {
+            let data_arr = res.Sup_Master_ProductFlavour || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { ProductFlavour } = data_obj;
+              values.push(` ('${ProductFlavour}')`);
+            });
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_ProductFlavour(ProductFlavour)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              txn.executeSql(`delete from Sup_Master_ProductFlavour where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_ProductFlavour added');
+                  setTaskResponse(data_arr);
+                }, function (txn1, txnerr1) { console.log(txnerr1) });
+              }, function (txn1, txnerr1) { console.log(txnerr1) });
+            });
+
+          }
+          else if (res != null && typeof (res) == 'object' && (res.success == false || (res[0] != null && res[0].Result != null))) {
+            // console.log('No data found');
+            onNoData(['No data for Sup_Master_ProductFlavour'], false, 'Sup_Master_ProductFlavour');
+          }
+          else { onNoData(['No data for Sup_Master_ProductFlavour']); }
+          break;
+        }
+
+        case 'Sup_Master_ProductPack': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_ProductPack != null && res.Sup_Master_ProductPack != '') {
+            let data_arr = res.Sup_Master_ProductPack || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { PackName } = data_obj;
+              values.push(` ('${PackName}')`);
+            });
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_ProductPack(PackName)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              txn.executeSql(`delete from Sup_Master_ProductPack where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_ProductPack added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr1) {
+                  console.log(txnerr1);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr1) {
+                console.log(txnerr1);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_ProductPack'], false, 'Sup_Master_ProductPack');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_ProductPack'], true, 'Sup_Master_ProductPack', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_ProductPack'], true, 'Sup_Master_ProductPack', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_JourneyPlan': {
+
+          if (res != null && typeof res == 'object' && res.Sup_JourneyPlan != null && res.Sup_JourneyPlan != '') {
+            let data_arr = res.Sup_JourneyPlan || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId, VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius, InTime, OutTime, CameraAllow } = data_obj;
+              values.push(` ('${MID}', '${ChannelId}', '${StoreId}', '${StoreCode}', '${EmpId}', '${MerchandiserId}', '${VisitDate}', '${ChainId}', '${ChainName}', '${StoreName}', '${Address}', '${Location}', '${Landmark}', '${CityId}', '${CityName}', '${StateId}', '${StateName}', '${RegionId}', '${StoreTypeId}', '${StoreType}', '${Pincode}', '${Latitude}', '${Longitude}', '${Phone}', '${Mobile}', '${ContactPerson}', '${Email}', '${UploadStatus}', '${GeoTag}', '${GeoFenceRadius}', '${InTime}', '${OutTime}', '${CameraAllow}')`);
+            });
+
+            var all_vals = values.join(',');
+
+            var sql_stmnt = `INSERT INTO Sup_JourneyPlan(MID,ChannelId,StoreId,StoreCode,EmpId,MerchandiserId,VisitDate,ChainId,ChainName,StoreName,Address,Location,Landmark,CityId,CityName,StateId,StateName,RegionId,StoreTypeId,StoreType,Pincode,Latitude,Longitude,Phone,Mobile,ContactPerson,Email,UploadStatus,GeoTag,GeoFenceRadius,InTime,OutTime,CameraAllow) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_JourneyPlan where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_JourneyPlan added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, err) {
+                  console.log('err:', err);
+                  resolve(true);
+                });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_JourneyPlan'], false, 'Sup_JourneyPlan');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_JourneyPlan'], true, 'Sup_JourneyPlan', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_JourneyPlan'], true, 'Sup_JourneyPlan', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_AdhocJourneyPlan': {
+          if (res != null && typeof res == 'object' && res.Sup_AdhocJourneyPlan != null && res.Sup_AdhocJourneyPlan != '') {
+            let data_arr = res.Sup_AdhocJourneyPlan || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MID, ChannelId, StoreId, StoreCode, EmpId, VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius, ExpiryStock, InTime, OutTime } = data_obj;
+              values.push(` ('${MID}', '${ChannelId}','${StoreId}','${StoreCode}','${EmpId}', '${VisitDate}','${ChainId}','${ChainName}','${StoreName}', '${Address}','${Location}','${Landmark}','${CityId}', '${CityName}','${StateId}','${StateName}','${RegionId}', '${StoreTypeId}', '${StoreType}', '${Pincode}', '${Latitude}', '${Longitude}', '${Phone}', '${Mobile}', '${ContactPerson}', '${Email}', '${UploadStatus}', '${GeoTag}', '${GeoFenceRadius}', '${ExpiryStock}','${InTime}','${OutTime}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_AdhocJourneyPlan(MID, ChannelId, StoreId, StoreCode, EmpId, VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius, ExpiryStock,InTime,OutTime) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_AdhocJourneyPlan where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_AdhocJourneyPlan added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                },
+                  function (txn1, err) {
+                    console.log('err:', err);
+                    resolve(true);
+                  });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_AdhocJourneyPlan'], false, 'Sup_AdhocJourneyPlan');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_AdhocJourneyPlan'], true, 'Sup_AdhocJourneyPlan', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_AdhocJourneyPlan'], true, 'Sup_AdhocJourneyPlan', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_MasterDistributor': {
+
+          if (res != null && typeof res == 'object' && res.Sup_MasterDistributor != null && res.Sup_MasterDistributor != '') {
+            let data_arr = res.Sup_MasterDistributor || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { DMID, EmpId, DistributorId, DistributorName, DistributorCode, Latitude, Longitude, InTime, OutTime, UploadStatus, GeoTag } = data_obj;
+              values.push(` ('${DMID}', '${EmpId}', '${DistributorId}', '${DistributorName}', '${DistributorCode}', '${Latitude}','${InTime}', '${OutTime}', '${Longitude}','${UploadStatus}', '${GeoTag}')`);
+            });
+
+            var all_vals = values.join(',');
+
+            var sql_stmnt = `INSERT INTO Sup_MasterDistributor(DMID,EmpId,DistributorId,DistributorName,DistributorCode,Latitude,InTime,OutTime,Longitude,UploadStatus,GeoTag) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_MasterDistributor where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_MasterDistributor added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, err) {
+                  console.log('err:', err);
+                  resolve(true);
+                });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_MasterDistributor'], false, 'Sup_MasterDistributor');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_MasterDistributor'], true, 'Sup_MasterDistributor', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_MasterDistributor'], true, 'Sup_MasterDistributor', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Non_Working_ReasonDistributor': {
+
+          if (res != null && typeof res == 'object' && res.Sup_Non_Working_ReasonDistributor != null && res.Sup_Non_Working_ReasonDistributor != '') {
+            let data_arr = res.Sup_Non_Working_ReasonDistributor || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { ReasonId, Reason, EntryAllow, ImageAllow } = data_obj;
+              values.push(` ('${ReasonId}', '${Reason}', '${EntryAllow}', '${ImageAllow}')`);
+            });
+
+            var all_vals = values.join(',');
+
+            var sql_stmnt = `INSERT INTO Sup_Non_Working_ReasonDistributor(ReasonId,Reason,EntryAllow,ImageAllow) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Non_Working_ReasonDistributor where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Non_Working_ReasonDistributor added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, err) {
+                  console.log('err:', err);
+                  resolve(true);
+                });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Non_Working_ReasonDistributor'], false, 'Sup_Non_Working_ReasonDistributor');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Non_Working_ReasonDistributor'], true, 'Sup_Non_Working_ReasonDistributor', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Non_Working_ReasonDistributor'], true, 'Sup_Non_Working_ReasonDistributor', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Mapping_MenuDistributorPointSup': {
+
+          if (res != null && typeof res == 'object' && res.Mapping_MenuDistributorPointSup != null && res.Mapping_MenuDistributorPointSup != '') {
+            let data_arr = res.Mapping_MenuDistributorPointSup || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MenuId } = data_obj;
+              values.push(` ('${MenuId}')`);
+            });
+
+            var all_vals = values.join(',');
+
+            var sql_stmnt = `INSERT INTO Mapping_MenuDistributorPointSup(MenuId) 
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Mapping_MenuDistributorPointSup where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Mapping_MenuDistributorPointSup added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, err) {
+                  console.log('err:', err);
+                  resolve(true);
+                });
+              }, function (txn1, err) {
+                console.log('err:', err);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Mapping_MenuDistributorPointSup'], false, 'Mapping_MenuDistributorPointSup');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Mapping_MenuDistributorPointSup'], true, 'Mapping_MenuDistributorPointSup', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Mapping_MenuDistributorPointSup'], true, 'Mapping_MenuDistributorPointSup', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Mapping_MenuDistributorPointSup': {
+          if (res != null && typeof res == 'object' && res.Mapping_MenuDistributorPointSup != null && res.Mapping_MenuDistributorPointSup != '') {
+            let data_arr = res.Mapping_MenuDistributorPointSup || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MenuId } = data_obj;
+              values.push(` ('${MenuId}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Mapping_MenuDistributorPointSup(MenuId)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Mapping_MenuDistributorPointSup where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Mapping_MenuDistributorPointSup added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txnE, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txnE, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Mapping_MenuDistributorPointSup'], false, 'Mapping_MenuDistributorPointSup');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Mapping_MenuDistributorPointSup'], true, 'Mapping_MenuDistributorPointSup', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Mapping_MenuDistributorPointSup'], true, 'Mapping_MenuDistributorPointSup', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Distributor_PreviousVisicooler': {
+          if (res != null && typeof res == 'object' && res.Sup_Distributor_PreviousVisicooler != null && res.Sup_Distributor_PreviousVisicooler != '') {
+            let data_arr = res.Sup_Distributor_PreviousVisicooler || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { DistributorId, VisitDate, VC_QRCode, VC_AssetCode } = data_obj;
+              values.push(` ('${DistributorId}','${VisitDate}','${VC_QRCode}','${VC_AssetCode}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Distributor_PreviousVisicooler(DistributorId,VisitDate,VC_QRCode,VC_AssetCode)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Distributor_PreviousVisicooler where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Distributor_PreviousVisicooler added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txnE, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txnE, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Distributor_PreviousVisicooler'], false, 'Sup_Distributor_PreviousVisicooler');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Distributor_PreviousVisicooler'], true, 'Sup_Distributor_PreviousVisicooler', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Distributor_PreviousVisicooler'], true, 'Sup_Distributor_PreviousVisicooler', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Product_Master': {
+          if (res != null && typeof res == 'object' && res.Sup_Product_Master != null && res.Sup_Product_Master != '') {
+            let data_arr = res.Sup_Product_Master || [];
+            var values = [];
+            data_arr.map((data_obj, index) => {
+              let { ProductId, ProductCode, ProductName, Mrp, BrandId, BrandName, SubCategoryId, SubCategoryName, CategoryId, CategoryName, CompanyId, ProductSequence, BrandSequence, SubCategorySequence, CategorySequence, IsCompetitor } = data_obj;
+              values.push(` ('${ProductId}', '${ProductCode}','${ProductName}','${Mrp}','${BrandId}', '${BrandName}','${SubCategoryId}','${SubCategoryName}','${CategoryId}', '${CategoryName}','${CompanyId}','${ProductSequence}','${BrandSequence}', '${SubCategorySequence}','${CategorySequence}','${(IsCompetitor == true ? 1 : 0)}')`);
+
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Product_Master(ProductId, ProductCode, ProductName, Mrp, BrandId, BrandName, SubCategoryId, SubCategoryName, CategoryId, CategoryName, CompanyId, ProductSequence, BrandSequence, SubCategorySequence, CategorySequence,IsCompetitor)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Product_Master where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Product_Master added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Product_Master'], false, 'Sup_Product_Master');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Product_Master'], true, 'Sup_Product_Master', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Product_Master'], true, 'Sup_Product_Master', res);
+            resolve(false);
+          }
+          break;
+        }
+
+
+        case 'Sup_NonWorkingReason': {
+          if (res != null && typeof res == 'object' && res.Sup_NonWorkingReason != null && res.Sup_NonWorkingReason != '') {
+            let data_arr = res.Sup_NonWorkingReason || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { ReasonId, Reason, EntryAllow, ImageAllow, GPSMandatory, ShowAttendance, ShowStore } = data_obj;
+              values.push(` ('${ReasonId}', '${Reason}', '${(EntryAllow == true ? 1 : 0)}', '${(ImageAllow == true ? 1 : 0)}', '${(GPSMandatory == true ? 1 : 0)}', '${(ShowAttendance == true ? 1 : 0)}', '${(ShowStore == true ? 1 : 0)}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_NonWorkingReason(ReasonId,Reason,EntryAllow,ImageAllow,GPSMandatory,ShowAttendance,ShowStore)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_NonWorkingReason where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_NonWorkingReason added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_NonWorkingReason'], false, 'Sup_NonWorkingReason');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_NonWorkingReason'], true, 'Sup_NonWorkingReason', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_NonWorkingReason'], true, 'Sup_NonWorkingReason', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_Competitor': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_Competitor != null && res.Sup_Master_Competitor != '') {
+            let data_arr = res.Sup_Master_Competitor || [];
+            console.log('data_arr', data_arr)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { CompanyId, Company, CategoryId, CategoryName, SubCategoryId, SubCategoryName, BrandId, BrandName, SubBrandId, SubBrandName, ProductId, ProductName } = data_obj;
+              values.push(` ('${CompanyId}', '${Company}', '${CategoryId}' , '${CategoryName}', '${SubCategoryId}', '${SubCategoryName}', '${BrandId}', '${BrandName}', '${SubBrandId}', '${SubBrandName}', '${ProductId}', '${ProductName}')`);
+            });
+
+            var all_vals = values.join(',');
+            console.log('')
+            var sql_stmnt = `INSERT INTO Sup_Master_Competitor(CompanyId, Company, CategoryId, CategoryName, SubCategoryId, SubCategoryName, BrandId, BrandName,SubBrandId, SubBrandName, ProductId, ProductName)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_Competitor where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_Competitor added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_Competitor'], false, 'Sup_Master_Competitor');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_Competitor'], true, 'Sup_Master_Competitor', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_Competitor'], true, 'Sup_Master_Competitor', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_Display': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_Display != null && res.Sup_Master_Display != '') {
+            let data_arr = res.Sup_Master_Display || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { DisplayId, DisplayName, RefImage } = data_obj;
+              values.push(` ('${DisplayId}', '${DisplayName}', '${RefImage}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_Display(DisplayId, DisplayName, RefImage)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_Display where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_Display added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_Display'], false, 'Sup_Master_Display');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_Display'], true, 'Sup_Master_Display', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_Display'], true, 'Sup_Master_Display', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_AttendanceStatus': {
+          if (res != null && typeof res == 'object' && res.Sup_AttendanceStatus != null && res.Sup_AttendanceStatus != '') {
+            let data_arr = res.Sup_AttendanceStatus || [];
+            console.log('data_arr', data_arr)
+            var values = [], RsnId = '';
+            data_arr.map((data_obj) => {
+
+              let { ReasonId } = data_obj;
+              RsnId = ReasonId;
+              values.push(` ('${ReasonId}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_AttendanceStatus(ReasonId)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_AttendanceStatus where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], async function (txn1, txnres) {
+                  console.log('Sup_AttendanceStatus added');
+                  // let isInserted=await InsertAttendance(RsnId);
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_AttendanceStatus'], false, 'Sup_AttendanceStatus');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_AttendanceStatus'], true, 'Sup_AttendanceStatus', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_AttendanceStatus'], true, 'Sup_AttendanceStatus', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_MenuReports': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_MenuReports != null && res.Sup_Master_MenuReports != '') {
+            let data_arr = res.Sup_Master_MenuReports || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { ReportId, ReportName, ReportType, DownloadKey, ColumnConfig } = data_obj;
+              values.push(` ('${ReportId}', '${ReportName}', '${ReportType}','${DownloadKey}','${ColumnConfig}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_MenuReports(ReportId,ReportName,ReportType,DownloadKey,ColumnConfig)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_MenuReports where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_MenuReports added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_MenuReports'], false, 'Sup_Master_MenuReports');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_MenuReports'], true, 'Sup_Master_MenuReports', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_MenuReports'], true, 'Sup_Master_MenuReports', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_PromoType': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_PromoType != null && res.Sup_Master_PromoType != '') {
+            let data_arr = res.Sup_Master_PromoType || [];
+
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { PromoTypeId, PromoType } = data_obj;
+              values.push(` ('${PromoTypeId}','${PromoType}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_PromoType(PromoTypeId,PromoType)
+            values ${all_vals}`;
+            console.log('sql_stmnt', sql_stmnt)
+            console.log('values', values)
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_PromoType where 1=1`, [], function (txn1, txnres) {
+                console.log('txnres', txnres)                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_PromoType added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_PromoType'], false, 'Sup_Master_PromoType');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_PromoType'], true, 'Sup_Master_PromoType', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_PromoType'], true, 'Sup_Master_PromoType', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_SurveyQuestion': {
+
+          if (res != null && typeof res == 'object' && res.Sup_Master_SurveyQuestion != null && res.Sup_Master_SurveyQuestion != '') {
+            let data_arr = res.Sup_Master_SurveyQuestion || [];
+            console.log('surveys:', data_arr.length)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { SurveyId, SurveyName, CategoryId, Category, CategorySequence, QuestionId, Question, QuestionType, QuestionImageAllow, QEnable, LengthValidation, MinLength, MaxLength, OTP, DateRange, QuestionSequence, AnswerId, Answer, ImageAllow1, ImageAllow2, EnableQuestion, DisableQuestion, AnswerSequence, ShowCat, SubCategoryId, SubCategory, SubCategorySequence, MenuId, QuestionTypeNew, QuestionImageMandatory, Image1Mandatory, Image2Mandatory, CalFormula, RefImage, QuestionRefImage } = data_obj;
+              values.push(` ('${SurveyId}','${SurveyName}','${CategoryId}','${Category}','${CategorySequence}','${QuestionId}','${Question}','${QuestionType}','${QuestionImageAllow}','${QEnable}','${LengthValidation}','${MinLength}','${MaxLength}','${OTP}','${DateRange}','${QuestionSequence}','${AnswerId}','${Answer}','${ImageAllow1}','${ImageAllow2}','${EnableQuestion}','${DisableQuestion}','${AnswerSequence}','${(ShowCat == true ? 1 : 0)}','${SubCategoryId}','${SubCategory}','${SubCategorySequence}','${MenuId}','${QuestionTypeNew}','${QuestionImageMandatory}','${Image1Mandatory}','${Image2Mandatory}','${CalFormula}','${RefImage}','${QuestionRefImage}')`);
+            });
+
+            console.log('sdjh')
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_SurveyQuestion(SurveyId, SurveyName, CategoryId, Category, CategorySequence, QuestionId, Question, QuestionType, QuestionImageAllow, QEnable, LengthValidation, MinLength, MaxLength, OTP, DateRange, QuestionSequence, AnswerId, Answer, ImageAllow1, ImageAllow2, EnableQuestion, DisableQuestion, AnswerSequence,ShowCat, SubCategoryId,SubCategory, SubCategorySequence,MenuId,QuestionTypeNew,QuestionImageMandatory,Image1Mandatory,Image2Mandatory,CalFormula,RefImage,QuestionRefImage)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_SurveyQuestion where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_SurveyQuestion added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_SurveyQuestion'], false, 'Sup_Master_SurveyQuestion');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_SurveyQuestion'], true, 'Sup_Master_SurveyQuestion', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_SurveyQuestion'], true, 'Sup_Master_SurveyQuestion', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Mapping_SurveySup': {
+
+          if (res != null && typeof res == 'object' && res.Mapping_SurveySup != null && res.Mapping_SurveySup != '') {
+            let data_arr = res.Mapping_SurveySup || [];
+            console.log('surveys:', data_arr.length)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { SurveyId, StoreId } = data_obj;
+              values.push(` ('${SurveyId}','${StoreId}')`);
+            });
+
+            console.log('sdjh')
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Mapping_SurveySup(SurveyId, StoreId)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Mapping_SurveySup where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Mapping_SurveySup added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Mapping_SurveySup'], false, 'Mapping_SurveySup');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Mapping_SurveySup'], true, 'Mapping_SurveySup', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Mapping_SurveySup'], true, 'Mapping_SurveySup', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Mapping_VisibilityQuestion': {
+
+          if (res != null && typeof res == 'object' && res.Sup_Mapping_VisibilityQuestion != null && res.Sup_Mapping_VisibilityQuestion!= '') {
+            let data_arr = res.Sup_Mapping_VisibilityQuestion || [];
+            console.log('Sup_Mapping_VisibilityQuestion:', data_arr.length)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { VisibilityDefinitionId, VisibilityQuestionId } = data_obj;
+              values.push(` ('${VisibilityDefinitionId}','${VisibilityQuestionId}')`);
+            });
+
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Mapping_VisibilityQuestion(VisibilityDefinitionId, VisibilityQuestionId)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Mapping_VisibilityQuestion where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Mapping_VisibilityQuestion added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Mapping_VisibilityQuestion'], false, 'Sup_Mapping_VisibilityQuestion');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Mapping_VisibilityQuestion'], true, 'Sup_Mapping_VisibilityQuestion', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Mapping_VisibilityQuestion'], true, 'Sup_Mapping_VisibilityQuestion', res);
+            resolve(false);
+          }
+          break;
+        }
+
+
+        case 'Sup_Master_VisibilityStockDefinition': {
+
+          if (res != null && typeof res == 'object' && res.Sup_Master_VisibilityStockDefinition != null && res.Sup_Master_VisibilityStockDefinition!= '') {
+            let data_arr = res.Sup_Master_VisibilityStockDefinition || [];
+            console.log('Sup_Master_VisibilityStockDefinition:', data_arr.length)
+            let values = [];
+            data_arr.map((data_obj) => {
+              let { VisibilityStockDefinitionId, VisibilityDefinitionId,VisibilityStockTable,VisibilityStockField,VisibilityStockValue,VisibilityStockMBQ,ProductName } = data_obj;
+              values.push(` ('${VisibilityStockDefinitionId}',  '${VisibilityDefinitionId}','${VisibilityStockTable}','${VisibilityStockField}','${VisibilityStockValue}','${VisibilityStockMBQ}','${ProductName}')`);
+            });
+
+
+            let all_vals = values.join(',');
+            let sql_stmnt = `INSERT INTO Sup_Master_VisibilityStockDefinition(VisibilityStockDefinitionId, VisibilityDefinitionId,VisibilityStockTable,VisibilityStockField,VisibilityStockValue,VisibilityStockMBQ,ProductName)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_VisibilityStockDefinition where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_VisibilityStockDefinition added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Mapping_VisibilityQuestion'], false, 'Sup_Mapping_VisibilityQuestion');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Mapping_VisibilityQuestion'], true, 'Sup_Mapping_VisibilityQuestion', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Mapping_VisibilityQuestion'], true, 'Sup_Mapping_VisibilityQuestion', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_DetailerContent': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_DetailerContent != null && res.Sup_Master_DetailerContent != '') {
+            let data_arr = res.Sup_Master_DetailerContent || [];
+            console.log('data_arr', data_arr)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { Id, ContentTypeId, ContentType, Topic, Description, MediaType, FilePath, FName, PublishDate, IconPath, Icon, InnerScreenView, InnerScreenConfig, ContentSequence, DownloadKey, ReportView } = data_obj;
+              values.push(` ('${Id}','${ContentTypeId}','${ContentType}', '${Topic}', '${Description}', '${MediaType}', '${FilePath}', '${FName}', '${PublishDate}','${IconPath}','${Icon}','${InnerScreenView}','${InnerScreenConfig}','${ContentSequence}','${DownloadKey}','${ReportView}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_DetailerContent(Id,ContentTypeId,ContentType,Topic,Description,MediaType,FilePath,FName,PublishDate, IconPath,Icon,InnerScreenView,InnerScreenConfig,ContentSequence,DownloadKey,ReportView) 
+            values ${all_vals}`;
+            console.log('sql_stmnt', sql_stmnt)
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_DetailerContent `, [], function (txn1, txnres) {
+                // insert or refresh all today dataz
+
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_DetailerContent added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_DetailerContent'], false, 'Sup_Master_DetailerContent');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_DetailerContent'], true, 'Sup_Master_DetailerContent', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_DetailerContent'], true, 'Sup_Master_DetailerContent', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Mapping_MenuConfiguration_Sup': {
+          if (res != null && typeof res == 'object' && res.Mapping_MenuConfiguration_Sup != null && res.Mapping_MenuConfiguration_Sup != '') {
+            let data_arr = res.Mapping_MenuConfiguration_Sup || [];
+            console.log('data_arr', data_arr)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { Id, ScreenName, KPIFieldName, KPIFieldDisplayName, KPIFieldEnable, KPISequence, KPIType, KPIMandatory } = data_obj;
+              values.push(` ('${Id}', '${ScreenName}', '${KPIFieldName}', '${KPIFieldDisplayName}', '${KPIFieldEnable}', '${KPISequence}', '${KPIType}', '${KPIMandatory}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Mapping_MenuConfiguration_Sup(Id,ScreenName,KPIFieldName,KPIFieldDisplayName,KPIFieldEnable,KPISequence,KPIType,KPIMandatory) 
+            values ${all_vals}`;
+            console.log('sql_stmnt', sql_stmnt)
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Mapping_MenuConfiguration_Sup `, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_TeamList added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Mapping_MenuConfiguration_Sup'], false, 'Mapping_MenuConfiguration_Sup');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Mapping_MenuConfiguration_Sup'], true, 'Mapping_MenuConfiguration_Sup', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Mapping_MenuConfiguration_Sup'], true, 'Mapping_MenuConfiguration_Sup', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_VisibilityDefinition': {
+
+          if (res != null && typeof res == 'object' && res.Sup_Master_VisibilityDefinition != null && res.Sup_Master_VisibilityDefinition != '') {
+            let data_arr = res.Sup_Master_VisibilityDefinition || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { VisibilityDefinitionId, MenuId, MenuName, VisibilityId, VisibilityName, VisibilityTable, VisibilityField, VisibilityValue, ChildName, VisibilityRefImage, VisibilityElementStockRequired, VisibilityElementCheckAssortment, NoOfSplit, VisibilityImage1, VisibilityImage2, VisibilityImage1Lable, VisibilityImage2Lable, VisibilityNotExistCamera, VisibilityExistReasonEnable, VisibilityNotExistReasonEnable, VisibilityImage1CameraGrid, VisibilityImage2CameraGrid, StockQtyRequired, VisiDefSequence } = data_obj;
+              values.push(` ('${VisibilityDefinitionId}','${MenuId}','${MenuName}','${VisibilityId}','${VisibilityName}','${VisibilityTable}','${VisibilityField}','${VisibilityValue}','${ChildName}','${VisibilityRefImage}','${VisibilityElementStockRequired}','${VisibilityElementCheckAssortment}','${NoOfSplit}','${VisibilityImage1}','${VisibilityImage2}','${VisibilityImage1Lable}','${VisibilityImage2Lable}','${VisibilityNotExistCamera}','${VisibilityExistReasonEnable}','${VisibilityNotExistReasonEnable}','${VisibilityImage1CameraGrid}','${VisibilityImage2CameraGrid}','${StockQtyRequired}','${VisiDefSequence}')`);
+            });
+
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_VisibilityDefinition(VisibilityDefinitionId,MenuId,MenuName,VisibilityId,VisibilityName,VisibilityTable,VisibilityField,VisibilityValue,ChildName,VisibilityRefImage,VisibilityElementStockRequired,VisibilityElementCheckAssortment,NoOfSplit,VisibilityImage1,VisibilityImage2,VisibilityImage1Lable,VisibilityImage2Lable,VisibilityNotExistCamera,VisibilityExistReasonEnable,VisibilityNotExistReasonEnable,VisibilityImage1CameraGrid,VisibilityImage2CameraGrid,StockQtyRequired,VisiDefSequence)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_VisibilityDefinition where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_VisibilityDefinition added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_VisibilityDefinition'], false, 'Sup_Master_VisibilityDefinition');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_VisibilityDefinition'], true, 'Sup_Master_VisibilityDefinition', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_VisibilityDefinition'], true, 'Sup_Master_VisibilityDefinition', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_VisibilityQuestion': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_VisibilityQuestion != null && res.Sup_Master_VisibilityQuestion != '') {
+            let data_arr = res.Sup_Master_VisibilityQuestion || [];
+            console.log('surveys:', data_arr.length)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { VisibilityQuestionId, VisibilityQuestionCode, VisibilityQuestionName, QuestionType, VQShowCamera, VQCameraMandatory, VQLengthValidationRequired, VQMinimumChar, VQMaximumChar, VQDecimalPoint, VQDateRangeMin, VQDateRangeMax, VQVoiceLengthInMinutes, VQDefaultQuestionEnable, VisibilityQuestionSequence, VisibilityAnswerId, VisibilityAnswerName, VAShowCamera, VACameraMandatory, VAQuestionEnable, VAQuestionDisable, VASequence } = data_obj;
+              values.push(` ('${VisibilityQuestionId}','${VisibilityQuestionCode}','${VisibilityQuestionName}','${QuestionType}','${VQShowCamera}','${VQCameraMandatory}','${VQLengthValidationRequired}','${VQMinimumChar}','${VQMaximumChar}','${VQDecimalPoint}','${VQDateRangeMin}','${VQDateRangeMax}','${VQVoiceLengthInMinutes}','${VQDefaultQuestionEnable}','${VisibilityQuestionSequence}','${VisibilityAnswerId}','${VisibilityAnswerName}','${VAShowCamera}','${VACameraMandatory}','${VAQuestionEnable}','${VAQuestionDisable}','${VASequence}')`);
+            });
+
+            console.log('sdjh')
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_VisibilityQuestion(VisibilityQuestionId,VisibilityQuestionCode,VisibilityQuestionName,QuestionType,VQShowCamera,VQCameraMandatory,VQLengthValidationRequired,VQMinimumChar,VQMaximumChar,VQDecimalPoint,VQDateRangeMin,VQDateRangeMax,VQVoiceLengthInMinutes,VQDefaultQuestionEnable,VisibilityQuestionSequence,VisibilityAnswerId,VisibilityAnswerName,VAShowCamera,VACameraMandatory,VAQuestionEnable,VAQuestionDisable,VASequence)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_VisibilityQuestion where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_VisibilityQuestion added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_VisibilityQuestion'], false, 'Sup_Master_VisibilityQuestion');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_VisibilityQuestion'], true, 'Sup_Master_VisibilityQuestion', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_VisibilityQuestion'], true, 'Sup_Master_VisibilityQuestion', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_VisibilityAudit': {
+          if (res != null && typeof res == 'object' && res.Sup_VisibilityAudit != null && res.Sup_VisibilityAudit != '') {
+            let data_arr = res.Sup_VisibilityAudit || [];
+            console.log('surveys:', data_arr.length)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { VId, MID, StoreId, LastVisitDate, VisibilityDefinitionId, Present, VisibilityReasonId, VisibilityImages, VisibilityQuestion } = data_obj;
+              values.push(` ('${VId}','${MID}','${StoreId}','${LastVisitDate}','${VisibilityDefinitionId}','${Present}','${VisibilityReasonId}','${VisibilityImages}','${VisibilityQuestion}')`);
+            });
+
+            console.log('sdjh')
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_VisibilityAudit(VId,MID,StoreId,LastVisitDate,VisibilityDefinitionId,Present,VisibilityReasonId,VisibilityImages,VisibilityQuestion)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_VisibilityAudit where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_VisibilityAudit added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_VisibilityAudit'], false, 'Sup_VisibilityAudit');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_VisibilityAudit'], true, 'Sup_VisibilityAudit', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_VisibilityAudit'], true, 'Sup_VisibilityAudit', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_VisibilityReason': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_VisibilityReason != null && res.Sup_Master_VisibilityReason != '') {
+            let data_arr = res.Sup_Master_VisibilityReason || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { VisibilityReasonId, VisibilityReason, MenuId, IsRemarkTaken } = data_obj;
+              values.push(` ('${VisibilityReasonId}','${VisibilityReason}','${MenuId}','${IsRemarkTaken}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_VisibilityReason(VisibilityReasonId,VisibilityReason,MenuId,IsRemarkTaken)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_VisibilityReason where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_VisibilityReason added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_VisibilityReason'], false, 'Sup_Master_VisibilityReason');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_VisibilityReason'], true, 'Sup_Master_VisibilityReason', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_VisibilityReason'], true, 'Sup_Master_VisibilityReason', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_PosSaleReason': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_PosSaleReason != null && res.Sup_Master_PosSaleReason != '') {
+            let data_arr = res.Sup_Master_PosSaleReason || [];
+            // data_arr.push({"ChannelId":1,"RegionId":1,"MenuId":18})         
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { PosReasonId, PosReason } = data_obj;
+              values.push(` ('${PosReasonId}', '${PosReason}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_PosSaleReason(PosReasonId,PosReason)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_PosSaleReason where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_PosSaleReason added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txnE, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txnE, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_PosSaleReason'], false, 'Sup_Master_PosSaleReason');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_PosSaleReason'], true, 'Sup_Master_PosSaleReason', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_PosSaleReason'], true, 'Sup_Master_PosSaleReason', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Mapping_PosSaleDefinition': {
+          if (res != null && typeof res == 'object' && res.Sup_Mapping_PosSaleDefinition != null && res.Sup_Mapping_PosSaleDefinition != '') {
+            let data_arr = res.Sup_Mapping_PosSaleDefinition || [];
+            // data_arr.push({"ChannelId":1,"RegionId":1,"MenuId":18})         
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { PosDefinitionId, PosSaleValue, ChildName } = data_obj;
+              values.push(`('${PosDefinitionId}', '${PosSaleValue}', '${ChildName}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Mapping_PosSaleDefinition(PosDefinitionId,PosSaleValue,ChildName)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Mapping_PosSaleDefinition where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Mapping_PosSaleDefinition added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txnE, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txnE, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Mapping_PosSaleDefinition'], false, 'Sup_Mapping_PosSaleDefinition');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Mapping_PosSaleDefinition'], true, 'Sup_Mapping_PosSaleDefinition', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Mapping_PosSaleDefinition'], true, 'Sup_Mapping_PosSaleDefinition', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_PosSaleDefinition': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_PosSaleDefinition != null && res.Sup_Master_PosSaleDefinition != '') {
+            let data_arr = res.Sup_Master_PosSaleDefinition || [];
+            // data_arr.push({"ChannelId":1,"RegionId":1,"MenuId":18})         
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { PosDefinitionId, PosTable, PosField, PosOverall, PosCheckAssortment, ShowPosValue, ShowPosVolume, PosValueLabel, PosVolumeLabel, PosNotExistReasonEnable, HeaderImageRequired, HeaderImageCount, HeaderImageMandatory } = data_obj;
+              values.push(` ('${PosDefinitionId}', '${PosTable}' , '${PosField}','${PosOverall}', '${PosCheckAssortment}', '${ShowPosValue}', '${ShowPosVolume}','${PosValueLabel}','${PosVolumeLabel}','${PosNotExistReasonEnable == true ? 1 : 0}','${HeaderImageRequired == true ? 1 : 0}','${HeaderImageCount}','${HeaderImageMandatory}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_PosSaleDefinition(PosDefinitionId,PosTable,PosField,PosOverall,PosCheckAssortment,ShowPosValue,ShowPosVolume,PosValueLabel,PosVolumeLabel,PosNotExistReasonEnable,HeaderImageRequired,HeaderImageCount,HeaderImageMandatory)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_PosSaleDefinition where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_PosSaleDefinition added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txnE, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txnE, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_PosSaleDefinition'], false, 'Sup_Master_PosSaleDefinition');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_PosSaleDefinition'], true, 'Sup_Master_PosSaleDefinition', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_PosSaleDefinition'], true, 'Sup_Master_PosSaleDefinition', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Master_PosSaleCycle': {
+          if (res != null && typeof res == 'object' && res.Sup_Master_PosSaleCycle != null && res.Sup_Master_PosSaleCycle != '') {
+            let data_arr = res.Sup_Master_PosSaleCycle || [];
+            // data_arr.push({"ChannelId":1,"RegionId":1,"MenuId":18})         
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { CycleId, CycleYear, CycleMonth, CyclePeriod } = data_obj;
+              values.push(` ('${CycleId}', '${CycleYear}' , '${CycleMonth}','${CyclePeriod}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Master_PosSaleCycle(CycleId,CycleYear,CycleMonth,CyclePeriod)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Master_PosSaleCycle where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Master_PosSaleCycle added', data_arr);
+                  setTaskResponse(data_arr);
+
+                  resolve(true);
+                }, function (txnE, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txnE, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Master_PosSaleCycle'], false, 'Sup_Master_PosSaleCycle');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Master_PosSaleCycle'], true, 'Sup_Master_PosSaleCycle', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Master_PosSaleCycle'], true, 'Sup_Master_PosSaleCycle', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_Mapping_StorePosSaleDefinition': {
+          if (res != null && typeof res == 'object' && res.Sup_Mapping_StorePosSaleDefinition != null && res.Sup_Mapping_StorePosSaleDefinition != '') {
+            let data_arr = res.Sup_Mapping_StorePosSaleDefinition || [];
+            // data_arr.push({"ChannelId":1,"RegionId":1,"MenuId":18})         
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { PosDefinitionId, StoreId, VisitDate } = data_obj;
+              values.push(`('${PosDefinitionId}', '${StoreId}','${VisitDate})`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_Mapping_StorePosSaleDefinition(PosDefinitionId,StoreId,VisitDate)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Mapping_StorePosSaleDefinition where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_Mapping_StorePosSaleDefinition added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txnE, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txnE, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_Mapping_StorePosSaleDefinition'], false, 'Sup_Mapping_StorePosSaleDefinition');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_Mapping_StorePosSaleDefinition'], true, 'Sup_Mapping_StorePosSaleDefinition', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_Mapping_StorePosSaleDefinition'], true, 'Sup_Mapping_StorePosSaleDefinition', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        // new cases 
+        case 'Sup_ImageAuditKPIImages': {
+          if (res != null && typeof res == 'object' && res.Sup_ImageAuditKPIImages != null && res.Sup_ImageAuditKPIImages != '') {
+            let data_arr = res.Sup_ImageAuditKPIImages || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MID, MenuId, Menu, KPIImageId, QuestionImageId, DefId, DefName, BaseUrl, ImageName, Image1, Image2 } = data_obj;
+              values.push(`('${MID}','${MenuId}','${Menu}','${KPIImageId}','${QuestionImageId}','${DefId}','${DefName}','${BaseUrl}','${ImageName}','${Image1}','${Image2}')`);
+            });
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_ImageAuditKPIImages(MID ,MenuId,Menu,KPIImageId,QuestionImageId,DefId,DefName,BaseUrl,ImageName,Image1,Image2)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_ImageAuditKPIImages where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_ImageAuditKPIImages added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_ImageAuditKPIImages'], false, 'Sup_ImageAuditKPIImages');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_ImageAuditKPIImages'], true, 'Sup_ImageAuditKPIImages', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_ImageAuditKPIImages'], true, 'Sup_ImageAuditKPIImages', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_ImageAuditKPIQuestion': {
+          if (res != null && typeof res == 'object' && res.Sup_ImageAuditKPIQuestion != null && res.Sup_ImageAuditKPIQuestion != '') {
+            let data_arr = res.Sup_ImageAuditKPIQuestion || [];
+            console.log('surveys:', data_arr.length)
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { AIQuestionId, AIQuestionCode, AIQuestionName, QuestionType, AIShowCamera, AICameraMandatory, AILengthValidationRequired, AIMinimumChar, AIMaximumChar, AIDecimalPoint, AIDateRangeMin, AIDateRangeMax, AIVoiceLengthInMinutes, AIDefaultQuestionEnable, AIQuestionSequence, AIAnswerId, AIAnswerName, AIAShowCamera, AIACameraMandatory, AIAQuestionEnable, AIAQuestionDisable, AIASequence } = data_obj;
+              values.push(` ('${AIQuestionId}','${AIQuestionCode}','${AIQuestionName}','${QuestionType}','${AIShowCamera}','${AICameraMandatory}','${AILengthValidationRequired}','${AIMinimumChar}','${AIMaximumChar}','${AIDecimalPoint}','${AIDateRangeMin}','${AIDateRangeMax}','${AIVoiceLengthInMinutes}','${AIDefaultQuestionEnable}','${AIQuestionSequence}','${AIAnswerId}','${AIAnswerName}','${AIAShowCamera}','${AIACameraMandatory}','${AIAQuestionEnable}','${AIAQuestionDisable}','${AIASequence}')`);
+            });
+
+            console.log('Sup_ImageAuditKPIQuestion');
+
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_ImageAuditKPIQuestion(AIQuestionId,AIQuestionCode,AIQuestionName,QuestionType,AIShowCamera,AICameraMandatory,AILengthValidationRequired,AIMinimumChar,AIMaximumChar,AIDecimalPoint,AIDateRangeMin,AIDateRangeMax,AIVoiceLengthInMinutes,AIDefaultQuestionEnable,AIQuestionSequence,AIAnswerId,AIAnswerName,AIAShowCamera,AIACameraMandatory,AIAQuestionEnable,AIAQuestionDisable,AIASequence)
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_ImageAuditKPIQuestion where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_ImageAuditKPIQuestion added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr) {
+                  console.log('err:', txnerr);
+                  resolve(true);
+                });
+              }, function (txn1, txnerr) {
+                console.log('err:', txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_ImageAuditKPIQuestion'], false, 'Sup_ImageAuditKPIQuestion');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_ImageAuditKPIQuestion'], true, 'Sup_ImageAuditKPIQuestion', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_ImageAuditKPIQuestion'], true, 'Sup_ImageAuditKPIQuestion', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case 'Sup_ImageAuditStoreList': {
+          console.log("res:", res);
+          if (res != null && typeof res == 'object' && res.Sup_ImageAuditStoreList != null && res.Sup_ImageAuditStoreList != '') {
+            let data_arr = res.Sup_ImageAuditStoreList || [];
+            var values = [];
+            data_arr.map((data_obj) => {
+              let { MID, CoveredBy, StoreId, StoreName, StoreType, Address, CityName, VisitDate } = data_obj;
+              StoreName = StoreName?.replace(/'/g, '');
+              Address = Address?.replace(/'/g, '');
+              CityName = CityName?.replace(/'/g, '');
+              values.push(` ('${MID}', '${CoveredBy}','${StoreId}','${StoreName}','${StoreType}','${Address}', '${CityName}','${VisitDate}')`);
+            });
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_ImageAuditStoreList(MID,CoveredBy,StoreId,StoreName,StoreType,Address,CityName,VisitDate) 
+            values ${all_vals}`;
+            db.transaction(function (txn) {
+              txn.executeSql(`delete from Sup_ImageAuditStoreList where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                  console.log('Sup_ImageAuditStoreList added');
+                  setTaskResponse(data_arr);
+                  resolve(true);
+                }, function (txn1, txnerr1) {
+                  console.log(txnerr1)
+                  resolve(true);
+                });
+              }, function (txn1, txnerr1) {
+                console.log(txnerr1)
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            await onNoData(['No data for Sup_ImageAuditStoreList'], false, 'Sup_ImageAuditStoreList');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            await onNoData(['No data for Sup_ImageAuditStoreList'], true, 'Sup_ImageAuditStoreList', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            await onNoData(['No data for Sup_ImageAuditStoreList'], true, 'Sup_ImageAuditStoreList', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        // dashboard 
+        case 'Sup_MenuAppDashboard': {
+          if (res != null && typeof res == 'object' && res.Sup_MenuAppDashboard != null && res.Sup_MenuAppDashboard != '') {
+            let data_arr = res.Sup_MenuAppDashboard || [];
+            var values = [], reportKeysToDownload = [], MainReportsToShow = [];
+            data_arr.map((data_obj) => {
+              let { DashboardId, DashboardName, DashboardType, DashboardSection, TabName, DownloadKey, GraphDetail, DrillDown, ParentId, ShowGraph, DisplayOrder } = data_obj;
+
+              values.push(` ('${DashboardId}','${DashboardName}','${DashboardType}','${DashboardSection}','${TabName}','${DownloadKey}','${GraphDetail}','${DrillDown}','${ParentId}','${ShowGraph}','${DisplayOrder}')`);
+
+              if (DashboardSection != "DrilldownScreen" && DashboardSection != "PeopleDrilldownScreen") {
+                reportKeysToDownload.push(DownloadKey);
+              }
+              // reportKeysToDownload.push(DownloadKey);
+
+              // only those report will be shown which parent id is either null or 0
+
+              if (ParentId == null || ParentId == 0 || ParentId == '0') {
+                MainReportsToShow.push(data_obj);
+              }
+
+            });
+
+            MainReportsToShow.sort((a, b) => a.DisplayOrder - b.DisplayOrder);
+
+            setAppDashReportsSec(MainReportsToShow);
+            var all_vals = values.join(',');
+            var sql_stmnt = `INSERT INTO Sup_MenuAppDashboard(DashboardId,DashboardName,DashboardType,DashboardSection,TabName,DownloadKey,GraphDetail,DrillDown,ParentId,ShowGraph,DisplayOrder)
+            values ${all_vals}`;
+
+            db.transaction(function (txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_MenuAppDashboard where 1=1`, [], function (txn1, txnres) {
+                // insert or refresh all today data
+                txn.executeSql(sql_stmnt, [], async function (txn1, txnres) {
+                  console.log('Sup_MenuAppDashboard added');
+
+
+                  // download reports data for dashboard
+                  let isReportsDownloaded = await downloadReportKeys(reportKeysToDownload)
+                  if (!isReportsDownloaded.success && isReportsDownloaded.error != null && isReportsDownloaded.error != '') {
+                    console.log("Cannot download dashboard reports");
+                    await onNoData(['No data for Sup_MenuAppDashboard'], true, 'Sup_MenuAppDashboard - ' + isReportsDownloaded.reportKey, isReportsDownloaded.error);
+                    resolve(false);
+                  }
+                  else {
+                    setTaskResponse(data_arr);
+                    console.log("All Report Keys Dowbloaded", isReportsDownloaded);
+                    resolve(true);
+                  }
+
+                }, function (txnE, txnerr) {
+                  console.log(txnerr);
+                  resolve(true);
+                });
+              }, function (txnE, txnerr) {
+                console.log(txnerr);
+                resolve(true);
+              });
+            });
+
+          }
+          // pass to the next download key if data does not exists for this Key
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            setAppDashReportsSec([]);
+            await onNoData(['No data for Sup_MenuAppDashboard'], false, 'Sup_MenuAppDashboard');
+            resolve(true);
+          }
+          // Stop Downloading and report error
+          else if (res != null && typeof (res) == 'object' && res.success == false) {
+            console.log('Error in downloading network', res);
+            setAppDashReportsSec([]);
+            await onNoData(['No data for Sup_MenuAppDashboard'], true, 'Sup_MenuAppDashboard', res);
+            resolve(false);
+          }
+          // Stop Downloading and report error
+          else {
+            console.log('Error in downloading else', res);
+            setAppDashReportsSec([]);
+            await onNoData(['No data for Sup_MenuAppDashboard'], true, 'Sup_MenuAppDashboard', res);
+            resolve(false);
+          }
+          break;
+        }
+
+        case "default": return false;
+      }
+    }).catch((err) => {
+      console.log('error in downloading', err);
+      return false;
+    });
+  }
+  // DOWNLOAD FUNCTIONALITY END
+
+
+  // upload functionality start
+  async function startUpload() {
+    console.log("start upload called");
+    setLoaderTitle(ST.UploadingData + '...');
+    setProcessing(true);
+    UploadOnCheckOut();
+  }
+
+  async function getMenuList(storeData1) {
+    let { StoreId, ChannelId, RegionId } = storeData1;
+    return new Promise((resolve, reject) => {
+
+      db.transaction(async function (txn) {
+        let q = Q_MenuList(storeData1);
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          console.log("Menu List Query:", txnres.rows.length);
+          if (txnres.rows.length > 0) {
+            let arr = [];
+            for (var i = 0; i < txnres.rows.length; i++) {
+              let data = txnres.rows.item(i);
+              console.log("Menu List Query:", data);
+              arr.push(data);
+              if (i == (txnres.rows.length - 1)) {
+                resolve(arr);
+              }
+            }
+          }
+          else {
+            resolve([])
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve([]); },);
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log('')
+      return []
+    })
+  }
+
+
+
+  async function UploadOnCheckOut() {
+    try {
+      let userIsManager = await getIf_UserIsManager(props);
+      //  const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+      const { StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+
+      setLoaderTitle("Loading...");
+      setProcessing(true);
+      GMUploadedCountref.current = 0;
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      let token = await get_item('loginToken');
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      console.log("storewisePjpAskForUpload>>:", storewisePjp);
+      let AllEmployees = await getEmployees();
+
+      let AllVisitors = [];//await getVisitorLogin(d2);
+
+      let ALlGMs = await getGateMeetingsToUpload();
+      console.log("ALlGMs", ALlGMs)
+      if (ALlGMs.length > 0) {
+        setLoaderTitle(`Uploading Gate Meetings Data (${GMUploadedCountref.current}/${ALlGMs.length})...`);
+        let isGMUploaded = await uploadGateMeetings(ALlGMs);
+        setLoaderTitle("Loading...");
+      }
+
+      // image audit 
+
+      let ALlIAs = await getImageAuditToUpload();
+      console.log("ALlIAs", ALlIAs)
+      if (ALlIAs.length > 0) {
+        setLoaderTitle(`Uploading Image Audit Data (${IAUploadedCountref.current}/${ALlIAs.length})...`);
+        let isIAUploaded = await uploadImageAudits(ALlIAs);
+        setLoaderTitle("Loading...");
+      }
+
+      await db.transaction(async function (txn) {
+
+        for (let empINdex = 0; empINdex < AllEmployees.length; empINdex++) {
+
+          let PJPStores = [];
+          // if user is manager 
+          if (userIsManager) {
+            AllStores = await getPJPStoresData('Sup_JourneyPlan', [], d2);
+          }
+          else if (storewisePjp == true) {
+            PJPStores = await getPJPStoresData('Sup_JourneyPlanStorewiseSup', [], d2);
+            AllStores = await getPJPStoresData('Sup_JourneyPlanStorewiseSup_Adhoc', PJPStores, d2);
+          }
+          else {
+            PJPStores = await getPJPStoresData('Sup_JourneyPlan', [], d2);
+            AllStores = await getPJPStoresData('Sup_AdhocJourneyPlan', PJPStores, d2);
+          }
+
+          console.log('stores to upload:', AllStores.length);
+          if (AllStores.length > 0) {
+            if (AllVisitors.length > 0) {
+              setLoaderTitle(ST.Uploadingvisitorsdata + '...');
+              let isallVisUploaded = await uploadAllVisitors(props, AllVisitors);
+
+              if (isallVisUploaded == true) {
+                notify(ST.AllDataUploaded + '...');
+              }
+              else {
+                notify(ST.CannotUploadVisitors);
+              }
+            }
+            for (var i = 0; i < AllStores.length; i++) {
+              let data = AllStores[i];
+              const index = i;
+              let { StoreId, StoreName, EmpId, MerchandiserId, MID, UploadStatus, Status, VisitDate, REASON_ID, JCP_TYPE } = data;
+              // get all checkout ids data
+              setLoaderTitle(ST.UploadingDatafor + ' ' + StoreName + '...');
+              let MenuList = await getMenuList(data);
+              let allKPIs = await getKPIS(MenuList);
+              if (UploadStatus == 'C') {
+                let isUploaded_P = await uploadStoreStatus(props, data, 'P', JCP_TYPE);
+                if (isUploaded_P == true) {
+                  console.log('proceed to upload after C to P status', MenuList, allKPIs);
+                  await uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE)
+                }
+                else {
+                  notify(ST.Erroroccurwhileuploadingdatafor + ' ' + StoreName, 'LONG');
+                  if (index == AllStores.length - 1) {
+                    setProcessing(false);
+                  }
+                }
+              }
+              else if (UploadStatus == 'D') {
+                //  this never be called if there is no KPI
+                console.log('uploadAfter_P_status - MenuList.length:', allKPIs);
+                let allFilesToUpload = await uploadAllData(props, data, allKPIs, props.UserId, JCP_TYPE, false, MenuList,true);
+                console.log('allFilesToUpload.length:', allFilesToUpload.length);
+                if (allFilesToUpload.length > 0) {
+                  await UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload);
+                }
+                else {
+                  notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+                  if (index == AllStores.length - 1) {
+                    setProcessing(false);
+                  }
+                }
+
+              }
+              else if (UploadStatus == 'P') {
+                await uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE);
+              }
+              else if (UploadStatus == 'L') {
+                let isAllUploaded_S = await uploadStoreStatus(props, data, 'U', JCP_TYPE);
+                if (isAllUploaded_S == true) {
+                  notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+                  if (index == AllStores.length - 1) {
+                    setProcessing(false);
+                  }
+                }
+                else {
+                  if (index == AllStores.length - 1) {
+                    setProcessing(false); notify(ST.Erroroccurwhileuploadingdatafor, 'LONG');
+                  }
+                }
+              }
+
+              if (index == 0) {
+                props.set_startUpload({ startUpload: false });
+              }
+            }
+
+          }
+          else if (AllVisitors.length > 0) {
+            setLoaderTitle(ST.Uploadingvisitorsdata + '...');
+            let isallVisUploaded = await uploadAllVisitors(props, AllVisitors);
+            setProcessing(false);
+            props.set_startUpload({ startUpload: false });
+            if (isallVisUploaded == true) {
+              notify(ST.AllDataUploaded);
+            }
+            else {
+              notify(ST.CannotUploadVisitors);
+            }
+          }
+          else if (ALlGMs.length > 0) {
+            props.set_startUpload({ startUpload: false });
+            setProcessing(false);
+          }
+          else if (ALlIAs.length > 0) {
+            props.set_startUpload({ startUpload: false });
+            setProcessing(false);
+          }
+          else {
+            setProcessing(false);
+            notify(ST.NodatatoUpload);
+            props.set_startUpload({ startUpload: false });
+          }
+        }
+
+      });
+
+
+
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+
+  async function getImageAuditToUpload() {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let query1 = `SELECT DISTINCT MenuId, MID, Menu FROM ${AppTables.IMAGE_AUDIT_HDR_DATA} WHERE (STATUS != 'U' OR STATUS IS NULL) AND VISIT_DATE = '${d2}'`;
+        console.log("query1", query1);
+
+        await txn.executeSql(query1, [], async function (txn2, txnres1) {
+          if (txnres1.rows.length > 0) {
+            let fetchedData = [];
+
+            // Wrap the loop in a Promise.all to wait for all async operations to complete
+            await Promise.all(Array.from({ length: txnres1.rows.length }, async (_, i) => {
+              let item = txnres1.rows.item(i);
+              let defArray = [];
+
+              // Step 2: Fetch DefName and DefId for each MenuId and MID
+              let query2 = `SELECT DISTINCT DefName, DefId, MID, MenuId FROM ${AppTables.IMAGE_AUDIT_HDR_DATA} WHERE MID = '${item.MID}' AND MenuId = '${item.MenuId}'`;
+              console.log("query2", query2);
+
+              return new Promise(async (resolveDef, rejectDef) => {
+                await txn.executeSql(query2, [], async function (txn3, txnres2) {
+                  // Wrap another Promise.all to wait for the completion of this loop
+                  await Promise.all(Array.from({ length: txnres2.rows.length }, async (_, j) => {
+                    let defItem = txnres2.rows.item(j);
+                    let images1Array = [];
+
+                    // Step 3: Fetch images for each DefId
+                    let query3 = `SELECT DISTINCT S.KPIImageId, S.QuestionImageId, S.DefId, S.DefName, S.BaseUrl, S.ImageName, S.Image1, S.Image2,
+                  IFNULL(S.pictureokay, 0) AS pictureokay, IFNULL(S.pictureokay2, 0) AS pictureokay2
+                  FROM ${AppTables.IMAGE_AUDIT_HDR_DATA} S WHERE DefId = '${defItem.DefId}' AND MenuId = '${item.MenuId}' AND MID = '${item.MID}'`;
+                    console.log("query3", query3);
+
+                    return new Promise((resolveImg, rejectImg) => {
+                      txn.executeSql(query3, [], function (txn4, txnres3) {
+                        for (let k = 0; k < txnres3.rows.length; k++) {
+                          let imageItem = txnres3.rows.item(k);
+                          images1Array.push({
+                            KPIImageId: imageItem.KPIImageId,
+                            QuestionImageId: imageItem.QuestionImageId,
+                            ImageName: imageItem.ImageName,
+                            Image1: imageItem.Image1,
+                            Image2: imageItem.Image2,
+                            pictureokay: imageItem.pictureokay,
+                            pictureokay2: imageItem.pictureokay2
+                          });
+                        }
+
+                        // Step 4: Push DefData and resolve the promise for the image query
+                        defArray.push({
+                          DefName: defItem.DefName,
+                          DefId: defItem.DefId,
+                          Images: images1Array
+                        });
+                        resolveImg();
+                      }, (error) => {
+                        console.log("Error in query3", error);
+                        rejectImg();
+                      });
+                    });
+                  }));
+
+                  // Resolve when defArray is fully populated
+                  resolveDef();
+                }, (error) => {
+                  console.log("Error in query2", error);
+                  rejectDef();
+                });
+              }).then(() => {
+                // Add the final data to fetchedData once the defArray is ready
+                fetchedData.push({
+                  MenuId: item.MenuId,
+                  MID: item.MID,
+                  Menu: item.Menu,
+                  DefData: defArray
+                });
+              });
+            }));
+
+            // Resolve the promise when everything is done
+            resolve(fetchedData);
+          } else {
+            resolve([]); // No data found
+          }
+        }, function (txnErr) {
+          console.log(txnErr);
+          resolve([]); // Error in first query
+        });
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return [];
+    });
+  }
+
+
+
+  async function uploadImageAudits(ALlIAs = []) {
+    console.log("uploadImageAudits", ALlIAs.length)
+    // let isUploaded=true;
+    // return Promise.all(
+    // ALlIAs.map(async(item,index)=>{
+    let isGMuploaded = await uploadImageAuditData(ALlIAs);
+    if (isGMuploaded) {
+      notify("All Image Audit Data uploaded!")
+      return true;
+    }
+    notify("Cannot upload all Image Audit data!")
+    return false;
+    // else{
+    //   isUploaded=false;
+    // }
+    // })
+    // ).then((val)=>{
+    //   if(isUploaded){
+    //     notify("All Image Audit Data uploaded!")
+    //   }
+    //   else{
+    //     notify("Cannot upload all Image Audit data!")
+    //   }
+    //   return isUploaded;
+    // }).catch((err)=>{
+    //   console.log("Error in uploading data:",err);
+    //   return false;
+    // });
+
+  }
+
+
+
+
+  async function uploadImageAuditData(data) {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+
+    setLoaderTitle('Uploading Data...');
+
+    let storeInfo = data;
+
+    let arr = [];
+
+    console.log(JSON.stringify(data), "DATATTATATATTATTA___AUDIT")
+    // Create a shallow copy or filtered version of dataInfo
+    let filteredStoreInfo = data.map(item => {
+      let filteredDefData = item.DefData.map(defItem => {
+        // Include all images, setting pictureokay/pictureokay2 to 0 if not already set
+        let allImages = defItem.Images.map(image => ({
+          ...image,
+          pictureokay: image.pictureokay ? image.pictureokay : 0,
+          pictureokay2: image.pictureokay2 ? image.pictureokay2 : 0,
+        }));
+
+        return {
+          ...defItem,
+          Images: allImages
+        };
+      });
+
+      return {
+        ...item,
+        DefData: filteredDefData
+      };
+    });
+
+    // Filter out any entries where Images is empty
+    filteredStoreInfo = filteredStoreInfo.filter(item => item.DefData.some(defItem => defItem.Images.length > 0));
+
+
+    await filteredStoreInfo.map((item, i) => {
+      let itemObj2 = item;
+
+      if (item.Status !== "U") {
+        let rsData = item.DefData.map(item3 => {
+          let Images = [];
+
+          item3?.Images.map(item2 => {
+            let obj = {
+              KPIImageId: item2.KPIImageId,
+              QuestionImageId: item2.QuestionImageId
+            };
+
+            if (item2?.Image1) {
+              Images.push({
+                ...obj,
+                imageType: "Image1",
+                Questions: item2.Questions1,
+                Image: item2?.Image1,
+                pictureokay: item2.pictureokay
+              });
+            }
+
+            if (item2?.Image2) {
+              Images.push({
+                ...obj,
+                imageType: "Image2",
+                Questions: item2.Questions2,
+                Image: item2?.Image2,
+                pictureokay: item2.pictureokay2
+              });
+            }
+          });
+
+          item3["Images"] = Images;
+          return item3;
+        });
+
+        itemObj2["UserId"] = props.UserId;
+        itemObj2["DefData"] = rsData;
+        arr.push(itemObj2);
+      }
+    });
+
+    console.log(JSON.stringify(arr), "postDATAAAA----------")
+
+    let postData = {
+      "MID": 0,
+      "Keys": "Sup_Image_Audit_Info",
+      "JsonData": JSON.stringify(arr),
+      "UserId": props.UserId,
+    };
+
+
+    const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+
+    console.log(url, postData, 'url and postDaata...');
+
+    return await UploadData(url, postData)
+      .then(async (res) => {
+        console.log('res: 12', res);
+        if (res?.UploadJsonResult == "Success") {
+          setProcessing(false);
+          updateImageAuditUploadStatus();
+          return true;
+        } else {
+          setProcessing(false);
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        setProcessing(false);
+      });
+
+  }
+
+  async function updateImageAuditUploadStatus() {
+
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q = `Update ${AppTables.IMAGE_AUDIT_HDR_DATA} SET STATUS='U'`;
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          console.log('Image Audit upload status Updated');
+          resolve(true);
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    });
+  }
+
+  // image audit upload end
+
+  async function getGateMeetingsToUpload() {
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q = `select * from ${AppTables.GATE_MEETING} where (UPLOADSTATUS!='U' or UPLOADSTATUS is null)`;
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          console.log('meets', txnres.rows.length);
+          if (txnres.rows.length > 0) {
+            let allMeet = [];
+            for (let i = 0; i < txnres.rows.length; i++) {
+              let data = txnres.rows.item(i);
+              let discP = await getDiscussionPoint(data);
+              data["DISCUSSION_POINTS"] = discP != null && discP != "" ? discP : [];
+              allMeet.push(data)
+              if (i == txnres.rows.length - 1) {
+                resolve(allMeet)
+              }
+            }
+          }
+          else {
+            resolve([])
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve([]); },);
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return [];
+    });
+  }
+
+  async function getDiscussionPoint(gateMeeting) {
+
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        // get inserted audit
+        let q = `SELECT DISCUSSION_POINTS FROM ${AppTables.GATE_MEETING_DISCUSSION} WHERE GATEMEETING_ID='${gateMeeting.UNIQUE_ID}'  `
+        await db.transaction(async function (txn) {
+          await txn.executeSql(q, [], async function (txn2, txnres2) {
+            // console.log('txnres4',txnres2.rows.length)
+            if (txnres2.rows.length > 0) {
+              let dp = [];
+              for (var i = 0; i < txnres2.rows.length; i++) {
+                let data = txnres2.rows.item(i);
+                dp.push(data.DISCUSSION_POINTS)
+
+                if (i == (txnres2.rows.length - 1)) {
+                  resolve(dp)
+                }
+              }
+            }
+            else {
+              resolve([])
+            }
+
+          }, function (txn2, txnerr) { console.log(txnerr); resolve([]) });
+        });
+
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      return []
+    });
+  }
+
+  async function uploadGateMeetings(ALlGMs = []) {
+    console.log("uploadGateMeetings", ALlGMs.length)
+    let isUploaded = true;
+    return Promise.all(
+      ALlGMs.map(async (item, index) => {
+        let isGMuploaded = await uploadGateMeetingData(item);
+        if (isGMuploaded) {
+          GMUploadedCountref.current++;
+          setLoaderTitle(`Uploading Gate Meetings Data (${GMUploadedCountref.current}/${ALlGMs.length})...`);
+        }
+        else {
+          isUploaded = false;
+        }
+      })
+    ).then((val) => {
+      if (isUploaded) {
+        notify("All Gate Meetings Data uploaded!")
+      }
+      else {
+        notify("Cannot upload all Gate Meetings data!")
+      }
+      return isUploaded;
+    }).catch((err) => {
+      console.log("Error in uploading data:", err);
+      return false;
+    });
+  }
+
+
+  async function uploadGateMeetingData(data) {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    const url = props.baseurl + getMethodName(METHODS.UPLOADJSON_METHOD);
+    setLoaderTitle("Uploading Data...")
+    setProcessing(true);
+    let employeesArr = data.EMP_ID != null && data.EMP_ID != '' ? data.EMP_ID.split(',') : [];
+
+    let obj = {
+      "MID": 0,
+      "UniqueId": data.UNIQUE_ID,
+      "UserId": props.UserId,
+      "VisitDate": d2,
+      "Time": data.TIME,
+      "Image": data.IMAGE,
+      "MerchandiserId": employeesArr,
+      "DiscussionPoints": data.DISCUSSION_POINTS
+    }
+
+    let JsonChange = JSON.stringify(obj)?.replace(/'/g, '"')
+
+    let postData = {
+      "MID": 0,
+      "Keys": "GateMeeting_Sup",
+      "JsonData": JsonChange,
+      "UserId": props.UserId,
+    };
+
+    console.log('postData', postData)
+
+    let ImageName = data.IMAGE;
+    let imgPath = 'file://' + `${common_ImagePath}${ImageName}`;
+
+    return await UploadData2(url, postData)
+      .then(async (res) => {
+        console.log('res:', res);
+        if (res.UploadJsonResult != null && res.UploadJsonResult == 'Success') {
+
+          // uplod images
+          const url2 = (props.imageUploadUrl || URL_IMAGE) + getMethodName(METHODS.UPLOADIMAGES_METHOD);
+          if (ImageName != '' && ImageName != null) {
+            let file = {
+              uri: imgPath,
+              type: 'image/jpeg',
+              name: ImageName,
+              filetype: 'image',
+              folderName: 'SupGateMeetingImages',
+            }
+
+            let isExists = await RNFS.exists(file.uri).then((res) => { return res; });
+            console.log('isExists file', isExists);
+            if (isExists == true) {
+              let fileData = getImagePOSTData(file, d2);
+
+              let isImageUploaded = await UploadFormData(url2, fileData);
+              console.log('isImageUploaded', isImageUploaded)
+              if (isImageUploaded == false) {
+                notify('Cannot upload GateMeeting image!');
+              }
+            }
+            else {
+              notify("Error uploading image! GateMeeting Image does not exists ");
+            }
+          }
+
+          let isupdated = updateGateMeetUploadStatus(data.UNIQUE_ID);
+          return isupdated;
+
+        } else {
+          return false;
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+        return false;
+      });
+  }
+
+  async function updateGateMeetUploadStatus(uniqueId) {
+
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q = `Update ${AppTables.GATE_MEETING} SET UPLOADSTATUS='U' WHERE UNIQUE_ID='${uniqueId}'`;
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          console.log('Gate Meeting upload status Updated');
+          resolve(true);
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    });
+  }
+
+
+
+
+
+  async function uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE) {
+    let { StoreName } = data;
+    if (MenuList.length > 0) {
+      // Upload data with Images
+      console.log('uploadAfter_P_status - MenuList.length:', allKPIs);
+      let allFilesToUpload = await uploadAllData(props, data, allKPIs, props.UserId, JCP_TYPE, true, MenuList,true);
+      UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload);
+    }
+    else {
+      //  Upload statua u if no data exists
+      let isAllUploaded_S = await uploadStoreStatus(props, data, 'U', JCP_TYPE);
+      if (isAllUploaded_S == true) {
+        notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+        if (index == AllStores.length - 1) {
+          setProcessing(false);
+        }
+      }
+      else {
+        if (index == AllStores.length - 1) {
+          setProcessing(false); notify(ST.Erroroccurwhileuploadingdatafor, 'LONG');
+        }
+      }
+    }
+  }
+
+  async function UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload) {
+
+    let { StoreName } = data;
+    if (allFilesToUpload.length > 0) {
+      setLoaderTitle(ST.UploadingImages + '...');
+
+      let isAllUploaded = await uploadAllImages(props, data, allFilesToUpload, JCP_TYPE);
+
+      if (isAllUploaded == true) {
+        notify(ST.Alldataandimagesuploadedfor + ' ' + StoreName, 'SHORT');
+        if (index == AllStores.length - 1) {
+          setProcessing(false);
+        }
+      } else {
+        notify(ST.Cannotuploadimagesfor + ' ' + StoreName, 'SHORT');
+        if (index == AllStores.length - 1) {
+          setProcessing(false);
+        }
+      }
+    }
+    else {
+      notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+      if (index == AllStores.length - 1) {
+        setProcessing(false);
+      }
+    }
+  }
+
+  async function getPJPStoresData(tbname, Stores = [], d2) {
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+
+        let join = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.EMP_ID=t1.MerchandiserId and t2.JCP_TYPE='${tbname}' `;
+        await txn.executeSql(`Select t1.*,t2.REASON_ID,t2.JCP_TYPE from ${tbname} t1 ${join} where t1.VisitDate='${d2}' and t1.UploadStatus in ('C','P','D','L')`, [], async function (txn2, txnres2) {
+
+          if (txnres2.rows.length > 0) {
+
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              Stores.push(data);
+            }
+            resolve(Stores);
+          }
+          else {
+            resolve(Stores);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(Stores) },);
+
+      });
+    }).then((val) => {
+      return val;
+    })
+      .catch((err) => {
+        console.log(err);
+        return Stores;
+      })
+  }
+
+  async function getEmployees() {
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+
+        await txn.executeSql(`Select * from Sup_TeamList `, [], async function (txn2, txnres2) {
+
+          if (txnres2.rows.length > 0) {
+            let arr = [];
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              arr.push(data);
+              if (i == txnres2.rows.length - 1) {
+                resolve(arr);
+              }
+            }
+          }
+          else {
+            resolve([]);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+
+      });
+    }).then((val) => {
+      return val;
+    })
+      .catch((err) => {
+        console.log(err);
+        return [];
+      })
+  }
+
+  async function getVisitorLogin(d2) {
+    let allVisitors = [];
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+
+        let q = `Select * from ${AppTables.VISITOR_LOGIN} where VISIT_DATE='${d2}' and OUT_TIME!='' and UPLOADSTATUS!='U' `;
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          if (txnres2.rows.length > 0) {
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              allVisitors.push(data);
+            }
+            resolve(allVisitors);
+          }
+          else {
+            resolve(allVisitors);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(allVisitors) },);
+
+      });
+    }).then((val) => {
+      return val;
+    })
+      .catch((err) => {
+        console.log(err);
+        return Stores;
+      })
+  }
+
+  async function getdashboardData() {
+
+    async function getPlannedData() {
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+
+      let token = await get_item('loginToken');
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      let params = props.route.params ? props.route.params : {};
+      // let isAdhoc=params.isAdhoc || false;
+      // setIsAdhocScreen(isAdhoc);
+
+      var q = '';
+
+      q = `Select Distinct STORE_ID from DR_COVERAGE  where VISIT_DATE='${d2}'`;
+      // console.log('teamlistq',q);
+
+
+      await db.transaction(async function (txn) {
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+
+          // console.log('txnres5',txnres2.rows.length)
+
+
+          setPlanned(txnres2.rows.length)
+
+          if (txnres2.rows.length > 0) {
+            // show from local
+            var storeArr = [];
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              console.log('teamlistdata', data)
+              // let ChekedInStatus=await getCheckInStatus(data);
+              // data['ChekedInStatus']=ChekedInStatus;
+
+              storeArr.push(data);
+
+
+
+              if (i == (txnres2.rows.length - 1)) {
+                setEmployeesList(storeArr);
+                setGlobalEmplist(storeArr);
+                setProcessing(false);
+
+              }
+            }
+          }
+          else {
+            setProcessing(false);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); });
+      });
+    }
+
+    async function getExecutedData() {
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+
+      let token = await get_item('loginToken');
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      let params = props.route.params ? props.route.params : {};
+      // let isAdhoc=params.isAdhoc || false;
+      // setIsAdhocScreen(isAdhoc);
+
+      var q = '';
+
+      q = `Select Distinct STORE_ID from DR_COVERAGE where VISIT_DATE='${d2}' and REASON_ID=0`;
+      console.log('teamlistq', q);
+
+
+      await db.transaction(async function (txn) {
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+
+
+
+
+          setCovered(txnres2.rows.length)
+
+          if (txnres2.rows.length > 0) {
+            // show from local
+            var storeArr = [];
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              console.log('teamlistdata', data)
+              // let ChekedInStatus=await getCheckInStatus(data);
+              // data['ChekedInStatus']=ChekedInStatus;
+
+              storeArr.push(data);
+
+
+
+              if (i == (txnres2.rows.length - 1)) {
+                setEmployeesList(storeArr);
+                setGlobalEmplist(storeArr);
+                setProcessing(false);
+
+              }
+            }
+          }
+          else {
+            setProcessing(false);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); });
+      });
+    }
+
+
+
+    getPlannedData();
+    getExecutedData();
+  }
+
+
+  // new dashboard data sup
+
+  async function downloadReportKeys(reportKeysToDownload = []) {
+    console.log('downloadReportKeys');
+    let defData = { success: true, error: '', }
+    return new Promise(async (resolve, reject) => {
+      let reports = {};
+      for (let i = 0; i < reportKeysToDownload.length; i++) {
+        let reportKey = reportKeysToDownload[i];
+        let reportData = await DownloadDashboardReportData(reportKey);
+        console.log('DownloadDashboardReportData downloded:', reportKey, reportData);
+        if (!reportData.success && reportData.error != null && reportData.error != '') {
+          defData["success"] = false;
+          defData["error"] = reportData.error;
+          defData["reportKey"] = reportKey;
+          resolve(defData);
+        }
+
+        reports[reportKey] = reportData.data;
+
+        if (i == reportKeysToDownload.length - 1) {
+
+          console.log('all reports downloded:', JSON.stringify(reports));
+          set_item('Sup_MenuAppDashboard', JSON.stringify(reports));
+          props.set_DashboardReports(reports);
+          resolve(defData);
+        }
+      }
+    }).catch((err) => {
+      console.log("err:", err);
+      defData["success"] = false;
+      defData["error"] = "Error while downloading dashboard reports!";
+      resolve(defData);
+    });
+  }
+
+  // doownload reports 
+  async function DownloadDashboardReportData(reportKey = '') {
+    console.log('DownloadDashboardReportData:', reportKey);
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    console.log("report Key dashboard sup:", reportKey);
+    let defData = { success: false, data: {} };
+
+    if (reportKey != null && reportKey != '') {
+      setDownloadingText("Sup_MenuAppDashboard - " + reportKey);
+      let postdata = {
+        Downloadtype: reportKey,
+        Username: loginDetails.UserId,
+        Param1: '',
+        Param2: '',
+      };
+
+      var url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+      console.log(url, postdata);
+
+      return await getDownloadJson1(url, postdata)
+        .then(async (res) => {
+          if (res != null && typeof res == 'object' && res[reportKey] != null && res[reportKey] != '') {
+            let data_arr = res[reportKey] || [];
+
+            // Get columns and columnWidth based on the first row
+            let allCols = [], columnWidth = '50%';
+            let keylen = Object.keys(data_arr[0] || {}).length;
+
+            // Loop through all rows to process columns
+            for (let row of data_arr) {
+              let i = 0;
+              for (let key in row) {
+                if (i < keylen) {
+                  let obj = { 'actual_colname': key };
+                  let colname = key.replace(/[$$]/g, ' ').replace(/Percent/g, '%');
+                  obj['colname'] = colname;
+                  let dontShowCol = (colname == 'Srno' || colname == 'AdKPIId' || colname == 'ReportValue' || colname == 'Color' || colname == 'DisplayOrder' || colname == 'KPIDrilldown');
+
+                  // Add columns to display
+                  if (!dontShowCol && !allCols.some(col => col.actual_colname === key)) {
+                    allCols.push(obj);
+                  }
+                }
+                i++;
+              }
+            }
+
+            // Adjust column width based on the number of columns
+            if (allCols.length > 0) {
+              let colLen = allCols.length;
+              columnWidth = (94 / colLen) + '%';
+            }
+
+            // No need to map through the rows again if you're not altering them.
+            defData["success"] = true;
+            defData["data"] = {
+              "report_data": data_arr,
+              "report_colWidth": columnWidth,
+              "report_cols": allCols
+            };
+
+            return defData;
+          }
+          else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+            console.log('No data found');
+            defData["success"] = true;
+            return defData;
+          } else {
+            defData["error"] = res;
+            return defData;
+          }
+
+        }).catch((err) => {
+          notify("Please retry downloading! There is some error while downloading data");
+          props.set_startDownload({ startDownload: false });
+          console.log('onDownload report error', err);
+          return defData;
+        });
+    } else {
+      return defData;
+    }
+  }
+
+
+  async function getAppDashBReports() {
+
+    console.log("sup getAppDashBReports called manager --->");
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let arr = [];
+
+    await db.transaction(async function (txn) {
+      //get MenuAppDashboard Reports sections to show
+      // only those report will be shown which parent id is either null or 0
+      let q = `Select * from Sup_MenuAppDashboard where ParentId is null or ParentId='0' order by DisplayOrder`;
+      await txn.executeSql(q, [], async function (txn2, txnres2) {
+        console.log('Sup_MenuAppDashboard count:', txnres2.rows.length);
+        if (txnres2.rows.length > 0) {
+          for (let i = 0; i < txnres2.rows.length; i++) {
+            let data = txnres2.rows.item(i);
+            arr.push(data);
+            if (i == txnres2.rows.length - 1) {
+              // console.log("array-------",arr)
+              setAppDashReportsSec(arr)
+            }
+          }
+        }
+        else {
+          setAppDashReportsSec([])
+        }
+      }, function (txn2, txnerr) { console.log(txnerr); setAppDashReportsSec([]) });
+    });
+  }
+
+
+  function DownloadErrorAlert() {
+
+    let { ErrorMsg, ErrorSubMsg, ErrorDetail } = DErrorMsg;
+
+    return (
+      <CustomModal
+        style={customStyle.dErrM_Style}
+        titleStyle={customStyle.dErrMsg}
+        title={(ErrorMsg || '')}
+        message={(ErrorSubMsg || '')}
+        messageStyle={customStyle.dErrSubMsg}
+        showModal={showDErrAlert}
+      >
+        {ErrorDetail != null && ErrorDetail != '' && <Text style={customStyle.dErrDetail}>{ErrorDetail}</Text>}
+        <View style={customStyle.storelVisitM_options}>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { setshowDErrAlert(false) }}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{'Ok'}</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+  }
+
+  async function refreshDashBReport() {
+    console.log('refreshDashBReportSup');
+    setLoaderTitle("Refreshing dashboard reports..")
+    setProcessing(true);
+    try {
+
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+
+      let dk_index = DownloadTasks.findIndex(i => i.DownloadKey == 'Sup_MenuAppDashboard');
+      var data = {
+        Downloadtype: "Sup_MenuAppDashboard",
+        Username: loginDetails.UserId,
+        Param1: '',
+        Param2: '',
+      };
+      var url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+      console.log(url, data);
+
+      await getDownloadJson1(url, data)
+        .then(async (res) => {
+          let isAdded = await updateTaskRes(res, dk_index, 1);
+          if (isAdded == true) {
+            notify("Sup Dashboard reports  refreshed!");
+            setProcessing(false);
+          }
+          else {
+            notify("Cannot refresh sup dashboard reports!");
+            setProcessing(false);
+          }
+        })
+        .catch(err => {
+          notify("Cannot refresh sup dashboard reports!");
+          setProcessing(false);
+        });
+
+    } catch (err) {
+      setProcessing(false);
+      console.log(err);
+    }
+  }
+
+  const _renderAttendanceReport = (item) => {
+
+    let report_key = item.DownloadKey;
+    let reportContentObj = props.AppDashboardReports != null && typeof props.AppDashboardReports == 'object' && props.AppDashboardReports[report_key] != null && props.AppDashboardReports[report_key] != '' ? props.AppDashboardReports[report_key] : {};
+
+    // {"report_data":data_arr,"report_colWidth":columnWidth,"report_cols":allCols}
+    let report_data = reportContentObj['report_data'] != null ? reportContentObj['report_data'] : [];
+    let report_colWidth = reportContentObj['report_colWidth'] != null ? reportContentObj['report_colWidth'] : '50%';
+    let report_cols = reportContentObj['report_cols'] != null ? reportContentObj['report_cols'] : [];
+    // console.log("report_cols:",report_cols,report_data);
+
+
+    return (
+      <View style={styles.screen} >
+        <View style={styles.divider} />
+
+        <View style={styles.statsContainer}>
+
+          {report_data?.map((item, index) => (
+            <View key={index} style={styles.statItem}>
+              <Text style={styles.presentStatValue}>{item.Attendance}</Text>
+              <Text style={styles.statLabel}>{item.TotCount}</Text>
+            </View>
+          ))}
+
+        </View>
+
+        <View style={styles.divider} />
+      </View>
+    );
+  };
+
+
+  function renderPeopleList(activeTab) {
+
+    const [peoplelist, setPeopleList] = useState([]);
+    const [tabledata, setTableData] = useState([]);
+    const [searchedmiddyItem, setSearchedMiddyItem] = useState('');
+
+    const [filterData, setFilterData] = useState([]);
+
+    useEffect(() => {
+      getPeopleDataTable();
+    }, [activeTab]);
+
+
+    async function getPeopleDataTable() {
+      try {
+
+        db.transaction(async function (txn) {
+          // get data for report 
+          let q = `Select * from Sup_MenuAppDashboard where DashboardSection ='People' order by DisplayOrder`;
+          console.log("Detailed reports q:", q);
+          txn.executeSql(q, [], async function (txn2, txnres2) {
+            console.log("Detailed reports count:", txnres2.rows.length);
+            if (txnres2.rows.length > 0) {
+              let arr = [];
+              for (var i = 0; i < txnres2.rows.length; i++) {
+                let data = txnres2.rows.item(i);
+                arr.push(data);
+                if (i == txnres2.rows.length - 1) {
+                  if (activeTab == 1) {
+                    DownloadDataPeopledashboard(arr);
+                    setTableData(arr);
+                  }
+                }
+              }
+            } else {
+
+              setProcessing(false);
+            }
+          }, function (txnE, txnerr) { console.log(txnerr); setTableData([]); setProcessing(false); },);
+
+        });
+
+
+      } catch (err) {
+        setProcessing(false);
+        console.log(err);
+      }
+    }
+
+
+    function transformData(peoplelist) {
+      const transformedData = [];
+
+      peoplelist?.forEach(item => {
+        // Check if EmpId already exists in transformedDatas
+        let employee = transformedData.find(emp => emp.EmpId == item.EmpId);
+
+        if (employee) {
+          // If the employee already exists, just push the new KPI data to their KPIs array
+          employee?.KPIs?.push({
+            "KPI": item?.KPI,
+            "PER": item?.PER,
+            "Color": item?.Color,
+          });
+        } else {
+          // If the employee doesn't exist, create a new entry
+          transformedData.push({
+            "EmpId": item?.EmpId,
+            "NAME": item?.NAME,
+            "LastMechandisedVisit": item?.LastMechandisedVisit,
+            "KPIs": [
+              {
+                "KPI": item?.KPI,
+                "PER": item?.PER,
+                "Color": item?.Color,
+              }
+            ]
+          });
+        }
+      });
+
+      return transformedData;
+    }
+
+    const sortedPeopleList = React.useMemo(() => {
+      return [...peoplelist].sort((a, b) => {
+        if (a.NAME && b.NAME) {
+
+          return a.NAME.localeCompare(b.NAME);
+        } else {
+          return 0;
+        }
+      });
+    }, [peoplelist]);
+
+    const transformedJSON = transformData(sortedPeopleList);
+
+    const handleSearch = text => {
+      // console.log(text)
+      setSearchedMiddyItem(text);
+      const filteredList = transformedJSON?.filter(item => {
+        // console.log(item?.NAME, 'item....JJJj....');
+        return item?.NAME?.toLowerCase()?.trim().includes(text?.toLowerCase()?.trim());
+      });
+      setFilterData(filteredList);
+    };
+
+    const ClearSearch = text => {
+      setSearchedMiddyItem('');
+      setFilterData(transformedJSON);
+    };
+
+    //  async function DownloadDataPeopledashboard(tabledata){
+
+    //     // console.log(tabledata[0].DownloadKey)
+    //     let downloadkey = tabledata[0].DownloadKey ;
+
+    //     let loginInfo = await get_item('loginInfo');
+    //     const loginDetails = JSON.parse(loginInfo);
+    //     const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+
+    //     let data='';
+
+    //     data={ 
+    //       Downloadtype:downloadkey,
+    //       Username: loginDetails.UserId,
+    //       Param1: '',
+    //       Param2: '',
+    //     }
+
+    //     console.log(url,data);
+    //     return await getDownloadJson1(url,data)
+    //     .then(async(res)=>{  
+    //       // console.log("DownloadDataPosSaleDefination res:",res);
+    //       if(res.Sup_Dashboard_People!=null || res.Sup_Dashboard_People!= ''){
+
+    //       let peopleListArr = [];
+    //       peopleListArr= res.Sup_Dashboard_People; 
+
+    //       if(peopleListArr?.length > 0 ) {
+
+    //         setLoaderTitle("Downloading People list Data...");
+    //         setProcessing(true);
+
+    //         if(peopleListArr?.length > peoplelist) {
+    //           setPeopleList(peopleListArr);
+    //           notify("People list downloaded successfully.");
+    //           setProcessing(false);
+    //         }
+    //         else{
+    //          setPeopleList(peopleListArr);
+    //          setProcessing(false);
+    //         }
+
+    //       } else {
+    //         setPeopleList([]);
+    //         notify('No data found!');
+    //         setProcessing(false);
+    //       }
+
+    //     }
+
+    //       else{
+    //         notify('No data found!');
+    //         setProcessing(false);
+    //         return [];
+    //       }        
+
+    //     })
+    //     .catch((err)=>{
+    //       console.log('onPage Team error people',err);
+    //       setProcessing(false);
+    //       notify("Cannot download people list data!")
+    //       return [];
+    //     }); 
+    //   }
+
+    async function DownloadDataPeopledashboard(tabledata) {
+      let downloadkey = tabledata[0].DownloadKey;
+
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+
+      let data = {
+        Downloadtype: downloadkey,
+        Username: loginDetails.UserId,
+        Param1: '',
+        Param2: '',
+      };
+
+      console.log(url, data);
+
+      return await getDownloadJson1(url, data)
+        .then(async (res) => {
+          // Check if res.Sup_Dashboard_People is valid
+          if (res?.Sup_Dashboard_People) {
+            let peopleListArr = res.Sup_Dashboard_People;
+
+            // Proceed if we received data
+            if (peopleListArr?.length > 0) {
+              // Compare the new data length with existing peoplelist length
+              const isDataChanged = peopleListArr.length !== peoplelist.length;
+
+              // Only show loader if data has changed
+              if (isDataChanged) {
+                setLoaderTitle("Downloading People list Data...");
+                setProcessing(true);
+              }
+
+              // Update state with the new data
+              setPeopleList(peopleListArr);
+
+              // Notify if the list is updated
+              if (isDataChanged) {
+                notify("People list downloaded successfully.");
+              }
+
+              // Hide the loader after processing
+              setProcessing(false);
+
+            } else {
+              // No data found scenario
+              setPeopleList([]);
+              notify('No data found!');
+              setProcessing(false);
+            }
+          } else {
+            // Handle null or empty response
+            notify('No data found!');
+            setProcessing(false);
+            return [];
+          }
+        })
+        .catch((err) => {
+          console.log('Error in downloading people list:', err);
+          setProcessing(false);
+          notify("Cannot download people list data!");
+          return [];
+        });
+    }
+
+
+    const ProgressBar = ({ progress, kpi }) => (
+
+      <View style={styles.progressBarContainer}>
+        <View style={[styles.progressBarFill, { width: `${progress}%`, backgroundColor: kpi?.Color }]} />
+      </View>
+    );
+
+
+    const ListItem = ({ name, kpis, tabledata, items }) => {
+      // console.log("tabledata------>",tabledata)
+      return (
+        <TouchableOpacity onPress={() => props.navigation.navigate('PeopleDetail', { "Reportdata": tabledata, "peopledata": items })}>
+          <View style={styles.itemContainer}>
+            {/* Name and Sale */}
+            <View style={styles.textContainer}>
+              <Text style={styles.nameText}>{name}</Text>
+            </View>
+
+            <View style={styles.verticalLine} />
+            {kpis?.length > 0 &&
+              kpis?.map((kpi, index) => {
+                return (
+                  <View>
+                    <Text style={styles.saleText}>{kpi?.KPI}</Text>
+                    <View style={{ flexDirection: 'row', alignItems: 'center', backgroundColor: '#F6F6F6', borderRadius: 5, paddingVertical: 10, paddingHorizontal: 5 }}>
+                      <ProgressBar progress={kpi?.PER} kpi={kpi} />
+                      <Text style={styles.progressText}>{Math.round(kpi?.PER)}%</Text>
+                    </View>
+                  </View>
+                )
+              })
+            }
+
+            <View style={styles.verticalLine} />
+
+            <Text style={[styles.nameText, { marginTop: 5 }]}>Store Visited: {items?.LastMechandisedVisit ? (moment(items?.LastMechandisedVisit).format('DD/MM/YYYY')) : 'NA'}</Text>
+
+            {/* Progress Bar */}
+
+          </View>
+        </TouchableOpacity>
+      );
+    };
+
+    let report_key = 'Sup_Dashboard_People';
+    let reportContentObj = props.AppDashboardReports != null && typeof props.AppDashboardReports == 'object' && props.AppDashboardReports[report_key] != null && props.AppDashboardReports[report_key] != '' ? props.AppDashboardReports[report_key] : {};
+
+    let report_data = reportContentObj['report_data'] != null ? reportContentObj['report_data'] : [];
+    let report_colWidth = reportContentObj['report_colWidth'] != null ? reportContentObj['report_colWidth'] : '50%';
+    let report_cols = reportContentObj['report_cols'] != null ? reportContentObj['report_cols'] : [];
+
+    // console.log("report_dataPeoples", report_data);
+
+    return (
+      <View style={{ paddingHorizontal: 10, marginTop: 10, flex: 1 }}>
+        <Text style={{ color: '#000', fontSize: 15, fontWeight: '600', marginBottom: 5 }}>Sort By: Alphabet A To Z</Text>
+
+        <View style={[
+          customStyle.storel_searchbar,
+          { marginHorizontal: 1, marginTop: 10 }
+        ]}>
+          <TextInput
+            style={[customStyle.storel_searchInput]}
+            placeholder={ST.SearchByPeopleName}
+            autoComplete='off'
+            placeholderTextColor={PageTheme.$placeholder_color}
+            value={searchedmiddyItem}
+            onChangeText={text => handleSearch(text)}
+          />
+          <TouchableOpacity style={[customStyle.storel_crossBtn]} onPress={(text) => { ClearSearch(text) }}>
+            <Entypo style={[customStyle.storel_searchBtnIcon]} name='cross' size={28} color={PageTheme.$text_color} />
+          </TouchableOpacity>
+
+          <TouchableOpacity style={customStyle.storel_searchBtn}>
+            <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color} />
+          </TouchableOpacity>
+        </View>
+
+        {filterData.length === 0 && searchedmiddyItem !== '' ? (
+          <Text style={{ color: 'red', marginTop: 10, marginLeft: 10 }}>No results found</Text>
+        ) :
+          <FlatList
+            data={searchedmiddyItem != '' ? filterData : transformedJSON || []}
+            keyExtractor={(item, index) => index.toString()}
+            contentContainerStyle={{
+              paddingBottom: 250
+            }}
+            renderItem={({ item }) => <ListItem name={item.NAME} kpis={item.KPIs} tabledata={tabledata} items={item} />}
+            scrollEnabled={true}
+          />
+        }
+      </View>
+    )
+  }
+
+  function _renderTabularReport(item) {
+    let report_key = item.DownloadKey;
+    let reportContentObj = props.AppDashboardReports != null && typeof props.AppDashboardReports == 'object' && props.AppDashboardReports[report_key] != null && props.AppDashboardReports[report_key] != '' ? props.AppDashboardReports[report_key] : {};
+
+    // {"report_data":data_arr,"report_colWidth":columnWidth,"report_cols":allCols}
+    let report_data = reportContentObj['report_data'] != null ? reportContentObj['report_data'] : [];
+    let report_colWidth = reportContentObj['report_colWidth'] != null ? reportContentObj['report_colWidth'] : '50%';
+    let report_cols = reportContentObj['report_cols'] != null ? reportContentObj['report_cols'] : [];
+    // console.log("report_cols:",report_data , "report_colss",report_cols);
+
+
+    return (
+      <View style={customStyle.DashBTbl_ReportWrap} >
+        {/* render No data */}
+        {report_data.length <= 0 && <View style={customStyle.DashBTbl_NoDataCon}><Text style={customStyle.DashBTbl_NoDataText}>No Data</Text></View>}
+        {report_data.length > 0 && <ScrollView horizontal={true} style={{ width: '100%' }} contentContainerStyle={{}}>
+          {/* render columns */}
+          <View>
+            {/* render header */}
+            <View style={customStyle.DashBTbl_ReportHdr}>
+              {report_cols.map((column, index) => {
+                return (
+                  <View style={[customStyle.DashBTbl_ReportHdrCol, customStyle.DashBTbl_ReportColW]}>
+                    <Text style={customStyle.DashBTbl_ReportHdrColTxt}>{column.colname}</Text>
+                  </View>
+                )
+              })}
+            </View>
+
+            {/* render content */}
+            <View style={[customStyle.DashBTblBodyNB1, { marginTop: -5 }]}>
+              <View style={[customStyle.DashBTblBodyNB2]}>
+                {report_data.map((row, row_index) => {
+
+                  let gset_obj = row["Color"] != null && row["Color"] != null != '' ? (row["Color"]) : {};
+
+                  // console.log("gset_obj",gset_obj);
+
+                  return (
+                    <View disabled={item.DrillDown ? false : true} style={[customStyle.DashBTbl_Item, (row_index == report_data.length - 1 ? {} : customStyle.DashBTbl_ItemB), { borderRadius: 5 }]}>
+                      {report_cols.map((column, index) => {
+                        let colValue = row[column.actual_colname] != null ? row[column.actual_colname] : '';
+
+                        // console.log("colValue",colValue)
+
+                        let color_obj = get_rowColSettings(colValue, column.actual_colname, row);
+
+                        let cust_style = {}, bg_style = {};
+                        if (color_obj.color != null && color_obj.color != '') {
+                          bg_style["backgroundColor"] = color_obj.color;
+                          cust_style["color"] = '#fff'
+                        }
+                        if (color_obj.fontsize != null && color_obj.fontsize != '') {
+                          cust_style["fontSize"] = color_obj.fontsize
+                        }
+                        if (color_obj.bold == 1) {
+                          cust_style["fontWeight"] = "600"
+                        }
+
+                        return (
+                          <Pressable
+                            style={[customStyle.DashBTbl_ItemCol, customStyle.DashBTbl_ReportColW, bg_style]}
+                            onLongPress={() => toggleModal(column.colname, colValue, row, item)}
+                          >
+                            <Text style={[customStyle.DashBTbl_ItemColText, cust_style]}>{colValue}</Text>
+                          </Pressable>
+                        )
+                      })}
+                    </View>
+                  )
+                })}
+              </View>
+            </View>
+          </View>
+
+        </ScrollView>}
+      </View>
+    )
+  }
+
+  function _renderCardReport(item) {
+    let report_key = item.DownloadKey;
+    let reportContentObj = props.AppDashboardReports != null && typeof props.AppDashboardReports == 'object' && props.AppDashboardReports[report_key] != null && props.AppDashboardReports[report_key] != '' ? props.AppDashboardReports[report_key] : {};
+
+    // {"report_data":data_arr,"report_colWidth":columnWidth,"report_cols":allCols}
+    let report_data = reportContentObj['report_data'] != null ? reportContentObj['report_data'] : [];
+    let report_colWidth = reportContentObj['report_colWidth'] != null ? reportContentObj['report_colWidth'] : '50%';
+    let report_cols = reportContentObj['report_cols'] != null ? reportContentObj['report_cols'] : [];
+    //  console.log("report_cols:",report_data ,"itemss",item);
+    let ShowGraph = item?.ShowGraph
+
+    return (
+      <View style={customStyle.DashBTbl_ReportWrap} >
+        {/* render No data */}
+        {report_data.length <= 0 && <View style={customStyle.DashBTbl_NoDataCon}><Text style={customStyle.DashBTbl_NoDataText}>No Data</Text></View>}
+        {report_data.length > 0 && <ScrollView horizontal={true} style={{ width: '100%' }} contentContainerStyle={{}}>
+          {/* render columns */}
+
+          <View>
+            {/* render content */}
+            <View style={customStyle.DashBCard_Wrap}>
+              <FlatList
+                numColumns={2}
+                data={report_data}
+                keyExtractor={(item, index) => index.toString()}
+                renderItem={({ item, index }) => {
+                  let gset_obj = item["Color"] != null && item["Color"] != '' ? item["Color"] : {};
+                  let card_bgColor = gset_obj["bgColor"] != null ? gset_obj["bgColor"] : '';
+                  let card_font = gset_obj["font"] != null ? gset_obj["font"] : {};
+                  let card_name = gset_obj["card_name"] != null ? gset_obj["card_name"] : '';
+                  let card_icon = gset_obj["icon"] != null ? gset_obj["icon"] : '';
+                  let show_random_icon = gset_obj["random_icon"] != null ? gset_obj["random_icon"] : true;
+                  let hide_report_name = gset_obj["hide_report_name"] != null ? gset_obj["hide_report_name"] : false;
+                  let isfirsItem = index == 0;
+                  let islastItem = index == report_data.length - 1;
+                  let isLastItem = report_data.length % 2 !== 0 && index === report_data.length - 1;
+
+                  // console.log("itemm----",item)
+
+                  const chartConfig = {
+                    backgroundGradientFrom: "#fff",
+                    backgroundGradientTo: "#fff",
+                    color: (opacity = 1, dataIndex) => {
+                      const color = gset_obj;
+                      return color ? `${color}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}` : `rgba(255, 255, 255, 0)`;
+                    },
+                    strokeWidth: 2,
+                    barPercentage: 0.5,
+                    useShadowColorFromDataset: false,
+                  };
+
+                  let label = [];
+                  let labelVal = [];
+                  let barColor = [];
+
+                  label.push(item?.KPI);
+                  let percentage = item?.PER?.replace('%', '');
+
+                  if (percentage > 100) {
+                    labelVal.push(parseFloat(100) / 100);
+                  } else {
+                    labelVal.push(parseFloat(item?.PER) / 100);
+                  }
+                  barColor.push(() => item?.Color);
+
+                  let showgraph = ShowGraph ? ShowGraph : false;
+
+                  let itemStyle = isLastItem ? { flex: 1, marginLeft: 'auto', marginRight: 'auto', width: '95%' } : { flex: 1 };
+
+                  return (
+                    <TouchableOpacity
+                      disabled={item.DrillDown ? false : true}
+                      style={[
+                        report_data.length > 1
+                          ? [customStyle.DashBCard_ItemNB1, { width: WP(isLastItem ? '92%' : '45%'), margin: 5, paddingVertical: 0, paddingHorizontal: 0 }]
+                          : [customStyle.DashBCard_ItemNB1, { width: WP('95%') }],
+                        (!isfirsItem && !islastItem ? customStyle.DashBCard_ItemMid : (isfirsItem ? customStyle.DashBCard_ItemFirst : customStyle.DashBCard_ItemLast))
+                      ]}
+                    >
+                      <View style={[
+                        report_data.length > 1
+                          ? [customStyle.DashBCard_ItemNB2, { width: WP(isLastItem ? '92%' : '45%'), margin: 0, paddingVertical: 0, paddingHorizontal: 0 }]
+                          : [customStyle.DashBCard_ItemNB2, { width: WP('95%') }]
+                      ]}>
+                        <View style={[customStyle.DashBCard_ItemContent, { paddingVertical: 8, paddingHorizontal: 5 }]}>
+                          {item?.Attendance != null && item?.Attendance != undefined &&
+                            <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 0, justifyContent: 'space-between' }}>
+                              <Text style={{ color: '#000', fontSize: 13, fontWeight: '400' }}>{item?.Attendance}</Text>
+                              <Text style={{ color: `${gset_obj}`, fontSize: 18, fontWeight: '500', borderColor: `${gset_obj}`, borderWidth: 1, borderRadius: 5, padding: 8, textAlign: 'center' }}>{item?.TotalCount}</Text>
+                            </View>
+                          }
+
+                          {item?.KPI != null && item?.KPI != undefined && <Text style={{ color: '#000', fontSize: 13, fontWeight: '700' }}>{item?.KPI}</Text>}
+                          {item?.AvgCFT != null && item?.AvgCFT != undefined && <Text style={{ color: '#000', fontSize: 13, fontWeight: '400' }}>{item?.AvgCFT}</Text>}
+
+                          {item?.TGT != null && item?.TGT != undefined &&
+                            <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 10 }}>
+                              <Text style={{ color: '#000', fontSize: 13, fontWeight: '400' }}>Target: </Text>
+                              <Text style={{ color: '#000', fontSize: 16, fontWeight: '500' }}>{item?.TGT}</Text>
+                            </View>
+                          }
+
+                          {item?.ACT != null && item?.ACT != undefined && (!showgraph ? (
+                            <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 15, marginBottom: 5 }}>
+                              <View>
+                                <Text style={{ color: '#000', fontSize: 24, fontWeight: '700' }}>{item?.ACT}</Text>
+                                <Text style={{ color: '#000', fontSize: 13, fontWeight: '400' }}>Achievement</Text>
+                              </View>
+                              <View style={{ alignSelf: 'center', marginTop: 10, borderColor: `${gset_obj}`, borderWidth: 1, borderRadius: 5, padding: 8 }}>
+                                <Text style={{ color: `${gset_obj}`, fontSize: 18, fontWeight: '500' }}>{item?.PER}</Text>
+                              </View>
+                            </View>
+                          ) : (
+                            <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 10 }}>
+                              <View>
+                                <Text style={{ color: '#000', fontSize: 24, fontWeight: '700' }}>{item?.ACT}</Text>
+                                <Text style={{ color: '#000', fontSize: 13, fontWeight: '400' }}>Achievement</Text>
+                              </View>
+                              <View style={styles.chartContainer}>
+                                <ProgressChart
+                                  absolute
+                                  data={labelVal}
+                                  width={WP('21.5%')}
+                                  height={HP('10%')}
+                                  strokeWidth={5}
+                                  radius={30}
+                                  chartConfig={chartConfig}
+                                  hideLegend={true}
+                                  style={{
+                                    marginVertical: 1,
+                                    borderRadius: 16,
+                                    backgroundColor: "transparent"
+                                  }}
+                                />
+                                <View style={styles.percentageContainer}>
+                                  <Text style={{ color: `${gset_obj}`, fontSize: 18, fontWeight: '500' }}>{item?.PER}</Text>
+                                </View>
+                              </View>
+                            </View>
+                          ))}
+
+                          {item?.Vacancy != null && item?.Vacancy != undefined &&
+                            <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 0, justifyContent: 'space-between' }}>
+                              <Text style={{ color: '#000', fontSize: 13, fontWeight: '400' }}>{item?.Name}</Text>
+                              <Text style={{ color: '#000', fontSize: 18, fontWeight: '500', borderColor: (gset_obj ? `${gset_obj}` : ''), borderWidth: (gset_obj ? 1 : 0), borderRadius: 5, padding: 8, textAlign: 'center' }}>{item?.Vacancy}</Text>
+                            </View>
+                          }
+
+                        </View>
+                      </View>
+                    </TouchableOpacity>
+                  );
+                }}
+              />
+
+            </View>
+          </View>
+
+        </ScrollView>}
+      </View>
+    )
+  }
+
+  function _renderDashboardReports() {
+
+    const [activeTabday, setActiveTabDay] = useState(0);
+
+    const mainScreenTabs = AppDashReportsSec?.filter(item => item?.DashboardSection == "MainScreen")?.map(item => item?.TabName)?.filter(tabName => tabName);
+
+
+    const uniqueTabs = [...new Set(mainScreenTabs)];
+
+    const tabs = uniqueTabs.map((tabName) => ({
+      title: tabName,  // Tab title
+      content: `${tabName} content` // Placeholder for the content
+    }));
+
+
+    const filteredData = AppDashReportsSec?.filter((item) => item?.TabName?.includes(tabs[activeTabday].title));
+
+
+    const renderItem = ({ item, index }) => {
+      const isAttendance = item?.DownloadKey && item?.DownloadKey?.includes("Attendance");
+
+      return (
+        <View style={customStyle.DashB_ReportConNB} key={index}>
+          <View style={customStyle.DashB_ReportConHdr}>
+            <Text style={[customStyle.DashB_ReportConHdrTxt, { marginBottom: 5, marginLeft: 5 }]}>{item.DashboardName}</Text>
+
+            {/* Render attendance data separately */}
+            {/* isAttendance == true && _renderAttendanceReport(item) */}
+
+            {/* Render custom view for Attendance reports */}
+            {item.DashboardType === 'Card' && _renderCardReport(item)}
+
+            {item.DashboardType === 'Tabular' && _renderTabularReport(item)}
+
+            {/* Uncomment if needed */}
+            {/* {item.DrillDown && 
+            <TouchableOpacity style={customStyle.DashB_ReportConHdrIcon} onPress={() => { props.navigation.navigate("DashboardReportDetail", { "ReportData": item }) }}>
+              <MaterialCommunityIcons name="arrow-right-thick" size={20} color={PageTheme.$accent_color} />
+            </TouchableOpacity>} */}
+          </View>
+        </View>
+      );
+    };
+
+    return (
+      <View style={customStyle.DashB_ReportWrap}>
+
+        {/* Custom Tab Bar */}
+        <View style={[styles.subtabBar,]}>
+          {tabs.map((tab, index) => (
+            <TouchableOpacity
+              key={index}
+              style={[styles.subtabButton, activeTabday === index ? styles.subactiveTab : styles.subinactiveTab, { marginRight: 10 }]}
+              onPress={() => setActiveTabDay(index)}
+            >
+              <Text style={[styles.tabText, activeTabday === index ? styles.subactiveTabText : styles.subinactiveTabText, {}]}>
+                {tab.title}
+              </Text>
+            </TouchableOpacity>
+          ))}
+        </View>
+
+        <View style={[styles.verticalLine, { marginVertical: 10, height: 2 }]} />
+
+        {filteredData.length > 0 &&
+          <>
+            <View style={[customStyle.mtb5, { flexDirection: 'row', justifyContent: 'space-between', width: '95%', left: 10 }]}>
+              <TouchableOpacity onPress={() => { refreshDashBReport() }} style={[customStyle.Dashboard_refrehButton]}>
+                <Text style={[customStyle.hr_viewButtonText, { color: '#000000' }]}>REFRESH</Text>
+                <View style={[globalStyle.drawerItemIcon, { width: 30 }]} ><Feather name="refresh-cw" size={18} color={'#000'} /></View>
+              </TouchableOpacity>
+
+              <TouchableOpacity style={[customStyle.Dashboard_viewButton]} onPress={() => { props.navigation.navigate('DashboardReportDetail', { "ReportData": {} }) }}>
+                <View>
+                  <Text style={[customStyle.hr_viewButtonText, { color: '#000000' }]}>SEE DETAIL</Text>
+                </View>
+                <View style={[globalStyle.drawerItemIcon, { width: 15 }]}><Feather name="chevron-right" size={20} color={'#000'} /></View>
+              </TouchableOpacity>
+            </View>
+          </>
+        }
+
+        <View style={[]}>
+          <FlatList
+            data={filteredData || []}
+            renderItem={renderItem}
+            keyExtractor={(item, index) => index.toString()}
+            contentContainerStyle={{ paddingBottom: 100 }}
+          />
+        </View>
+
+
+      </View>
+    )
+  }
+
+  function _renderDashboardView() {
+
+    const [activeTab, setActiveTab] = useState(0);
+
+    const tabs = [
+      // { title: 'Dashboard', content: _renderDashboard() },
+      { title: 'Dashboard', content: _renderDashboardReports() },
+
+      { title: 'People', content: renderPeopleList(activeTab) },
+    ];
+
+    return (
+      <View style={styles.container}>
+        {/* Custom Tab Bar */}
+        <View style={styles.tabBar}>
+          {tabs.map((tab, index) => (
+            <TouchableOpacity
+              key={index}
+              style={[styles.tabButton, activeTab === index && styles.activeTab]}
+              onPress={() => setActiveTab(index)}
+            >
+              <Text style={[styles.tabText, activeTab === index && styles.activeTabText]}>
+                {tab.title}
+              </Text>
+            </TouchableOpacity>
+          ))}
+        </View>
+
+        {/* Screen Content */}
+        <View style={styles.screenContainer}>
+          {tabs[activeTab].content}
+        </View>
+      </View>
+    )
+  }
+
+  // console.log("AppDashReportsSec", AppDashReportsSec)
+  const excludeKeys = ['AdKPIId', 'Color', 'KPIDrilldown', 'DisplayOrder'];
+
+
+
+  // WebView Survey
+
+  const [surveydata, setSurveyData] = useState({});
+  const [modalVisiblesurvey, setModalVisibleSurvey] = useState(false);
+  const [surveyloader, setSurveyLoader] = useState(false);
+  const webViewRef = useRef(null);
+  const isFocused = useIsFocused();
+
+  const ShowSurveyPopup = async () => {
+    console.log("Survey popup called---")
+    let projectInfo = await get_item('projectInfo');
+    let projectCode = await get_item('projectCode');
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    const projectDetails = JSON.parse(projectInfo);
+
+    try {
+      setSurveyLoader(true);
+      const raw = JSON.stringify({
+        ProjectId: projectDetails?.projectID,
+        UserId: loginDetails?.UserId || '',
+
+      });
+      let res = await fetch(
+        "https://api1.parinaam.in/api/cpminternal/GetPopupWeburl",
+        {
+          method: "POST",
+          body: raw,
+          headers: {
+            Accept: "application/json",
+            "Content-Type": "application/json",
+          },
+        }
+      );
+      let responseJson = await res.json();
+      if (responseJson) {
+        setSurveyData(responseJson?.GetPopupWeburl || {});
+        // console.log("responseJson?.GetPopupWeburl[0]?.Status",responseJson?.GetPopupWeburl[0])
+        if (responseJson?.GetPopupWeburl[0]?.Status) {
+          setModalVisibleSurvey(false);
+        } else {
+          setModalVisibleSurvey(true);
+        }
+
+      } else {
+        setSurveyData({});
+      }
+    } catch (error) {
+      Alert.alert("Survey Popup:" + error);
+    } finally {
+      setSurveyLoader(false);
+    }
+  };
+
+  useEffect(() => {
+    ShowSurveyPopup();
+  }, [isFocused]);
+
+  let webUrl = surveydata[0]?.WebUrl;
+
+
+  const injectedJS = `
+  (function() {
+    const element = document.getElementById('cpminternalclose');
+    console.log(element, "element")
+    if (element) {
+      window.ReactNativeWebView.postMessage(JSON.stringify({ id: element.id }));
+    } else {
+      // window.ReactNativeWebView.postMessage(JSON.stringify({ message: "Element not found" }));
+    }
+  })();
+  true;
+  `;
+
+  const handleMessage = (event) => {
+    try {
+      const data = JSON.parse(event.nativeEvent.data);
+      if (data.error) {
+        Alert.alert(data.error);
+      } else {
+        console.log('Element data:', data);
+        if (data?.id == 'cpminternalclose') {
+          setTimeout(() => {
+            setModalVisibleSurvey(false);
+            ShowSurveyPopup();
+          }, 1500);
+        } else {
+          Alert.alert("Id not found");
+        }
+
+      }
+    } catch (error) {
+      Alert.alert('Error parsing message:', error);
+    }
+  };
+
+  return (
+
+    <>
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)} >
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+        {(props.startDownload && dowloadedCount <= totalCount) && <DownloadDataModal title={ST.DownloadingData} downloadCount={dowloadedCount} totalCount={totalCount} subtitle={downloadingText} />}
+        <DownloadErrorAlert />
+        <DrawerHeader {...props} drawer_title={ST.NoticeBoard} projectCode={projectCode} />
+        {/* <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+      <View style={[customStyle.pageContentWrapper,customStyle.roundScrollInner,{paddingTop:0}]}>
+      {(state.webviewurl!='' && state.webviewurl!=null) && <WebView style={customStyle.fullwebview} containerStyle={customStyle.webViewCon} source={{ uri: state.webviewurl }} />}
+      </View>
+    </LinearGradient>  */}
+
+        <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={customStyle.noticeboard_customstylewrapper}>
+
+            <View style={customStyle.noticeboard_background} >
+              <Text style={customStyle.noticeboard_text}> Quick Links</Text>
+              <FlatList
+                horizontal={true}
+                data={DATA}
+                renderItem={({ item, index }) => {
+                  // console.log('onrender item ', item);
+                  let IconCompFunc = item.icon;
+                  let showVectoreIcon = item.iconType == 'Icon' ? true : false;
+                  return (
+                    <View style={customStyle.noticeboard_tblHdrparent} key={index}>
+                      <TouchableOpacity onPress={item.itemOnPress} >
+                        <View style={[customStyle.noticeboard_tblHdr, (!showVectoreIcon ? customStyle.noticeboard_tblHdr2 : {}), (index % 2 != 0 ? { backgroundColor: '#f4e8fb' } : {})]} >
+                          {!showVectoreIcon && <SvgXml width={45} height={45} marginTop={10} xml={item.icon} />}
+                          {showVectoreIcon && IconCompFunc()}
+                        </View>
+                        <Text style={customStyle.noticeboard_tblTextItem} >{item.text}</Text>
+                      </TouchableOpacity>
+                    </View>
+                  )
+                }}
+              />
+            </View>
+
+            <ScrollView style={{}}>
+              {bannerdetail.length > 0 &&
+                <View style={customStyle.bannerimagebackground} >
+                  <Carousel
+                    ref={imageSlider}
+                    sliderWidth={WP('100%') - 20}
+                    itemWidth={WP('100%') - 40}
+                    autoplay={true}
+                    loop={true}
+                    autoplayDelay={1000}
+                    data={bannerdetail}
+                    style={{ backgroundColor: '#000', width: '100%' }}
+                    contentContainerStyle={{ backgroundColor: 'red' }}
+                    onSnapToItem={(index) => { setActiveSlide(index) }}
+                    renderItem={({ item, index }) => {
+                      let url = item.NoticeLink_Thumbnail;
+                      // console.log('onrender item ',url);
+                      return (
+                        <View style={[customStyle.bannerCard]}>
+                          <TouchableOpacity onPress={() => { props.navigation.navigate('Bannerdetail', { imagedesc: item }) }} >
+                            <Image source={{ uri: url }} key={index} style={customStyle.bannerCardImg} />
+                          </TouchableOpacity>
+                        </View>
+                      )
+                    }}
+                  />
+
+                  <Pagination
+                    dotsLength={bannerdetail.length}
+                    activeDotIndex={activeSlide}
+                    dotColor={PageTheme.$primary_color}
+                    containerStyle={{ marginBottom: -30, marginTop: -20 }}
+                    dotStyle={{
+                      width: 10,
+                      height: 10,
+                      borderRadius: 5, elevation: 2,
+                    }}
+                    activeOpacity={0.6}
+                    inactiveDotColor={PageTheme.$tertiary_color}
+                    inactiveDotOpacity={0.4}
+                    inactiveDotScale={0.8}
+                    carouselRef={imageSlider}
+                    tappableDots={true}
+                  />
+
+                </View>
+              }
+
+              {props.Show_OldMTDReports &&
+                <View style={customStyle.sfimagebackground} >
+                  <Text style={customStyle.noticeboard_text}>Performance</Text>
+                  <FlatList
+                    horizontal={true}
+                    data={storeperformancetext}
+                    renderItem={({ item, index }) => {
+                      return (
+                        <View style={customStyle.sftblHdrparent} key={index}>
+                          <TouchableOpacity disabled={true}>
+                            <View style={[customStyle.sftblHdr, (index % 2 != 0 ? { backgroundColor: '#f4f1e0' } : { backgroundColor: '#fbe7e8' })]} >
+                              <SvgXml width={'100%'} height={'50%'} marginTop={5} marginLeft={15} xml={item.icon} />
+                              <View style={customStyle.sf_storecol}>
+                                <Text style={customStyle.sftblTextItem} >{item.text}</Text>
+                                <Text style={customStyle.sftblTextValue} >{item.value}</Text>
+                              </View>
+                            </View>
+
+                          </TouchableOpacity>
+                        </View>
+
+                      )
+                    }}
+                  />
+                </View>
+              }
+
+              {props.ShowDashboard && _renderDashboardView()}
+
+            </ScrollView>
+
+
+            <Modal
+              animationType="fade"
+              transparent={true}
+              visible={modalVisible}
+              onRequestClose={() => {
+                Alert.alert('Modal has been closed.');
+                setModalVisible(!modalVisible);
+              }}>
+              <View style={customStyle.modalContainer}>
+                <View style={customStyle.centeredView}>
+                  <View style={customStyle.modalView}>
+
+                    <TouchableOpacity style={[customStyle.modalrow, { justifyContent: 'space-between' }]} onPress={() => setModalVisible(false)}>
+                      <View><Text style={[customStyle.DashBTbl_ReportHdrColTxt, { color: '#000', fontWeight: '700', fontSize: 16 }]}>{modaldata?.item.DashboardName + ' Detail'}</Text></View>
+                      <View style={{ marginLeft: 10 }}><SvgXml width={35} height={35} xml={cross_icon} /></View>
+                    </TouchableOpacity>
+
+                    <View style={customStyle.modalInView}>
+                      {Object.entries(modaldata?.row)
+                        .filter(([key]) => !excludeKeys.includes(key)) // Filter out excluded keys
+                        .map(([key, value]) => (
+                          <View key={key} style={customStyle.modalrow}>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, { color: '#000', fontWeight: '700' }]}>{key}: </Text>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, { color: '#000' }]}>{value.toString()}</Text>
+                          </View>
+                        ))}
+                    </View>
+
+                  </View>
+                </View>
+              </View>
+            </Modal>
+
+          </View>
+        </LinearGradient>
+
+      </Container>
+
+      {
+        <Modal
+          animationType="slide"
+          transparent={true}
+          visible={modalVisiblesurvey}
+          // visible={true}
+          onRequestClose={() => setModalVisibleSurvey(false)}
+        >
+          <View style={styles.modalContainer}>
+            <View style={styles.modalContent}>
+              {surveyloader && <CustomLoader fullHeight={true} title={"Loading"} />}
+              <WebView
+                style={styles.webView}
+                source={{ uri: webUrl }}
+                onLoadStart={() => setSurveyLoader(true)}
+                onLoadEnd={() => {
+                  setSurveyLoader(false);
+                  // setWebViewReady(true);
+                  console.log("ENd Loadingggg...---");
+                }}
+                ref={webViewRef}
+                injectedJavaScript={injectedJS}
+                onMessage={handleMessage}
+              />
+            </View>
+          </View>
+        </Modal>
+      }
+    </>
+
+  );
+}
+
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+  },
+  tabBar: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    backgroundColor: '#e6ecec',
+  },
+  tabButton: {
+    paddingHorizontal: 30,
+    paddingVertical: 10
+
+  },
+  subtabButton: {
+    paddingHorizontal: 20,
+    paddingVertical: 6
+
+  },
+  tabText: {
+    fontSize: 16,
+    color: '#666',
+  },
+  activeTab: {
+    borderBottomWidth: 3,
+    borderBottomColor: '#000',
+  },
+  activeTabText: {
+    color: '#000',
+    fontWeight: '500'
+  },
+  subtabBar: {
+    flexDirection: 'row',
+    // justifyContent: 'space-around',
+    paddingHorizontal: 10,
+    marginTop: 10
+  },
+  subactiveTab: {
+    borderRadius: 20,
+    backgroundColor: '#01978C',
+    //overflow: 'hidden',
+  },
+  subinactiveTab: {
+    borderRadius: 20,
+    borderColor: '#01978C',
+    borderWidth: 1,
+    overflow: 'hidden'
+  },
+  subactiveTabText: {
+    color: '#fff',
+    fontWeight: '500'
+  },
+  subinactiveTabText: {
+    color: '#000',
+    fontWeight: '500'
+  },
+  screenContainer: {
+    //  flex:1
+  },
+  screen: {
+    //  flex:1
+  },
+  screenText: {
+    fontSize: 24,
+    fontWeight: 'bold',
+  },
+  divider: {
+    height: 2,
+
+  },
+  verticalLine: {
+    height: 1.5,
+    width: '100%',
+    backgroundColor: '#ACB7C233',
+    marginVertical: 5
+  },
+  statsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    // alignItems: 'center',
+    // width: WP('92%'), 
+    backgroundColor: '#71c4c0',
+    padding: 0
+  },
+  statItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  presentStatValue: {
+    backgroundColor: '#71c4c0',
+    padding: 15,
+    fontSize: 14,
+    fontWeight: '500',
+    color: '#000'
+  },
+  absentStatValue: {
+    backgroundColor: '#F8C6AB',
+    padding: 15,
+    fontSize: 14,
+    fontWeight: '500',
+  },
+  statLabel: {
+    paddingLeft: 20,
+    paddingRight: 20,
+    fontSize: 14,
+    fontWeight: '500',
+    color: '#000'
+  },
+  // list of peoples 
+  itemContainer: {
+    backgroundColor: '#fff',
+    padding: 10,
+    borderRadius: 10,
+    marginVertical: 10,
+    elevation: 2,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 5,
+    borderColor: '#B2BCCE',
+    borderWidth: 1
+  },
+  textContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginBottom: 5,
+  },
+  nameText: {
+    fontSize: 15,
+    fontWeight: '500',
+    color: '#000000',
+
+  },
+  saleText: {
+    fontSize: 14,
+    fontWeight: '400',
+    color: '#000',
+    marginBottom: 5,
+
+  },
+  progressBarContainer: {
+    height: 8,
+    flex: 1,
+    backgroundColor: '#D3D3D3',
+    borderRadius: 5,
+    overflow: 'hidden',
+  },
+  progressBarFill: {
+    height: '100%',
+    // backgroundColor: '#00968e',
+    borderRadius: 5,
+  },
+  coverageButton: {
+    backgroundColor: '#E9F1FE',
+    paddingVertical: 10,
+    borderRadius: 5,
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '40%',
+    justifyContent: 'center',
+    // alignSelf: 'flex-end'
+    alignSelf: 'flex-start'
+
+
+  },
+  progressText: {
+    marginLeft: 10,
+    fontSize: 14,
+    color: '#000',
+    fontWeight: '500'
+  },
+  buttonText: {
+    color: 'gray',
+    fontSize: 14,
+    fontWeight: '500',
+  },
+  chartContainer: {
+    position: 'relative',
+    alignItems: 'center',
+    marginTop: 0
+  },
+  percentageContainer: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: [{ translateX: -15 }, { translateY: -12 }],
+  },
+
+  // modal survey
+  // modal
+  screen: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f2f2f2',
+  },
+  buttonText: {
+    color: '#fff',
+    fontSize: 16,
+  },
+  modalContainer: {
+    flex: 1,
+    // backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden',
+    marginTop: -20
+  },
+  modalContent: {
+    width: '90%',
+    height: '90%',
+    backgroundColor: '#fff',
+    borderRadius: 10,
+    overflow: 'hidden',
+  },
+  webView: {
+    flex: 1,
+  },
+});
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(NoticeBoard);
\ No newline at end of file
diff --git a/src/screens/One_QAD.js b/src/screens/One_QAD.js
new file mode 100644
index 0000000..bca2bf8
--- /dev/null
+++ b/src/screens/One_QAD.js
@@ -0,0 +1,452 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import CustomButton from '../components/customButton';
+import { globalStyles,customStyles,GetPageTheme,customeButtons } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,KeyboardAvoidingView,Animated, ImageBackground, FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,copyrightText,baseurl} from '../constants/constants';
+import {_checkLocationPermission} from '../components/geolocation';
+import OtpInputs from 'react-native-otp-inputs';
+import SplashScreen from 'react-native-splash-screen';
+import CustomLoader from '../components/CustomLoader';
+import DeviceInfo from 'react-native-device-info';
+import {getDownloadJson, UploadData2,UploadData} from '../controller/functions';
+import moment from 'moment';
+import { SvgUri, SvgXml} from 'react-native-svg';
+import GradientButton from '../components/gradientButton';
+import { Ionicons ,Fontisto, AntDesign} from '../components/icons';
+import LinearGradient from 'react-native-linear-gradient';
+
+import Graphic1 from '../assets/performics/oqad_graphic.svg';
+import { getMethodName, METHODS } from '../constants/methodNames';
+
+function One_QAD(props) { 
+  const route = useRoute();
+  const ST=props.StaticText || {};
+  // get all theme styles acc to current theme set 
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+  const customeButton=customeButtons(props.DarkMode,route.name);
+  const todayDate=moment(new Date()).format('DD/MM/YYYY');
+
+  const AnswerTimeOut=props.OQAD_TimeOut;
+  var globalTimer=AnswerTimeOut;
+  const timerRef = useRef({});
+  const timerAnimated = useRef(new Animated.Value(0)).current;
+  const [answers, setAnswers] = useState({});
+  const [rerenderdata, setrerenderdata]= useState(0);
+  const [processing, setProcessing] = useState(false);
+  const [currentQtn, setCurrentQtn] = useState(1);
+  const [totalQtn, setTotalQtn] = useState(0);
+  const [answerTimer, setAnswerTimer] = useState({"1":globalTimer});
+  const [qad, setQad] = useState([]);
+
+  
+    useEffect(() => {    
+        SplashScreen.hide();        
+        get_OQAD();
+    }, []);
+
+    useEffect(() => {  
+        console.log('currentQtn chnge'); 
+        let cqtn=currentQtn;
+        if(currentQtn>1){
+        let item=qad.length>0? qad[(cqtn-1)]:null;
+        if(item){
+            let qid=item.QuestionId;
+            let qtnKey=qid+'_question';
+            let show_qtnKey=qid+'_question_show';
+            let AllAns=answers;
+            console.log(answerTimer);
+            
+            if(AllAns[qtnKey]==null && AllAns[show_qtnKey]==null){
+                globalTimer=AnswerTimeOut;
+                let atimerarr=answerTimer;
+                atimerarr[cqtn]=AnswerTimeOut;
+                setAnswerTimer(atimerarr); 
+                timerAnimated.setValue(0);
+                setTimer(); //restart timer
+            }
+        }
+        }
+    }, [currentQtn]);
+
+
+    async function get_OQAD(){
+        setProcessing(true);
+        let token = await get_item('loginToken');
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        var data = {Downloadtype: 'OQAD',username: loginDetails.UserId,empid: '',token: token,};
+
+        const url=(props.baseurl || baseurl)+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+        console.log(url,data);
+        await getDownloadJson(url, data)
+        .then(async(res) => { 
+            setProcessing(false);     
+            console.log('res:',res);  
+            if (res.OQAD!=null) {
+                let QAD_arr=res.OQAD|| [];
+                let allQADS=[];
+                
+                var qad_data={};
+                var qids=[];
+                for(var i=0;i<QAD_arr.length;i++){
+                    let data=QAD_arr[i];
+                    let isadded=false;                    
+                    
+                    if(qids.indexOf(data.QuestionId)<0){
+                        if(Object.keys(qad_data).length>0) allQADS.push(qad_data);
+                        qids.push(data.QuestionId)
+                        qad_data={};
+                        qad_data['QuestionId']=data.QuestionId;
+                        qad_data['Question']=data.Question;
+                        qad_data['Options']=[{'AnswerId':data.AnswerId,'Answer':data.Answer}];
+                        if(data.RightAnswer==true) qad_data['Answer']=data.AnswerId;   
+                                           
+                    }
+                    else{
+                        let ops=qad_data['Options'] || [];
+                        ops.push({'AnswerId':data.AnswerId,'Answer':data.Answer});
+                        if(data.RightAnswer==true) qad_data['Answer']=data.AnswerId;  
+                         
+                    } 
+                }
+                
+                allQADS.push(qad_data);
+                setQad(allQADS);
+                setTotalQtn(allQADS.length);
+                setTimer(false,false,allQADS);
+                
+            }
+            else if(typeof(res)=='object' && res.length>0 && res[0].Result!=null && res[0].Result.includes('No Data')){
+                // OQAD Not Found
+                goToHome();
+            }
+        })
+        .catch(err => {
+            console.log('onPage Team error', err);
+        });
+        
+    }
+
+  
+    async function submitAnswer(){
+        if(validate()){
+        setProcessing(true);
+        let token = await get_item('loginToken');
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        const today=moment(new Date()).format('MM/DD/YYYY');
+
+        var user_answers=[];
+        for (const qtn_key in answers){
+            const item=answers[qtn_key];
+            console.log(qtn_key); 
+            if(qtn_key.includes('_question_show')){
+                console.log('showed question');
+                let qid=qtn_key.replace('_question_show','');
+                let answerid=0;
+                var ans_obj={"ANSWER_ID":answerid,"QUESTION_ID":qid,"VISIT_DATE":today,"USER_NAME":loginDetails.UserId};
+            }
+            else if(qtn_key.includes('_question')){
+                console.log('qtn replied')
+                let qid=item.qid;
+                let answerid=item.selId;
+                var ans_obj={"ANSWER_ID":answerid,"QUESTION_ID":qid,"VISIT_DATE":today,"USER_NAME":loginDetails.UserId};
+            }
+            user_answers.push(ans_obj);
+        }
+        let post_data={
+            "MID":"0",
+            "Keys": "TODAY_ANSWER",
+            "JsonData":JSON.stringify(user_answers),
+            "UserId": loginDetails.UserId
+        }
+
+        
+
+        const url=props.baseurl+getMethodName(METHODS.UPLOADJSON_METHOD);
+        
+        console.log('OQAD upload ',url,post_data);
+        
+        await UploadData2(url, post_data)
+        .then(async(res) => {             
+            setProcessing(false); 
+            console.log(res);      
+            if(res.UploadJsonResult=='Success'){
+                
+            }
+            goToHome();
+            
+        })
+        .catch(err => {
+            console.log('onPage Team error', err);
+        });
+        }
+    }
+
+    async function goToHome(){
+        let params=props.route.params? props.route.params:{};
+        let isTodayLogin=params.TodayLogin!=null?params.TodayLogin:false;
+        // props.setLoginExists(false);
+        props.navigation.reset({index: 0,routes: [{name: 'NoticeBoard',params:{'TodayLogin':isTodayLogin}}],});
+    }
+
+    async function goToNext(){
+        if(validate()){
+            let cqtn=currentQtn;
+            cqtn=cqtn<qad.length?cqtn+1:cqtn;                                 
+            setCurrentQtn(cqtn);
+        }
+    }
+
+    async function goToPrev(){
+        let cqtn=currentQtn;
+        cqtn=cqtn>1?cqtn-1:cqtn;
+        setCurrentQtn(cqtn);
+    }
+
+    function setTimer(reset,stop,allQADS=[]){ 
+        let arr=timerRef.current; 
+        if(stop){
+            console.log('clearTimeout',arr[currentQtn],currentQtn,arr);
+            if(arr[currentQtn]){clearTimeout(arr[currentQtn]);}
+        }
+        else{
+            reset?globalTimer=AnswerTimeOut:--globalTimer;
+            if(globalTimer>=0){
+                let atimerarr=answerTimer;
+                atimerarr[currentQtn]=globalTimer;
+
+                if(timerAnimated){
+                    Animated.timing(timerAnimated, {
+                        toValue: (AnswerTimeOut-globalTimer),
+                        duration:1100,
+                        useNativeDriver:false,
+                    }).start();
+                }
+                
+                // console.log('atimerarr',currentQtn,globalTimer,atimerarr);
+                setAnswerTimer(atimerarr);
+                setrerenderdata(globalTimer);
+                arr[currentQtn]=setTimeout(()=>{ setTimer(false,false,allQADS);},1000);
+            }
+            else{showAnswer(allQADS);}  
+        }
+         
+    }
+
+    async function selectAnswer(item,option){
+        console.log('selectAnswer');
+        let qid=item.QuestionId;
+        let qtnKey=qid+'_question';
+        let AllAns=answers;
+        if(AllAns[qtnKey]==null){
+            AllAns[qtnKey]={'selId':option.AnswerId,'selText':option.Answer,'qid':qid};
+        }
+        setTimer(false,true); // stop timer
+        setAnswers(AllAns);
+        console.log('selectAnswer:',AllAns);
+        setrerenderdata(!rerenderdata);
+        
+    }
+
+    async function showAnswer(allQADS=[]){
+        let item=allQADS.length>0 && currentQtn>=1?allQADS[(currentQtn-1)]:null;
+        
+        if(item!=null){
+            let qid=item?item.QuestionId:'';
+            let show_qtnKey=qid+'_question_show';
+            let AllAns=answers;
+            if(AllAns[show_qtnKey]==null){
+                AllAns[show_qtnKey]=true;
+            }
+            setAnswers(AllAns);
+            console.log('showAnswer:',AllAns);
+            setrerenderdata(!rerenderdata);
+        }       
+    }
+    
+
+    const validate=()=>{  
+        let item=qad.length>0? qad[(currentQtn-1)]:null;
+        if(item){
+            let qid=item.QuestionId;
+            let qtnKey=qid+'_question';
+            let show_qtnKey=qid+'_question_show';
+            let AllAns=answers;
+            if(AllAns[qtnKey]==null && AllAns[show_qtnKey]==null){
+                notify(ST.Pleaseselectyouranswer,'SHORT');
+                return false;
+            }
+        }
+        return true;
+    }
+
+    const validate2=()=>{  
+        
+        if(qad.length>0){
+            for(var i=0;i<qad.length;i++){
+                let item=qad[i];
+                let qid=item.QuestionId;
+                let qtnKey=qid+'_question';
+                let AllAns=answers;
+                if(AllAns[qtnKey]==null){
+                    notify(ST.Pleaseselectyouranswer,'SHORT');
+                    return false;
+                }
+            }            
+        }
+        return true;
+    }
+
+  return ( 
+    <Container {...props}>
+        <StatusBar barStyle={"light-content"} backgroundColor={PageTheme.$primary_color} />
+        {processing && <CustomLoader />} 
+        <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.qad_bg}>
+            <View style={customStyle.qad_hdr}>
+                <Text style={[customStyle.qad_subtext]}>{ST.HeyThere}</Text>
+                <Text style={customStyle.qad_text}>{ST.OneQuestionADay}</Text>
+                <SvgXml width={190} height={160} xml={Graphic1}/>    
+            </View>
+            
+            <View style={customStyle.qadPopUp}>
+                {/* <ScrollView
+                    style={[customStyle.qadScrollCon]}
+                    contentContainerStyle={customStyle.qadInnerCon}
+                    
+                >    */}
+                <View style={customStyle.qadPopUpInner}>                
+                    <View style={customStyle.linear_progressBarWrapper}>
+                        <View style={customStyle.linear_progressBar}>
+                        <View style={[customStyle.linear_progressBar_bg]}></View>
+                        <View style={[customStyle.linear_progressBar_filled,{width:(totalQtn>0?(((currentQtn/totalQtn)*100)+'%'):'100%')}]}></View>
+                        </View>
+                        <Text style={customStyle.linear_progressBarText}>{currentQtn+'/'+totalQtn}</Text>
+                    </View>
+                    <View style={customStyle.qad_form}>
+                        { qad.length>0 &&
+                        <FlatList
+                        data={qad}
+                        extraData={rerenderdata}
+                        style={[customStyle.qadScrollCon]}
+                        contentContainerStyle={customStyle.qadInnerCon}
+                        removeClippedSubviews={false}
+                        renderItem={({item,index})=>{
+                            let Options=item.Options;
+                            let qid=item.QuestionId;
+                            let qtnKey=qid+'_question';
+                            let show_qtnKey=qid+'_question_show';
+                            let AllAns=answers;
+
+                            let showAnswer=AllAns[show_qtnKey]!=null?AllAns[show_qtnKey]:false;                            
+                            let selAns=AllAns[qtnKey]!=null?AllAns[qtnKey]['selId']:'';
+                            console.log('AllAns',showAnswer);
+
+                            let prev_time=answerTimer[currentQtn]<AnswerTimeOut?answerTimer[currentQtn]+1:answerTimer[currentQtn];
+                            let curr_time=answerTimer[currentQtn];
+                            var width='100%';
+                            // console.log('timerAnimated:',timerAnimated,prev_time,curr_time);
+                            if(timerAnimated!=null && prev_time!=null && curr_time!=null){
+                            width=timerAnimated.interpolate({
+                                inputRange:[(AnswerTimeOut-prev_time),(AnswerTimeOut-curr_time)],
+                                outputRange:[((prev_time/AnswerTimeOut)*100)+'%',((curr_time/AnswerTimeOut)*100)+'%'],
+                            });
+                            }
+
+                            
+                            return(
+                                <View key={index} style={[customStyle.qad_questions,(index==(currentQtn-1)?customStyle.qad_questionsShow:{})]}>
+                                    <Text  style={customStyle.qad_qtnText}>{item.Question}</Text>
+                                    <View style={customStyle.qad_optionsCon}>
+                                    { Options.length>0 &&
+                                        Options.map((option,op_index)=>{
+                                            let show_diff_bg=(item.Answer && ((selAns!='' && selAns!=null) || showAnswer) 
+                                            && (item.Answer==option.AnswerId || ((selAns!='' && selAns!=null) && selAns==option.AnswerId)))  ?true:false;
+                                            
+                                            let ansbgColor=((selAns!='' && selAns!=null) && selAns==option.AnswerId && (item.Answer!=selAns))?'red':'green';
+                            
+                                            let opbg=show_diff_bg?{backgroundColor:ansbgColor}:{};
+                                            let opcolorText=show_diff_bg?{color:'#fff'}:{};
+                                            let isD=((selAns!='' && selAns!=null) || showAnswer);
+                                            let isdisabled=(((selAns!='' && selAns!=null) || showAnswer) && item.Answer!=null && item.Answer!=option.AnswerId);
+                                            let disablebg=(isdisabled?{backgroundColor:PageTheme.$text_color_500}:{});
+                                            let disabletext=(isdisabled?{color:PageTheme.$accent_color}:{});
+                                            
+                                            return(
+                                                <TouchableOpacity key={op_index} style={[customStyle.qad_optionBtn,disablebg,opbg]} disabled={isD} onPress={()=>{selectAnswer(item,option)}}>
+                                                    <Text style={[customStyle.qad_optionBtnText,disabletext,opcolorText]}>{option.Answer}</Text>
+                                                </TouchableOpacity>
+                                            )
+                                        })
+                                    }
+                                    </View>
+                                    <View style={customStyle.qad_timer_wrapper}>
+                                        <AntDesign name='clockcircleo' color={PageTheme.$secondary_color_dark} size={30}/>
+                                        <Text style={customStyle.qad_timerText}>{answerTimer[currentQtn]+'s'}</Text>
+                                        <View style={customStyle.timerProgressBar}>
+                                            <View style={customStyle.timerProgressBar_bg}></View>
+                                            {/* <View style={[customStyle.timerProgressBar_filled,{width:((answerTimer[currentQtn]/10)*100)+'%'},{backgroundColor:(answerTimer[currentQtn]<3?'red':(answerTimer[currentQtn]<7?'#ff8100':'green'))}]}></View> */}
+                                            <Animated.View style={[customStyle.timerProgressBar_filled,{width:width},{backgroundColor:(answerTimer[currentQtn]<(parseInt(AnswerTimeOut/4))?'red':(answerTimer[currentQtn]<(parseInt(AnswerTimeOut/2))?'#ff8100':'green'))}]}></Animated.View>
+                                        
+                                        </View>
+                                    </View>
+                                    {(selAns==item.Answer && (selAns!=null && selAns!=''))  &&
+                                    <View style={customStyle.answerRemark}><Text  style={customStyle.answerRemarkText}>{ST.WellDoneGoodJob}</Text></View>
+                                    }
+                                    {(selAns!=item.Answer && ((selAns!=null && selAns!='') || showAnswer)) &&
+                                    <View style={[customStyle.answerRemark,customStyle.remarkRedbg]}><Text  style={[customStyle.answerRemarkText,customStyle.remarkRed]}>{ST.OopsBetterlucknexttime}</Text></View>
+                                    }
+                                    { index==( qad.length-1) && 
+                                        <View style={customStyle.qad_qtnBtnsGrp}>
+                                            { (index!=0) && 
+                                            <TouchableOpacity activeOpacity={0.6} onPress={()=>{goToPrev();}} style={[customStyle.qad_qtnBtn,customStyle.qad_btnBack]}>
+                                                <Text style={[customStyle.qad_qtnBtnText,customStyle.qad_btnBackText]}>{ST.Back}</Text>
+                                            </TouchableOpacity>
+                                            }
+                                            <TouchableOpacity activeOpacity={0.6} onPress={()=>{submitAnswer();}} style={[customStyle.qad_btnSubmitCon]}>
+                                                <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$gradient2, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.qad_btnSubmit]}>
+                                                    <Text style={[customStyle.qad_qtnBtnText,customStyle.qad_btnNextText]}>{ST.Submit}</Text>
+                                                </LinearGradient>
+                                            </TouchableOpacity>
+                                        </View>
+                                    }
+                                    { index<( qad.length-1) && 
+                                        <View style={customStyle.qad_qtnBtnsGrp}>
+                                            {(index!=0) && 
+                                            <TouchableOpacity activeOpacity={0.6} onPress={()=>{goToPrev();}} style={[customStyle.qad_qtnBtn,customStyle.qad_btnBack]}>
+                                                <Text style={[customStyle.qad_qtnBtnText,customStyle.qad_btnBackText]}>{ST.Back}</Text>
+                                            </TouchableOpacity>
+                                            }
+                                            <TouchableOpacity activeOpacity={0.6} onPress={()=>{goToNext();}} style={[customStyle.qad_qtnBtn,customStyle.qad_btnNext]}>
+                                                <Text style={[customStyle.qad_qtnBtnText,customStyle.qad_btnNextText]}>{ST.Next}</Text>
+                                            </TouchableOpacity>
+                                        </View>
+                                    }
+                                </View>
+                            )
+                        }}
+                        
+                        />                                           
+                        }
+                    </View>
+                    
+                </View>
+                {/* </ScrollView>  */}
+                <View style={[customStyle.signatureBox,customStyle.mt50]}>
+                    <Text style={customStyle.signatureText}>{version}</Text>
+                    <Text style={customStyle.signatureText}>{copyrightText}</Text>
+                </View>
+            </View>
+        </LinearGradient>        
+    </Container>   
+  ); 
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(One_QAD)
\ No newline at end of file
diff --git a/src/screens/OpeningStock.js b/src/screens/OpeningStock.js
new file mode 100644
index 0000000..0b86404
--- /dev/null
+++ b/src/screens/OpeningStock.js
@@ -0,0 +1,756 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView, BackHandler} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { ExitScreenAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+
+function OpeningStock(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [KPIFields, setKPIFields] = useState([]);
+    
+    const [catImages, setCatImages] = useState([]);
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+
+    const inputRefs = useRef({});
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+       
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          await db.transaction(async function (txn) {        
+            
+            let join=' INNER join Product_Master p on c.CategoryId=p.CategoryId ';
+            let join2=' INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+            let q=`SELECT DISTINCT c.CategoryId,c.CategoryName,mp.MSL from Master_Category c ${join} ${join2}  where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreTypeId='${StoreTypeId}' order by p.CategorySequence`;
+            
+            let q2=` SELECT CATEGORY_ID as CategoryId,CATEGORY as CategoryName,MSL,IMAGE,IMAGEPATH FROM ${AppTables.INSERT_OPENINGHEADER_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    
+                    let arr=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        arr.push(data);
+
+                        let defData={'CategoryId':data.CategoryId,'ImageName':data.IMAGE,'ImagePath':data.IMAGEPATH};
+                        allCats.push(defData);
+                        if(i==txnres.rows.length-1){
+                            // setBrandData(arr);
+                            setCatImages(allCats);
+                            getSKU(arr,storeData1);
+                        }
+                    }
+                }
+                else{
+                    await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                        if(txnres2.rows.length>0){
+                            let arr=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data =txnres2.rows.item(i);
+                                arr.push(data);
+                                if(i==txnres2.rows.length-1){
+                                    // setBrandData(arr);
+                                    getSKU(arr,storeData1);
+                                }                                
+                            }
+                            
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+            // setProcessing(false);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getSKU(brands=[],storeData1={}){
+        
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData1;     
+        
+          await db.transaction(async function (txn) { 
+            var allSKUData=[];
+            await Promise.all(
+                brands.map(async (item,index) => {
+                    let seletlist=`PRODUCT as ProductName,PRODUCT_ID as ProductId,BRAND as BrandName,BRAND_ID as BrandId,MSL,OPENING_STOCK,MIDDAY_STOCK,CLOSING_STOCK,EXPIRY_ISOPEN,EXPIRY_STK`;
+                    let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCK_DATA} WHERE STORE_ID='${StoreId}' and  CATEGORY_ID='${item.CategoryId}' `;
+     
+                    let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                    let join2=`  inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                    let sku_q2=`select distinct p.ProductName,p.ProductId,p.BrandName,p.BrandId,m.MSL from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${item.CategoryId}' and CompanyId='1' order by p.ProductSequence`;
+                    
+
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        if(txnres.rows.length>0){
+                          
+                            let arr=[];
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                inputRefs.current['input1_'+item.CategoryId+'_'+data.ProductId]='';
+                                inputRefs.current['input2_'+item.CategoryId+'_'+data.ProductId]='';
+                                arr.push(data);
+                                
+                                let defData={'CategoryId':item.CategoryId,'ProductId':data.ProductId,'Stock':data.OPENING_STOCK,'ExpiryStock':data.EXPIRY_STK};
+                                
+                                allSKUData.push(defData);
+
+                                if(i==txnres.rows.length-1){
+                                    item['skulist']=arr;
+                                    brands[index]=item;
+                                    if(index==brands.length-1){
+                                        setSKUStockData(allSKUData);
+                                        setBrandData(brands);
+                                        // setrerenderdata(!rerenderdata);
+                                        setTimeout(()=>{setrerenderdata2(!rerenderdata2);},3000);
+                                        setProcessing(false);
+                                    }
+                                    return item;
+                                }
+                            }
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                        inputRefs.current['input1_'+item.CategoryId+'_'+data.ProductId]='';
+                                        inputRefs.current['input2_'+item.CategoryId+'_'+data.ProductId]='';
+                                        arr.push(data);
+
+                                        // let defData={'CategoryId':item.CategoryId,'ProductId':data.ProductId,'Stock':1,'ExpiryStock':0};
+                                       
+                                        // allSKUData.push(defData);
+
+
+                                        if(i==(txnres2.rows.length-1)){                                        
+                                            item['skulist']=arr;
+                                            brands[index]=item;
+                                            if(index==brands.length-1){
+                                                console.log('setBrands:',brands);
+                                                // setSKUStockData(allSKUData);
+                                                setBrandData(brands);
+                                                setProcessing(false);
+                                            }
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                                
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            ) .then((res)=>{
+                
+            });          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function focusToNext(cat,index,sku,sku_index,inputType='1'){
+        console.log('focusToNext',index,sku_index,inputType);
+        let data=brandData;
+
+        let isExpStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExpStockPIObj=isExpStockIndex>=0?KPIFields[isExpStockIndex]:{};
+        let isExpStockEnable=isExpStockIndex>=0?isExpStockPIObj['KPIFieldEnable']:true;
+        let key=isExpStockEnable?'input1_':'input2_';
+        
+        if(inputType=='1'){
+            console.log('next 1 call')
+            let refIn2=inputRefs.current['input2_'+cat.CategoryId+'_'+sku.ProductId];
+            refIn2.focus();
+        }
+        else{
+            let ccat_index=index;
+            let skulist=cat.skulist || [];
+            console.log('skulist.length:',skulist.length)
+            if(sku_index==skulist.length-1){ // if last subcategory element
+                //then move to next category
+                console.log('move to next cat',ccat_index,data.length)
+                if(ccat_index==data.length-1){
+                    return;
+                }
+                else{
+                    ccat_index+=1;
+                    console.log('move to next cat n:',ccat_index)
+                    let cat1=data[ccat_index];
+                    let skulist1=cat1.skulist || [];
+                    if(skulist1.length>0){
+                        let sku1=skulist1[0];
+                        
+                        let refIn1=inputRefs.current[key+cat1.CategoryId+'_'+sku1.ProductId];
+                        console.log('move to next cat refIn1:',key+cat1.CategoryId+'_'+sku1.ProductId)
+                        refIn1.focus();
+                    }
+                }
+            }
+            else{
+                // move to next subcategory
+                let sku1=skulist[sku_index+1];
+                let refIn1=inputRefs.current[key+cat.CategoryId+'_'+sku1.ProductId];
+                refIn1.focus();
+            }
+            
+            
+            
+        }
+
+    }
+
+    async function getImage(imgdata){
+        let cat=getImageProps.option || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl='file://'+img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Opening Stock'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_OpeningStk-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allIMgs=catImages;
+                            let defData={'CategoryId':cat.CategoryId};
+                            const cindex=allIMgs.findIndex(i=>i.CategoryId==cat.CategoryId);
+                            const imgData=cindex>=0?(allIMgs[cindex] || defData):defData;
+                            imgData.ImageName=filename;
+                            
+                            // renamefile
+                            let imagePath='file://'+`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri=imagePath;
+                                console.log('image marker',uri);
+                                imgData.ImagePath=uri; 
+                                cindex>=0?allIMgs[cindex]=imgData:allIMgs.push(imgData);
+                                setCatImages(allIMgs);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(option){ 
+        setGetImageProps({'option':option}); 
+        console.log('openCamera');
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'});
+        setShowCamera(true);
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.INSERT_OPENINGHEADER_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('stock header data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.INSERT_OPENINGHEADER_DATA}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData;
+
+            let isExpStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+            let isExpStockPIObj=isExpStockIndex>=0?KPIFields[isExpStockIndex]:{};
+            let isExpStockEnable=isExpStockIndex>=0?isExpStockPIObj['KPIFieldEnable']:true;
+
+            await db.transaction(async function (txn) {
+              var values='',stock_values='';
+              for(var i=0;i<brandData.length;i++){
+                seq++;
+                let catIndex=i;
+                let item=brandData[catIndex];
+                let cimage=catImages.find(ci=>ci.CategoryId==item.CategoryId) || {};
+                values+=values!=''?' , ':'';
+                
+                
+                values+=` ('${StoreId}','${d2}','${item.CategoryName}','${item.CategoryId}','${item.MSL}','${cimage.ImageName}','${cimage.ImagePath}','${d2}') `;
+                
+                let skulist=item['skulist'] || [];
+               
+                for(var j=0;j<skulist.length;j++){
+                    let skuItem=skulist[j];
+                    let {BrandId, BrandName,MSL,ProductId,ProductName}=skulist[j];
+                    stock_values+=stock_values!=''?' , ':'';
+                    let allSKUData=SKUStockData;
+                    const skud_index=allSKUData.findIndex(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId);
+                    const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                    let expStock=isExpStockEnable==true?(skud['ExpiryStock']!=null?skud['ExpiryStock']:'0'):'0';
+                    
+                    
+                    stock_values+=` ('${seq}','${StoreId}','${d2}','${item.CategoryId}','${item.CategoryName}','${BrandId}','${BrandName}','${ProductId}','${ProductName}','${MSL}','${skud['Stock']}','','','${ExpiryStock}','${expStock}','${d2}') `;
+                }
+              }
+
+              let add_StockHdr=`INSERT INTO ${AppTables.INSERT_OPENINGHEADER_DATA} (STORE_ID,VISIT_DATE,CATEGORY,CATEGORY_ID,MSL,IMAGE,IMAGEPATH,ADDED_DATE) VALUES ${values} `;
+              let add_Stock=`INSERT INTO ${AppTables.STOCK_DATA} (COMMON_ID,STORE_ID,VISIT_DATE,CATEGORY_ID,CATEGORY,BRAND_ID,BRAND,PRODUCT_ID,PRODUCT,MSL,OPENING_STOCK,MIDDAY_STOCK,CLOSING_STOCK,EXPIRY_ISOPEN,EXPIRY_STK,ADDED_DATE) VALUES ${stock_values} `;
+                
+             
+            
+              await txn.executeSql(add_StockHdr,[],async function (txn2, txnres) { 
+                console.log('stock header added');
+                await txn.executeSql(add_Stock,[],async function (txn2, txnres) { 
+                    console.log('stock added');
+                    notify('Stock updated successfully');
+                    setProcessing(false);
+                    props.navigation.goBack();
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock') },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock') },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        var i=0,j=0;
+
+        let isExpMandIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStockMandatory')
+        let isExpMandKPIObj=isExpMandIndex>=0?KPIFields[isExpMandIndex]:{};
+        let isExpMandEnable=isExpMandIndex>=0?isExpMandKPIObj['KPIFieldEnable']:true;
+
+        let isExpStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExpStockPIObj=isExpStockIndex>=0?KPIFields[isExpStockIndex]:{};
+        let isExpStockEnable=isExpStockIndex>=0?isExpStockPIObj['KPIFieldEnable']:true;
+
+       
+        await Promise.all(
+            brandData.map(async (item,index) => {
+            if(isValid){
+                let catId=item.CategoryId;
+                let cimgData=catImages.find(ci=>ci.CategoryId==catId) || {};
+                if(cimgData.ImagePath== null || cimgData.ImagePath==''){
+                    notify('Please click image for '+item.CategoryName,'SHORT');
+                    isValid=false;
+                }
+                else{
+                    let skulist=item.skulist || [];
+                    if(skulist.length>0){
+                        await Promise.all(
+                            skulist.map(async (skuItem,skuIndex) => {
+                                if(isValid){
+                                    let skuData=SKUStockData.find(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId ) || {};
+                                    
+                                    if(skuData.Stock!==0 && ( skuData.Stock==null || skuData.Stock=='')){
+                                        notify('Please enter stock for '+skuItem.ProductName,'SHORT');
+                                        isValid=false;
+                                    }
+                                    else if((isExpMandEnable==1 && isExpStockEnable==true) && skuData.ExpiryStock!==0 && (skuData.ExpiryStock==null || skuData.ExpiryStock=='')){
+                                        notify('Please enter expiry stock for '+skuItem.ProductName,'SHORT');
+                                        isValid=false;
+                                    }
+                                    else if(isExpStockEnable==true &&(parseInt(skuData.ExpiryStock)>parseInt(skuData.Stock))){
+                                        notify('Expiry Stock value should be less than or equal to Stock for '+skuItem.ProductName,'SHORT');
+                                        isValid=false;
+                                    }else{
+                                       
+                                    }
+                                }
+                            })
+                        );
+                    }
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+        
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':item.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function _render_Alert(){
+        return (
+          <CustomModal 
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={'Do you really want to save data?'}
+            showModal={showAlert}
+          >
+            <View style={customStyle.storelVisitM_options}>
+             <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowAlert(false)}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Cancel</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{saveData()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Yes</Text>
+              </TouchableOpacity>
+            </View>
+          </CustomModal>
+        )
+      }
+
+    function _renderStocks(){
+        let isExpStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExpStockPIObj=isExpStockIndex>=0?KPIFields[isExpStockIndex]:{};
+        let isExpStockEnable=isExpStockIndex>=0?isExpStockPIObj['KPIFieldEnable']:true;
+
+        return (
+        <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={(Platform.OS=='ios'?10:-100)} >  
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const catIndex=index;
+                const cindex=catImages.findIndex(i=>i.CategoryId==item.CategoryId);
+                const cimgName=cindex>=0?(catImages[cindex]?catImages[cindex].ImageName:''):'';
+                const cimgPath=cindex>=0?(catImages[cindex]?catImages[cindex].ImagePath:''):'';
+                const showIMg=cimgPath!='' && cimgPath!=null;
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.CategoryName}</Text>
+                            </LinearGradient>
+                            <View style={customStyle.osCat_actions}>
+                                {/* <TouchableOpacity style={[customStyle.osCat_action_add_image,customStyle.osCat_actn_margin]}>
+                                    <SvgXml width={50} height={50} xml={addImg} /> 
+                                </TouchableOpacity> */}
+                                { !showIMg && 
+                                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(item)}}>
+                                        <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                    </TouchableOpacity>
+                                }
+                                { showIMg && 
+                                    <View style={customStyle.osCatImageView}>
+                                        <Image style={customStyle.osCatImage} source={{uri:cimgPath}}/>
+                                        {/* <Image style={customStyle.osCatImage} source={require('../assets/performics/add_image.svg')}/> */}
+                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(item)}}>
+                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                        </TouchableOpacity>
+                                    </View>                                    
+                                }                                
+                            </View>
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            {
+                                
+                                <FlatList 
+                                data={item.skulist}
+                                extraData={rerenderdata2}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skus.ProductId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let stock=thisCatSkuData.Stock!=null?thisCatSkuData.Stock:'';
+                                    let ex_stock=thisCatSkuData.ExpiryStock!=null?thisCatSkuData.ExpiryStock:'';
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={customStyle.openStk_prd_name}>{skus.ProductName}</Text>
+                                            <View style={customStyle.openStk_prd_form}>
+                                            {isExpStockEnable==true &&
+                                                <View style={customStyle.openStk_prd_row}>
+                                                    <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_1]}>
+                                                        <Text style={customStyle.openStk_prd_label}>Stock</Text>
+                                                        <TextInput 
+                                                            ref={(reff)=>{inputRefs.current['input1_'+cat.CategoryId+'_'+skus.ProductId]=reff;}}
+                                                            style={[customStyle.openStk_prd_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(stock!=null?stock+'':'0')}
+                                                            keyboardType='number-pad'
+                                                            onSubmitEditing={()=>{focusToNext(cat,catIndex,skus,sku_index,'1')}}
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'Stock','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                    <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_2]}>
+                                                        <Text style={customStyle.openStk_prd_label}>Expiry Stock</Text>
+                                                        <TextInput 
+                                                            ref={(reff)=>{inputRefs.current['input2_'+cat.CategoryId+'_'+skus.ProductId]=reff;}}
+                                                            style={[customStyle.openStk_prd_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(ex_stock+'' || '')}
+                                                            keyboardType='number-pad'
+                                                            onSubmitEditing={()=>{focusToNext(cat,catIndex,skus,sku_index,'2')}}
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'ExpiryStock','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                            }
+                                            {isExpStockEnable==false &&
+                                                <View style={customStyle.openStk_prd_row}>
+                                                     <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>Stock</Text>
+                                                        <TextInput 
+                                                            ref={(reff)=>{inputRefs.current['input2_'+cat.CategoryId+'_'+skus.ProductId]=reff;}}
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(stock+'' || '')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'Stock','numeric')}}
+                                                            onSubmitEditing={()=>{focusToNext(cat,catIndex,skus,sku_index,'2')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                            }
+                                            </View>
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView> 
+        );
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {_render_Alert()}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&     
+            _renderStocks()
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(OpeningStock);
\ No newline at end of file
diff --git a/src/screens/POSM.js b/src/screens/POSM.js
new file mode 100644
index 0000000..7bf69e5
--- /dev/null
+++ b/src/screens/POSM.js
@@ -0,0 +1,1666 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import MultiSelect from 'react-native-multiple-select';
+
+function POSM(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [dateValue, setDateValue] = useState('');
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [globalWindows, setGlobalWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+    const [searchedItem, setSearchedItem]= useState('');
+    const [KPIFields, setKPIFields] = useState([]);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          await db.transaction(async function (txn) {        
+            
+
+            let q3=`Select POSMReasonId as ReasonId,POSMReason as Reason From Master_POSMReason`;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+            
+            
+
+            // check if data exists
+            let selectlist=` w.STORE_ID as StoreId,w.POSM_HEADER_ID as posmHeaderId,wd.POSMDefinitionId,wd.PosmId,wd.POSMName,wd.PosmTypeId,wd.POSMTypeName,wd.POSMDefinitionTitle,wd.POSMDefinitionTitleEnable,wd.POSMTable,wd.POSMField,wd.POSMValue,wd.ChildName,wd.POSMRefImage,w.IS_PRESENT as IsPresent,wd.POSMNotExistCamera,w.POSM_NA_IMAGE as POSMNAImage,w.POSM_IMAGE1 as Image1,w.POSM_IMAGE2 as Image2,wd.POSMExistReasonEnable,wd.POSMNotExistReasonEnable,w.REASON_ID as ReasonId,w.REASON as Reason,wd.POSMImage1,wd.POSMImage2,wd.POSMImage1Lable,wd.POSMImage2Lable,wd.POSMImage1CameraGrid,wd.POSMImage2CameraGrid`;
+            let join=` inner join Master_POSMDefinition wd on w.POSM_DEFINITION_ID=wd.POSMDefinitionId `;
+            let q=` Select ${selectlist} from ${AppTables.POSM_HDR_DATA} w  ${join} where w.STORE_ID='${StoreId}'  `;
+
+            // else pick data from masters
+            let selectlist2=` s.StoreId,w.POSMDefinitionId,w.PosmId,w.POSMName,w.PosmTypeId,w.POSMTypeName,w.POSMDefinitionTitle,w.POSMDefinitionTitleEnable,w.POSMTable,w.POSMField,w.POSMValue,w.ChildName,w.POSMRefImage,'' as IsPresent,w.POSMNotExistCamera,'' as POSMNAImage,w.POSMExistReasonEnable,w.POSMNotExistReasonEnable,'' as ReasonId,'' as Reason,w.POSMImage1,w.POSMImage2,w.POSMImage1Lable,w.POSMImage2Lable,w.POSMImage1CameraGrid,w.POSMImage2CameraGrid`;
+            let join2=` inner join Mapping_StorePOSM s on w.POSMDefinitionId=s.POSMDefinitionId  `;
+            let q2=` Select ${selectlist2} from Master_POSMDefinition w  ${join2} where s.StoreId='${StoreId}'  `;
+            
+
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                
+                if(txnres2.rows.length>0){
+                    let arr=[];let images=[],allWindowsData=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data=txnres2.rows.item(i);
+                        let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                        data.animatedChoice=animatedChoice;
+                        
+                        
+                        let isPresent=data.IsPresent=='1' || data.IsPresent==1?1:0;
+                        let imgObj={imgIndex:(i+1),url: data.POSMRefImage, props: {}}
+                        
+                        let WQr =  await getWindowQuestions(data,storeData1,isPresent);
+                        let WindowQuestions = WQr['WindowQuestions'] || [];
+                        let WindowQA= WQr['WindowQA'] || {};
+                        
+
+                        let isNAImageAvl=data.POSMNotExistCamera=='true' || data.POSMNotExistCamera==1?1:0;
+                        let NAImage1=isNAImageAvl==1 && data.POSMNAImage!=null?data.POSMNAImage:'';
+                        let NAImage1Path=NAImage1!=''?'file://'+common_ImagePath+NAImage1:'';
+
+                        let isImage1= data.POSMImage1=='true' || data.POSMImage1==1?1:0;
+                        let Image1Name=isImage1==1 && data.Image1!=null?data.Image1:'';
+                        let Image1=Image1Name!=''?'file://'+common_ImagePath+Image1Name:'';
+
+                        let isImage2= data.POSMImage2=='true' || data.POSMImage2==1?1:0;
+                        let Image2Name=isImage1==1 && data.Image2!=null?data.Image2:'';
+                        let Image2=Image2Name!=''?'file://'+common_ImagePath+Image2Name:'';
+                        
+                        let windowDataObj={'PosmId':data.PosmId,'POSMDefinitionId':data.POSMDefinitionId,'WindowQA':WindowQA,'NAImage1':NAImage1,'NAImage1Path':NAImage1Path,'ReasonId':data.ReasonId,'Reason':data.Reason,'isPresent':isPresent,'Image1Name':Image1Name,'Image1':Image1,'Image2Name':Image2Name,'Image2':Image2};
+                        data['WindowQuestions']=WindowQuestions;
+                        arr.push(data);
+                        
+                        allWindowsData.push(windowDataObj);
+                        if(i==txnres2.rows.length-1){
+                            setWindowData(allWindowsData);
+                            setWindows(arr);
+                            setGlobalWindows(arr);
+                            images.push(imgObj);
+                            setZoomImageUrl(images);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                    await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                        
+                        if(txnres2.rows.length>0){
+                            let arr=[],images=[],allWindowsData=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data=txnres2.rows.item(i);
+                                let animatedChoice=new Animated.Value(0);
+                                data.animatedChoice=animatedChoice;
+                               
+                                let imgObj={imgIndex:(i+1),url: data.POSMRefImage, props: {}}
+                                let WQr =  await getWindowQuestions(data,storeData1,false);
+                                let WindowQuestions = WQr['WindowQuestions'] || [];
+                                let WindowQA= WQr['WindowQA'] || {};
+
+                                let windowDataObj={'PosmId':data.PosmId,'POSMDefinitionId':data.POSMDefinitionId,'WindowQA':WindowQA};
+                                data['WindowQuestions']=WindowQuestions;
+                                arr.push(data);
+                                allWindowsData.push(windowDataObj);
+                                if(i==txnres2.rows.length-1){
+                                    setWindowData(allWindowsData);
+                                    setWindows(arr);
+                                    setGlobalWindows(arr);
+                                    images.push(imgObj);
+                                    setZoomImageUrl(images);
+                                    setProcessing(false);
+                                }                                
+                            }
+                        }
+                        else{
+                            setProcessing(false);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getWindowQuestions(window,storeData1,isInserted=false){
+        let obj={'WindowQA':{},'WindowQuestions':[]}
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='',join2='';
+                if(isInserted==true){
+                    selectlist=` DISTINCT  q.QUESTION_ID as POSMQuestionId,q.QUESTION_CODE as POSMQuestionCode,wq.POSMQuestionName,wq.QuestionType,wq.PQShowCamera,wq.PQCameraMandatory,wq.PQLengthValidationRequired,wq.PQMinimumChar,wq.PQMaximumChar,wq.PQDecimalPoint,wq.PQDateRangeMin,wq.PQDateRangeMax,wq.PQVoiceLengthInMinutes,wq.PQDefaultQuestionEnable,q.ANSWER as Answer,q.ANSWER_ID as AnswerId,q.MULTI_OPTIONS_IDS as multi_op_ids,q.IMAGE_ALLOW1 as PAShowCamera,q.IMAGE1 as Image1  `;
+                    join2=` inner join Mapping_POSMQuestion mq on mq.POSMQuestionId=wq.POSMQuestionId `;
+                    join=` inner join Master_POSMQuestion wq on wq.POSMQuestionId=q.QUESTION_ID `;
+                    q=`select ${selectlist} from ${AppTables.POSM_CHILD_DATA} q ${join} ${join2} where q.STORE_ID='${storeData1.StoreId}' and q.POSM_DEFINITION_ID='${window.POSMDefinitionId}' and q.POSM_ID='${window.PosmId}' order by wq.POSMQuestionSequence  `;
+                }
+                else{
+                    selectlist=` DISTINCT  wq.POSMQuestionId,wq.POSMQuestionCode,wq.POSMQuestionName,wq.QuestionType,wq.PQShowCamera,wq.PQCameraMandatory,wq.PQLengthValidationRequired,wq.PQMinimumChar,wq.PQMaximumChar,wq.PQDecimalPoint,wq.PQDateRangeMin,wq.PQDateRangeMax,wq.PQVoiceLengthInMinutes,wq.PQDefaultQuestionEnable `;
+                    join=` inner join Mapping_POSMQuestion mq on mq.POSMQuestionId=wq.POSMQuestionId `;
+                    q=`select ${selectlist} from Master_POSMQuestion wq ${join} where mq.POSMDefinitionId='${window.POSMDefinitionId}' order by wq.POSMQuestionSequence  `;
+                }
+               
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        let wqa_obj={};
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            let answers=[];
+                            data.PQDefaultQuestionEnable=data.PQDefaultQuestionEnable==1 || data.PQDefaultQuestionEnable=='true'?true:false;
+                             
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  answers=await getWindowAnswers(data);
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data['Answers']=answers;
+      
+                              let id_key=data.POSMQuestionId+'_AnswerId'; 
+                              let ans_key=data.POSMQuestionId+'_Answer'; 
+                              let multi_key=data.POSMQuestionId+'_MultiOption';
+                              let date_key=data.POSMQuestionId+'_Date';
+                              let img_key=data.POSMQuestionId+'_ImagePath1';
+                              let imgname_key=data.POSMQuestionId+'_ImageName1';
+                              let rating_key=data.POSMQuestionId+'_Rating'; 
+                              
+      
+                              let showImageTag=(data.PQShowCamera=='true' || data.PQShowCamera==1) ;
+      
+                              data.AnswerId!=null?wqa_obj[id_key]=data.AnswerId:'';
+                              data.Answer!=null?wqa_obj[ans_key]=data.Answer:'';
+
+                              
+                              let selansid=data.AnswerId!=null?data.AnswerId:'';
+                              if(data.QuestionType=='Multi choice list' && selansid!='' && data.multi_op_ids!=null){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  wqa_obj[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((data.QuestionType=='Single choice list' || data.QuestionType=='Multi choice list' ) && selansid!='' && selansid!=null){
+                                  if (data.Answers && data.Answers.length>0){
+                                      for(var k=0;k<data.Answers.length;k++){
+                                          let ansss=data.Answers[k];
+                                          let isandImgAl=(ansss.PAShowCamera==1 || ansss.PAShowCamera=='true');
+                                          if(data.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(data.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag && data.Answer!=null){
+                                  console.log('Image1 qa',data);
+                                  let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1;
+                                  wqa_obj[imgname_key]=data.Image1;
+                                  wqa_obj[img_key]=imgPath;
+                              }
+
+                             
+      
+                              if(data.QuestionType=='Date' && data.Answer!=null){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  wqa_obj[date_key]=fulldate;
+                                  
+                              }
+
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WindowQuestions']=arr;
+                                obj['WindowQA']=wqa_obj;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getWindowAnswers(qtn){
+        
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='';
+                selectlist=` DISTINCT  POSMAnswerId as AnswerId,POSMAnswerName as Answer,PAShowCamera,PACameraMandatory,PAQuestionEnable,PAQuestionDisable `;
+                q=`select ${selectlist} from  Master_POSMQuestion  where POSMQuestionId='${qtn.POSMQuestionId}'  order by PASequence  `;
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        });
+    }
+
+
+
+    async function getImage(imgdata){
+        let type=getImageProps.type || '';
+        let window=getImageProps.window || {};
+        let qtn=getImageProps.qtn || {};
+        let cameraType=getImageProps.cameraType!=null?getImageProps.cameraType:'1';
+
+        if(typeof imgdata=='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: POSM'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+window.POSMDefinitionId+'_'+window.PosmId+'_'+(props.UserId || '')+'_POSMImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=WindowData;
+                            let defData={'PosmId':window.PosmId,'POSMDefinitionId':window.POSMDefinitionId};
+                            const wind_index=allData.findIndex(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId) ;
+                            let wind=wind_index>=0?allData[wind_index]:defData;
+                           
+                            if(cameraType=='2'){
+                              
+                                var QD=wind.WindowQA || {};
+                                var image_key=qtn.POSMQuestionId+'_ImageName1';
+                                var image_key_path=qtn.POSMQuestionId+'_ImagePath1';
+                                QD[image_key]=filename;
+                                
+                            }
+                            else if(cameraType=='3'){
+                                var image_key='NAImage1';
+                                var image_key_path='NAImage1Path';
+                                wind[image_key]=filename;
+                            }
+                            else{
+                                var image_key=type=='1'?'Image1Name':'Image2Name';
+                                var image_key_path=type=='1'?'Image1':'Image2';
+                                wind[image_key]=filename;
+                            }
+                            
+                            
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                
+                                if(cameraType=='2'){
+                                    QD[image_key_path]=uri;
+                                    wind.WindowQA=QD;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata3(!rerenderdata3);
+                                }
+                                else{
+                                    wind[image_key_path]=uri;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                
+                                
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(window,type='1',cameraType='1',qtn={}){  
+        setGetImageProps({'window':window,'type':type,'cameraType':cameraType,'qtn':qtn}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+   
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              //  remove old data
+              await txn.executeSql(`DELETE FROM ${AppTables.POSM_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.POSM_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window child data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              
+             
+                // add data
+                var values='',childV='';
+              
+                for (const wi in Windows){
+                    const window=Windows[wi];
+                    let isImage1=window.POSMImage1=='true' || window.POSMImage1==1?1:0;
+                    let isImage2=window.POSMImage2=='true' || window.POSMImage2==1?1:0;
+                    let isNAImageAvl=window.POSMNotExistCamera=='true' || window.POSMNotExistCamera==1?1:0;
+                    let isNAReasonEnable=window.POSMNotExistReasonEnable=='true' || window.POSMNotExistReasonEnable==1? 1:0;
+                    let isReasonEnable=window.POSMExistReasonEnable=='true' || window.POSMExistReasonEnable==1? 1:0;
+                    let WindowQuestions=window.WindowQuestions || [];
+                    
+                   
+                    const wind=WindowData.find(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+                    let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    let ReasonId=wind.ReasonId!=null?wind.ReasonId:0;
+                    let Reason=wind.Reason!=null?wind.Reason:'';
+                    let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                    let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                    let Image1Name=wind.Image1Name!=null?wind.Image1Name:'';
+                    let Image1=wind.Image1!=null?wind.Image1:'';
+                    let Image2Name=wind.Image2Name!=null?wind.Image2Name:'';
+                    let Image2=wind.Image2!=null?wind.Image2:'';
+                   
+                    let QD=wind.WindowQA || {};
+
+                    let POSM_HEADER_ID='POSM'+wi+(Math.floor(Math.random()*1000)+1);
+                    let {POSMDefinitionId,PosmId,POSMName,PosmTypeId,POSMTypeName,POSMTable,POSMField,POSMValue,ChildName}=window;
+                    
+
+                    values+=values!=''?' , ':'';
+                    values+=` ('${POSM_HEADER_ID}','${StoreId}','${d3}','${POSMDefinitionId}','${PosmId}','${POSMName}','${PosmTypeId}','${POSMTypeName}','${POSMTable}','${POSMField}','${POSMValue}','${ChildName}','${isPresent}','${NAImage1}','${Image1Name}','${Image2Name}','${ReasonId}','${Reason}','${d3}') `;
+                    
+                    if(isPresent==1){
+                        for(const qtnIndex in WindowQuestions){
+                            const qtn=WindowQuestions[qtnIndex];
+                            
+                            let selansid='',selanswer='',selimg='',showImageTag=false;
+                            let id_key=qtn.POSMQuestionId+'_AnswerId'; 
+                            let ans_key=qtn.POSMQuestionId+'_Answer'; 
+                            let multi_key=qtn.POSMQuestionId+'_MultiOption';
+                            let date_key=qtn.POSMQuestionId+'_Date';
+                            let img_key=qtn.POSMQuestionId+'_ImagePath1';
+                            let imgname_key=qtn.POSMQuestionId+'_ImageName1';
+                            let rating_key=qtn.POSMQuestionId+'_Rating'; 
+                          
+
+                            let {POSMQuestionId,POSMQuestionCode,QuestionType,PAShowCamera}=qtn
+                            let answer=QD[ans_key] || '';
+                            let answerId=QD[id_key] || 0;
+                            let multi_options_ids=QD[multi_key] || '';
+                            
+                            if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                            {
+                                showImageTag=(qtn.PQShowCamera==1 || qtn.PQShowCamera=='true');
+                            }
+                            else if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                if (qtn.Answers && qtn.Answers.length>0){
+                                    for(var i=0;i<qtn.Answers.length;i++){
+                                        let ansss=qtn.Answers[i];
+                                        let isandImgAl=(ansss.PAShowCamera=='true' || ansss.PAShowCamera==1);
+                                        console.log('isandImgAl',isandImgAl,ansss.AnswerId,'selandidhsj',answerId);
+                                        if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==answerId)){
+                                            showImageTag=true;
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && answerId.indexOf(ansss.AnswerId)>=0)){
+                                            showImageTag=true;
+                                        }
+                                        
+                                    }
+                                }
+                            }
+
+                            let Image1=showImageTag==1?QD[imgname_key]:'';
+                            console.log('Image1',showImageTag,Image1);
+
+                            childV+=childV!=''?' , ':'';
+                            childV+=` ('${POSM_HEADER_ID}','${StoreId}','${d3}','${POSMDefinitionId}','${PosmId}','${POSMQuestionId}','${POSMQuestionCode}','${QuestionType}','${answer}','${answerId}','${multi_options_ids}','${Image1}','${(PAShowCamera=='true' || PAShowCamera==true?1:0)}','${d3}') `;
+                        }
+                    }
+                }
+              
+                console.log('childV:',childV);
+                
+                let add_hdr_data=`INSERT INTO ${AppTables.POSM_HDR_DATA} (POSM_HEADER_ID,STORE_ID,VISIT_DATE,POSM_DEFINITION_ID,POSM_ID,POSM_NAME,POSM_TYPE_ID,POSM_TYPE_NAME,POSM_TABLE,POSM_FIELD,POSM_VALUE,CHILD_NAME,IS_PRESENT,POSM_NA_IMAGE,POSM_IMAGE1,POSM_IMAGE2,REASON_ID,REASON,ADDED_DATE) VALUES ${values} `;
+                let add_child_data=`INSERT INTO ${AppTables.POSM_CHILD_DATA} (POSM_HEADER_ID,STORE_ID,VISIT_DATE,POSM_DEFINITION_ID,POSM_ID,QUESTION_ID,QUESTION_CODE,QUESTION_TYPE,ANSWER,ANSWER_ID,MULTI_OPTIONS_IDS,IMAGE1,IMAGE_ALLOW1,ADDED_DATE) VALUES ${childV} `;
+                
+                await txn.executeSql(add_hdr_data,[],async function (txn2, txnres) { 
+                    console.log('posm header data added');
+                    var isChildAdded=true;
+                   
+                    if(childV!=''){
+                        isChildAdded=await executeQuery(add_child_data);
+                    }
+
+                    if(!isChildAdded){
+                        setProcessing(false);notify(ST.Cannotaddposmquestionsdata);
+                    }
+                    else{
+                        setProcessing(false);notify(ST.POSMdataupdatedsuccessfully);
+                        props.navigation.goBack();
+                    }
+                       
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.CannotaddPOSMdata); },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function executeQuery(q){
+        return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              resolve(true);
+            },function(txn2,txnerr){console.log(txnerr);resolve(false) });
+          }); 
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+            console.log(err);
+          return false;
+        })
+    }
+    
+
+
+    async function validate(){
+        let isValid=true;
+       
+        return new Promise((resolve,reject)=>{
+            for (const wi in Windows){
+                const window=Windows[wi];
+                let isImage1=window.POSMImage1=='true' || window.POSMImage1==1?1:0;
+                let isImage2=window.POSMImage2=='true' || window.POSMImage2==1?1:0;
+                let isNAImageAvl=window.POSMNotExistCamera=='true' || window.POSMNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.POSMNotExistReasonEnable=='true' || window.POSMNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.POSMExistReasonEnable=='true' || window.POSMExistReasonEnable==1? 1:0;
+                let WindowQuestions=window.WindowQuestions || [];
+                
+               
+                const wind=WindowData.find(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let Image1Name=wind.Image1Name!=null?wind.Image1Name:'';
+                let Image1=wind.Image1!=null?wind.Image1:'';
+                let Image2Name=wind.Image2Name!=null?wind.Image2Name:'';
+                let Image2=wind.Image2!=null?wind.Image2:'';
+                let QD=wind.WindowQA || {};
+
+                if(isPresent=='1'){
+                    if(isReasonEnable==true && ReasonId=='' ){
+                        notify(`${ST.Pleaseselectreasonfor} ${window.POSMName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else{
+                        if(isImage1==1 && Image1Name==''){
+                            notify(`${ST.Pleaseclickallimagesfor} ${window.POSMName}`,'LONG');
+                            resolve(false);return;
+                        }
+                        else if(isImage2==1 && Image2Name==''){
+                            notify(`${ST.Pleaseclickallimagesfor} ${window.POSMName}`,'LONG');
+                            resolve(false);return;
+                        }
+                        else if(WindowQuestions.length>0){
+                            for(const qtnIndex in WindowQuestions){
+                                const qtn=WindowQuestions[qtnIndex];
+                                
+                                let selansid='',selanswer='',selimg='',showImageTag=false;
+                                let id_key=qtn.POSMQuestionId+'_AnswerId'; 
+                                let ans_key=qtn.POSMQuestionId+'_Answer'; 
+                                let multi_key=qtn.POSMQuestionId+'_MultiOption';
+                                let date_key=qtn.POSMQuestionId+'_Date';
+                                let img_key=qtn.POSMQuestionId+'_ImagePath1';
+                                let imgname_key=qtn.POSMQuestionId+'_ImageName1';
+                                let rating_key=qtn.POSMQuestionId+'_Rating'; 
+                                let list_mcdata=[];
+
+                                let isImgAllowed=(qtn.PQShowCamera=='true' || qtn.PQShowCamera==1);
+                                let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+                                if(qtn.QuestionType=='Single choice list')
+                                {
+                                    selansid=QD[id_key];
+                                }
+                                else if(qtn.QuestionType=='Multi choice list')
+                                {
+                                    selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+                                }
+                                
+                            
+                                if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+                                    notify(`${ST.Pleaseselectoptionsfortherequiredfield} ${ST.In} ${window.POSMName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+                                    console.log('jhg')
+                                    let msg=( qtn.QuestionType=='Date'?`${ST.Pleasepickadatefortherequiredfield} ${ST.In} ${window.POSMName}`:(qtn.QuestionType=='Rating'?`${ST.Pleaseselectratingfortherequiredfield} ${ST.In} ${window.POSMName}`:`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.POSMName}`));
+                                    notify(msg,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]==='' || (QD[id_key]===0 && qtn.isDisabled===false) ))){
+                                    console.log('test',QD[id_key],id_key,QD)
+                                    notify(`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.POSMName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.POSMName}`,'SHORT');
+                                    resolve(false);return;
+                                }else{
+                                    console.log('no condition found');
+                                }
+
+                                if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                    if (qtn.Answers && qtn.Answers.length>0){
+                                        for(var j=0;j<qtn.Answers.length;j++){
+                                            let ansss=qtn.Answers[j];
+                                            let isandImgAl=(ansss.PAShowCamera=='true' || ansss.PAShowCamera==1);
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                showImageTag=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                showImageTag=true;
+                                            }
+                                        }
+                                    }
+                                }
+
+                                if(showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.POSMName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+                    }
+                }
+                else{
+                    if(isNAReasonEnable==true && ReasonId=='' ){
+                        notify(`${ST.Pleaseselectreasonfor} ${window.POSMName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else if(isNAImageAvl==true && NAImage1=='' ){
+                        notify(`${ST.Pleaseclickimagefor} ${window.POSMName}`,'LONG');
+                        resolve(false);return;
+                    }
+                }
+
+                if(wi==(Windows.length-1)){
+                    resolve(true);return;
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    }
+
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let item=otherData.window;
+        let allData=WindowData;
+        let defData={'PosmId':item.PosmId,'POSMDefinitionId':item.POSMDefinitionId};
+        const win_index=allData.findIndex(i=>i.PosmId==item.PosmId && i.POSMDefinitionId==item.POSMDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[keyVal]=option.value;
+        wind[keyLbl]=option.label;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        console.log('allData:',allData);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange2(option,qtn,window){
+        let allData=WindowData;
+        let defData={'PosmId':window.PosmId,'POSMDefinitionId':window.POSMDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let data=wind.WindowQA || {};
+        let id_key=qtn.POSMQuestionId+'_AnswerId'; 
+        let ans_key=qtn.POSMQuestionId+'_Answer'; 
+        data[id_key]=option.value;
+        data[ans_key]=option.label;
+        
+
+        wind['WindowQA']=data;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+      
+        setWindowData(allData);
+
+        let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+        let ans_obj=aq_ans.find(i=>i.AnswerId==option.value) || {};
+        let EQtns=ans_obj.WAQuestionEnable!=null && ans_obj.WAQuestionEnable!=''?ans_obj.WAQuestionEnable.replace(' ','').split(','):[];
+        let DQtns=ans_obj.WAQuestionDisable!=null && ans_obj.WAQuestionDisable!=''?ans_obj.WAQuestionDisable.replace(' ','').split(','):[];
+      
+        let sqtns=window.WindowQuestions || []
+
+        if(EQtns.length>0){
+            enableQtns(sqtns,EQtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else if(DQtns.length>0){
+            disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else{
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+       
+    }
+
+    async function disableQtns(sqtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.POSMQuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.POSMQuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.POSMQuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+
+                    wind['WindowQA']=data;
+                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                    
+                    return false
+                })
+            ).then(async (val)=>{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.POSMDefinitionId==window.POSMDefinitionId && i.PosmId==window.PosmId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.POSMQuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+            }
+            else{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.POSMDefinitionId==window.POSMDefinitionId && i.PosmId==window.PosmId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+    async function setMultiSelectValue(selectedItems=[],qtn={},window={}) {  
+        console.log('setMultiSelectValue',selectedItems);      
+        let id_key=qtn.POSMQuestionId+'_AnswerId'; 
+        let ans_key=qtn.POSMQuestionId+'_Answer'; 
+        let multi_key=qtn.POSMQuestionId+'_MultiOption';
+       
+        let allData=WindowData;
+        let defData={'PosmId':window.PosmId,'POSMDefinitionId':window.POSMDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+        obj[id_key]=0;
+        obj[multi_key]=selectedItems.join(',');
+        let anss=[];
+        selectedItems.map((itemValue)=>{
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue); 
+            if(ans.Answer){anss.push(ans.Answer)}
+        });
+        obj[ans_key]=anss.join(',');
+        console.log('obj:',obj);
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setTextValue(value,qtn,window) {        
+        
+        let id_key=qtn.POSMQuestionId+'_AnswerId'; 
+        let ans_key=qtn.POSMQuestionId+'_Answer'; 
+        
+        let allData=WindowData;
+        let defData={'PosmId':window.PosmId,'POSMDefinitionId':window.POSMDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.POSMQuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,window,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        
+        console.log(value,obj);
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn,window,show=false){
+        let allQtns=window.WindowQuestions || [];
+        let newqtnIndex=allQtns.findIndex(q=>q.POSMQuestionId==qtn.POSMQuestionId);
+       
+        if(newqtnIndex>=0){
+            let newqtn=allQtns[newqtnIndex];
+            newqtn.showDatePicker=show;
+            allQtns[newqtnIndex]=newqtn;
+            window['WindowQuestions']=allQtns;
+            let allWindows=Windows;
+            const winIndex=allWindows.findIndex(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId) || {};
+            allWindows[winIndex]=window;
+            setWindows(allWindows);
+            setGlobalWindows(allWindows);
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data){
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+        let qtn=RatingQtn;
+        let window=RatingWindow;
+        let id_key=qtn.POSMQuestionId+'_AnswerId'; 
+        let ans_key=qtn.POSMQuestionId+'_Answer'; 
+        let rating_key=qtn.POSMQuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData=WindowData;
+        let defData={'PosmId':window.PosmId,'POSMDefinitionId':window.POSMDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+    
+   
+    function onChoiceSelect(item,val,key,animatedChoice){
+        console.log('onChoiceSelect',animatedChoice)
+        var val1=0;
+        val==1?val1=1:'';
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,val,key)
+    }
+
+    function onWindowDataChange(item,val,key){
+        let allData=WindowData;
+        let defData={'PosmId':item.PosmId,'POSMDefinitionId':item.POSMDefinitionId};
+        const win_index=allData.findIndex(i=>i.PosmId==item.PosmId && i.POSMDefinitionId==item.POSMDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        if(key=='ReasonId'){
+            let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+            wind['Reason']=rsn.Reason || '';
+        }
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    function setWindowStockVal(val,window,stockProd){
+        let allData=WindowData;
+        let defData={'PosmId':window.PosmId,'POSMDefinitionId':window.POSMDefinitionId};
+        const win_index=allData.findIndex(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        let sdIndex=WStocksData.findIndex(i=> i.ProductId==stockProd.WindowStockValue);
+        let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.WindowStockValue,'Stock':''};
+        sd['Stock']=val;
+        sdIndex>=0?WStocksData[sdIndex]=sd:WStocksData.push(sd);
+        wind['WStocksData']=WStocksData;
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(RefImage=''){
+        setShow_zoomImage(true);
+    }
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.POSMQuestionId+'_AnswerId'; 
+        let ans_key=qtn.POSMQuestionId+'_Answer'; 
+        let rating_key=qtn.POSMQuestionId+'_Rating'; 
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>{ST.DragItemsInOrder}</Text>
+                <Text style={customStyle.VRSubHeding}>{ST.Pressandholdtodrag}</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let window=selected_data.window || {};
+        let isQtnDisabled=qtn.isDisabled!=null || qtn.isDisabled!=''?false:true;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn,window) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            cancelText={ST.Cancel}
+            >
+            <Text style={[customStyle.WQPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-'+ST.select+'-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn,window){
+       
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+
+        
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn,window)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+    function _renderWindow(){
+        return (
+            <FlatList 
+            data={Windows}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.Win_scroll} 
+            style={customStyle.Win_scrollO}
+            listKey={(item, index) => `posm_${index.toString()}`}
+            renderItem={({item,index})=>{
+                const window=item;
+                
+                let isImage1=window.POSMImage1=='true' || window.POSMImage1==1?1:0;
+                let isImage2=window.POSMImage2=='true' || window.POSMImage2==1?1:0;
+                let isNAImageAvl=window.POSMNotExistCamera=='true' || window.POSMNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.POSMNotExistReasonEnable=='true' || window.POSMNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.POSMExistReasonEnable=='true' || window.POSMExistReasonEnable==1? 1:0;
+                let POSMTitleEnable=window.POSMDefinitionTitleEnable=='true' || window.POSMDefinitionTitleEnable==1? 1:0;
+                let POSMTitle=window.POSMDefinitionTitle!=null && window.POSMDefinitionTitle!='undefined'? window.POSMDefinitionTitle:"";
+                let RefImage=window.POSMRefImage;
+                let camera1Label=window.POSMImage1Lable || '';
+                let camera2Label=window.POSMImage2Lable || '';
+                let WindowQuestions=window.WindowQuestions || [];
+
+                const wind=WindowData.find(i=>i.PosmId==window.PosmId && i.POSMDefinitionId==window.POSMDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let QuestionsData=wind.WindowQA || {};
+                let Image1Name=wind.Image1Name!=null?wind.Image1Name:'';
+                let Image1=wind.Image1!=null?wind.Image1:'';
+                let Image2Name=wind.Image2Name!=null?wind.Image2Name:'';
+                let Image2=wind.Image2!=null?wind.Image2:'';
+
+                var xpos=isPresent=='1'?-75:0;
+                if(window.animatedChoice!=null ){
+                    xpos=window.animatedChoice.interpolate({
+                        inputRange:[0,1],
+                        outputRange:[0,-75],
+                    });
+                }
+
+                console.log(window);
+                return(
+                    <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                        <View style={customStyle.WItem_Hdr}>                            
+                            {/* <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.WItem_Hdrbg}> */}
+                            <View style={customStyle.WItem_Hdrbg}>
+                                <Text style={customStyle.WItem_HdrText}>{window.POSMName}</Text>
+                                {(POSMTitleEnable==1 && POSMTitle!=null && POSMTitle!='') && <Text style={customStyle.WItem_HdrSubTitleText}>{POSMTitle}</Text>}
+                                <TouchableOpacity style={customStyle.WItem_RefImgBtn} onPress={()=>{openImageRefView(RefImage)}}>
+                                    <Entypo name='image-inverted' size={24} color={PageTheme.$accent_color} />    
+                                </TouchableOpacity>
+                            </View>
+                            {/* </LinearGradient> */}
+                        </View>
+                        
+                        <View style={customStyle.WForm}>
+                            <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                    <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                        <View style={customStyle.openStk_prd_choiceBox}>
+                                            <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                            {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                            <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,1,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                            </TouchableOpacity>
+                                            <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,0,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                            </TouchableOpacity>
+                                        </View>
+                                    </View>
+                                </View>
+                                {((isPresent!='1' && isNAReasonEnable==true) || (isPresent=='1' && isReasonEnable==true)) &&
+                                    <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                                        {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{value:Reason,otherData:{window:window}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                    </View>
+                                }
+
+
+                                {(isPresent!='1' && isNAImageAvl==true) && 
+                                <View>
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.CaptureImage}</Text>
+                                    </LinearGradient>
+                                    <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]}>
+                                        <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                        { (NAImage1Path=='' || NAImage1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,'1','3')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (NAImage1Path!='' && NAImage1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:NAImage1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,'1','3')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }   
+                                        </View>
+                                    </View>
+                                    </View>
+                                </View>
+                                }
+
+
+
+                                {(isPresent=='1') && 
+                                <View>
+                                    {(isImage1==1 || isImage2==1)&& 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.CaptureImage}</Text>
+                                    </LinearGradient>
+                                        <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]}>
+                                        {isImage1==1 && 
+                                            <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                            { (Image1=='' || Image1==null) && 
+                                                <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,'1','1')}}>
+                                                    <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                </TouchableOpacity>
+                                            }
+                                            { (Image1!='' && Image1!=null) && 
+                                                <View style={customStyle.osCatImageView}>
+                                                    <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                    <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,'1','1')}}>
+                                                        <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                    </TouchableOpacity>
+                                                </View>                                    
+                                            }       
+                                            <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text>
+                                            </View>
+                                        }
+                                        {isImage2==1 && 
+                                            <View style={customStyle.openStkCameraCon}>
+                                            { (Image2=='' || Image2==null) && 
+                                                <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,'2','1')}}>
+                                                    <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                </TouchableOpacity>
+                                            }
+                                            { (Image2!='' && Image2!=null)  && 
+                                                <View style={customStyle.osCatImageView}>
+                                                    <Image style={customStyle.osCatImage} source={{uri:Image2}}/>
+                                                    <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,'2','1')}}>
+                                                        <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                    </TouchableOpacity>
+                                                </View>                                    
+                                            }      
+                                            <Text style={customStyle.WSCameraLabel}>{camera2Label}</Text> 
+                                            </View>  
+                                        }          
+                                        </View>
+                                    </View>
+                                    }
+                                    
+                                    {(WindowQuestions.length>0) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.POSMQuestions}</Text>
+                                    </LinearGradient>
+                                    {WindowQuestions.map((item,index)=>{
+                                        
+                                        let qtn=item;  
+                                        let qtnIndex=index;
+                                        let selansid='',selanswer='',selimg='',showImageTag=false;
+                                        let id_key=qtn.POSMQuestionId+'_AnswerId'; 
+                                        let ans_key=qtn.POSMQuestionId+'_Answer'; 
+                                        let multi_key=qtn.POSMQuestionId+'_MultiOption';
+                                        let date_key=qtn.POSMQuestionId+'_Date';
+                                        let img_key=qtn.POSMQuestionId+'_ImagePath1';
+                                        let imgname_key=qtn.POSMQuestionId+'_ImageName1';
+                                        let rating_key=qtn.POSMQuestionId+'_Rating'; 
+                                        
+                                        let list_mcdata=[];
+                                        
+                                        if(qtn.QuestionType=='Single choice list')
+                                        {
+                                            selansid=QuestionsData[id_key]!=null ?QuestionsData[id_key] :'';
+                                            selanswer=QuestionsData[ans_key]!=null ?QuestionsData[ans_key] :'';
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list')
+                                        {
+                                            if(qtn.Answers!=null){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let obj={'AnswerId':parseInt(qtn.Answers[i].AnswerId),'Answer':qtn.Answers[i].Answer};
+                                                    list_mcdata.push(obj);
+                                                }
+                                            }
+                                            selansid=QuestionsData[multi_key]!=null && QuestionsData[multi_key]!=''?QuestionsData[multi_key].split(','):[];
+                                            // if(selansid!=null && selansid.length>0){
+                                            //     let arr=[];
+                                            //     for(var i=0;i<selansid.length;i++){
+                                            //         arr.push(parseInt(selansid[i]));
+                                            //     }
+                                            //     selansid=arr;
+                                            // }
+                                        }
+                                        else if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                                        {
+                                            selansid=QuestionsData[ans_key];
+                                            selanswer=(qtn.QuestionType=='Date'  )?(QuestionsData[date_key] || moment().format('MM/DD/YYYY')):'';
+                                            showImageTag=(qtn.PQShowCamera==1 || qtn.PQShowCamera=='true');
+                                        }
+                                        else if(qtn.QuestionType=='Rating'){
+                                            selanswer=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                                        }
+                                        
+
+                                        if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                            if (qtn.Answers && qtn.Answers.length>0){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let ansss=qtn.Answers[i];
+                                                    let isandImgAl=(ansss.PAShowCamera=='true' || ansss.PAShowCamera==1);
+                                                    
+                                                    if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                        showImageTag=true;
+                                                    }
+                                                    else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                        showImageTag=true;
+                                                    }
+                                                    
+                                                }
+                                            }
+                                        }
+                                        
+                                        if(showImageTag){
+                                            selimg=QuestionsData[img_key]!=null && QuestionsData[img_key]!=''?'file://'+QuestionsData[img_key]:'';                    
+                                        }
+
+                                        
+                                        return(
+                                        <View style={[customStyle.sform_group2,]} key={'Qtn_'+qtnIndex} >
+                                            <Text style={[customStyle.sform_label3]}>{qtn.POSMQuestionName}</Text>                     
+                                            {qtn.QuestionType=='Single choice list' && qtn.Answers && 
+                                                render_Picker('Answer','AnswerId',onselectionChange2,{value:selanswer,qtn:qtn,window:window})
+                                            }
+                                            {qtn.QuestionType=='Multi choice list' && qtn.Answers &&
+                                                <MultiSelect
+                                                    items={list_mcdata}
+                                                    uniqueKey="AnswerId"
+                                                    onSelectedItemsChange={(selectedItems)=>{ setMultiSelectValue(selectedItems,qtn,window) }} //setMultiSelectValue(selectedItems,qtn)
+                                                    selectedItems={selansid}
+                                                    selectText="Pick Items"
+                                                    searchInputPlaceholderText={ST.SearchItems+"..."}
+                                                    // onChangeInput={ (text)=> console.log(text)}
+                                                    tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                                    tagBorderColor={PrimaryTheme.$primary_color}
+                                                    tagTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemIconColor={PrimaryTheme.$primary_color}
+                                                    itemTextColor={PrimaryTheme.$text_color}
+                                                    displayKey="Answer"
+                                                    searchInputStyle={{ color: '#CCC' }}
+                                                    submitButtonColor={PrimaryTheme.$primary_color}
+                                                    
+                                                    submitButtonText={ST.Submit}
+                                                />
+                                            }
+                                            { (qtn.QuestionType=='Number' || qtn.QuestionType=='Decimal'  || qtn.QuestionType=='Text') &&  
+                                                <TextInput 
+                                                    style={[customStyle.WQ_InputStyle]}
+                                                    placeholder=""
+                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                    // keyboardType={'ascii-capable'}
+                                                    keyboardType={(qtn.QuestionType=='Decimal'?'decimal-pad':(qtn.QuestionType=='Text'?'default':'number-pad'))}
+                                                    value={selansid}
+                                                    onChangeText={(val)=>{setTextValue(val,qtn,window)}}
+                                                    autoComplete='off'
+                                                />
+                                                
+                                            }
+                                           
+                                            {
+                                                (qtn.QuestionType=='Date') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.surveyQtn_datePicker_text}>{selansid!=''?selansid:'MM/YYYY'}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setDateValue(selanswer);showQtnDatePicker(qtn,window,true)}}>
+                                                        <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                                                    </TouchableOpacity> 
+                                                </View>     
+                                            }
+                                            {   ((qtn.showDatePicker==true || qtn.showDatePicker=='true') && (qtn.QuestionType=='Date') ) && 
+                                                renderDatePicker(qtn,window)
+                                            }  
+                                            {
+                                                (qtn.QuestionType=='Rating') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{setRatingQtn(qtn);setRatingWindow(window);setShowRating(true);}}>
+                                                        <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag"/>
+                                                    </TouchableOpacity> 
+                                                </View>    
+                                            }
+
+                                            {
+                                                // (qtn.QuestionType=='Audio') && 
+                                                // <View style={customStyle.surveyQtn_datePicker_con}>
+                                                //     <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                //     <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                                //         <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                                //     </TouchableOpacity> 
+                                                // </View>    
+                                            }
+                                            
+                                            {
+                                                showImageTag &&
+                                                <View style={[customStyle.store_audit_img_con,]}>                    
+                                                    <Image source={(selimg!='' && selimg!=null )?{uri:selimg}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg!='' && selimg!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                                    <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(window,'1','2',qtn)}}>
+                                                        <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                                    </TouchableOpacity>
+                                                </View>
+                                            }
+
+                                           
+                                        </View> 
+                                        )
+                                    })}
+                                    </View>
+                                    }
+                                    
+                                    
+                                </View>
+                                }
+                                
+                                                    
+                                                    
+                            </View>
+                        </View>
+                    </View>
+                );
+            }}
+            />
+        )
+    }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        var arr2={};
+        if(searchedQry!=null && searchedQry!=''){
+            for(let i=0;i<globalWindows.length;i++){
+                let item=globalWindows[i];
+                arr2=Object.assign({'test':'1'} , item);
+                if(item.POSMName.toLowerCase().includes(searchedQry)){
+                    arr.push(arr2);
+                }
+            }
+        }
+        else{
+          arr=globalWindows;
+        }
+
+        setWindows(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function getSearchBar(){
+        let isSearchEnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='SearchEnable')
+        let isSearchEnableKPIObj=isSearchEnableIndex>=0?KPIFields[isSearchEnableIndex]:{};
+        let isSearchEnable=isSearchEnableIndex>=0?isSearchEnableKPIObj['KPIFieldEnable']:false;
+        if(isSearchEnable==true){
+            return (
+                <View style={customStyle.storel_searchbar}>
+                  <TextInput 
+                    style={[customStyle.storel_searchInput]}
+                    placeholder={ST.Searchby+' POSM'}
+                    placeholderTextColor={PageTheme.$placeholder_color} 
+                    value={searchedItem}
+                    onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                    autoComplete='off'
+                  />
+                  <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                    <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+                  </TouchableOpacity>
+              </View>
+            )
+        }
+        else{
+            return(
+                <View></View>
+            )
+        }
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          {getSearchBar()}
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.Windows_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} 
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(POSM);
\ No newline at end of file
diff --git a/src/screens/POSSale copy.js b/src/screens/POSSale copy.js
new file mode 100644
index 0000000..a1e5e12
--- /dev/null
+++ b/src/screens/POSSale copy.js	
@@ -0,0 +1,1993 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated, Keyboard} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getDownloadJson1,getKPIFields,getServerDT,marktext1,marktext2, restore_ImageWithMetaData, validateNumber} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath,ImageFolderPath, HierarchyTbls} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import CheckBox from '@react-native-community/checkbox';
+
+import CameraImg3 from '../assets/performics/camera_tick.svg';
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CameraImg5 from '../assets/image/camera_asterisk.png';
+import MultiSelect from 'react-native-multiple-select';
+import { ObjectFlags } from 'typescript';
+import { getMethodName, METHODS } from '../constants/methodNames';
+
+function POSSale(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+
+    // console.log(HierarchyTbls, "HierarchyTbls-->")
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [refImageIndex, setrefImageIndex] = useState(0);
+    const [zoomImageIndex, setzoomImageIndex] = useState(0);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+
+    const [AllImagesData, setAllImagesData] = useState([]);
+    const [globalWindows, setGlobalWindows] = useState([]);
+    const [KPIFields, setKPIFields] = useState([]);
+    const [showSwitchCamera,setShowSwitchCamera]= useState(false);
+    const [Image1, setImage1] = useState('');
+    const [Image2, setImage2] = useState('');
+    const [imageCapture, setimageCapture] = useState('');
+    const [imageCapture2, setimageCapture2] = useState('');
+    
+   
+    
+    const [DataCleanModal, setDataCleanModal] = useState(false);
+    const [DataCleanAnim, setDataCleanAnim] = useState("");
+    const [DataCleanItem, setDataCleanItem] = useState({});
+    const [isPresentClean, setIsPresentClean] = useState(0);
+    const [data, setData] = useState({});
+    const [POSDef, setPOSDef] = useState({});
+    const [Months, setMonths] = useState([]);
+
+    const [Months1, setMonths1] = useState([]);
+    const [Years, setYears] = useState([]);
+    const [Periods, setPeriods] = useState([]);
+
+
+    const [posSData, setPosSData] = useState({});
+    const [posSImgArr, setPosSImgArr] = useState([]);
+
+    const [SelectedImg, setSelectedImg] = useState('');
+    const [showModal, setShowModal] = useState(false);
+    const [reCapImgModalObj, setReCapImgModalObj] = useState({});
+    const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+    const [saleArr ,setsaleArr] = useState([]);
+    const [showchildview ,setShowChildView] = useState(true);
+    
+    const [InputChange, setInputChange] = useState([]);
+    const DefPOSWind={"WindowId":"0","WindowName":"POS Sale", "Sale":"0"};
+
+    const inputRefs = useRef({});    
+    
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+
+    useEffect(() => {
+     getyearmonthandcycle();
+    },[posSData.Year,posSData.Month])
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        
+        return function cleanup() {
+            return unsubscribe;
+        };
+    }, []);
+
+    useEffect(() => {
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        return unsubscribe;
+    }, [hasUnsavedChanges]); 
+    
+    useEffect(() => {
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        return unsubscribe;
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+               return;
+            }   
+        }
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+
+    async function DownloadMerchandiserSaleData(){
+
+        setLoaderTitle("Downloading Merchandiser Sale Data...");
+        setProcessing(true);
+        let downloadKey="Sup_MerchandiserSaleData";
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+  
+        let data='';
+       
+        data={ 
+          Downloadtype:downloadKey,
+          Username: loginDetails.UserId,
+          Param1: storeData?.StoreId,
+          Param2: posSData?.PeriodId,
+          
+        }
+        
+        console.log(url,data);
+        return await getDownloadJson1(url,data)
+        .then(async(res)=>{  
+          console.log("DownloadMerchandiserSaleData res:",res);
+          if(res.Sup_MerchandiserSaleData!=null || res.Sup_MerchandiserSaleData!= ''){
+            // setProcessing(false);
+            let posSaleArr= res.Sup_MerchandiserSaleData ? res.Sup_MerchandiserSaleData : []; 
+            let isInserted= posSaleArr.length > 0 ? await InsertDownloadedMerSaleData(posSaleArr) : false;
+            
+            console.log('Inserted data:', posSaleArr);
+            console.log('isInserted:',isInserted)
+           
+
+            if(isInserted){
+                getData(storeData1,menu1);
+                setShowChildView(true);
+                notify("Merchandiser sale data downloaded successfully."); 
+            }
+            else{
+              notify("Cannot download merchandiser sale data! No data found.");
+              getData(storeData1,menu1);
+              setShowChildView(true);
+            //   setProcessing(false);
+              return [];
+            }
+          }
+          else{
+            notify('No data found!');
+            setProcessing(false);
+            return [];
+          }        
+        
+        })
+        .catch((err)=>{
+          console.log('onPage Team error',err);
+          setProcessing(false);
+          notify("Cannot download merchandiser sale data!")
+          return [];
+        }); 
+      }
+
+      async function InsertDownloadedMerSaleData(posSaleArr){
+        console.log("insert download posSale called");
+        return new Promise((resolve,reject)=>{
+          
+          var values=[],sql_stmnt='',all_vals='';
+          let d1=new Date();
+          let d2=moment(d1).format('MM/DD/YYYY');
+          let tbname='Sup_MerchandiserSaleData';
+          let storeId = storeData.StoreId;
+          let q=`Delete from ${tbname} where StoreId='${storeId}' AND CycleId='${posSData?.PeriodId}'  `;
+
+          posSaleArr = posSaleArr ? posSaleArr : [];
+
+          console.log("posSaleArr", posSaleArr)
+          
+          posSaleArr?.map((data_obj)=>{  
+            let {CycleId,StoreId,PosSaleValue,Sale}=data_obj;
+            values.push(` ('${CycleId || ''}', '${StoreId || ''}', '${PosSaleValue || ''}', '${Sale || 0}')`);
+          });
+          all_vals=values.join(',');
+          sql_stmnt=`INSERT INTO ${tbname}(CycleId,StoreId,PosSaleValue,Sale) 
+          values ${all_vals}`;
+  
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres4) {
+              console.log('removeddata'); 
+              await txn.executeSql(sql_stmnt,[],async function (txn2, txnres2) { 
+                resolve(true);
+              },function(txn2,txnerr){ console.log(txnerr);resolve(false);});
+            },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+          })
+      }).catch((err)=>{
+          console.log(err);
+          return false;
+        })
+      
+      }
+  
+      async function getposSaledefinationdata(id) {  
+
+      console.log(id, "posSData?.PeriodId") 
+
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};   
+        setProcessing(true);
+        try {   
+          await db.transaction(async (txn) => {        
+            let query = `
+              SELECT DISTINCT * FROM Sup_MerchandiserSaleData Where StoreId = '${storeData?.StoreId}' AND CycleId='${id}';`;
+        
+            console.log(query, "query");
+            
+            txn.executeSql(query, [], (txn, result) => {
+              if (result.rows.length > 0) {
+  
+              console.log(result.rows.length, "result.rows.length")
+  
+                   let arr=[];
+
+                   for(var i=0;i<result.rows.length;i++){
+                        let data =result.rows.item(i);
+                        // console.log('data of merch sale --->',data)
+                        arr.push(data);
+                        if(i==result.rows.length-1){
+                          console.log(arr)
+                          setsaleArr(arr);
+                          getData(storeData1,menu1);
+                          setShowChildView(true);
+                          notify("Merchandiser sale data downloaded successfully.");
+                        //   setProcessing(false);
+                        }                                
+                    }
+              } 
+              else {
+               console.log('Table is empty. Triggering data download.');
+               DownloadMerchandiserSaleData();
+                // setProcessing(false);
+              }
+            }, (error) => { 
+              setProcessing(false);
+              console.log("Error while executing getMerchSaledata SQL: ", error); 
+            });
+          });
+        } catch (err) {
+          console.log("Error in get Merch Sale data function: ", err);     
+          setProcessing(false);     
+        }        
+      }
+    
+    // end of downloading / get get sale data
+
+    async function getyearmonthandcycle(){        
+        try {
+    
+          await db.transaction(async function (txn) {        
+            
+            let q6=`SELECT DISTINCT  CycleYear as Year FROM Sup_Master_PosSaleCycle`;
+            await txn.executeSql(q6,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                  
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        // console.log('data of years--->',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            console.log(arr)
+                            setYears(arr);
+                        }                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            let q7=`SELECT DISTINCT CycleMonth as Month FROM Sup_Master_PosSaleCycle WHERE CycleYear = '${posSData?.Year}'`;
+            await txn.executeSql(q7,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                  
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        // console.log('data of months--->',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            console.log(arr)
+                            setMonths1(arr);
+                        }                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            let q8=`SELECT DISTINCT CycleId as PeriodId , CyclePeriod as Period FROM Sup_Master_PosSaleCycle WHERE CycleMonth = '${posSData?.Month}' AND CycleYear = '${posSData?.Year}'`;
+            await txn.executeSql(q8,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                  let arr=[];
+                   for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        // console.log('data of periods--->',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            console.log(arr)
+                            setPeriods(arr);
+                        }                                
+                    }
+                }
+                else{
+                  setProcessing(false);
+                }
+            },function (txnE,txnerr) { console.log(txnerr);setProcessing(false); },);
+            });          
+            //end queries for month / day / year
+        } catch (err) {
+          console.log(err);     
+          setProcessing(false);     
+        }        
+    }
+
+
+    async function getData(storeData1,menu1){
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId,StoreCategoryId,StoreClassId}=storeData1;
+          let arrobj=[];
+          
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          // set switch camera flag as defined in mapping menu flag (if exists)
+          let SwitchingCameraI=AllKPIFields.findIndex(i=>i.KPIFieldName=='SwitchingCamera');
+          let SwitchingCameraObj=SwitchingCameraI>=0?AllKPIFields[SwitchingCameraI]:{};
+          let SwitchingCamera=SwitchingCameraI>=0?SwitchingCameraObj['KPIFieldEnable']:false;
+          setShowSwitchCamera(SwitchingCamera);
+
+          await db.transaction(async function (txn) {
+         
+
+            let q3=`Select PosReasonId as ReasonId,PosReason as Reason From Sup_Master_PosSaleReason`;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                  
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        console.log('data',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            // check if data exists
+            let q5=` Select * from ${AppTables.HEADER_POSSALE_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            await txn.executeSql(q5,[],async function (txn5, txnres5) { 
+                if(txnres5.rows.length>0){
+                    let pos_d=txnres5.rows.item(0);
+                    let {MONTH,YEAR,CYCLEPERIOD,CYCLEPERIODID ,IMAGE1,IMAGE2,TOTAL_POS_VALUE}=pos_d;
+                    console.log("pos_d--->",pos_d)
+                    // let image1Path=IMAGE1!=''?'file://'+ImageFolderPath+menu1.ScreenName+"/"+IMAGE1:'';
+                    // let image2Path=IMAGE2!=''?'file://'+ImageFolderPath+menu1.ScreenName+"/"+IMAGE2:'';
+                    let posdata_obj={"Month":MONTH, "Year": YEAR, "Period": CYCLEPERIOD,"PeriodId" : CYCLEPERIODID, "TotalPosValue":TOTAL_POS_VALUE};//,"Image1Name":IMAGE1,"Image1":image1Path,"Image2Name":IMAGE2,"Image2":image2Path
+                    setPosSData(posdata_obj);
+                }
+            },function (txnE,txnerr) { console.log(txnerr); });  
+            
+            let q=` Select * from Sup_Master_PosSaleDefinition p INNER join Sup_Mapping_StorePosSaleDefinition mps on p.PosDefinitionId=mps.PosDefinitionId where mps.StoreId='${StoreId}'  `;
+            let possaledata ={},defposData=[],inputChangeFlag=[];
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                console.log('q dicide',txnres2.rows.length)
+                if(txnres2.rows.length>0){
+                    let data=txnres2.rows.item(0);
+                    let PosOverall=data.PosOverall==true || data.PosOverall=='true'?1:0;
+                    let poscheckAssortment = data.PosCheckAssortment
+                    console.log('PSA',poscheckAssortment)
+                    possaledata = data;
+
+                    let HeaderImageRequired=data.HeaderImageRequired==1 || data.HeaderImageRequired=='1' ?true:false;
+                    let HeaderImageCount=data.HeaderImageCount!=null?data.HeaderImageCount:2;
+                    let HeaderImageMandatory=data.HeaderImageMandatory!=null?data.HeaderImageMandatory:2;
+
+                    // console.log("possaledata",possaledata)
+
+                    setPOSDef(possaledata);
+                    
+                    let q2=` Select * from ${AppTables.POSSALE_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+                
+                    await txn.executeSql(q2,[],async function (txn2, txnres3) { 
+                        console.log('added data:',txnres2.rows.length);
+                        if(txnres3.rows.length>0){
+                            let allWindowsData=[];
+                            
+                            for(var i=0;i<txnres3.rows.length;i++){
+                                let data=txnres3.rows.item(i);
+                                console.log('dataloading:',data)
+                                let obj={"WindowId":data.WINDOW_ID,"WindowName":data.WINDOW_NAME,"Sale": data.SALE ,"PosValue":data.POS_VALUE,"PosVolume":data.POS_VOLUME,"ReasonId":data.REASONID,"Reason":data.REASON,"isPresent":data.ISPRESENT}
+                                let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                                data.animatedChoice=animatedChoice;
+                                let changesFlag = {WindowId:data.WINDOW_ID, WindowName:data.WINDOW_NAME,Sale:data.SALE ,Flag:false}
+                                console.log('changesFlag',changesFlag)
+                                inputChangeFlag.push(changesFlag)
+                                allWindowsData.push(obj);
+                                
+                                if(i==txnres3.rows.length-1)
+                                {
+                                    setInputChange(inputChangeFlag)
+                                    setWindowData(allWindowsData);
+                                    let PosSaleImages= HeaderImageRequired==true?await getPosSaleImages(HeaderImageCount,HeaderImageMandatory,possaledata,storeData1,menu1):[];
+                                    setPosSImgArr(PosSaleImages);
+                                    setProcessing(false);    
+                                    setrerenderdata(!rerenderdata);
+
+                                }
+                            }          
+                        }
+                        else{
+                            
+                            if(PosOverall==1){
+                                let obj={"WindowId":DefPOSWind.WindowId,"WindowName":DefPOSWind.WindowName,Sale: DefPOSWind.Sale, "PosValue":"","PosVolume":"","ReasonId":"","Reason":"","isPresent":"0"}
+                                let changesFlag = {WindowId:DefPOSWind.WindowId, WindowName:DefPOSWind.WindowName,Sale : DefPOSWind.Sale, Flag:false}
+                                inputChangeFlag.push(changesFlag)
+                                defposData.push(obj);
+                                
+                                setInputChange(inputChangeFlag)
+                                setWindowData(defposData);
+                                let PosSaleImages= HeaderImageRequired==true?await getPosSaleImages(HeaderImageCount,HeaderImageMandatory,possaledata,storeData1,menu1):[];
+                                setPosSImgArr(PosSaleImages);
+                                setProcessing(false); 
+                            }  
+                            else
+                            {
+                                let q4='';
+                                let join3=` INNER join Sup_Mapping_PosSaleDefinition mps on p.${data.PosField}=mps.PosSaleValue `;
+                                let join2 = data.PosCheckAssortment==true?` INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ` :'';
+                                let join4 = `left join (Select * from Sup_MerchandiserSaleData Where StoreId = '${storeData.StoreId}' and CycleId = '${posSData?.PeriodId}') as sd on mps.PosSaleValue = sd.PosSaleValue ` ;
+                                let assortmentCond=data.PosCheckAssortment==true? ` where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreCategoryId='${StoreCategoryId}' and mp.StoreClassId='${StoreClassId}' and mp.StoreTypeId='${StoreTypeId}' `:'';
+                                data.PosTable=data.PosTable!=null?data.PosTable:'';
+                                if(data.PosTable.toLowerCase() == HierarchyTbls.Master_Category.toLowerCase()){
+                                    q4=`SELECT DISTINCT p.CategoryId as WindowId,p.CategoryName as WindowName  from Sup_Product_Master p  ${join2}  ${join3} ${join4} ${assortmentCond} order by p.CategorySequence`;
+                                }
+                                else if(data.PosTable.toLowerCase() == HierarchyTbls.Master_Brand.toLowerCase()){
+                                    q4=`SELECT DISTINCT p.BrandId as WindowId,p.BrandName as WindowName  from Sup_Product_Master p  ${join2} ${join3} ${join4} ${assortmentCond} order by p.BrandSequence`;
+                                }
+                                else if(data.PosTable.toLowerCase() == HierarchyTbls.Master_SubCategory.toLowerCase()){
+                                    q4=`SELECT DISTINCT p.SubCategoryId as WindowId,p.SubCategoryName as WindowName from Sup_Product_Master p  ${join2} ${join3} ${join4} ${assortmentCond} order by p.SubCategorySequence`;
+                                }
+                                else if(data.PosTable.toLowerCase() == HierarchyTbls.Master_Product.toLowerCase()){
+                                    q4=`SELECT DISTINCT p.ProductId as WindowId,p.ProductName as WindowName ,IFNULL(sd.Sale, 0) AS Sale from Sup_Product_Master p  ${join2} ${join3} ${join4} ${assortmentCond} order by p.ProductSequence`;
+                               
+                                    // q4 = `SELECT DISTINCT p.ProductId as WindowId,p.ProductName as WindowName,IFNULL(sd.Sale, 0) AS Sale  from Sup_Product_Master p   
+                                    //     INNER join Sup_Mapping_PosSaleDefinition mps on p.ProductId=mps.PosSaleValue
+                                    //     left join (Select * from Sup_MerchandiserSaleData Where StoreId = 30 and CycleId = 1) as sd
+                                    //     on mps.PosSaleValue = sd.PosSaleValue order by p.ProductSequence`
+                                    
+                                    }
+
+                                await txn.executeSql(q4,[],async function (txn4, txnres4) { 
+
+                                console.log(q4, "query4----")
+                                    
+                                    let datapossale=[], posassdata=[],inputChangeFlag=[];
+                                    if(txnres4.rows.length>0){
+            
+                                        let arr=[];
+                                        for(var i=0;i<txnres4.rows.length;i++){
+                                            let data =txnres4.rows.item(i);
+
+                                            // console.log("data---->>>", data )
+
+                                            arr.push(data);
+                                            
+                                            let obj={"WindowId":data.WindowId,"WindowName":data.WindowName, "Sale": data.Sale,"PosValue":'',"PosVolume":'',"ReasonId":'',"Reason":'',"isPresent":0}
+                                            let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                                            data.animatedChoice=animatedChoice;
+                                            let changesFlag = {WindowId:data.WindowId, WindowName: data.WindowName, Sale:data.Sale, Flag:false}
+                                            inputChangeFlag.push(changesFlag)
+                                            datapossale.push(obj);
+                        
+                                            if(i==txnres4.rows.length-1){
+                                                setInputChange(inputChangeFlag)
+                                                setWindowData(datapossale);
+                                                let PosSaleImages= HeaderImageRequired==true?await getPosSaleImages(HeaderImageCount,HeaderImageMandatory,possaledata,storeData1,menu1):[];
+                                                setPosSImgArr(PosSaleImages);
+                                                // console.log("possaledata2",possaledata)
+                                                setPOSDef(possaledata);
+                                                setProcessing(false);    
+                                            }
+                                        }
+                                    }
+                                    else{
+                                        let PosSaleImages= HeaderImageRequired==true?await getPosSaleImages(HeaderImageCount,HeaderImageMandatory,possaledata,storeData1,menu1):[];
+                                        setPosSImgArr(PosSaleImages);
+                                        setProcessing(false);
+                                    }
+                                },function (txnE,txnerr) { console.log(txnerr);setProcessing(false); },);
+                        }
+                    }},function (txnE,txnerr) { console.log(txnerr);setProcessing(false); },);
+            
+                }
+            }, function (txnE,txnerr) { console.log(txnerr);setProcessing(false); });
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+
+    async function getPosSaleImages(ImageCount,MandCount,data,storeData1,menu1){
+        let WindowSplits_def=  [];
+        for(var s=0;s<ImageCount;s++){
+            let isMandatory=false;
+            if(s<MandCount){
+                isMandatory=true;  
+            }
+            let obj={'Image1Name':'','Image1':'',img1Required:isMandatory};
+            WindowSplits_def.push(obj);
+        }
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+
+                let q=`select * from ${AppTables.POSSALE_IMAGES} where POSDEFINITIONID='${data.PosDefinitionId}' and STORE_ID='${storeData1.StoreId}' and VISIT_DATE='${d2}' `;
+               
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                           
+                            let isMandatory=false;
+                            if(i<MandCount){
+                                isMandatory=true;  
+                            }
+                            let Image1= data.IMAGE1!=null && data.IMAGE1!=''?'file://'+common_ImagePath+menu1.ScreenName+"/"+data.IMAGE1:'';
+                            let obj={'Image1Name':data.IMAGE1,'Image1':Image1,img1Required:isMandatory};
+                            arr.push(obj);
+
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(WindowSplits_def)
+                    }
+                },function (txnE,txnerr) { console.log(txnerr); resolve(WindowSplits_def) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return WindowSplits_def;
+        });
+    }
+
+
+    async function onSubmitData(){
+        let isvalid = '';
+        isvalid=await validate();
+        if(isvalid){
+            Keyboard.dismiss();
+            setShowAlert(true);
+        }
+
+    
+    }
+
+    async function saveData(){
+        
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,MerchandiserId,ChainId,StateId,StoreTypeId}=storeData;
+            
+            await db.transaction(async function (txn) {   
+
+                //  remove old data
+                await txn.executeSql(`DELETE FROM ${AppTables.HEADER_POSSALE_DATA} WHERE STORE_ID='${StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                    console.log('Possale hdr data deleted');
+                },function (txnE,txnerr) { console.log(txnerr); },);
+
+                await txn.executeSql(`DELETE FROM ${AppTables.POSSALE_DATA} WHERE STORE_ID='${StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                    console.log('Possale data deleted');
+                },function (txnE,txnerr) { console.log(txnerr); },);
+
+
+                await txn.executeSql(`DELETE FROM ${AppTables.POSSALE_IMAGES} WHERE STORE_ID='${StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                    console.log('Possale images data deleted');
+                },function (txnE,txnerr) { console.log(txnerr); },);
+
+                
+
+                var values='',values1='',img_values='';
+                let {Month,Year,Period , PeriodId ,Image1Name,Image2Name,TotalPosValue}=posSData;
+
+                console.log("posSData --->",posSData)
+
+
+                values1+=` ('${MerchandiserId}','${StoreId}','${d3}','${Month}','${Year}','${Period}','${PeriodId}','${Image1Name || ''}','${Image2Name || ''}','${TotalPosValue}','${d3}') `;
+
+                let PosOverall=POSDef.PosOverall==true || POSDef.PosOverall=='true'?1:0;
+                let HeaderImageRequired=POSDef.HeaderImageRequired==1 || POSDef.HeaderImageRequired=='1'?true:false;
+                let HeaderImageCount=POSDef.HeaderImageCount!=null?POSDef.HeaderImageCount:2;
+                let HeaderImageMandatory=POSDef.HeaderImageMandatory!=null?POSDef.HeaderImageMandatory:2;
+                
+                for (const wi in WindowData){
+                    const window=WindowData[wi];
+                    
+                    let wind=window;
+                    let isPresent = '', ReasonId='', Reason='', PosValue='',PosVolume='',WindowId='',WindowName='', Sale='';
+                    WindowId = wind.WindowId;
+                    WindowName = wind.WindowName;
+                    Sale = wind.Sale;
+                    isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                    Reason=wind.Reason!=null?wind.Reason:'';
+                    PosValue=wind.PosValue!=null?wind.PosValue:'';
+                    PosVolume=wind.PosVolume!=null?wind.PosVolume:'';           
+
+                    values+=values!=''?' , ':'';
+                
+                    values+=` ('${MerchandiserId}','${StoreId}','${d3}','${WindowId}','${WindowName}','${Sale}','${POSDef.PosDefinitionId}','${PosValue}','${PosVolume}','${isPresent}','${ReasonId}','${Reason}','${d3}') `; // add here empiid
+                    
+                }
+
+                for (const imgI in posSImgArr){
+                    let item=posSImgArr[imgI];
+                    let Image1=item.Image1!=null?item.Image1:'';
+                    let Image1Name=item.Image1Name!=null?item.Image1Name:'';
+                    img_values+=img_values!=''?' , ':'';
+                
+                    img_values+=` ('${StoreId}','${d3}','${POSDef.PosDefinitionId}','${Image1Name}','${d3}') `;
+                }
+
+                console.log('values:',values);
+                let header_add_possale_data=`INSERT INTO ${AppTables.HEADER_POSSALE_DATA} (EMP_ID ,STORE_ID,VISIT_DATE,MONTH,YEAR,CYCLEPERIOD,CYCLEPERIODID,IMAGE1,IMAGE2,TOTAL_POS_VALUE,ADDED_DATE) VALUES ${values1} `;
+                console.log('add_possale_data',header_add_possale_data)
+
+                let add_possale_data=`INSERT INTO ${AppTables.POSSALE_DATA} (EMP_ID ,STORE_ID,VISIT_DATE,WINDOW_ID,WINDOW_NAME,SALE ,POSDEFINITIONID,POS_VALUE,POS_VOLUME,ISPRESENT,REASONID,REASON,ADDED_DATE) VALUES ${values} `;
+                let add_possale_Images=`INSERT INTO ${AppTables.POSSALE_IMAGES} (STORE_ID,VISIT_DATE,POSDEFINITIONID,IMAGE1,ADDED_DATE) VALUES ${img_values} `;
+                
+                await txn.executeSql(header_add_possale_data,[],async function (txn2, txnres) { 
+                    console.log('POSSALE header data added');
+                    await txn.executeSql(add_possale_data,[],async function (txn2, txnres) { 
+                        console.log('POSSALE data added');
+                        if(HeaderImageRequired==true && HeaderImageMandatory>=0){
+                        await txn.executeSql(add_possale_Images,[],async function (txn2, txnres) { 
+                            console.log('POSSALE header images added');
+                            props.navigation.goBack();
+                        },function (txnE,txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot save possale data'); },);
+                    }else{
+                        props.navigation.goBack();
+                    }
+                    },function (txnE,txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot save possale data'); },);
+                },function (txnE,txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot save headerpossale data'); },);
+                
+            
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function executeQuery(q){
+        return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              resolve(true);
+            },function(Etxn,txnerr){console.log(txnerr);resolve(false) });
+          }); 
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+            console.log(err);
+          return false;
+        })
+    }
+
+
+
+
+    async function validate(){
+        console.log('validate')
+        let isValid=true;
+        let isReasonEnable=POSDef.PosNotExistReasonEnable=='true' || POSDef.PosNotExistReasonEnable==1? 1:0;
+        let isshowPosValue=POSDef.ShowPosValue=='true' || POSDef.ShowPosValue==1?1:0;
+        let isshowPosVolume=POSDef.ShowPosVolume=='true' || POSDef.ShowPosVolume==1?1:0;
+
+        let ShowHdrPosSaleI=KPIFields.findIndex(i=>i.KPIFieldName=='ShowTotalPosSaleHeade');
+        let ShowHdrPosSaleObj=ShowHdrPosSaleI>=0?KPIFields[ShowHdrPosSaleI]:{};
+        let ShowHdrPosSale=ShowHdrPosSaleI>=0?ShowHdrPosSaleObj['KPIFieldEnable']:false;
+        let ShowHdrPosSaleDN=ShowHdrPosSaleObj['KPIFieldDisplayName']!='' && ShowHdrPosSaleObj['KPIFieldDisplayName']!=null ? ShowHdrPosSaleObj['KPIFieldDisplayName'] :"Total POS Value";
+
+        // let posCAValue=KPIFields.findIndex(i=>i.KPIFieldName=='PosSaleCameraAllow')
+        // let posCAValueObj=posCAValue>=0?KPIFields[posCAValue]:{};
+        // let posCAValueEnable=posCAValue>=0?posCAValueObj['KPIFieldEnable']:true;
+
+        let HeaderImageRequired=POSDef.HeaderImageRequired==1 || POSDef.HeaderImageRequired=='1'?true:false;
+        let HeaderImageCount=POSDef.HeaderImageCount!=null?POSDef.HeaderImageCount:2;
+        let HeaderImageMandatory=POSDef.HeaderImageMandatory!=null?POSDef.HeaderImageMandatory:2;
+       
+        
+
+        
+        return new Promise(async(resolve,reject)=>{
+            let {Image1,Image1Name,Image2,Image2Name,Month,Year,Period,TotalPosValue}=posSData;
+             if(Year==null || Year==''){
+                notify(`Please select Year`,'SHORT');
+                resolve(false);return;
+            }
+            else if(Month==null || Month==''){
+                notify(`Please select month`,'SHORT');
+                resolve(false);return;
+            }
+            else if(Period==null || Period==''){
+                notify(`Please select Cycle`,'SHORT');
+                resolve(false);return;
+            }
+            else if(ShowHdrPosSale==true && TotalPosValue!==0 && (TotalPosValue=='' || TotalPosValue==null)){
+                notify(`Please enter ${ShowHdrPosSaleDN} value`,'SHORT');
+                resolve(false);return;
+            }
+            // else if(posCAValueEnable && (Image1==null || Image1=='')){
+            //     notify(`Please click image`,'SHORT');
+            //     resolve(false);return;
+            // }
+            else{
+                
+                if(HeaderImageRequired==true && HeaderImageMandatory>=0){
+                    let res=await new Promise((resolve1,reject1)=>{
+                        posSImgArr.map((item,index)=>{
+                            if(StoreCameraAllow && item.img1Required==true && (item.Image1=='' || item.Image1==null)){
+                                notify(`Please click image`,'SHORT');
+                                resolve1(false);
+                            }
+                            if(index==posSImgArr.length-1){
+                                resolve1(true);
+                            }
+                        })
+                    }).catch((err)=>{
+                        console.log("error:",err);
+                        return false;
+                    })
+                    console.log("HeaderImageRequired validate res:",res)
+                    if(res==false){
+                        isValid=false;return false;
+                    }
+                }
+                if(isValid){
+                    for (const wi in WindowData){
+                        const window=WindowData[wi];
+                        const wind=window;
+                        let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                        let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                        let PosValue=wind.PosValue!=null?wind.PosValue:'';
+                        let PosVolume=wind.PosVolume!=null?wind.PosVolume:'';
+                        if(isPresent=='1'){
+                            if(isshowPosValue==true && ( PosValue==null || PosValue=='')){
+                                notify(`Please Enter ${POSDef.PosValueLabel} `,'SHORT');
+                                resolve(false);return;
+                            }
+                            else if(isshowPosVolume==true && (PosVolume==null || PosVolume=='')){
+                                notify(`Please Enter ${POSDef.PosVolumeLabel}`,'SHORT');
+                                resolve(false);return;
+                            }
+                        }
+                        else {
+                            if(isReasonEnable==true && ReasonId=='' ){
+                                notify(`${'Please Select Reason'}`,'SHORT');
+                                resolve(false);return;
+                            }
+                        }
+
+                        if(wi==WindowData.length-1){
+                            resolve(true);return;
+                        }
+            
+                    }
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    
+    }
+
+    function onselectionChange3(option,keyLbl,keyVal,otherData){
+        let item=otherData.window;
+        let index=otherData.index;
+
+        let allData=WindowData;
+        let wind = item; 
+        wind[keyVal]=option.value;
+        wind[keyLbl]=option.label;
+       
+        let objIndex = InputChange.findIndex(i=>i.WindowId==item.WindowId);
+        let winArr=[...InputChange]
+        winArr[objIndex].Flag=true
+        setInputChange(winArr);
+
+
+        index>=0?allData[index]=wind:'';
+        console.log('windowallData',allData)
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+       
+    }
+   
+
+    async function disableQtns(sqtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.VisibilityQuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.VisibilityQuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.VisibilityQuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+
+                    wind['WindowQA']=data;
+                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                    
+                    return false
+                })
+            ).then(async (val)=>{
+
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.VisibilityDefinitionId==window.VisibilityDefinitionId && i.VisibilityId==window.VisibilityId)
+                if(windowIndex>=0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.VisibilityQuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                await disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+            }
+            else{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.VisibilityDefinitionId==window.VisibilityDefinitionId && i.VisibilityId==window.VisibilityId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+   
+    function setTextValue(value,qtn,window) {        
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        
+        let allData=WindowData;
+        let defData={'PosDefinitionId':window.PosDefinitionId};
+        const wind_index=allData.findIndex(i=> i.PosDefinitionId==window.PosDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.VisibilityQuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,window,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        
+        console.log(value,obj);
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        let objIndex = InputChange.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let winArr=[...InputChange]
+        winArr[objIndex].Flag=true
+        console.log("changeValue---------1",winArr)
+        setInputChange(winArr)
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn,window,show=false){
+        let allQtns=window.WindowQuestions || [];
+        let newqtnIndex=allQtns.findIndex(q=>q.VisibilityQuestionId==qtn.VisibilityQuestionId);
+       
+        if(newqtnIndex>=0){
+            let newqtn=allQtns[newqtnIndex];
+            newqtn.showDatePicker=show;
+            allQtns[newqtnIndex]=newqtn;
+            window['WindowQuestions']=allQtns;
+            let allWindows=Windows;
+            const winIndex=allWindows.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId) || {};
+            allWindows[winIndex]=window;
+            setWindows(allWindows);
+            setGlobalWindows(allwindows);
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data){
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+        let qtn=RatingQtn;
+        let window=RatingWindow;
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData=WindowData;
+        let defData={'PosDefinitionId':window.PosDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PosDefinitionId==window.PosDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        let objIndex = InputChange.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let winArr=[...InputChange]
+        winArr[objIndex].Flag=true
+        console.log("changeValue---------7",winArr)
+
+        setInputChange(winArr)
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+    
+   
+    function onChoiceSelect(item,index,val,key,animatedChoice){
+
+        let win_index=InputChange.find(i=>i.WindowId==item.WindowId)
+        console.log('win_index123',win_index)
+        let changeValue=win_index.Flag>=0?win_index.Flag:false;
+        console.log("win_index--------",win_index)
+        console.log("changeValue--------",changeValue)
+        console.log("InputChange--------",InputChange)
+
+        
+        if(changeValue){
+            setIsPresentClean(val)
+            setDataCleanAnim(animatedChoice)
+            setDataCleanItem(item)
+            setDataCleanModal(true)
+            return
+        }
+        
+        var val1=0;
+        val==1?val1=1:'';
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,index,val,key)
+    }
+
+    function onWindowDataChange(item,index,val,key,type=''){
+        
+        let allData=WindowData;
+        
+        if(val!=''){
+            let isValid=validateNumber(val,type);
+            if(!isValid){
+                return;
+            }
+        }
+
+        let wind = item;
+      
+        let PosOverall=POSDef.PosOverall==true || POSDef.PosOverall=='true'?1:0;
+        wind[key]=val;
+        // if(key=='ReasonId'){
+        //     let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+        //     wind['Reason']=rsn.Reason || '';
+        // }
+
+        index>=0?allData[index]=wind:'';
+      
+        console.log('windowallData',allData)
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onHdrDataChange(val,key,type=''){
+        if(val!=''){
+            let isValid=validateNumber(val,type);
+            if(!isValid){
+                return;
+            }
+        }
+
+        let alldata=posSData;
+        alldata[key]=val;
+        setPosSData(alldata);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let allData=posSData;
+
+        console.log("allData",allData)
+
+        console.log(keyLbl,keyVal)
+
+        allData[keyLbl]=option.label;
+        allData[keyVal]=option.value;
+
+        if (keyLbl == 'Year') {
+            allData['Month'] = '';  // Reset Month
+            allData['Period'] = '';
+            allData['PeriodId'] = ''; // Reset Period
+            setShowChildView(false);
+        }
+
+        // If Month is selected, reset Period
+        if (keyLbl == 'Month') {
+            allData['Period'] = '';
+            allData['PeriodId'] = '';   // Reset Period
+            setShowChildView(false);
+        }
+        
+        if (keyLbl == 'Period' && keyLbl == 'PeriodId') {
+            setShowChildView(false);
+        }
+        setShowChildView(false);
+        setPosSData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+      }
+
+    
+    async function setWindowStockVal(val,window,stockProd,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+        
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        let sdIndex=WStocksData.findIndex(i=> i.ProductId==stockProd.VisibilityStockValue);
+        let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.VisibilityStockValue,'Stock':''};
+        sd[key]=val;
+        sdIndex>=0?WStocksData[sdIndex]=sd:WStocksData.push(sd);
+        wind['WStocksData']=WStocksData;
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        if(key=='isPVisPresent'){
+            let isAllChecked = await verifyAllChecked(val,window,stockProd,key);
+            wind['isAllSKUChecked']=isAllChecked;
+        }
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    
+    
+
+    async function onCatTextChange(window,key,val){
+        let item=window;
+        let allData=WindowData;
+        let defData={'VisibilityId':item.VisibilityId,'VisibilityDefinitionId':item.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==item.VisibilityId && i.VisibilityDefinitionId==item.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    async function verifyAllChecked(val,window,stockProd,key){
+        return await new Promise((resolve,reject)=>{
+            let WindowStocks=window.WindowStocks || [];
+            let allData=WindowData;
+            const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+            let wind=win_index>=0?(allData[win_index] || defData) : defData;
+            let WStocksData=wind['WStocksData'] || [];
+            if(WindowStocks.length>0){
+                let isAllChecked=1;
+                for(var i=0;i<WindowStocks.length;i++){
+                    let stockProd=WindowStocks[i];
+                    
+                    let sdIndex1=WStocksData.findIndex(a=> a.ProductId==stockProd.VisibilityStockValue);
+                    let sd1=sdIndex1>=0?WStocksData[sdIndex1]:{};
+                    let isPVisPresent=sd1.isPVisPresent;
+                    if(isPVisPresent==null || isPVisPresent=='' || isPVisPresent==0 || isPVisPresent=='0'){
+                        isAllChecked=0
+                    }
+
+                    if(i==WindowStocks.length-1){
+                        resolve(isAllChecked);
+                    }
+                }
+            }
+            else{
+                resolve(0);
+            }
+            
+        }).catch((err)=>{
+            console.log(err);
+            return 0;
+        });
+    }
+
+    async function getImage(imgdata){
+        // const serverDT = await getServerDT();
+        let type=getImageProps.type || '';
+        let ImageIndex=getImageProps.ImageIndex;
+        
+        console.log('getImage ImageIndex:',type,ImageIndex)
+        
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+            let isImgFromGallery=img.fromGallery!=null?img.fromGallery:false;
+            let picture_clickedd=isImgFromGallery==true?img.datetime:new Date();
+            let picture_clicked_time=moment(picture_clickedd).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            // let picture_clicked_date1=serverDT?.ServerDate?.replace(/\//g, '');
+            // let picture_clicked_time1=serverDT?.ServerTime?.replace(/\:/g, '');
+            let picture_clicked_date1=moment(picture_clickedd).format('YYYYMMDD');
+            let picture_clicked_time1=moment(picture_clickedd).format('HHmmss');
+
+            console.log(picture_clicked_date1 , picture_clicked_time1, "DATEANDTIME")
+
+            let filename=(props.UserId || '')+'_PossaleImg-'+picture_clicked_date1+'_'+picture_clicked_time1+'.jpg';
+            
+            let allData=posSImgArr;//posSData;
+            let image_key,image_key_path;
+            let imgObj={};
+            if(ImageIndex>=0){
+                imgObj=allData[ImageIndex];
+            }
+            if(type=='1'){
+                image_key='Image1Name';
+                image_key_path="Image1";
+            }
+            // else{
+            //     image_key='Image2Name';
+            //     image_key_path="Image2";
+            // }
+
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+'  | Image Type: '+currentMenu.MenuName+' | Date:'+picture_clicked_time;
+            
+            
+            // renamefile
+            let imagePath='file://'+`${common_ImagePath}${filename}`;
+
+            // let imagePath=`${common_ImagePath+currentMenu.ScreenName}/${filename}`;
+            
+            console.log('imagePath',imagePath,imgObj)
+            RNFS.copyFile(imgurl,imagePath)
+            .then(async(resn) => {
+                // render data with clicked image
+                let uri='file://'+imagePath;
+                imgObj[image_key]=filename;
+                imgObj[image_key_path]=uri;
+                
+                ImageIndex>=0?allData[ImageIndex]=imgObj:allData.push(imgObj);
+                console.log("allData:",allData);
+                setPosSImgArr(allData);
+                setSelectedImg(uri);
+                setrerenderdata(!rerenderdata);
+
+                // add metdata then resize image and restored back to the imagePath
+                
+                // let restore_data={"destFilePath":imagePath,"imgurl":imgurl,imgWidth,imgHeight,mark_text1,mark_text2}
+                
+                // console.log("restore_data--->",restore_data)
+                
+                // let is_restored=await restore_ImageWithMetaData(restore_data,imgdata);
+                // console.log("image restored:",is_restored);
+            })
+            .catch(err => {
+                console.log('ERROR: image file write failed!!!');
+                console.log(err.message, err.code);
+            });           
+        }        
+    }
+    
+
+
+    async function removeImage(){
+        let index=toRemoveIndex;
+        let allData=AllImagesData;
+        let imgData=allData[index];
+        let imgPath=imgData.ImagePath || '';
+        if(imgPath!=''){
+            let imgPath1='file://'+imgPath;
+            RNFS.unlink(imgPath1);
+        }
+        allData.splice(index,1);
+        setAllImagesData(allData);
+    }
+
+    async function  onRemoveImage(imgName,index){
+        setToRemoveIndex(index);
+    }
+
+  
+    async function openCamera(type='1',index=''){  
+        setGetImageProps({'type':type,"ImageIndex":index}); 
+        setShowCamera(true);
+    }
+  
+
+    function onWindowDataClean(){
+        if(DataCleanAnim!=null){
+            console.log("anim---")
+            let anim=isPresentClean==1?1:'';
+            Animated.timing(DataCleanAnim, {
+                toValue:anim,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        let allData=WindowData;
+        let WindowSplits =  [];
+        for(var s=0;s<DataCleanItem.NoOfSplit;s++){
+            let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+            WindowSplits.push(obj);
+        }
+
+        console.log("isPresentClean-------",isPresentClean,"----",isPresentClean==1?0:1)
+        // i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId
+        let defData={'WindowId':DataCleanItem.WindowId,isPresent:isPresentClean};
+        const win_index=allData.findIndex(i=>i.WindowId==DataCleanItem.WindowId);
+        allData[win_index]=defData
+
+        let objIndex = InputChange.findIndex((obj => obj.WindowId == DataCleanItem.WindowId));
+        let winArr=[...InputChange]
+        winArr[objIndex].Flag=false
+        console.log("changeValue---------7",winArr)
+        setInputChange(winArr)
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setDataCleanModal(false)
+        setrerenderdata(!rerenderdata);
+    }
+
+    function checkAllSKUs(val,window){
+        
+        let WindowStocks=window.WindowStocks || [];
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        console.log('WStocksData before:',WStocksData)
+        for(var i=0;i<WindowStocks.length;i++){
+            let stockProd=WindowStocks[i];
+            
+            let sdIndex=WStocksData.findIndex(a=> a.ProductId==stockProd.VisibilityStockValue);
+            let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.VisibilityStockValue,'Stock':''};
+            let isPVisPresent=(val==1 || val=='1')?1:0;
+            sd['isPVisPresent']=isPVisPresent;
+            
+            sdIndex>=0?(WStocksData[sdIndex]=sd):(WStocksData.push(sd));
+        }
+
+        
+        wind['WStocksData']=WStocksData;
+        wind['isAllSKUChecked']=val==1?1:0;
+        console.log('wind updated');
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(windowIndex=0){
+        setrefImageIndex(windowIndex);
+        setShow_zoomImage(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        let newWindows=[];
+        if(searchedQry!=null && searchedQry!=''){
+            
+            for(let i=0;i<globalWindows.length;i++){
+                let item=globalWindows[i];
+                let {VisibilityName}=item;
+                if(VisibilityName.toLowerCase().includes(searchedQry)){
+                    newWindows.push(item);
+                }
+
+                if(i==globalWindows.length-1){
+                    arr=newWindows;
+                }
+            }
+        }
+        else{
+          arr=globalWindows;
+        }
+
+        setWindows(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    
+    async function OpenImgModal(imgPath,type='1',ImageIndex=''){
+      
+        setSelectedImg(imgPath)
+        setShowModal(true);
+        if((imgPath!='' && imgPath!=null)){
+            setShowImageSaveOp(false);
+        }
+        else{
+            setShowImageSaveOp(true);
+        }
+        setReCapImgModalObj({type,ImageIndex});
+    }
+
+    function cancelImage(){
+        // setImage1('');
+        setSelectedImg('');
+        setReCapImgModalObj({})
+        setShowModal(false);
+    }
+   
+
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>{ST.DragItemsInOrder}</Text>
+                <Text style={customStyle.VRSubHeding}>{ST.Pressandholdtodrag}</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let window=selected_data.window || {};
+        let isQtnDisabled=qtn.isDisabled!=null || qtn.isDisabled!=''?false:true;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn,window) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.WQPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-'+ST.select+'-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn,window){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn,window)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+
+    function _renderItem(item,index){
+
+        const window=item;
+        const windowIndex=index;
+        
+        let isNAReasonEnable=POSDef.PosNotExistReasonEnable=='true' || POSDef.PosNotExistReasonEnable==1?1:0;
+        let isshowPosValue=POSDef.ShowPosValue=='true' || POSDef.ShowPosValue==1?1:0;
+        let isshowPosVolume=POSDef.ShowPosVolume=='true' || POSDef.ShowPosVolume==1?1:0;
+        let wind = item;
+        
+        
+        let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+        let Reason=wind.Reason!=null?wind.Reason:'';
+        let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+        let PosValue=wind.PosValue!=null?wind.PosValue:'';
+        let PosVolume=wind.PosVolume!=null?wind.PosVolume:'';
+        
+        var xpos=isPresent=='1'?-75:0;
+        if(wind.animatedChoice!=null ){
+            xpos=wind.animatedChoice.interpolate({
+                inputRange:[0,1],
+                outputRange:[0,-75],
+            });
+        }
+                
+
+        // console.log("saleArr-->",saleArr)
+
+        return(
+        <>
+            {posSData?.PeriodId && showchildview &&
+                <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                    <View style={customStyle.WItem_Hdr}>                            
+                        <View style={customStyle.WItem_Hdrbg}>
+                            <Text style={customStyle.WItem_HdrText}>{item.WindowName}</Text>
+                        </View>
+                    </View>
+                    
+                    <View style={customStyle.WForm}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel, {width:'90%', fontSize:15,fontWeight:'600'}]}>{'Promotor Sale Volume :' } {item.Sale}</Text>
+                        <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                            <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                    <View style={customStyle.openStk_prd_choiceBox}>
+                                        <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                        {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                        <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,index,1,'isPresent',wind.animatedChoice)}}>
+                                            <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                        </TouchableOpacity>
+                                        <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,index,0,'isPresent',wind.animatedChoice)}}>
+                                            <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                        </TouchableOpacity>
+                                    </View>
+                                </View>
+                            </View>
+                        
+                            { ((isPresent=='1'&& isshowPosValue==true)) &&
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{POSDef.PosValueLabel}</Text>
+                                    <TextInput 
+                                        style={[customStyle.posS_flex_inputStyle2]}
+                                        placeholder=""
+                                        autoComplete='off'
+                                        placeholderTextColor={PageTheme.$placeholder_color} 
+                                        keyboardType={'numeric'}
+                                        value ={(PosValue+'')}
+                                        onChangeText={(val)=>{onWindowDataChange(item,index,val,'PosValue','numeric')}}
+                                        
+                                    />
+                                
+                                    </View>
+                            }
+                            { ((isPresent=='1'&& isshowPosVolume==true) ) &&
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{POSDef.PosVolumeLabel}</Text>
+                                    <TextInput 
+                                        style={[customStyle.posS_flex_inputStyle2]}
+                                        // ref={(reff)=>{inputRefs.current['input1_'+stockProd.VisibilityDefinitionId+'_'+stockProd.VisibilityStockDefinitionId]=reff;}} 
+                                        placeholder=""
+                                        autoComplete='off'
+                                        placeholderTextColor={PageTheme.$placeholder_color} 
+                                        keyboardType={'numeric'}
+                                        value ={(PosVolume+'')}
+                                        onChangeText={(val)=>{onWindowDataChange(item,index,val,'PosVolume','numeric')}}
+                                        />
+                                    </View>
+                            }
+
+                            {
+                            (isPresent=='0' && isNAReasonEnable==true) && 
+                            <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                            <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                            {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange3} selected_data={{value:Reason,otherData:{window:window,index:index}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                            </View>
+                            }
+                    
+                        </View>
+                    </View>
+                </View>
+            }
+        </>
+        );
+
+    }
+
+    function _renderWindow(){
+        
+        
+        let PosOverall=POSDef.PosOverall==true || POSDef.PosOverall=='true'?1:0;
+        if(PosOverall==1){
+            return (
+            <>
+            {_renderPOSSHeader()}
+            {_renderItem(DefPOSWind,0)}
+            </>
+            )
+        }
+        else{
+            return (
+                <FlatList 
+                data={WindowData}
+                extraData={rerenderdata}
+                contentContainerStyle={customStyle.Win_scroll} 
+                style={customStyle.Win_scrollO}
+                initialNumToRender={5}
+                ListHeaderComponent={_renderPOSSHeader}
+                listKey={(item, index) => `window_${index.toString()}`}
+                renderItem={({item,index})=>{
+                    return _renderItem(item,index);
+                    
+                }}
+                />
+            )
+        }
+    }
+
+   
+    
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text>
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#fff'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+
+    function _renderPOSSHeader(){
+
+    // console.log(posSData?.PeriodId , showchildview, "Values--->>")
+        
+        let {TotalPosValue}=posSData;//Image1,Image1Name,Image2,Image2Name
+
+        let HeaderImageRequired=POSDef.HeaderImageRequired==1 || POSDef.HeaderImageRequired=='1'?true:false;
+        let HeaderImageCount=POSDef.HeaderImageCount!=null?POSDef.HeaderImageCount:2;
+        // let HeaderImageMandatory=POSDef.HeaderImageMandatory!=null?POSDef.HeaderImageMandatory:2;
+       
+        let ShowHdrPosSaleI=KPIFields.findIndex(i=>i.KPIFieldName=='ShowTotalPosSaleHeade');
+        let ShowHdrPosSaleObj=ShowHdrPosSaleI>=0?KPIFields[ShowHdrPosSaleI]:{};
+        let ShowHdrPosSale=ShowHdrPosSaleI>=0?ShowHdrPosSaleObj['KPIFieldEnable']:false;
+        let ShowHdrPosSaleDN=ShowHdrPosSaleObj['KPIFieldDisplayName']!='' && ShowHdrPosSaleObj['KPIFieldDisplayName']!=null ? ShowHdrPosSaleObj['KPIFieldDisplayName'] :"Total POS Value";
+        return (
+            <View style={[customStyle.possale_headerview]}>
+
+                <View style={[customStyle.openStk_prd_colflex,customStyle.posS_hdrWrap, {marginBottom:15}]}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{'Year'}</Text>
+                    <View style={customStyle.picker_design} >
+                    {CustomPicker(props,Years,'Year','Year','Year','Year',onselectionChange,{value:posSData?.Year})}
+                    </View>
+                </View>
+
+                <View style={[customStyle.openStk_prd_colflex,customStyle.posS_hdrWrap, {marginBottom:15}]}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{'Month'}</Text>
+                    <View style={customStyle.picker_design} >
+                    {CustomPicker(props,Months1,'Month','Month','Month','Month',onselectionChange,{value: posSData?.Month})}
+                    </View>
+                </View>
+
+
+
+                <View style={[customStyle.openStk_prd_colflex,customStyle.posS_hdrWrap, {marginBottom:15}]}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{'Cycle'}</Text>
+                    <View style={customStyle.picker_design} >
+                    {CustomPicker(props,Periods,'Period','PeriodId','Period','PeriodId',onselectionChange,{value: posSData?.Period})}
+                    </View>
+                </View>
+
+
+               <TouchableOpacity style = {[posSData?.PeriodId != '' && posSData?.PeriodId != null  ? customStyle.posSale_getdata_btnWrap :  customStyle.posSale_getdata_disable_btnWrap]} 
+                 disabled={!posSData?.PeriodId }
+                 onPress={() => getposSaledefinationdata(posSData?.PeriodId)}
+               >
+                 <Text style = {[customStyle.hr_viewButtonText, {textAlign :'center', fontSize :15}]}>Get Sale data</Text>
+               </TouchableOpacity>
+
+
+
+               { /*
+                <View style={[customStyle.openStk_prd_colflex,customStyle.posS_hdrWrap]}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{'Month'}</Text>
+                    <View style={customStyle.picker_design} >
+                    {CustomPicker(props,Months,'MonthId','MonthName','MonthId','MonthName',onselectionChange,{value:posSData.MonthName})}
+                    </View>
+                </View>
+                */
+               }
+                
+                {ShowHdrPosSale==true && 
+                <View style={[customStyle.openStk_prd_row,customStyle.posS_field,customStyle.posS_fieldBorder]}>
+                    <View style={[customStyle.openStk_prd_colflex]}>
+                        <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{ShowHdrPosSaleDN}</Text>
+                        <TextInput 
+                            style={[customStyle.openStk_prd_inputStyle,customStyle.posS_flex_inputStyle]}              
+                            placeholder=""  
+                            autoComplete='off'          
+                            placeholderTextColor={PageTheme.$placeholder_color} 
+                            value={TotalPosValue}
+                            keyboardType={'numeric'}
+                            onChangeText={(val)=>{onHdrDataChange(val,"TotalPosValue","numeric")}}
+                        />
+                    </View>
+                </View>}
+                <View style={[customStyle.openStk_prdCameras,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10,customStyle.WSCameraWrap]}>
+                    
+                    {HeaderImageRequired && HeaderImageCount>0 && 
+                    posSImgArr.map((item,index)=>{
+
+                        let Image1=item.Image1!=null?item.Image1:'';
+                        let img1Required=item.img1Required!=null?item.img1Required:false;
+                        return (
+
+                        <>
+                        {posSData?.PeriodId && showchildview && 
+                            <View key={index} style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                { (Image1=='' || Image1==null) ?
+                                (img1Required?
+                                <TouchableOpacity onPress={()=>{openCamera('1',index)}}>
+                                    <Image style={customStyle.osCatImage2} source={CameraImg5}/>
+                                </TouchableOpacity>:
+                                <TouchableOpacity onPress={()=>{openCamera('1',index)}}>
+                                    <SvgXml width={50} height={50} xml={CameraImg2} />
+                                </TouchableOpacity>
+                                ) : 
+                                
+                                ((Image1!='' && Image1!=null)  ?
+                                <TouchableOpacity onPress={()=>{OpenImgModal(Image1,'1',index)}}>
+                                    <SvgXml width={50} height={50} xml={CameraImg3} />
+                                </TouchableOpacity> : null)
+                                }
+                            </View>
+                        }
+                        </>
+
+
+                        )
+                    })
+                    }
+                    
+                    {/* <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                    
+                    { (Image1=='' || Image1==null) ?
+                        <TouchableOpacity onPress={()=>{openCamera('1')}}>
+                            <Image style={customStyle.osCatImage2} source={CameraImg5}/>
+                        </TouchableOpacity> : (Image1!='' && Image1!=null)  ?
+                        <TouchableOpacity onPress={()=>{OpenImgModal(Image1,'1')}}>
+                            <SvgXml width={50} height={50} xml={CameraImg3} />
+                        </TouchableOpacity> : null
+                    }
+                    </View> */}
+                    
+                    
+                    {/* <View style={customStyle.openStkCameraCon}>
+                    
+                    { (Image2=='' || Image2==null) ?
+                        <TouchableOpacity onPress={()=>{openCamera('2')}}>
+                            <SvgXml width={50} height={50} xml={CameraImg2} />
+                        </TouchableOpacity> : (Image2!='' && Image2!=null)  ?
+                        <TouchableOpacity onPress={()=>{OpenImgModal(Image2,'2')}}>
+                            <SvgXml width={50} height={50} xml={CameraImg3} />
+                        </TouchableOpacity> : null
+                    }
+                    </View>   */}
+                            
+                </View>
+            </View>
+        );
+    }
+
+    const onCancelClean = () =>{
+        setDataCleanModal(false)
+    }
+    const onclear = () => {
+        console.log("onclear---------",DataCleanItem)
+        onWindowDataClean(DataCleanItem)
+    }
+   
+    function _OpenCaptureImage_Modal(img){
+       
+        const isImageCap=(img!='' || img!=null)?true:false;
+        
+        let {type,ImageIndex}=reCapImgModalObj
+        return (
+          <CustomModal
+            style={customStyle.PromoImgModal}
+            title={currentMenu.MenuName+" Image"}
+            message={""}
+            titleStyle={customStyle.PromoImgModal_title}
+            messageStyle={customStyle.PromoImgModal_subtitle}
+            showModal={showModal}
+          >
+            { 
+            isImageCap && 
+            <View style={customStyle.PromoImgModalCon}>
+              <View style={customStyle.PromoImgModal_ImgWrap}>
+              
+                <Image  style={[customStyle.PromoImgModal_Img,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:SelectedImg}} />
+              </View>
+              <TouchableOpacity style={customStyle.PromoImgModal_CameraSmall} onPress={()=>{openCamera(type,ImageIndex)}}>
+                <MaterialCommunityIcons name='camera-retake' size={30} color={PageTheme.$primary_color}/>
+              </TouchableOpacity>
+              
+              {!showImageSaveOp &&
+                <TouchableOpacity style={customStyle.PromoImgModal_Cancel_btn} onPress={()=>{cancelImage(false)}}>
+                
+                  <Text style={customStyle.PromoImgModal_Cancel_btnText}>{ST.Close}</Text>
+                </TouchableOpacity>
+              }
+            </View>
+            }
+          </CustomModal>
+        )
+      }
+
+//    console.log("posSData--->",posSData)   
+   
+    return ( 
+   
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/> 
+        {_OpenCaptureImage_Modal()}           
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {ConfirmSaveAlert(props,DataCleanModal,onCancelClean,onclear,'Your data will be clean',)}
+        {/* <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>    */}
+
+        <CustomCamera cameraType={'back'} BottomText={'Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: '+currentMenu.MenuName} enableCameraFlip={showSwitchCamera} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+
+
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+            
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.POS_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+
+        {posSData?.PeriodId && showchildview &&
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>
+        }
+
+
+         </View>    
+         
+       </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl}  index={refImageIndex}
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(POSSale);
\ No newline at end of file
diff --git a/src/screens/POSSale.js b/src/screens/POSSale.js
new file mode 100644
index 0000000..9903537
--- /dev/null
+++ b/src/screens/POSSale.js
@@ -0,0 +1,2013 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated, Keyboard} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getDownloadJson1,getKPIFields,getServerDT,marktext1,marktext2, restore_ImageWithMetaData, validateNumber} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath,ImageFolderPath, HierarchyTbls} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import CheckBox from '@react-native-community/checkbox';
+
+import CameraImg3 from '../assets/performics/camera_tick.svg';
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CameraImg5 from '../assets/image/camera_asterisk.png';
+import MultiSelect from 'react-native-multiple-select';
+import { ObjectFlags } from 'typescript';
+import { getMethodName, METHODS } from '../constants/methodNames';
+
+function POSSale(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+
+    // console.log(HierarchyTbls, "HierarchyTbls-->")
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [refImageIndex, setrefImageIndex] = useState(0);
+    const [zoomImageIndex, setzoomImageIndex] = useState(0);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+
+    const [AllImagesData, setAllImagesData] = useState([]);
+    const [globalWindows, setGlobalWindows] = useState([]);
+    const [KPIFields, setKPIFields] = useState([]);
+    const [showSwitchCamera,setShowSwitchCamera]= useState(false);
+    const [Image1, setImage1] = useState('');
+    const [Image2, setImage2] = useState('');
+    const [imageCapture, setimageCapture] = useState('');
+    const [imageCapture2, setimageCapture2] = useState('');
+    
+   
+    
+    const [DataCleanModal, setDataCleanModal] = useState(false);
+    const [DataCleanAnim, setDataCleanAnim] = useState("");
+    const [DataCleanItem, setDataCleanItem] = useState({});
+    const [isPresentClean, setIsPresentClean] = useState(0);
+    const [data, setData] = useState({});
+    const [POSDef, setPOSDef] = useState({});
+    const [Months, setMonths] = useState([]);
+
+    const [Months1, setMonths1] = useState([]);
+    const [Years, setYears] = useState([]);
+    const [Periods, setPeriods] = useState([]);
+
+
+    const [posSData, setPosSData] = useState({});
+    const [posSImgArr, setPosSImgArr] = useState([]);
+
+    const [SelectedImg, setSelectedImg] = useState('');
+    const [showModal, setShowModal] = useState(false);
+    const [reCapImgModalObj, setReCapImgModalObj] = useState({});
+    const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+    const [saleArr ,setsaleArr] = useState([]);
+    const [showchildview ,setShowChildView] = useState(true);
+    
+    const [InputChange, setInputChange] = useState([]);
+    const DefPOSWind={"WindowId":"0","WindowName":"POS Sale", "Sale":"0"};
+
+    const inputRefs = useRef({});    
+    
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+
+    useEffect(() => {
+     getyearmonthandcycle();
+    },[posSData.Year,posSData.Month])
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        
+        return function cleanup() {
+            return unsubscribe;
+        };
+    }, []);
+
+    useEffect(() => {
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        return unsubscribe;
+    }, [hasUnsavedChanges]); 
+    
+    useEffect(() => {
+        const unsubscribe=props.navigation.addListener('beforeRemove', onBeforeRemove);
+        return unsubscribe;
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+               return;
+            }   
+        }
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+
+    async function DownloadMerchandiserSaleData() {
+        
+        
+        let downloadKey = "Sup_MerchandiserSaleData";
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        let params = props.route.params ? props.route.params : {};
+        let storeData1 = params.storeData || {};
+        let menu1 = params.menu || {};
+        const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+        
+        let data = {
+            Downloadtype: downloadKey,
+            Username: loginDetails.UserId,
+            Param1: storeData?.StoreId,
+            Param2: posSData?.PeriodId,
+        };
+    
+        console.log(url, data);
+        
+        try {
+            const res = await getDownloadJson1(url, data);
+            console.log("DownloadMerchandiserSaleData res:", res);
+            setLoaderTitle("Downloading Merchandiser Sale Data...");
+            setProcessing(true);
+            if (res.Sup_MerchandiserSaleData!=null || res.Sup_MerchandiserSaleData!= '') {
+                let posSaleArr = res.Sup_MerchandiserSaleData;
+                let isInserted = await InsertDownloadedMerSaleData(posSaleArr);
+                console.log('Inserted data:', posSaleArr);
+                console.log('isInserted:', isInserted);
+    
+                if (isInserted) {
+                    await db.transaction(async function (txn) {   
+
+                        //  remove old data
+                        await txn.executeSql(`DELETE FROM ${AppTables.HEADER_POSSALE_DATA} WHERE STORE_ID='${storeData1.StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                            console.log('Possale hdr data deleted from main download');
+                        },function (txnE,txnerr) { console.log(txnerr); },);
+        
+                        await txn.executeSql(`DELETE FROM ${AppTables.POSSALE_DATA} WHERE STORE_ID='${storeData1.StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                            console.log('Possale data deleted from main download');
+                        },function (txnE,txnerr) { console.log(txnerr); },);
+                        // After both deletions, call getData
+                        notify("Merchandiser sale data downloaded successfully.");
+                        getData(storeData1, menu1);
+                        setShowChildView(true);
+                        setProcessing(false);
+                    });
+                } else {
+                    await db.transaction(async function (txn) {   
+
+                        //  remove old data
+                        await txn.executeSql(`DELETE FROM ${AppTables.HEADER_POSSALE_DATA} WHERE STORE_ID='${storeData1.StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                            console.log('Possale hdr data deleted from main download');
+                        },function (txnE,txnerr) { console.log(txnerr); },);
+        
+                        await txn.executeSql(`DELETE FROM ${AppTables.POSSALE_DATA} WHERE STORE_ID='${storeData1.StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                            console.log('Possale data deleted from main download');
+                        },function (txnE,txnerr) { console.log(txnerr); },);
+                        
+                        // After both deletions, call getData
+                        // notify("Cannot download merchandiser sale data! No data found.");
+                        getData(storeData1, menu1);
+                        setShowChildView(true);
+                        setProcessing(false);
+                    });
+                   
+                }
+                
+                
+            } else {
+                notify('No data found!');
+                setProcessing(false);
+                return [];
+
+            }
+        } catch (err) {
+          console.log('onPage Team error',err);
+          setProcessing(false);
+          notify("Cannot download merchandiser sale data!")
+          return [];
+        }
+    }
+    
+
+      async function InsertDownloadedMerSaleData(posSaleArr){
+        console.log("insert download posSale called");
+        return new Promise((resolve,reject)=>{
+          
+          var values=[],sql_stmnt='',all_vals='';
+          let d1=new Date();
+          let d2=moment(d1).format('MM/DD/YYYY');
+          let tbname='Sup_MerchandiserSaleData';
+          let storeId = storeData.StoreId;
+          let q=`Delete from ${tbname} where StoreId='${storeId}' AND CycleId='${posSData?.PeriodId}'  `;
+
+          posSaleArr = posSaleArr ? posSaleArr : [];
+
+          console.log("posSaleArr", posSaleArr)
+          
+          posSaleArr?.map((data_obj)=>{  
+            let {CycleId,StoreId,PosSaleValue,Sale}=data_obj;
+            values.push(` ('${CycleId || ''}', '${StoreId || ''}', '${PosSaleValue || ''}', '${Sale || 0}')`);
+          });
+          all_vals=values.join(',');
+          sql_stmnt=`INSERT INTO ${tbname}(CycleId,StoreId,PosSaleValue,Sale) 
+          values ${all_vals}`;
+  
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres4) {
+              console.log('removeddata'); 
+              await txn.executeSql(sql_stmnt,[],async function (txn2, txnres2) { 
+                resolve(true);
+              },function(txn2,txnerr){ console.log(txnerr);resolve(false);});
+            },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+          })
+      }).catch((err)=>{
+          console.log(err);
+          return false;
+        })
+      
+      }
+  
+      async function getposSaledefinationdata(id) {  
+
+      console.log(id, "posSData?.PeriodId") 
+
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};   
+        setProcessing(true);
+        try {   
+          await db.transaction(async (txn) => {        
+            let query = `
+              SELECT DISTINCT * FROM Sup_MerchandiserSaleData Where StoreId = '${storeData?.StoreId}' AND CycleId='${id}';`;
+        
+            console.log(query, "query");
+            
+            txn.executeSql(query, [], (txn, result) => {
+              if (result.rows.length > 0) {
+  
+              console.log(result.rows.length, "result.rows.length")
+  
+                   let arr=[];
+
+                   for(var i=0;i<result.rows.length;i++){
+                        let data =result.rows.item(i);
+                        // console.log('data of merch sale --->',data)
+                        arr.push(data);
+                        if(i==result.rows.length-1){
+                          console.log(arr)
+                          setsaleArr(arr);
+                          getData(storeData1,menu1);
+                          setShowChildView(true);
+                          notify("Merchandiser sale data downloaded successfully.");
+                        //   setProcessing(false);
+                        }                                
+                    }
+              } 
+              else {
+               console.log('Table is empty. Triggering data download.');
+               DownloadMerchandiserSaleData();
+                // setProcessing(false);
+              }
+            }, (error) => { 
+              setProcessing(false);
+              console.log("Error while executing getMerchSaledata SQL: ", error); 
+            });
+          });
+        } catch (err) {
+          console.log("Error in get Merch Sale data function: ", err);     
+          setProcessing(false);     
+        }        
+      }
+    async function getyearmonthandcycle(){        
+        try {
+    
+          await db.transaction(async function (txn) {        
+            
+            let q6=`SELECT DISTINCT  CycleYear as Year FROM Sup_Master_PosSaleCycle`;
+            await txn.executeSql(q6,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                  
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        console.log('data of years--->',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            console.log(arr)
+                            setYears(arr);
+                        }                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            let q7=`SELECT DISTINCT CycleMonth as Month FROM Sup_Master_PosSaleCycle WHERE CycleYear = '${posSData?.Year}'`;
+            await txn.executeSql(q7,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                  
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        // console.log('data of months--->',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            console.log(arr)
+                            setMonths1(arr);
+                        }                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            let q8=`SELECT DISTINCT CycleId as PeriodId , CyclePeriod as Period FROM Sup_Master_PosSaleCycle WHERE CycleMonth = '${posSData?.Month}' AND CycleYear = '${posSData?.Year}'`;
+            await txn.executeSql(q8,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                  let arr=[];
+                   for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        // console.log('data of periods--->',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            console.log(arr)
+                            setPeriods(arr);
+                        }                                
+                    }
+                }
+                else{
+                  setProcessing(false);
+                }
+            },function (txnE,txnerr) { console.log(txnerr);setProcessing(false); },);
+            });          
+            //end queries for month / day / year
+        } catch (err) {
+          console.log(err);     
+          setProcessing(false);     
+        }        
+    }
+
+
+    async function getData(storeData1,menu1){
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId,StoreCategoryId,StoreClassId}=storeData1;
+          let arrobj=[];
+          
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          // set switch camera flag as defined in mapping menu flag (if exists)
+          let SwitchingCameraI=AllKPIFields.findIndex(i=>i.KPIFieldName=='SwitchingCamera');
+          let SwitchingCameraObj=SwitchingCameraI>=0?AllKPIFields[SwitchingCameraI]:{};
+          let SwitchingCamera=SwitchingCameraI>=0?SwitchingCameraObj['KPIFieldEnable']:false;
+          setShowSwitchCamera(SwitchingCamera);
+
+          await db.transaction(async function (txn) {
+         
+
+            let q3=`Select PosReasonId as ReasonId,PosReason as Reason From Sup_Master_PosSaleReason`;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                  
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        console.log('data',data)
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txnE,txnerr) { console.log(txnerr); },);
+
+            // check if data exists
+            let q5=` Select * from ${AppTables.HEADER_POSSALE_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            await txn.executeSql(q5,[],async function (txn5, txnres5) { 
+                if(txnres5.rows.length>0){
+                    let pos_d=txnres5.rows.item(0);
+                    let {MONTH,YEAR,CYCLEPERIOD,CYCLEPERIODID ,IMAGE1,IMAGE2,TOTAL_POS_VALUE}=pos_d;
+                    console.log("pos_d--->",pos_d)
+                    // let image1Path=IMAGE1!=''?'file://'+ImageFolderPath+menu1.ScreenName+"/"+IMAGE1:'';
+                    // let image2Path=IMAGE2!=''?'file://'+ImageFolderPath+menu1.ScreenName+"/"+IMAGE2:'';
+                    let posdata_obj={"Month":MONTH, "Year": YEAR, "Period": CYCLEPERIOD,"PeriodId" : CYCLEPERIODID, "TotalPosValue":TOTAL_POS_VALUE};//,"Image1Name":IMAGE1,"Image1":image1Path,"Image2Name":IMAGE2,"Image2":image2Path
+                    setPosSData(posdata_obj);
+                }
+            },function (txnE,txnerr) { console.log(txnerr); });  
+            
+            let q=` Select * from Sup_Master_PosSaleDefinition p INNER join Sup_Mapping_StorePosSaleDefinition mps on p.PosDefinitionId=mps.PosDefinitionId where mps.StoreId='${StoreId}'  `;
+            let possaledata ={},defposData=[],inputChangeFlag=[];
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                console.log('q dicide',txnres2.rows.length)
+                if(txnres2.rows.length>0){
+                    let data=txnres2.rows.item(0);
+                    let PosOverall=data.PosOverall==true || data.PosOverall=='true'?1:0;
+                    let poscheckAssortment = data.PosCheckAssortment
+                    console.log('PSA',poscheckAssortment)
+                    possaledata = data;
+
+                    let HeaderImageRequired=data.HeaderImageRequired==1 || data.HeaderImageRequired=='1' ?true:false;
+                    let HeaderImageCount=data.HeaderImageCount!=null?data.HeaderImageCount:2;
+                    let HeaderImageMandatory=data.HeaderImageMandatory!=null?data.HeaderImageMandatory:2;
+
+                    // console.log("possaledata",possaledata)
+
+                    setPOSDef(possaledata);
+                    
+                    let q2=` Select * from ${AppTables.POSSALE_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+                
+                    await txn.executeSql(q2,[],async function (txn2, txnres3) { 
+                        console.log('added data:',txnres2.rows.length);
+                        if(txnres3.rows.length>0){
+                            let allWindowsData=[];
+                            
+                            for(var i=0;i<txnres3.rows.length;i++){
+                                let data=txnres3.rows.item(i);
+                                console.log('dataloading:',data)
+                                let obj={"WindowId":data.WINDOW_ID,"WindowName":data.WINDOW_NAME,"Sale": data.SALE ,"PosValue":data.POS_VALUE,"PosVolume":data.POS_VOLUME,"ReasonId":data.REASONID,"Reason":data.REASON,"isPresent":data.ISPRESENT}
+                                let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                                data.animatedChoice=animatedChoice;
+                                let changesFlag = {WindowId:data.WINDOW_ID, WindowName:data.WINDOW_NAME,Sale:data.SALE ,Flag:false}
+                                console.log('changesFlag',changesFlag)
+                                inputChangeFlag.push(changesFlag)
+                                allWindowsData.push(obj);
+                                
+                                if(i==txnres3.rows.length-1)
+                                {
+                                    setInputChange(inputChangeFlag)
+                                    setWindowData(allWindowsData);
+                                    let PosSaleImages= HeaderImageRequired==true?await getPosSaleImages(HeaderImageCount,HeaderImageMandatory,possaledata,storeData1,menu1):[];
+                                    setPosSImgArr(PosSaleImages);
+                                    setProcessing(false);    
+                                    setrerenderdata(!rerenderdata);
+
+                                }
+                            }          
+                        }
+                        else{
+                            
+                            if(PosOverall==1){
+                                let obj={"WindowId":DefPOSWind.WindowId,"WindowName":DefPOSWind.WindowName,Sale: DefPOSWind.Sale, "PosValue":"","PosVolume":"","ReasonId":"","Reason":"","isPresent":"0"}
+                                let changesFlag = {WindowId:DefPOSWind.WindowId, WindowName:DefPOSWind.WindowName,Sale : DefPOSWind.Sale, Flag:false}
+                                inputChangeFlag.push(changesFlag)
+                                defposData.push(obj);
+                                
+                                setInputChange(inputChangeFlag)
+                                setWindowData(defposData);
+                                let PosSaleImages= HeaderImageRequired==true?await getPosSaleImages(HeaderImageCount,HeaderImageMandatory,possaledata,storeData1,menu1):[];
+                                setPosSImgArr(PosSaleImages);
+                                setProcessing(false); 
+                            }  
+                            else
+                            {
+                                let q4='';
+                                let join3=` INNER join Sup_Mapping_PosSaleDefinition mps on p.${data.PosField}=mps.PosSaleValue `;
+                                let join2 = data.PosCheckAssortment==true?` INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ` :'';
+                                let join4 = `left join (Select * from Sup_MerchandiserSaleData Where StoreId = '${storeData.StoreId}' and CycleId = '${posSData?.PeriodId}') as sd on mps.PosSaleValue = sd.PosSaleValue ` ;
+                                let assortmentCond=data.PosCheckAssortment==true? ` where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreCategoryId='${StoreCategoryId}' and mp.StoreClassId='${StoreClassId}' and mp.StoreTypeId='${StoreTypeId}' `:'';
+                                data.PosTable=data.PosTable!=null?data.PosTable:'';
+                                if(data.PosTable.toLowerCase() == HierarchyTbls.Master_Category.toLowerCase()){
+                                    q4=`SELECT DISTINCT p.CategoryId as WindowId,p.CategoryName as WindowName  from Sup_Product_Master p  ${join2}  ${join3} ${join4} ${assortmentCond} order by p.CategorySequence`;
+                                }
+                                else if(data.PosTable.toLowerCase() == HierarchyTbls.Master_Brand.toLowerCase()){
+                                    q4=`SELECT DISTINCT p.BrandId as WindowId,p.BrandName as WindowName  from Sup_Product_Master p  ${join2} ${join3} ${join4} ${assortmentCond} order by p.BrandSequence`;
+                                }
+                                else if(data.PosTable.toLowerCase() == HierarchyTbls.Master_SubCategory.toLowerCase()){
+                                    q4=`SELECT DISTINCT p.SubCategoryId as WindowId,p.SubCategoryName as WindowName from Sup_Product_Master p  ${join2} ${join3} ${join4} ${assortmentCond} order by p.SubCategorySequence`;
+                                }
+                                else if(data.PosTable.toLowerCase() == HierarchyTbls.Master_Product.toLowerCase()){
+                                    q4=`SELECT DISTINCT p.ProductId as WindowId,p.ProductName as WindowName ,IFNULL(sd.Sale, 0) AS Sale from Sup_Product_Master p  ${join2} ${join3} ${join4} ${assortmentCond} order by p.ProductSequence`;
+                               
+                                    // q4 = `SELECT DISTINCT p.ProductId as WindowId,p.ProductName as WindowName,IFNULL(sd.Sale, 0) AS Sale  from Sup_Product_Master p   
+                                    //     INNER join Sup_Mapping_PosSaleDefinition mps on p.ProductId=mps.PosSaleValue
+                                    //     left join (Select * from Sup_MerchandiserSaleData Where StoreId = 30 and CycleId = 1) as sd
+                                    //     on mps.PosSaleValue = sd.PosSaleValue order by p.ProductSequence`
+                                    
+                                    }
+
+                                await txn.executeSql(q4,[],async function (txn4, txnres4) { 
+
+                                console.log(q4, "query4----")
+                                    
+                                    let datapossale=[], posassdata=[],inputChangeFlag=[];
+                                    if(txnres4.rows.length>0){
+            
+                                        let arr=[];
+                                        for(var i=0;i<txnres4.rows.length;i++){
+                                            let data =txnres4.rows.item(i);
+
+                                            // console.log("data---->>>", data )
+
+                                            arr.push(data);
+                                            
+                                            let obj={"WindowId":data.WindowId,"WindowName":data.WindowName, "Sale": data.Sale,"PosValue":'',"PosVolume":'',"ReasonId":'',"Reason":'',"isPresent":0}
+                                            let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                                            data.animatedChoice=animatedChoice;
+                                            let changesFlag = {WindowId:data.WindowId, WindowName: data.WindowName, Sale:data.Sale, Flag:false}
+                                            inputChangeFlag.push(changesFlag)
+                                            datapossale.push(obj);
+                        
+                                            if(i==txnres4.rows.length-1){
+                                                setInputChange(inputChangeFlag)
+                                                setWindowData(datapossale);
+                                                let PosSaleImages= HeaderImageRequired==true?await getPosSaleImages(HeaderImageCount,HeaderImageMandatory,possaledata,storeData1,menu1):[];
+                                                setPosSImgArr(PosSaleImages);
+                                                // console.log("possaledata2",possaledata)
+                                                setPOSDef(possaledata);
+                                                setProcessing(false);    
+                                            }
+                                        }
+                                    }
+                                    else{
+                                        let PosSaleImages= HeaderImageRequired==true?await getPosSaleImages(HeaderImageCount,HeaderImageMandatory,possaledata,storeData1,menu1):[];
+                                        setPosSImgArr(PosSaleImages);
+                                        setProcessing(false);
+                                    }
+                                },function (txnE,txnerr) { console.log(txnerr);setProcessing(false); },);
+                        }
+                    }},function (txnE,txnerr) { console.log(txnerr);setProcessing(false); },);
+            
+                }
+            }, function (txnE,txnerr) { console.log(txnerr);setProcessing(false); });
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+
+    async function getPosSaleImages(ImageCount,MandCount,data,storeData1,menu1){
+        let WindowSplits_def=  [];
+        for(var s=0;s<ImageCount;s++){
+            let isMandatory=false;
+            if(s<MandCount){
+                isMandatory=true;  
+            }
+            let obj={'Image1Name':'','Image1':'',img1Required:isMandatory};
+            WindowSplits_def.push(obj);
+        }
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+
+                let q=`select * from ${AppTables.POSSALE_IMAGES} where POSDEFINITIONID='${data.PosDefinitionId}' and STORE_ID='${storeData1.StoreId}' and VISIT_DATE='${d2}' `;
+               
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                           
+                            let isMandatory=false;
+                            if(i<MandCount){
+                                isMandatory=true;  
+                            }
+                            let Image1= data.IMAGE1!=null && data.IMAGE1!=''?'file://'+common_ImagePath+menu1.ScreenName+"/"+data.IMAGE1:'';
+                            let obj={'Image1Name':data.IMAGE1,'Image1':Image1,img1Required:isMandatory};
+                            arr.push(obj);
+
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(WindowSplits_def)
+                    }
+                },function (txnE,txnerr) { console.log(txnerr); resolve(WindowSplits_def) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return WindowSplits_def;
+        });
+    }
+
+
+    async function onSubmitData(){
+        let isvalid = '';
+        isvalid=await validate();
+        if(isvalid){
+            Keyboard.dismiss();
+            setShowAlert(true);
+        }
+
+    
+    }
+
+    async function saveData(){
+        
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,MerchandiserId,ChainId,StateId,StoreTypeId}=storeData;
+            
+            await db.transaction(async function (txn) {   
+
+                //  remove old data
+                await txn.executeSql(`DELETE FROM ${AppTables.HEADER_POSSALE_DATA} WHERE STORE_ID='${StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                    console.log('Possale hdr data deleted');
+                },function (txnE,txnerr) { console.log(txnerr); },);
+
+                await txn.executeSql(`DELETE FROM ${AppTables.POSSALE_DATA} WHERE STORE_ID='${StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                    console.log('Possale data deleted');
+                },function (txnE,txnerr) { console.log(txnerr); },);
+
+
+                await txn.executeSql(`DELETE FROM ${AppTables.POSSALE_IMAGES} WHERE STORE_ID='${StoreId}'and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                    console.log('Possale images data deleted');
+                },function (txnE,txnerr) { console.log(txnerr); },);
+
+                
+
+                var values='',values1='',img_values='';
+                let {Month,Year,Period , PeriodId ,Image1Name,Image2Name,TotalPosValue}=posSData;
+
+                console.log("posSData --->",posSData)
+
+
+                values1+=` ('${MerchandiserId}','${StoreId}','${d3}','${Month}','${Year}','${Period}','${PeriodId}','${Image1Name || ''}','${Image2Name || ''}','${TotalPosValue}','${d3}') `;
+
+                let PosOverall=POSDef.PosOverall==true || POSDef.PosOverall=='true'?1:0;
+                let HeaderImageRequired=POSDef.HeaderImageRequired==1 || POSDef.HeaderImageRequired=='1'?true:false;
+                let HeaderImageCount=POSDef.HeaderImageCount!=null?POSDef.HeaderImageCount:2;
+                let HeaderImageMandatory=POSDef.HeaderImageMandatory!=null?POSDef.HeaderImageMandatory:2;
+                
+                for (const wi in WindowData){
+                    const window=WindowData[wi];
+                    
+                    let wind=window;
+                    let isPresent = '', ReasonId='', Reason='', PosValue='',PosVolume='',WindowId='',WindowName='', Sale='';
+                    WindowId = wind.WindowId;
+                    WindowName = wind.WindowName;
+                    Sale = wind.Sale;
+                    isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                    Reason=wind.Reason!=null?wind.Reason:'';
+                    PosValue=wind.PosValue!=null?wind.PosValue:'';
+                    PosVolume=wind.PosVolume!=null?wind.PosVolume:'';           
+
+                    values+=values!=''?' , ':'';
+                
+                    values+=` ('${MerchandiserId}','${StoreId}','${d3}','${WindowId}','${WindowName}','${Sale}','${POSDef.PosDefinitionId}','${PosValue}','${PosVolume}','${isPresent}','${ReasonId}','${Reason}','${d3}') `; // add here empiid
+                    
+                }
+
+                for (const imgI in posSImgArr){
+                    let item=posSImgArr[imgI];
+                    let Image1=item.Image1!=null?item.Image1:'';
+                    let Image1Name=item.Image1Name!=null?item.Image1Name:'';
+                    img_values+=img_values!=''?' , ':'';
+                
+                    img_values+=` ('${StoreId}','${d3}','${POSDef.PosDefinitionId}','${Image1Name}','${d3}') `;
+                }
+
+                console.log('values:',values);
+                let header_add_possale_data=`INSERT INTO ${AppTables.HEADER_POSSALE_DATA} (EMP_ID ,STORE_ID,VISIT_DATE,MONTH,YEAR,CYCLEPERIOD,CYCLEPERIODID,IMAGE1,IMAGE2,TOTAL_POS_VALUE,ADDED_DATE) VALUES ${values1} `;
+                console.log('add_possale_data',header_add_possale_data)
+
+                let add_possale_data=`INSERT INTO ${AppTables.POSSALE_DATA} (EMP_ID ,STORE_ID,VISIT_DATE,WINDOW_ID,WINDOW_NAME,SALE ,POSDEFINITIONID,POS_VALUE,POS_VOLUME,ISPRESENT,REASONID,REASON,ADDED_DATE) VALUES ${values} `;
+                let add_possale_Images=`INSERT INTO ${AppTables.POSSALE_IMAGES} (STORE_ID,VISIT_DATE,POSDEFINITIONID,IMAGE1,ADDED_DATE) VALUES ${img_values} `;
+                
+                await txn.executeSql(header_add_possale_data,[],async function (txn2, txnres) { 
+                    console.log('POSSALE header data added');
+                    await txn.executeSql(add_possale_data,[],async function (txn2, txnres) { 
+                        console.log('POSSALE data added');
+                        if(HeaderImageRequired==true && HeaderImageMandatory>=0){
+                        await txn.executeSql(add_possale_Images,[],async function (txn2, txnres) { 
+                            console.log('POSSALE header images added');
+                            props.navigation.goBack();
+                        },function (txnE,txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot save possale data'); },);
+                    }else{
+                        props.navigation.goBack();
+                    }
+                    },function (txnE,txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot save possale data'); },);
+                },function (txnE,txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot save headerpossale data'); },);
+                
+            
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function executeQuery(q){
+        return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              resolve(true);
+            },function(Etxn,txnerr){console.log(txnerr);resolve(false) });
+          }); 
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+            console.log(err);
+          return false;
+        })
+    }
+
+
+
+
+    async function validate(){
+        console.log('validate')
+        let isValid=true;
+        let isReasonEnable=POSDef.PosNotExistReasonEnable=='true' || POSDef.PosNotExistReasonEnable==1? 1:0;
+        let isshowPosValue=POSDef.ShowPosValue=='true' || POSDef.ShowPosValue==1?1:0;
+        let isshowPosVolume=POSDef.ShowPosVolume=='true' || POSDef.ShowPosVolume==1?1:0;
+
+        let ShowHdrPosSaleI=KPIFields.findIndex(i=>i.KPIFieldName=='ShowTotalPosSaleHeade');
+        let ShowHdrPosSaleObj=ShowHdrPosSaleI>=0?KPIFields[ShowHdrPosSaleI]:{};
+        let ShowHdrPosSale=ShowHdrPosSaleI>=0?ShowHdrPosSaleObj['KPIFieldEnable']:false;
+        let ShowHdrPosSaleDN=ShowHdrPosSaleObj['KPIFieldDisplayName']!='' && ShowHdrPosSaleObj['KPIFieldDisplayName']!=null ? ShowHdrPosSaleObj['KPIFieldDisplayName'] :"Total POS Value";
+
+        // let posCAValue=KPIFields.findIndex(i=>i.KPIFieldName=='PosSaleCameraAllow')
+        // let posCAValueObj=posCAValue>=0?KPIFields[posCAValue]:{};
+        // let posCAValueEnable=posCAValue>=0?posCAValueObj['KPIFieldEnable']:true;
+
+        let HeaderImageRequired=POSDef.HeaderImageRequired==1 || POSDef.HeaderImageRequired=='1'?true:false;
+        let HeaderImageCount=POSDef.HeaderImageCount!=null?POSDef.HeaderImageCount:2;
+        let HeaderImageMandatory=POSDef.HeaderImageMandatory!=null?POSDef.HeaderImageMandatory:2;
+       
+        console.log(HeaderImageRequired, "HeaderImageRequired")
+
+        
+        return new Promise(async(resolve,reject)=>{
+            let {Image1,Image1Name,Image2,Image2Name,Month,Year,Period,TotalPosValue}=posSData;
+             if(Year==null || Year==''){
+                notify(`Please select Year`,'SHORT');
+                resolve(false);return;
+            }
+            else if(Month==null || Month==''){
+                notify(`Please select month`,'SHORT');
+                resolve(false);return;
+            }
+            else if(Period==null || Period==''){
+                notify(`Please select Cycle`,'SHORT');
+                resolve(false);return;
+            }
+            else if(ShowHdrPosSale==true && TotalPosValue!==0 && (TotalPosValue=='' || TotalPosValue==null)){
+                notify(`Please enter ${ShowHdrPosSaleDN} value`,'SHORT');
+                resolve(false);return;
+            }
+            else{
+                
+                if(HeaderImageRequired==true && HeaderImageMandatory>=0){
+                console.log("HELLO")
+                    let res=await new Promise((resolve1,reject1)=>{
+                        posSImgArr.map((item,index)=>{
+
+                            console.log(StoreCameraAllow , item.img1Required ,item.Image1 , item.Image1, "CONSOLEE_-----")
+                            if(StoreCameraAllow && item.img1Required==true && (item.Image1=='' || item.Image1==null)){
+                                notify(`Please click image`,'SHORT');
+                                resolve1(false);
+                            }
+                            if(index==posSImgArr.length-1){
+                                resolve1(true);
+                            }
+                        })
+                    }).catch((err)=>{
+                        console.log("error:",err);
+                        return false;
+                    })
+                    console.log("HeaderImageRequired validate res:",res)
+                    if(res==false){
+                        isValid=false;return false;
+                    }
+                }
+                if(isValid){
+                    for (const wi in WindowData){
+                        const window=WindowData[wi];
+                        const wind=window;
+                        let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                        let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                        let PosValue=wind.PosValue!=null?wind.PosValue:'';
+                        let PosVolume=wind.PosVolume!=null?wind.PosVolume:'';
+                        if(isPresent=='1'){
+                            if(isshowPosValue==true && ( PosValue==null || PosValue=='')){
+                                notify(`Please Enter ${POSDef.PosValueLabel} `,'SHORT');
+                                resolve(false);return;
+                            }
+                            else if(isshowPosVolume==true && (PosVolume==null || PosVolume=='')){
+                                notify(`Please Enter ${POSDef.PosVolumeLabel}`,'SHORT');
+                                resolve(false);return;
+                            }
+                        }
+                        else {
+                            if(isReasonEnable==true && ReasonId=='' ){
+                                notify(`${'Please Select Reason'}`,'SHORT');
+                                resolve(false);return;
+                            }
+                        }
+
+                        if(wi==WindowData.length-1){
+                            resolve(true);return;
+                        }
+            
+                    }
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    
+    }
+
+    function onselectionChange3(option,keyLbl,keyVal,otherData){
+        let item=otherData.window;
+        let index=otherData.index;
+
+        let allData=WindowData;
+        let wind = item; 
+        wind[keyVal]=option.value;
+        wind[keyLbl]=option.label;
+       
+        let objIndex = InputChange.findIndex(i=>i.WindowId==item.WindowId);
+        let winArr=[...InputChange]
+        winArr[objIndex].Flag=true
+        setInputChange(winArr);
+
+
+        index>=0?allData[index]=wind:'';
+        console.log('windowallData',allData)
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+       
+    }
+   
+
+    async function disableQtns(sqtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.VisibilityQuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.VisibilityQuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.VisibilityQuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+
+                    wind['WindowQA']=data;
+                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                    
+                    return false
+                })
+            ).then(async (val)=>{
+
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.VisibilityDefinitionId==window.VisibilityDefinitionId && i.VisibilityId==window.VisibilityId)
+                if(windowIndex>=0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.VisibilityQuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                await disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+            }
+            else{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.VisibilityDefinitionId==window.VisibilityDefinitionId && i.VisibilityId==window.VisibilityId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+   
+    function setTextValue(value,qtn,window) {        
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        
+        let allData=WindowData;
+        let defData={'PosDefinitionId':window.PosDefinitionId};
+        const wind_index=allData.findIndex(i=> i.PosDefinitionId==window.PosDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.VisibilityQuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,window,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        
+        console.log(value,obj);
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        let objIndex = InputChange.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let winArr=[...InputChange]
+        winArr[objIndex].Flag=true
+        console.log("changeValue---------1",winArr)
+        setInputChange(winArr)
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn,window,show=false){
+        let allQtns=window.WindowQuestions || [];
+        let newqtnIndex=allQtns.findIndex(q=>q.VisibilityQuestionId==qtn.VisibilityQuestionId);
+       
+        if(newqtnIndex>=0){
+            let newqtn=allQtns[newqtnIndex];
+            newqtn.showDatePicker=show;
+            allQtns[newqtnIndex]=newqtn;
+            window['WindowQuestions']=allQtns;
+            let allWindows=Windows;
+            const winIndex=allWindows.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId) || {};
+            allWindows[winIndex]=window;
+            setWindows(allWindows);
+            setGlobalWindows(allwindows);
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data){
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+        let qtn=RatingQtn;
+        let window=RatingWindow;
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData=WindowData;
+        let defData={'PosDefinitionId':window.PosDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PosDefinitionId==window.PosDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        let objIndex = InputChange.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let winArr=[...InputChange]
+        winArr[objIndex].Flag=true
+        console.log("changeValue---------7",winArr)
+
+        setInputChange(winArr)
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+    
+   
+    function onChoiceSelect(item,index,val,key,animatedChoice){
+
+        let win_index=InputChange.find(i=>i.WindowId==item.WindowId)
+        console.log('win_index123',win_index)
+        let changeValue=win_index.Flag>=0?win_index.Flag:false;
+        console.log("win_index--------",win_index)
+        console.log("changeValue--------",changeValue)
+        console.log("InputChange--------",InputChange)
+
+        
+        if(changeValue){
+            setIsPresentClean(val)
+            setDataCleanAnim(animatedChoice)
+            setDataCleanItem(item)
+            setDataCleanModal(true)
+            return
+        }
+        
+        var val1=0;
+        val==1?val1=1:'';
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,index,val,key)
+    }
+
+    function onWindowDataChange(item,index,val,key,type=''){
+        
+        let allData=WindowData;
+        
+        if(val!=''){
+            let isValid=validateNumber(val,type);
+            if(!isValid){
+                return;
+            }
+        }
+
+        let wind = item;
+      
+        let PosOverall=POSDef.PosOverall==true || POSDef.PosOverall=='true'?1:0;
+        wind[key]=val;
+        // if(key=='ReasonId'){
+        //     let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+        //     wind['Reason']=rsn.Reason || '';
+        // }
+
+        index>=0?allData[index]=wind:'';
+      
+        console.log('windowallData',allData)
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onHdrDataChange(val,key,type=''){
+        if(val!=''){
+            let isValid=validateNumber(val,type);
+            if(!isValid){
+                return;
+            }
+        }
+
+        let alldata=posSData;
+        alldata[key]=val;
+        setPosSData(alldata);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let allData=posSData;
+
+        console.log("allData",allData)
+
+        console.log(keyLbl,keyVal)
+
+        allData[keyLbl]=option.label;
+        allData[keyVal]=option.value;
+
+        if (keyLbl == 'Year') {
+            allData['Month'] = '';  // Reset Month
+            allData['Period'] = '';
+            allData['PeriodId'] = ''; // Reset Period
+            setShowChildView(false);
+        }
+
+        // If Month is selected, reset Period
+        if (keyLbl == 'Month') {
+            allData['Period'] = '';
+            allData['PeriodId'] = '';   // Reset Period
+            setShowChildView(false);
+        }
+        
+        if (keyLbl == 'Period' && keyLbl == 'PeriodId') {
+            setShowChildView(false);
+        }
+        setShowChildView(false);
+        setPosSData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+      }
+
+    
+    async function setWindowStockVal(val,window,stockProd,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+        
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        let sdIndex=WStocksData.findIndex(i=> i.ProductId==stockProd.VisibilityStockValue);
+        let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.VisibilityStockValue,'Stock':''};
+        sd[key]=val;
+        sdIndex>=0?WStocksData[sdIndex]=sd:WStocksData.push(sd);
+        wind['WStocksData']=WStocksData;
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        if(key=='isPVisPresent'){
+            let isAllChecked = await verifyAllChecked(val,window,stockProd,key);
+            wind['isAllSKUChecked']=isAllChecked;
+        }
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    
+    
+
+    async function onCatTextChange(window,key,val){
+        let item=window;
+        let allData=WindowData;
+        let defData={'VisibilityId':item.VisibilityId,'VisibilityDefinitionId':item.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==item.VisibilityId && i.VisibilityDefinitionId==item.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    async function verifyAllChecked(val,window,stockProd,key){
+        return await new Promise((resolve,reject)=>{
+            let WindowStocks=window.WindowStocks || [];
+            let allData=WindowData;
+            const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+            let wind=win_index>=0?(allData[win_index] || defData) : defData;
+            let WStocksData=wind['WStocksData'] || [];
+            if(WindowStocks.length>0){
+                let isAllChecked=1;
+                for(var i=0;i<WindowStocks.length;i++){
+                    let stockProd=WindowStocks[i];
+                    
+                    let sdIndex1=WStocksData.findIndex(a=> a.ProductId==stockProd.VisibilityStockValue);
+                    let sd1=sdIndex1>=0?WStocksData[sdIndex1]:{};
+                    let isPVisPresent=sd1.isPVisPresent;
+                    if(isPVisPresent==null || isPVisPresent=='' || isPVisPresent==0 || isPVisPresent=='0'){
+                        isAllChecked=0
+                    }
+
+                    if(i==WindowStocks.length-1){
+                        resolve(isAllChecked);
+                    }
+                }
+            }
+            else{
+                resolve(0);
+            }
+            
+        }).catch((err)=>{
+            console.log(err);
+            return 0;
+        });
+    }
+
+    async function getImage(imgdata){
+        // const serverDT = await getServerDT();
+        let type=getImageProps.type || '';
+        let ImageIndex=getImageProps.ImageIndex;
+        
+        console.log('getImage ImageIndex:',type,ImageIndex)
+        
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+            let isImgFromGallery=img.fromGallery!=null?img.fromGallery:false;
+            let picture_clickedd=isImgFromGallery==true?img.datetime:new Date();
+            let picture_clicked_time=moment(picture_clickedd).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            // let picture_clicked_date1=serverDT?.ServerDate?.replace(/\//g, '');
+            // let picture_clicked_time1=serverDT?.ServerTime?.replace(/\:/g, '');
+            let picture_clicked_date1=moment(picture_clickedd).format('YYYYMMDD');
+            let picture_clicked_time1=moment(picture_clickedd).format('HHmmss');
+
+            console.log(picture_clicked_date1 , picture_clicked_time1, "DATEANDTIME")
+
+            let filename=(props.UserId || '')+'_PossaleImg-'+picture_clicked_date1+'_'+picture_clicked_time1+'.jpg';
+            
+            let allData=posSImgArr;//posSData;
+            let image_key,image_key_path;
+            let imgObj={};
+            if(ImageIndex>=0){
+                imgObj=allData[ImageIndex];
+            }
+            if(type=='1'){
+                image_key='Image1Name';
+                image_key_path="Image1";
+            }
+            // else{
+            //     image_key='Image2Name';
+            //     image_key_path="Image2";
+            // }
+
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+'  | Image Type: '+currentMenu.MenuName+' | Date:'+picture_clicked_time;
+            
+            
+            // renamefile
+            let imagePath='file://'+`${common_ImagePath}${filename}`;
+
+            // let imagePath=`${common_ImagePath+currentMenu.ScreenName}/${filename}`;
+            
+            console.log('imagePath',imagePath,imgObj)
+            RNFS.copyFile(imgurl,imagePath)
+            .then(async(resn) => {
+                // render data with clicked image
+                let uri='file://'+imagePath;
+                imgObj[image_key]=filename;
+                imgObj[image_key_path]=uri;
+                
+                ImageIndex>=0?allData[ImageIndex]=imgObj:allData.push(imgObj);
+                console.log("allData:",allData);
+                setPosSImgArr(allData);
+                setSelectedImg(uri);
+                setrerenderdata(!rerenderdata);
+
+                // add metdata then resize image and restored back to the imagePath
+                
+                // let restore_data={"destFilePath":imagePath,"imgurl":imgurl,imgWidth,imgHeight,mark_text1,mark_text2}
+                
+                // console.log("restore_data--->",restore_data)
+                
+                // let is_restored=await restore_ImageWithMetaData(restore_data,imgdata);
+                // console.log("image restored:",is_restored);
+            })
+            .catch(err => {
+                console.log('ERROR: image file write failed!!!');
+                console.log(err.message, err.code);
+            });           
+        }        
+    }
+    
+
+
+    async function removeImage(){
+        let index=toRemoveIndex;
+        let allData=AllImagesData;
+        let imgData=allData[index];
+        let imgPath=imgData.ImagePath || '';
+        if(imgPath!=''){
+            let imgPath1='file://'+imgPath;
+            RNFS.unlink(imgPath1);
+        }
+        allData.splice(index,1);
+        setAllImagesData(allData);
+    }
+
+    async function  onRemoveImage(imgName,index){
+        setToRemoveIndex(index);
+    }
+
+  
+    async function openCamera(type='1',index=''){  
+        setGetImageProps({'type':type,"ImageIndex":index}); 
+        setShowCamera(true);
+    }
+  
+
+    function onWindowDataClean(){
+        if(DataCleanAnim!=null){
+            console.log("anim---")
+            let anim=isPresentClean==1?1:'';
+            Animated.timing(DataCleanAnim, {
+                toValue:anim,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        let allData=WindowData;
+        let WindowSplits =  [];
+        for(var s=0;s<DataCleanItem.NoOfSplit;s++){
+            let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+            WindowSplits.push(obj);
+        }
+
+        console.log("isPresentClean-------",isPresentClean,"----",isPresentClean==1?0:1)
+        // i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId
+        let defData={'WindowId':DataCleanItem.WindowId,isPresent:isPresentClean};
+        const win_index=allData.findIndex(i=>i.WindowId==DataCleanItem.WindowId);
+        allData[win_index]=defData
+
+        let objIndex = InputChange.findIndex((obj => obj.WindowId == DataCleanItem.WindowId));
+        let winArr=[...InputChange]
+        winArr[objIndex].Flag=false
+        console.log("changeValue---------7",winArr)
+        setInputChange(winArr)
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setDataCleanModal(false)
+        setrerenderdata(!rerenderdata);
+    }
+
+    function checkAllSKUs(val,window){
+        
+        let WindowStocks=window.WindowStocks || [];
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        console.log('WStocksData before:',WStocksData)
+        for(var i=0;i<WindowStocks.length;i++){
+            let stockProd=WindowStocks[i];
+            
+            let sdIndex=WStocksData.findIndex(a=> a.ProductId==stockProd.VisibilityStockValue);
+            let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.VisibilityStockValue,'Stock':''};
+            let isPVisPresent=(val==1 || val=='1')?1:0;
+            sd['isPVisPresent']=isPVisPresent;
+            
+            sdIndex>=0?(WStocksData[sdIndex]=sd):(WStocksData.push(sd));
+        }
+
+        
+        wind['WStocksData']=WStocksData;
+        wind['isAllSKUChecked']=val==1?1:0;
+        console.log('wind updated');
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(windowIndex=0){
+        setrefImageIndex(windowIndex);
+        setShow_zoomImage(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        let newWindows=[];
+        if(searchedQry!=null && searchedQry!=''){
+            
+            for(let i=0;i<globalWindows.length;i++){
+                let item=globalWindows[i];
+                let {VisibilityName}=item;
+                if(VisibilityName.toLowerCase().includes(searchedQry)){
+                    newWindows.push(item);
+                }
+
+                if(i==globalWindows.length-1){
+                    arr=newWindows;
+                }
+            }
+        }
+        else{
+          arr=globalWindows;
+        }
+
+        setWindows(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    
+    async function OpenImgModal(imgPath,type='1',ImageIndex=''){
+      
+        setSelectedImg(imgPath)
+        setShowModal(true);
+        if((imgPath!='' && imgPath!=null)){
+            setShowImageSaveOp(false);
+        }
+        else{
+            setShowImageSaveOp(true);
+        }
+        setReCapImgModalObj({type,ImageIndex});
+    }
+
+    function cancelImage(){
+        // setImage1('');
+        setSelectedImg('');
+        setReCapImgModalObj({})
+        setShowModal(false);
+    }
+   
+
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>{ST.DragItemsInOrder}</Text>
+                <Text style={customStyle.VRSubHeding}>{ST.Pressandholdtodrag}</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let window=selected_data.window || {};
+        let isQtnDisabled=qtn.isDisabled!=null || qtn.isDisabled!=''?false:true;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn,window) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.WQPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-'+ST.select+'-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn,window){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn,window)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+
+    function _renderItem(item,index){
+
+        const window=item;
+        const windowIndex=index;
+        
+        let isNAReasonEnable=POSDef.PosNotExistReasonEnable=='true' || POSDef.PosNotExistReasonEnable==1?1:0;
+        let isshowPosValue=POSDef.ShowPosValue=='true' || POSDef.ShowPosValue==1?1:0;
+        let isshowPosVolume=POSDef.ShowPosVolume=='true' || POSDef.ShowPosVolume==1?1:0;
+        let wind = item;
+        
+        
+        let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+        let Reason=wind.Reason!=null?wind.Reason:'';
+        let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+        let PosValue=wind.PosValue!=null?wind.PosValue:'';
+        let PosVolume=wind.PosVolume!=null?wind.PosVolume:'';
+        
+        var xpos=isPresent=='1'?-75:0;
+        if(wind.animatedChoice!=null ){
+            xpos=wind.animatedChoice.interpolate({
+                inputRange:[0,1],
+                outputRange:[0,-75],
+            });
+        }
+                
+
+        // console.log("saleArr-->",saleArr)
+
+        return(
+        <>
+            {posSData?.PeriodId && showchildview &&
+                <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                    <View style={customStyle.WItem_Hdr}>                            
+                        <View style={customStyle.WItem_Hdrbg}>
+                            <Text style={customStyle.WItem_HdrText}>{item.WindowName}</Text>
+                        </View>
+                    </View>
+                    
+                    <View style={customStyle.WForm}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel, {width:'90%', fontSize:15,fontWeight:'600'}]}>{'Promotor Sale Volume :' } {item.Sale}</Text>
+                        <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                            <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                    <View style={customStyle.openStk_prd_choiceBox}>
+                                        <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                        {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                        <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,index,1,'isPresent',wind.animatedChoice)}}>
+                                            <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                        </TouchableOpacity>
+                                        <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,index,0,'isPresent',wind.animatedChoice)}}>
+                                            <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                        </TouchableOpacity>
+                                    </View>
+                                </View>
+                            </View>
+                        
+                            { ((isPresent=='1'&& isshowPosValue==true)) &&
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{POSDef.PosValueLabel}</Text>
+                                    <TextInput 
+                                        style={[customStyle.posS_flex_inputStyle2]}
+                                        placeholder=""
+                                        autoComplete='off'
+                                        placeholderTextColor={PageTheme.$placeholder_color} 
+                                        keyboardType={'numeric'}
+                                        value ={(PosValue+'')}
+                                        onChangeText={(val)=>{onWindowDataChange(item,index,val,'PosValue','numeric')}}
+                                        
+                                    />
+                                
+                                    </View>
+                            }
+                            { ((isPresent=='1'&& isshowPosVolume==true) ) &&
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{POSDef.PosVolumeLabel}</Text>
+                                    <TextInput 
+                                        style={[customStyle.posS_flex_inputStyle2]}
+                                        // ref={(reff)=>{inputRefs.current['input1_'+stockProd.VisibilityDefinitionId+'_'+stockProd.VisibilityStockDefinitionId]=reff;}} 
+                                        placeholder=""
+                                        autoComplete='off'
+                                        placeholderTextColor={PageTheme.$placeholder_color} 
+                                        keyboardType={'numeric'}
+                                        value ={(PosVolume+'')}
+                                        onChangeText={(val)=>{onWindowDataChange(item,index,val,'PosVolume','numeric')}}
+                                        />
+                                    </View>
+                            }
+
+                            {
+                            (isPresent=='0' && isNAReasonEnable==true) && 
+                            <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                            <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                            {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange3} selected_data={{value:Reason,otherData:{window:window,index:index}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                            </View>
+                            }
+                    
+                        </View>
+                    </View>
+                </View>
+            }
+        </>
+        );
+
+    }
+
+    function _renderWindow(){
+        
+        
+        let PosOverall=POSDef.PosOverall==true || POSDef.PosOverall=='true'?1:0;
+        if(PosOverall==1){
+            return (
+            <>
+            {_renderPOSSHeader()}
+            {_renderItem(DefPOSWind,0)}
+            </>
+            )
+        }
+        else{
+            return (
+                <FlatList 
+                data={WindowData}
+                extraData={rerenderdata}
+                contentContainerStyle={customStyle.Win_scroll} 
+                style={customStyle.Win_scrollO}
+                initialNumToRender={5}
+                ListHeaderComponent={_renderPOSSHeader}
+                listKey={(item, index) => `window_${index.toString()}`}
+                renderItem={({item,index})=>{
+                    return _renderItem(item,index);
+                    
+                }}
+                />
+            )
+        }
+    }
+
+   
+    
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text>
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#fff'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+
+    function _renderPOSSHeader(){
+
+    // console.log(posSData?.PeriodId , showchildview, "Values--->>")
+        
+        let {TotalPosValue}=posSData;//Image1,Image1Name,Image2,Image2Name
+
+        let HeaderImageRequired=POSDef.HeaderImageRequired==1 || POSDef.HeaderImageRequired=='1'?true:false;
+        let HeaderImageCount=POSDef.HeaderImageCount!=null?POSDef.HeaderImageCount:2;
+        // let HeaderImageMandatory=POSDef.HeaderImageMandatory!=null?POSDef.HeaderImageMandatory:2;
+       
+        let ShowHdrPosSaleI=KPIFields.findIndex(i=>i.KPIFieldName=='ShowTotalPosSaleHeade');
+        let ShowHdrPosSaleObj=ShowHdrPosSaleI>=0?KPIFields[ShowHdrPosSaleI]:{};
+        let ShowHdrPosSale=ShowHdrPosSaleI>=0?ShowHdrPosSaleObj['KPIFieldEnable']:false;
+        let ShowHdrPosSaleDN=ShowHdrPosSaleObj['KPIFieldDisplayName']!='' && ShowHdrPosSaleObj['KPIFieldDisplayName']!=null ? ShowHdrPosSaleObj['KPIFieldDisplayName'] :"Total POS Value";
+        return (
+            <View style={[customStyle.possale_headerview]}>
+
+                <View style={[customStyle.openStk_prd_colflex,customStyle.posS_hdrWrap, {marginBottom:15}]}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{'Year'}</Text>
+                    <View style={customStyle.picker_design} >
+                    {/* {console.log("posSData?.Year",posSData?.Year)}
+                    {console.log("Years",Years)} */}
+                    {CustomPicker(props,Years,'Year','Year','Year','Year',onselectionChange,{value:posSData?.Year})}
+                    </View>
+                </View>
+
+                <View style={[customStyle.openStk_prd_colflex,customStyle.posS_hdrWrap, {marginBottom:15}]}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{'Month'}</Text>
+                    <View style={customStyle.picker_design} >
+                    {CustomPicker(props,Months1,'Month','Month','Month','Month',onselectionChange,{value: posSData?.Month})}
+                    </View>
+                </View>
+
+
+
+                <View style={[customStyle.openStk_prd_colflex,customStyle.posS_hdrWrap, {marginBottom:15}]}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{'Cycle'}</Text>
+                    <View style={customStyle.picker_design} >
+                    {CustomPicker(props,Periods,'Period','PeriodId','Period','PeriodId',onselectionChange,{value: posSData?.Period})}
+                    </View>
+                </View>
+
+
+               <TouchableOpacity style = {[posSData?.PeriodId != '' && posSData?.PeriodId != null  ? customStyle.posSale_getdata_btnWrap :  customStyle.posSale_getdata_disable_btnWrap]} 
+                 disabled={!posSData?.PeriodId }
+                 onPress={() => getposSaledefinationdata(posSData?.PeriodId)}
+               >
+                 <Text style = {[customStyle.hr_viewButtonText, {textAlign :'center', fontSize :15}]}>Get Sale data</Text>
+               </TouchableOpacity>
+
+
+
+               { /*
+                <View style={[customStyle.openStk_prd_colflex,customStyle.posS_hdrWrap]}>
+                    <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{'Month'}</Text>
+                    <View style={customStyle.picker_design} >
+                    {CustomPicker(props,Months,'MonthId','MonthName','MonthId','MonthName',onselectionChange,{value:posSData.MonthName})}
+                    </View>
+                </View>
+                */
+               }
+                
+                {ShowHdrPosSale==true && 
+                <View style={[customStyle.openStk_prd_row,customStyle.posS_field,customStyle.posS_fieldBorder]}>
+                    <View style={[customStyle.openStk_prd_colflex]}>
+                        <Text style={[customStyle.openStk_prd_label,customStyle.posS_flex_label]}>{ShowHdrPosSaleDN}</Text>
+                        <TextInput 
+                            style={[customStyle.openStk_prd_inputStyle,customStyle.posS_flex_inputStyle]}              
+                            placeholder=""  
+                            autoComplete='off'          
+                            placeholderTextColor={PageTheme.$placeholder_color} 
+                            value={TotalPosValue}
+                            keyboardType={'numeric'}
+                            onChangeText={(val)=>{onHdrDataChange(val,"TotalPosValue","numeric")}}
+                        />
+                    </View>
+                </View>}
+                <View style={[customStyle.openStk_prdCameras,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10,customStyle.WSCameraWrap]}>
+                    
+                    {HeaderImageRequired && HeaderImageCount>0 && 
+                    posSImgArr.map((item,index)=>{
+
+                        let Image1=item.Image1!=null?item.Image1:'';
+                        let img1Required=item.img1Required!=null?item.img1Required:false;
+                        return (
+
+                        <>
+                        {posSData?.PeriodId && showchildview && 
+                            <View key={index} style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                { (Image1=='' || Image1==null) ?
+                                (img1Required?
+                                <TouchableOpacity onPress={()=>{openCamera('1',index)}}>
+                                    <Image style={customStyle.osCatImage2} source={CameraImg5}/>
+                                </TouchableOpacity>:
+                                <TouchableOpacity onPress={()=>{openCamera('1',index)}}>
+                                    <SvgXml width={50} height={50} xml={CameraImg2} />
+                                </TouchableOpacity>
+                                ) : 
+                                
+                                ((Image1!='' && Image1!=null)  ?
+                                <TouchableOpacity onPress={()=>{OpenImgModal(Image1,'1',index)}}>
+                                    <SvgXml width={50} height={50} xml={CameraImg3} />
+                                </TouchableOpacity> : null)
+                                }
+                            </View>
+                        }
+                        </>
+
+
+                        )
+                    })
+                    }
+                    
+                    {/* <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                    
+                    { (Image1=='' || Image1==null) ?
+                        <TouchableOpacity onPress={()=>{openCamera('1')}}>
+                            <Image style={customStyle.osCatImage2} source={CameraImg5}/>
+                        </TouchableOpacity> : (Image1!='' && Image1!=null)  ?
+                        <TouchableOpacity onPress={()=>{OpenImgModal(Image1,'1')}}>
+                            <SvgXml width={50} height={50} xml={CameraImg3} />
+                        </TouchableOpacity> : null
+                    }
+                    </View> */}
+                    
+                    
+                    {/* <View style={customStyle.openStkCameraCon}>
+                    
+                    { (Image2=='' || Image2==null) ?
+                        <TouchableOpacity onPress={()=>{openCamera('2')}}>
+                            <SvgXml width={50} height={50} xml={CameraImg2} />
+                        </TouchableOpacity> : (Image2!='' && Image2!=null)  ?
+                        <TouchableOpacity onPress={()=>{OpenImgModal(Image2,'2')}}>
+                            <SvgXml width={50} height={50} xml={CameraImg3} />
+                        </TouchableOpacity> : null
+                    }
+                    </View>   */}
+                            
+                </View>
+            </View>
+        );
+    }
+
+    const onCancelClean = () =>{
+        setDataCleanModal(false)
+    }
+    const onclear = () => {
+        console.log("onclear---------",DataCleanItem)
+        onWindowDataClean(DataCleanItem)
+    }
+   
+    function _OpenCaptureImage_Modal(img){
+       
+        const isImageCap=(img!='' || img!=null)?true:false;
+        
+        let {type,ImageIndex}=reCapImgModalObj
+        return (
+          <CustomModal
+            style={customStyle.PromoImgModal}
+            title={currentMenu.MenuName+" Image"}
+            message={""}
+            titleStyle={customStyle.PromoImgModal_title}
+            messageStyle={customStyle.PromoImgModal_subtitle}
+            showModal={showModal}
+          >
+            { 
+            isImageCap && 
+            <View style={customStyle.PromoImgModalCon}>
+              <View style={customStyle.PromoImgModal_ImgWrap}>
+              
+                <Image  style={[customStyle.PromoImgModal_Img,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:SelectedImg}} />
+              </View>
+              <TouchableOpacity style={customStyle.PromoImgModal_CameraSmall} onPress={()=>{openCamera(type,ImageIndex)}}>
+                <MaterialCommunityIcons name='camera-retake' size={30} color={PageTheme.$primary_color}/>
+              </TouchableOpacity>
+              
+              {!showImageSaveOp &&
+                <TouchableOpacity style={customStyle.PromoImgModal_Cancel_btn} onPress={()=>{cancelImage(false)}}>
+                
+                  <Text style={customStyle.PromoImgModal_Cancel_btnText}>{ST.Close}</Text>
+                </TouchableOpacity>
+              }
+            </View>
+            }
+          </CustomModal>
+        )
+      }
+
+//    console.log("posSData--->",posSData)   
+   
+    return ( 
+   
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/> 
+        {_OpenCaptureImage_Modal()}           
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {ConfirmSaveAlert(props,DataCleanModal,onCancelClean,onclear,'Your data will be clean',)}
+        {/* <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>    */}
+
+        <CustomCamera cameraType={'back'} BottomText={'Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: '+currentMenu.MenuName} enableCameraFlip={showSwitchCamera} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+
+
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+            
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.POS_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+
+        {posSData?.PeriodId && showchildview &&
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>
+        }
+
+
+         </View>    
+         
+       </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl}  index={refImageIndex}
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(POSSale);
\ No newline at end of file
diff --git a/src/screens/PaidVisibility.js b/src/screens/PaidVisibility.js
new file mode 100644
index 0000000..4cfdbf1
--- /dev/null
+++ b/src/screens/PaidVisibility.js
@@ -0,0 +1,1035 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert,BackHandler, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import { ExitScreenAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+
+function PaidVisibility(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [globalBrandData, setGlobalBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [catImages, setCatImages] = useState([]);
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [KPIFields, setKPIFields] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [searchedItem, setSearchedItem]= useState('');
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    const zoomView=useRef(null);
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);   
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+          let getKPIFieldsDone=await getKPIFields(menu1);
+          await db.transaction(async function (txn) {  
+            let q2=Q_getpaidvisibility(storeData1);
+            let q=`Select * From Master_NonVisibility`;
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            console.log('paivis q:',q2)
+            await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                console.log('txnres2.rows.length:',txnres2.rows.length)
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            getSKU(arr,storeData1);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getKPIFields(menu1){
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                let q=`select * from Mapping_MenuConfiguration where ScreenName='${menu1.ScreenName}'`;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            
+                            let isenable=data.KPIFieldEnable=='true' || data.KPIFieldEnable==1?true:false;
+                            data['KPIFieldEnable']=isenable;
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+                                setKPIFields(arr);
+                                resolve(true)
+                            }
+                        }
+                    }
+                    else{
+                        resolve(true)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve(false) },);
+            });
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log(err);
+            return false;
+        });
+    }
+
+    async function getSKU(brands=[],storeData1={}){
+        
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData1;     
+        
+          await db.transaction(async function (txn) { 
+            let allSKUData=[];
+            let completed_tasks=0;
+            await Promise.all(
+                brands.map(async (item,index) => {
+                    let seletlist=`p.DISPLAY_ID as DisplayId,p.DISPLAY as DisplayName,p.VISIBILITY_PRESENT,p.IMAGE1,p.IMAGE2,p.REASON_ID,p.REASON,md.RefImage`;
+                    let sku_q=`SELECT ${seletlist} FROM ${AppTables.PAID_VISIBILITY_CHILD_DATA} p INNER join Master_Display md on md.DisplayId=p.DISPLAY_ID WHERE p.STORE_ID='${StoreId}' and p.VISIT_DATE='${d2}' and  p.SUB_CATEGORY_ID='${item.SubCategoryId}' `;
+                    
+                    let join=`  INNER JOIN Mapping_Visibility v on p.SubCategoryId=v.SubCategoryId `;
+                    let join2=` INNER join Master_Display md on md.DisplayId=v.DisplayId `;
+                    let sku_q2=`SELECT DISTINCT md.DisplayId,md.DisplayName,md.RefImage from Product_Master p  ${join} ${join2} where v.StoreId='${StoreId}' and p.SubCategoryId='${item.SubCategoryId}'`;
+                    
+                    let cindex=index;
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        if(txnres.rows.length>0){
+                            let arr=[];
+                           
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                
+                                let ancval=data.VISIBILITY_PRESENT==1?1:0;
+                                let animatedChoice=new Animated.Value(ancval);
+                                let cj_index=i;
+                                data.animatedChoice=animatedChoice;
+                                let displayCheckList_obj=await getDisplayCheckList(data.DisplayId,item.SubCategoryId,storeData1);
+                                let displayCheckList=displayCheckList_obj.Results || [];
+                                data['displayCheckList']=displayCheckList;
+                                arr.push(data);
+                                
+                                let defchecklistd=[];
+                                if(displayCheckList.length>0){
+                                    for(var k=0;k<displayCheckList.length;k++){
+                                        let dcItem=displayCheckList[k];
+                                       
+                                        let obj={'ChecklistId':dcItem.ChecklistId,'ChecklistName':dcItem.ChecklistName,'AnswerId':dcItem.REASON_ID,'Answer':dcItem.REASON};
+                                        defchecklistd.push(obj);
+                                    }
+                                }
+                                let defData={'SubCategoryId':item.SubCategoryId,'DisplayId':data.DisplayId,'isPresent':(data.VISIBILITY_PRESENT),'ReasonId':data.REASON_ID,'Reason':data.REASON,'Image1':(data.IMAGE1 || ''),'Image2':(data.IMAGE2 || ''),'Checklist':defchecklistd};
+                                
+                                allSKUData.push(defData);
+
+                                if(cj_index==txnres.rows.length-1){
+                                    item['skulist']=arr;
+                                    brands[index]=item;
+                                    if(completed_tasks==brands.length-1){
+                                        setSKUStockData(allSKUData);
+                                        setBrandData(brands);
+                                        setGlobalBrandData(brands);
+                                        let images=[];
+                                        let imgObj={imgIndex:1,url: 'https://th.parinaam.in/Download/Icon/pos_stock.png', props: {}}
+                                        images.push(imgObj);
+                                        
+                                        setZoomImageUrl(images);
+                                        setProcessing(false);
+                                        
+                                    }
+                                    completed_tasks++;
+                                    return item;
+                                }
+                            }
+                            
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                        let cj_index=i;
+                                        let animatedChoice=new Animated.Value(0);
+                                        data.animatedChoice=animatedChoice;
+                                        
+                                        let displayCheckList_obj=await getDisplayCheckList(data.DisplayId,item.SubCategoryId,storeData1);
+                                        let displayCheckList=displayCheckList_obj.Results || [];
+                                        data['displayCheckList']=displayCheckList;
+                                        arr.push(data);
+                                        
+                                        let defchecklistd=[];
+                                        if(displayCheckList.length>0){
+                                            for(var k=0;k<displayCheckList.length;k++){
+                                                let dcItem=displayCheckList[k];
+                                                let obj={'ChecklistId':dcItem.ChecklistId,'ChecklistName':dcItem.ChecklistName,'AnswerId':'0','Answer':''};
+                                                defchecklistd.push(obj);
+                                            }
+                                        }
+                                        let defData={'SubCategoryId':item.SubCategoryId,'DisplayId':data.DisplayId,'isPresent':0,'ReasonId':0,'Reason':'','Image1':'','Image2':'','Checklist':defchecklistd};
+                                        allSKUData.push(defData);
+                                        
+                                        
+                                        if(cj_index==(txnres2.rows.length-1)){  
+                                            item['skulist']=arr;
+                                            brands[index]=item;
+                                            if(completed_tasks==brands.length-1){
+                                                setSKUStockData(allSKUData);
+                                                setBrandData(brands);
+                                                setGlobalBrandData(brands);
+                                                let images=[];
+                                                let imgObj={imgIndex:1,url: 'https://th.parinaam.in/Download/Icon/pos_stock.png', props: {}}
+                                                images.push(imgObj);
+                                                setZoomImageUrl(images);
+                                                setProcessing(false);
+                                            }
+                                            completed_tasks++;
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                                
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            ) .then((res)=>{
+                
+            });          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getDisplayCheckList(DisplayId,SubCategoryId,storeData1={}){
+        var result=await new Promise((resolve, reject) => {
+            db.transaction(async function (txn) { 
+            
+            let {StoreId}=storeData1;
+            let join=`Inner join Mapping_DisplayChecklist v on p.ChecklistId=v.ChecklistId`;
+            let join2=`Left join (Select * From ${AppTables.PAID_VIS_CHECKLIST} Where STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and SUB_CATEGORY_ID='${SubCategoryId}' and DISPLAY_ID='${DisplayId}') as T on p.ChecklistId=T.CHECKLIST_iD `;
+            let q=`Select Distinct p.ChecklistId as ChecklistId,p.ChecklistName as ChecklistName ,ifnull(T.REASON,'')as REASON,ifnull(T.REASON_ID,0)as REASON_ID from Master_Checklist p ${join} ${join2} Where v.DisplayId ='${DisplayId}'`;
+            
+            await txn.executeSql(q,[],async function (txn2, txnres) { 
+                
+                if(txnres.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data=txnres.rows.item(i);
+                        arr.push(data);
+                    }
+                    resolve(arr);
+                }
+                else{
+                    resolve([]);
+                }
+            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); resolve([])},);
+
+        });
+        }).then((val)=>{
+            return {'Results':val};
+        }).catch((err)=>{
+            return {'Error':err};
+        });
+        return result;
+    }
+    
+
+    async function getImage(imgdata){
+        let cat=getImageProps.cat || '';
+        let skuItem=getImageProps.skuItem || '';
+        let type=getImageProps.type || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl='file://'+img.uri, imgWidth=img.width, imgHeight=img.height;
+            let picture_clicked_time2=new Date();
+            picture_clicked_time2=moment(picture_clicked_time2).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time2;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Paid Visibility'+' | Date:'+picture_clicked_time2;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_PaidVisibilityImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=SKUStockData;
+                            let defData={'SubCategoryId':cat.SubCategoryId,'DisplayId':skuItem.DisplayId};
+                            const cindex=allData.findIndex(ci=>ci.SubCategoryId==cat.SubCategoryId && ci.DisplayId==skuItem.DisplayId);
+                            const imgData=cindex>=0?(allData[cindex] || defData):defData;
+                            let image_key=type=='2'?'Image2':'Image1';
+                            let image_path_key=type=='2'?'Image2Path':'Image1Path';
+                            imgData[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath='file://'+common_ImagePath+filename;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri=imagePath;
+                                console.log('image marker',uri);
+                                imgData[image_path_key]=uri; 
+                                cindex>=0?allData[cindex]=imgData:allData.push(imgData);
+                                
+                                setSKUStockData(allData);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata2(!rerenderdata2);
+                            })
+                            .catch(err => {
+                                    console.log(ST.Errorimagefilewritefailed+'!!!');
+                                    console.log(err.message, err.code);
+                            });
+                                          
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(cat,skuItem,type='1'){  
+        setGetImageProps({'cat':cat,'skuItem':skuItem,'type':type}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.PAID_VISIBILITY_HEADER_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.PAID_VISIBILITY_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q3=`DELETE FROM ${AppTables.PAID_VIS_CHECKLIST} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('paid vis hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('paid vis child data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q3,[],async function (txn2, txnres) { 
+                console.log('paid vis checklist data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.PAID_VISIBILITY_HEADER_DATA}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData;
+
+            await db.transaction(async function (txn) {
+              var values='',child_values='',checklist_values='';
+              let isChecklistExists=false;
+              for(var i=0;i<brandData.length;i++){
+                seq++;
+                let catIndex=i;
+                let item=brandData[catIndex];
+                values+=values!=''?' , ':'';
+                values+=` ('${StoreId}','${d2}','${item.SubCategoryName}','${item.SubCategoryId}','${d2}') `;
+               
+                let skulist=item['skulist'] || [];
+               
+                for(var j=0;j<skulist.length;j++){
+                    let skuItem=skulist[j];
+                    let displayCheckList=skuItem['displayCheckList'] || [];
+                    child_values+=child_values!=''?' , ':'';
+                    let allSKUData=SKUStockData;
+                    const skud_index=allSKUData.findIndex(ci=>ci.SubCategoryId==item.SubCategoryId && ci.DisplayId==skuItem.DisplayId);
+                    const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                    let checklist=skud['Checklist'] || [];
+                    
+                    child_values+=` ('${seq}','${StoreId}','${d2}','${item.SubCategoryName}','${item.SubCategoryId}','${skud.isPresent}','${skuItem.DisplayId}','${skuItem.DisplayName}','${(skud.Image1 || '')}','${(skud.Image2 || '')}','${skud.Reason}','${skud.ReasonId}','${d2}') `;
+                    
+                    if(displayCheckList.length>0 && skud.isPresent==1){
+                        for(var k=0;k<displayCheckList.length;k++){
+                            let dcItem=displayCheckList[k];
+                            const checkeItem=checklist.find(ci=>ci.ChecklistId==dcItem.ChecklistId) || {};
+
+                            checklist_values+=checklist_values!=''?' , ':'';
+                            
+                            checklist_values+=` ('${seq}','${StoreId}','${d2}','${item.SubCategoryId}','${skuItem.DisplayId}','${dcItem.ChecklistName}','${dcItem.ChecklistId}','${checkeItem.Answer}','${checkeItem.AnswerId}','${d2}') `;
+                            
+                            isChecklistExists=true;
+                        }
+                    }
+                }
+              }
+
+              let add_HdrData=`INSERT INTO ${AppTables.PAID_VISIBILITY_HEADER_DATA} (STORE_ID,VISIT_DATE,SUB_CATEGORY,SUB_CATEGORY_ID,ADDED_DATE) VALUES ${values} `;
+              let add_ChildData=`INSERT INTO ${AppTables.PAID_VISIBILITY_CHILD_DATA} (COMMON_ID,STORE_ID,VISIT_DATE,SUB_CATEGORY,SUB_CATEGORY_ID,VISIBILITY_PRESENT,DISPLAY_ID,DISPLAY,IMAGE1,IMAGE2,REASON,REASON_ID,ADDED_DATE) VALUES ${child_values} `;
+              let add_Checklist=`INSERT INTO ${AppTables.PAID_VIS_CHECKLIST} (COMMON_ID,STORE_ID,VISIT_DATE,SUB_CATEGORY_ID,DISPLAY_ID,CHECKLIST,CHECKLIST_ID,REASON,REASON_ID,ADDED_DATE) VALUES ${checklist_values} `;
+                
+             
+            
+              await txn.executeSql(add_HdrData,[],async function (txn2, txnres) { 
+                console.log('pv header added');
+                await txn.executeSql(add_ChildData,[],async function (txn2, txnres) { 
+                    console.log('pv child added');
+                    if(isChecklistExists){
+                        await txn.executeSql(add_Checklist,[],async function (txn2, txnres) { 
+                            console.log('pv checklist added');
+                            notify(ST.PaidVisibilityupdatedsuccessfully);
+                            setProcessing(false);
+                            props.navigation.goBack();
+                        },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddpaidvisibility) },);
+                    }
+                    else{
+                        notify(ST.PaidVisibilityupdatedsuccessfully);
+                        setProcessing(false);
+                        props.navigation.goBack();
+                    }
+                    
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddpaidvisibility) },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddpaidvisibility) },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        
+        let isValid=true;
+        var i=0,j=0;
+        
+        await Promise.all(
+            brandData.map(async (item,index) => {
+            if(isValid){
+                
+                let skulist=item.skulist || [];
+                if(skulist.length>0){
+                    await Promise.all(
+                        skulist.map(async (skuItem,skuIndex) => {
+                            if(isValid){
+                                
+                                let skuData=SKUStockData.find(ci=>ci.SubCategoryId==item.SubCategoryId && ci.DisplayId==skuItem.DisplayId) || {};
+                                let displayCheckList=skuItem['displayCheckList'] || [];
+                                
+                                let isCamera1EnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Camera1Enable')
+                                let isCamera1EnableKPIObj=isCamera1EnableIndex>=0?KPIFields[isCamera1EnableIndex]:{};
+                                let isCamera1Enable=isCamera1EnableIndex>=0?isCamera1EnableKPIObj['KPIFieldEnable']:true;
+                                
+                                let isCamera2EnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Camera2Enable')
+                                let isCamera2EnableKPIObj=isCamera2EnableIndex>=0?KPIFields[isCamera2EnableIndex]:{};
+                                let isCamera2Enable=isCamera2EnableIndex>=0?isCamera2EnableKPIObj['KPIFieldEnable']:true;
+
+                                let isCamera1MandIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Camera1Mandatory')
+                                let isCamera1MandKPIObj=isCamera1MandIndex>=0?KPIFields[isCamera1MandIndex]:{};
+                                let isCamera1Mand=isCamera1MandIndex>=0?isCamera1MandKPIObj['KPIFieldEnable']:true;
+
+                                let isCamera2MandIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Camera2Mandatory')
+                                let isCamera2MandKPIObj=isCamera2MandIndex>=0?KPIFields[isCamera2MandIndex]:{};
+                                let isCamera2Mand=isCamera2MandIndex>=0?isCamera2MandKPIObj['KPIFieldEnable']:true;
+                               
+                                console.log('isCamera1Mand:',isCamera1Mand,',isCamera2Mand:',isCamera2Mand)
+
+
+                                if(skuData.isPresent!=0 && (skuData.isPresent==null || skuData.isPresent=='')){
+                                    notify(ST.Pleaseselectifvisiblitypresentornotfor+' '+item.SubCategoryName+' '+skuItem.DisplayName,'SHORT');
+                                    isValid=false;
+                                }
+                                else if(skuData.isPresent==0 && (skuData.ReasonId==null || skuData.ReasonId=='')){
+                                    notify(ST.Pleaseselectreasonfor+' '+item.SubCategoryName+' '+skuItem.DisplayName,'SHORT');
+                                    isValid=false;
+                                }else if(skuData.isPresent==1 && (((isCamera1Enable==1 || isCamera1Enable=='true') && (isCamera1Mand==1 || isCamera1Mand=='true') && (skuData.Image1==null || skuData.Image1=='') )|| ((isCamera2Enable==1 || isCamera2Enable=='true') && (isCamera2Mand==1 || isCamera2Mand=='true') && (skuData.Image2==null || skuData.Image2=='')))){
+                                    notify(ST.Pleaseclickallimagesfor+' '+item.SubCategoryName+' '+skuItem.DisplayName,'SHORT');
+                                    isValid=false;
+                                }else if(skuData.isPresent==1){
+                                    if(displayCheckList.length>0){
+                                        await Promise.all(
+                                            displayCheckList.map(async (dclistItem,dcIndex) => {
+                                                if(isValid){
+                                                    const skud_ckecklist=skuData['Checklist'] || [];
+                                                    let checkedItem=skud_ckecklist.find(c=>c.ChecklistId==dclistItem.ChecklistId) || {};
+                                                    
+                                                    if(checkedItem['AnswerId']!=0 && (checkedItem['AnswerId']==null || checkedItem['AnswerId']=='')){
+                                                        isValid=false;
+                                                        notify(ST.Pleaseselectreasonfor+' '+item.SubCategoryName+' '+skuItem.DisplayName+' '+dclistItem.ChecklistName,'SHORT');
+                                                    }
+                                                }
+                                            })
+                                        );
+                                    }
+                                }
+                            }
+                        })
+                    );
+                }
+                    
+                
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key){
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':item.SubCategoryId,'DisplayId':skuItem.DisplayId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==item.SubCategoryId && i.DisplayId==skuItem.DisplayId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+        if(key=='ReasonId'){
+            let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+            skud['Reason']=rsn.Reason || '';
+        }
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+
+    function onChoiceSelect(item,skuItem,val,key,animatedChoice){
+        console.log('onChoiceSelect',animatedChoice)
+       
+        var val1=0;
+        if(val==1){
+            val1=1;
+        }
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onStockValChange(item,skuItem,val,key)
+    }
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let skuItem=otherData.skus,item=otherData.cat;
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':item.SubCategoryId,'DisplayId':skuItem.DisplayId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==item.SubCategoryId && i.DisplayId==skuItem.DisplayId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[keyVal]=option.value;
+        skud[keyLbl]=option.label;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        console.log('allSKUData:',allSKUData);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onStockCheckListChange(option,keyLbl,keyVal,otherData){
+        let skuItem=otherData.skus,item=otherData.cat,dclistItem=otherData.dclist;
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':item.SubCategoryId,'DisplayId':skuItem.DisplayId,'Checklist':[]};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==item.SubCategoryId && i.DisplayId==skuItem.DisplayId);
+        let skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        let skud_ckecklist=skud['Checklist'] || [];
+        let defCheckedItem={"ChecklistId": dclistItem.ChecklistId, "ChecklistName": dclistItem.ChecklistName};
+        let checkedItem_index=skud_ckecklist.findIndex(c=>c.ChecklistId==dclistItem.ChecklistId);
+        let checkedItem=checkedItem_index>=0?(skud_ckecklist[checkedItem_index] || defCheckedItem):defCheckedItem;
+        
+        checkedItem['AnswerId']=option.value;
+        checkedItem['Answer']=option.label;
+        
+        
+        checkedItem_index>=0?skud_ckecklist[checkedItem_index]=checkedItem:skud_ckecklist.push(checkedItem);
+        skud['Checklist']=skud_ckecklist;
+
+        skud_index>=0?allSKUData[skud]=checkedItem:allSKUData.push(skud);
+        console.log('allSKUData:',allSKUData);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    function openImageRefView(RefImage=''){
+        setShow_zoomImage(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        var arr2=[];
+        if(searchedQry!=null && searchedQry!=''){
+            // globalBrandData.map((item,index)=>{
+            for(let i=0;i<globalBrandData.length;i++){
+                let item=globalBrandData[i];
+                let skulist=item.skulist || [];
+                arr2={ 'SubCategoryName':item.SubCategoryName,'SubCategoryId':item.SubCategoryId};
+                let newSkulist=[];
+                let isCatFound=false;
+                if(item.SubCategoryName.toLowerCase().includes(searchedQry)){
+                    isCatFound=true;
+                }
+                // skulist.map((sku,j)=>{
+                for(let j=0;j<skulist.length;j++){
+                    let sku=skulist[j];
+                    let {DisplayName}=sku;
+                    if(DisplayName.toLowerCase().includes(searchedQry)){
+                        newSkulist.push(sku);
+                    }
+                    
+                    if(j==skulist.length-1){
+                        arr2.skulist=newSkulist;
+                        if(isCatFound==true){
+                            arr2.skulist=skulist;
+                            arr.push(arr2);
+                        }
+                        else if(arr2.skulist.length>0){
+                            arr.push(arr2);
+                        }
+                    }
+                }
+
+                
+            }
+        }
+        else{
+          arr=globalBrandData;
+        }
+
+        setBrandData(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function _render_Alert(){
+        return (
+          <CustomModal 
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={ST.Doyoureallywanttosavedata}
+            showModal={showAlert}
+          >
+            <View style={customStyle.storelVisitM_options}>
+             <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowAlert(false)}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{saveData()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>{ST.Yes}</Text>
+              </TouchableOpacity>
+            </View>
+          </CustomModal>
+        )
+      }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {_render_Alert()}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={ST.SearchbyDisplayNameorSubCategoryName}
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            initialNumToRender={4}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const cindex=catImages.findIndex(i=>i.SubCategoryId==item.SubCategoryId);
+                const cimgName=cindex>=0?(catImages[cindex]?catImages[cindex].ImageName:''):'';
+                const cimgPath=cindex>=0?(catImages[cindex]?catImages[cindex].ImagePath:''):'';
+                const showIMg=cimgPath!='' && cimgPath!=null;
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.SubCategoryName}</Text>
+                        
+                            </LinearGradient>
+                            
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            {
+                                
+                                <FlatList 
+                                data={item.skulist}
+                                extraData={rerenderdata2}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.SubCategoryId==cat.SubCategoryId && i.DisplayId==skus.DisplayId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let ReasonId=thisCatSkuData.ReasonId!=null?thisCatSkuData.ReasonId:'';
+                                    let Reason=thisCatSkuData.Reason!=null?thisCatSkuData.Reason:'';
+                                    let isPresent=thisCatSkuData.isPresent!=null?thisCatSkuData.isPresent:'0';
+                                    let Image1=(thisCatSkuData.Image1!=null && thisCatSkuData.Image1!='')?'file://'+common_ImagePath+thisCatSkuData.Image1:'';
+                                    let Image2=(thisCatSkuData.Image2!=null && thisCatSkuData.Image2!='')?'file://'+common_ImagePath+thisCatSkuData.Image2:'';
+                                    let RefImage=skus.RefImage;
+                                    let displayCheckList=item.displayCheckList || [];
+
+                                    let isCamera1EnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Camera1Enable')
+                                    let isCamera1EnableKPIObj=isCamera1EnableIndex>=0?KPIFields[isCamera1EnableIndex]:{};
+                                    let isCamera1Enable=isCamera1EnableIndex>=0?isCamera1EnableKPIObj['KPIFieldEnable']:true;
+                                    
+                                    let isCamera2EnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Camera2Enable')
+                                    let isCamera2EnableKPIObj=isCamera2EnableIndex>=0?KPIFields[isCamera2EnableIndex]:{};
+                                    let isCamera2Enable=isCamera2EnableIndex>=0?isCamera2EnableKPIObj['KPIFieldEnable']:true;
+                                    
+                                   
+                                    var xpos=isPresent==1?-75:0;
+                                    if(skus.animatedChoice!=null ){
+                                        xpos=skus.animatedChoice.interpolate({
+                                            inputRange:[0,1],
+                                            outputRange:[0,-75],
+                                        });
+                                    }
+
+                                    
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={[customStyle.openStk_prd_name]}>{skus.DisplayName}</Text>
+                                            
+                                            <View style={customStyle.openStk_prd_form}>
+                                                
+                                                <View style={[customStyle.openStk_prd_cols,customStyle.openStk_prd_borderT,customStyle.mt10,customStyle.pt10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                                
+                                                        <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                                            <View style={customStyle.openStk_prd_choiceBox}>
+                                                                <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                                                {
+                                                                    transform: [{
+                                                                        translateX:xpos
+                                                                    }],
+                                                                }
+                                                                ]}></Animated.View>
+                                                                <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(cat,skus,1,'isPresent',skus.animatedChoice)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                                                </TouchableOpacity>
+                                                                <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(cat,skus,0,'isPresent',skus.animatedChoice)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                                                </TouchableOpacity>
+                                                            </View>
+                                                        </View>
+                                                    </View>
+                                                    {isPresent!='1' && <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                                                        
+                                                        {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{value:Reason,otherData:{cat:cat,skus:skus}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                                    </View>}
+                                                    {(isPresent=='1' && displayCheckList.length>0) && 
+                                                    displayCheckList.map((dclist_Item,dclist_index)=>{
+                                                        const dclist=dclist_Item;
+                                                        
+                                                        const skud=SKUStockData.find(ci=>ci.SubCategoryId==cat.SubCategoryId && ci.DisplayId==skus.DisplayId) || {};
+                                                        const skud_ckecklist=skud['Checklist'] || [];
+                                                        let checkedItem=skud_ckecklist.find(c=>c.ChecklistId==dclist.ChecklistId) || {};
+                                                        
+                                                        let dclist_answerid=checkedItem['AnswerId'] || '0';
+                                                        let dclist_answer=checkedItem['Answer'] || '';
+                                                        const dclist_options=[{'dcItem':'No','dcItemId':'0'},{'dcItem':'Yes','dcItemId':'1'}];
+                                                        return(
+                                                        <View key={dclist_index} style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                                            <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{dclist.ChecklistName}</Text>
+                                                            {<CustomPicker2 {...props} Pickerdata={dclist_options} label_key={'dcItem'} value_key={'dcItemId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onStockCheckListChange} selected_data={{value:dclist_answer,otherData:{cat:cat,skus:skus,dclist:dclist}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                                        </View>
+                                                        );
+                                                    })
+                                                    
+                                                    }
+                                                    {(isPresent=='1' && ( (isCamera1Enable=='true' || isCamera1Enable==1) || (isCamera2Enable=='true' || isCamera2Enable==1) )) && 
+                                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                                        <Text style={[customStyle.openStk_prd_label]}>{ST.CaptureImage}</Text>
+                                                        <View style={customStyle.openStk_prdCameras}>
+                                                            { (isCamera1Enable=='true' || isCamera1Enable==1)  &&
+                                                                <View style={customStyle.openStkCameraCon}>
+                                                                { (Image1=='' || Image1==null) && 
+                                                                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(cat,skus,'1')}}>
+                                                                        <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                                    </TouchableOpacity>
+                                                                }
+                                                                { (Image1!='' && Image1!=null) && 
+                                                                    <View style={customStyle.osCatImageView}>
+                                                                        <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(cat,skus,'1')}}>
+                                                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                                        </TouchableOpacity>
+                                                                    </View>                                    
+                                                                }       
+                                                                </View>
+                                                            }
+                                                            { (isCamera2Enable=='true' || isCamera2Enable==1)  &&
+                                                                <View style={customStyle.openStkCameraCon}>
+                                                                { (Image2=='' || Image2==null) && 
+                                                                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(cat,skus,'2')}}>
+                                                                        <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                                    </TouchableOpacity>
+                                                                }
+                                                                { (Image2!='' && Image2!=null)  && 
+                                                                    <View style={customStyle.osCatImageView}>
+                                                                        <Image style={customStyle.osCatImage} source={{uri:Image2}}/>
+                                                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(cat,skus,'2')}}>
+                                                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                                        </TouchableOpacity>
+                                                                    </View>                                    
+                                                                }       
+                                                                </View>
+                                                            }  
+                                                                              
+                                                        </View>
+                                                    </View>
+                                                    }
+                                                    
+                                                </View>
+                                            
+                                            </View>
+                                            <TouchableOpacity style={customStyle.openStk_refImageBtn} onPress={()=>{openImageRefView(RefImage)}}>
+                                                <Entypo name='image-inverted' size={24} color={'#1f7dbc'} />    
+                                            </TouchableOpacity>
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} 
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(PaidVisibility);
\ No newline at end of file
diff --git a/src/screens/PaidVisibility2.js b/src/screens/PaidVisibility2.js
new file mode 100644
index 0000000..4fdc70f
--- /dev/null
+++ b/src/screens/PaidVisibility2.js
@@ -0,0 +1,1814 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import MultiSelect from 'react-native-multiple-select';
+
+function PaidVisibility(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+
+    const [Products, setProducts] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]); 
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+               return;
+            }   
+        }
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {        
+            
+
+            let q3=`Select * From Master_NonVisibility`;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // check if data exists
+            let selectlist=` w.STORE_ID as StoreId,w.WINDOW_HEADER_ID as windowHeaderId,wd.WindowDefinitionId,wd.WindowId,wd.WindowName,wd.WindowTable,wd.WindowField,wd.WindowValue,wd.ChildName,wd.WindowRefImage,wd.WindowElementCheckAssortment,wd.WindowElementStockRequired,w.IS_PRESENT as IsPresent,wd.WindowNotExistCamera,w.WINDOW_NA_IMAGE as WindowNAImage,wd.WindowExistReasonEnable,wd.WindowNotExistReasonEnable,w.REASON_ID as ReasonId,w.REASON as Reason,wd.NoOfSplit,wd.WindowImage1,wd.WindowImage2,wd.WindowImage1Lable,wd.WindowImage2Lable,wd.WindowImage1CameraGrid,wd.WindowImage2CameraGrid`;
+            let join=` inner join Master_WindowDefinition wd on w.WINDOW_DEFINITION_ID=wd.WindowDefinitionId `;
+            let q=` Select ${selectlist} from ${AppTables.WINDOW_HDR_DATA} w  ${join} where w.STORE_ID='${StoreId}'  `;
+
+            // else pick data from masters
+            let selectlist2=` s.StoreId,w.WindowDefinitionId,w.WindowId,w.WindowName,w.WindowTable,w.WindowField,w.WindowValue,w.ChildName,w.WindowRefImage,w.WindowElementCheckAssortment,w.WindowElementStockRequired,'' as IsPresent,w.WindowNotExistCamera,'' as WindowNAImage,w.WindowExistReasonEnable,w.WindowNotExistReasonEnable,'' as ReasonId,'' as Reason,w.NoOfSplit,w.WindowImage1,w.WindowImage2,w.WindowImage1Lable,w.WindowImage2Lable,w.WindowImage1CameraGrid,w.WindowImage2CameraGrid`;
+            let join2=` inner join Mapping_StoreWindow s on w.WindowDefinitionId=s.WindowDefinitionId  `;
+            let q2=` Select ${selectlist2} from Master_WindowDefinition w  ${join2} where s.StoreId='${StoreId}'  `;
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];let images=[],allWindowsData=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data=txnres2.rows.item(i);
+                        let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                        data.animatedChoice=animatedChoice;
+                        data.NoOfSplit=parseInt(data.NoOfSplit);
+                        
+                        let NoOfSplit=data.NoOfSplit;
+                        let isPresent=data.IsPresent=='1' || data.IsPresent==1?1:0;
+                        let isStockReq=data.WindowElementStockRequired=='true' || data.WindowElementStockRequired==1?1:0;
+                        let imgObj={imgIndex:(i+1),url: data.WindowRefImage, props: {}}
+                        let WindowSplits =  await getWindowSplits(NoOfSplit,data,storeData1);
+                        let WQr =  await getWindowQuestions(data,storeData1,isPresent);
+                        let WindowQuestions = WQr['WindowQuestions'] || [];
+                        let WindowQA= WQr['WindowQA'] || {};
+                        let WSd= isStockReq==true ? await getWindowStockData(data,storeData1,isPresent) : {'WStocks':[],'WStocksData':[]};
+                        let WStocks=WSd['WStocks'] || [];
+                        let WStocksData=WSd['WStocksData'] || [];
+
+                        let isNAImageAvl=data.WindowNotExistCamera=='true' || data.WindowNotExistCamera==1?1:0;
+                        let NAImage1=isNAImageAvl==1 && data.WindowNAImage!=null?data.WindowNAImage:'';
+                        let NAImage1Path=NAImage1!=''?'file://'+common_ImagePath+NAImage1:'';
+
+
+                        let windowDataObj={'WindowId':data.WindowId,'WindowDefinitionId':data.WindowDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData,'NAImage1':NAImage1,'NAImage1Path':NAImage1Path,'ReasonId':data.ReasonId,'Reason':data.Reason,'isPresent':isPresent};
+                        data['WindowQuestions']=WindowQuestions;
+                        data['WindowStocks']=WStocks;
+                        arr.push(data);
+                        
+                        allWindowsData.push(windowDataObj);
+                        if(i==txnres2.rows.length-1){
+                            setWindowData(allWindowsData);
+                            setWindows(arr);
+                            images.push(imgObj);
+                            setZoomImageUrl(images);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                    await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                        if(txnres2.rows.length>0){
+                            let arr=[],images=[],allWindowsData=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data=txnres2.rows.item(i);
+                                let animatedChoice=new Animated.Value(0);
+                                data.animatedChoice=animatedChoice;
+                                data.NoOfSplit=parseInt(data.NoOfSplit);
+                             
+                                let imgObj={imgIndex:(i+1),url: data.WindowRefImage, props: {}}
+                                let WindowSplits =  [];
+                                for(var s=0;s<data.NoOfSplit;s++){
+                                    let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+                                    WindowSplits.push(obj);
+                                }
+                                let WQr =  await getWindowQuestions(data,storeData1,false);
+                                let WindowQuestions = WQr['WindowQuestions'] || [];
+                                let WindowQA= WQr['WindowQA'] || {};
+                                let WSd=await getWindowStockData(data,storeData1,false);
+                                let WStocks=WSd['WStocks'] || [];
+                                let WStocksData=WSd['WStocksData'] || [];
+
+                                let windowDataObj={'WindowId':data.WindowId,'WindowDefinitionId':data.WindowDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData};
+                                data['WindowQuestions']=WindowQuestions;
+                                data['WindowStocks']=WStocks;
+
+                                arr.push(data);
+                                allWindowsData.push(windowDataObj);
+                                if(i==txnres2.rows.length-1){
+                                    setWindowData(allWindowsData);
+                                    setWindows(arr);
+                                    images.push(imgObj);
+                                    setZoomImageUrl(images);
+                                    setProcessing(false);
+                                }                                
+                            }
+                        }
+                        else{
+                            setProcessing(false);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getWindowSplits(NoOfSplit,window,storeData1){
+        let WindowSplits_def=  [];
+        for(var s=0;s<NoOfSplit;s++){
+            let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+            WindowSplits_def.push(obj);
+        }
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+
+                let q=`select * from ${AppTables.WINDOW_IMAGES} where WINDOW_HEADER_ID='${window.windowHeaderId}' and  STORE_ID='${storeData1.StoreId}' `;
+               
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            console.log(data.WINDOW_HEADER_ID)
+                            let isImage1=window.WindowImage1=='true' || window.WindowImage1==1?1:0;
+                            let isImage2=window.WindowImage2=='true' || window.WindowImage2==1?1:0;
+
+                            let Image1=isImage1==1 && data.IMAGE1!=null && data.IMAGE1!=''?'file://'+common_ImagePath+data.IMAGE1:'';
+                            let Image2=isImage2==1 && data.IMAGE2!=null && data.IMAGE2!=''?'file://'+common_ImagePath+data.IMAGE2:'';
+                            let obj={'Image1Name':data.IMAGE1,'Image1':Image1,'Image2Name':data.IMAGE2,'Image2':Image2};
+                            arr.push(obj);
+
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(WindowSplits_def)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(WindowSplits_def) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return WindowSplits_def;
+        });
+    }
+
+    async function getWindowQuestions(window,storeData1,isInserted=false){
+        let obj={'WindowQA':{},'WindowQuestions':[]}
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='',join2='';
+                if(isInserted==true){
+                    selectlist=` DISTINCT  q.QUESTION_ID as WindowQuestionId,q.QUESTION_CODE as WindowQuestionCode,wq.WindowQuestionName,wq.QuestionType,wq.WQShowCamera,wq.WQCameraMandatory,wq.WQLengthValidationRequired,wq.WQMinimumChar,wq.WQMaximumChar,wq.WQDecimalPoint,wq.WQDateRangeMin,wq.WQDateRangeMax,wq.WQVoiceLengthInMinutes,wq.WQDefaultQuestionEnable,q.ANSWER as Answer,q.ANSWER_ID as AnswerId,q.MULTI_OPTIONS_IDS as multi_op_ids,q.IMAGE_ALLOW1 as WAShowCamera,q.IMAGE1 as Image1  `;
+                    join2=` inner join Mapping_WindowQuestion mq on mq.WindowQuestionId=wq.WindowQuestionId `;
+                    join=` inner join Master_WindowQuestion wq on wq.WindowQuestionId=q.QUESTION_ID `;
+                    q=`select ${selectlist} from ${AppTables.WINDOW_CHILD_DATA} q ${join} ${join2} where q.STORE_ID='${storeData1.StoreId}' and q.WINDOW_DEFINITION_ID='${window.WindowDefinitionId}' and q.WINDOW_ID='${window.WindowId}' order by wq.WindowQuestionSequence  `;
+                }
+                else{
+                    selectlist=` DISTINCT  wq.WindowQuestionId,wq.WindowQuestionCode,wq.WindowQuestionName,wq.QuestionType,wq.WQShowCamera,wq.WQCameraMandatory,wq.WQLengthValidationRequired,wq.WQMinimumChar,wq.WQMaximumChar,wq.WQDecimalPoint,wq.WQDateRangeMin,wq.WQDateRangeMax,wq.WQVoiceLengthInMinutes,wq.WQDefaultQuestionEnable `;
+                    join=` inner join Mapping_WindowQuestion mq on mq.WindowQuestionId=wq.WindowQuestionId `;
+                    q=`select ${selectlist} from  Master_WindowQuestion wq  ${join} where mq.WindowDefinitionId='${window.WindowDefinitionId}' order by wq.WindowQuestionSequence  `;
+                }
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        let wqa_obj={};
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            let answers=[];
+                            data.WQDefaultQuestionEnable=data.WQDefaultQuestionEnable==1 || data.WQDefaultQuestionEnable=='true'?true:false;
+                             
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  answers=await getWindowAnswers(data);
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data['Answers']=answers;
+      
+                              let id_key=data.WindowQuestionId+'_AnswerId'; 
+                              let ans_key=data.WindowQuestionId+'_Answer'; 
+                              let multi_key=data.WindowQuestionId+'_MultiOption';
+                              let date_key=data.WindowQuestionId+'_Date';
+                              let img_key=data.WindowQuestionId+'_ImagePath1';
+                              let imgname_key=data.WindowQuestionId+'_ImageName1';
+                              let rating_key=data.WindowQuestionId+'_Rating'; 
+                              
+      
+                              let showImageTag=(data.WQShowCamera=='true' || data.WQShowCamera==1) ;
+      
+                              data.AnswerId!=null?wqa_obj[id_key]=data.AnswerId:'';
+                              data.Answer!=null?wqa_obj[ans_key]=data.Answer:'';
+
+                              
+                              let selansid=data.AnswerId!=null?data.AnswerId:'';
+                              if(data.QuestionType=='Multi choice list' && selansid!='' && data.multi_op_ids!=null){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  wqa_obj[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((data.QuestionType=='Single choice list' || data.QuestionType=='Multi choice list' ) && selansid!='' && selansid!=null){
+                                  if (data.Answers && data.Answers.length>0){
+                                      for(var k=0;k<data.Answers.length;k++){
+                                          let ansss=data.Answers[k];
+                                          let isandImgAl=(ansss.WAShowCamera==1 || ansss.WAShowCamera=='true');
+                                          if(data.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(data.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag && data.Answer!=null){
+                                  let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1;
+                                  wqa_obj[imgname_key]=data.Image1;
+                                  wqa_obj[img_key]=imgPath;
+                              }
+
+                             
+      
+                              if(data.QuestionType=='Date' && data.Answer!=null){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  wqa_obj[date_key]=fulldate;
+                                  
+                              }
+
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WindowQuestions']=arr;
+                                obj['WindowQA']=wqa_obj;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getWindowAnswers(qtn){
+        
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='';
+                selectlist=` DISTINCT  WindowAnswerId as AnswerId,WindowAnswerName as Answer,WAShowCamera,WACameraMandatory,WAQuestionEnable,WAQuestionDisable `;
+                q=`select ${selectlist} from  Master_WindowQuestion  where WindowQuestionId='${qtn.WindowQuestionId}'  order by WASequence  `;
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        });
+    }
+
+    async function getWindowStockData(window,storeData1,isInserted=false){
+        let obj={'WStocks':[],'WStocksData':[]}
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='';
+                let checkassrt=window.WindowElementCheckAssortment=='true' || window.WindowElementCheckAssortment==1?true:false;
+                
+                if(isInserted==true){
+                    if(checkassrt){
+                        join=` inner join Mapping_ProductAssortment a on a.ProductId=s.WINDOW_STOCK_VALUE `;
+                    }
+                    selectlist=`  s.WINDOW_STOCK_DEFINITION_ID as WindowStockDefinitionId, s.WINDOW_DEFINITION_ID as WindowDefinitionId,s.WINDOW_STOCK_TABLE as WindowStockTable,s.WINDOW_STOCK_FIELD as WindowStockField,s.WINDOW_STOCK_VALUE as WindowStockValue,s.WINDOW_STOCK_MBQ as WindowStockMBQ,s.PRODUCT_NAME as ProductName, s.STOCK as Stock `;
+                    q=`select ${selectlist} from  ${AppTables.WINDOW_STOCK_DATA} s ${join} where s.WINDOW_DEFINITION_ID='${window.WindowDefinitionId}' and s.STORE_ID='${storeData1.StoreId}'  `;
+                }else{
+                    if(checkassrt){
+                        join=` inner join Mapping_ProductAssortment a on a.ProductId=s.WindowStockValue `;
+                    }
+                    selectlist=`  s.WindowStockDefinitionId, s.WindowDefinitionId,s.WindowStockTable,s.WindowStockField,s.WindowStockValue,s.WindowStockMBQ,s.ProductName `;
+                    q=`select ${selectlist} from  Master_WindowStockDefinition s ${join} where s.WindowDefinitionId='${window.WindowDefinitionId}'   `;
+                }
+                if(checkassrt){
+                    q+=` and a.StateId='${storeData1.StateId}' `;
+                }
+                q+=isInserted?` order by s.PRODUCT_NAME `:` order by s.ProductName `;
+
+                
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[],WStocksData=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            if(isInserted==true && data.Stock!=null){
+                                
+                                let stockData_obj={'ProductId':data.WindowStockValue,'Stock':data.Stock}
+                                WStocksData.push(stockData_obj);
+                            }
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WStocks']=arr;
+                                obj['WStocksData']=WStocksData;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+
+
+
+    async function getImage(imgdata){
+        let type=getImageProps.type || '';
+        let window=getImageProps.window || {};
+        let splitItem=getImageProps.splitItem || {};
+        let splitItemIndex=getImageProps.splitItemIndex || 0;
+        let qtn=getImageProps.qtn || {};
+        let cameraType=getImageProps.cameraType!=null?getImageProps.cameraType:'1';
+
+        if(typeof imgdata=='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Window'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+window.WindowDefinitionId+'_'+window.WindowId+'_'+(props.UserId || '')+'_WindowImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=WindowData;
+                            let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+                            const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId) ;
+                            let wind=wind_index>=0?allData[wind_index]:defData;
+
+                            if(cameraType=='2'){
+                                var QD=wind.WindowQA || {};
+                                var image_key=qtn.WindowQuestionId+'_ImageName1';
+                                var image_key_path=qtn.WindowQuestionId+'_ImagePath1';
+                                QD[image_key]=filename;
+                            }
+                            else if(cameraType=='3'){
+                                var image_key='NAImage1';
+                                var image_key_path='NAImage1Path';
+                                wind[image_key]=filename;
+                            }
+                            else{
+                                var WindowSplits=wind.WindowSplits || [];
+                                var image_key=type=='1'?'Image1Name':'Image2Name';
+                                var image_key_path=type=='1'?'Image1':'Image2';
+                                splitItem[image_key]=filename;
+                            }
+                            
+                            
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                               console.log('image marker:',uri);
+                                
+                                if(cameraType=='2'){
+                                    QD[image_key_path]=uri;
+                                    wind.WindowQA=QD;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata3(!rerenderdata3);
+                                }
+                                else if(cameraType=='3'){
+                                    wind[image_key_path]=uri;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                else{
+                                    console.log('split image updated');
+                                    splitItem[image_key_path]=uri;
+                                    splitItemIndex>=0?WindowSplits[splitItemIndex]=splitItem:WindowSplits.push(splitItem);
+                                    wind.WindowSplits=WindowSplits;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata2(!rerenderdata2);
+                                }
+                                
+                                
+                                
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(window,splitItem,splitItemIndex,type='1',cameraType='1',qtn={}){  
+        setGetImageProps({'window':window,'splitItem':splitItem,'splitItemIndex':splitItemIndex,'type':type,'cameraType':cameraType,'qtn':qtn}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+   
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              //  remove old data
+              await txn.executeSql(`DELETE FROM ${AppTables.WINDOW_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.WINDOW_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window child data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.WINDOW_IMAGES} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window images data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.WINDOW_STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+                // add data
+                var values='',childV='',imageV='',stockV='';
+              
+                for (const wi in Windows){
+                    const window=Windows[wi];
+                    let isImage1=window.WindowImage1=='true' || window.WindowImage1==1?1:0;
+                    let isImage2=window.WindowImage2=='true' || window.WindowImage2==1?1:0;
+                    let isNAImageAvl=window.WindowNotExistCamera=='true' || window.WindowNotExistCamera==1?1:0;
+                    let isNAReasonEnable=window.WindowNotExistReasonEnable=='true' || window.WindowNotExistReasonEnable==1? 1:0;
+                    let isReasonEnable=window.WindowExistReasonEnable=='true' || window.WindowExistReasonEnable==1? 1:0;
+                    let isStockReq=window.WindowElementStockRequired=='true' || window.WindowElementStockRequired==1?1:0;
+                    let WindowQuestions=window.WindowQuestions || [];
+                    let WindowStocks=window.WindowStocks || [];
+    
+                   
+                    const wind=WindowData.find(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+                    let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    let ReasonId=wind.ReasonId!=null?wind.ReasonId:0;
+                    let Reason=wind.Reason!=null?wind.Reason:'';
+                    let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                    let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                    let WindowSplits=wind.WindowSplits || [];
+                    let QD=wind.WindowQA || {};
+                    let WStocksData=wind.WStocksData || [];
+
+                    let WINDOW_HEADER_ID='WIND'+wi+(Math.floor(Math.random()*1000)+1);
+                    let {WindowDefinitionId,WindowId,WindowName,WindowTable,WindowField,WindowValue,ChildName}=window;
+                    
+
+                    values+=values!=''?' , ':'';
+                    values+=` ('${WINDOW_HEADER_ID}','${StoreId}','${d3}','${WindowDefinitionId}','${WindowId}','${WindowName}','${WindowTable}','${WindowField}','${WindowValue}','${ChildName}','${isPresent}','${NAImage1}','${ReasonId}','${Reason}','${d3}') `;
+                    
+                    if(isPresent==1){
+                        for(const qtnIndex in WindowQuestions){
+                            const qtn=WindowQuestions[qtnIndex];
+                            
+                            let selansid='',selanswer='',selimg='',showImageTag=false;
+                            let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+                            let ans_key=qtn.WindowQuestionId+'_Answer'; 
+                            let multi_key=qtn.WindowQuestionId+'_MultiOption';
+                            let date_key=qtn.WindowQuestionId+'_Date';
+                            let img_key=qtn.WindowQuestionId+'_ImagePath1';
+                            let imgname_key=qtn.WindowQuestionId+'_ImageName1';
+                            let rating_key=qtn.WindowQuestionId+'_Rating'; 
+                            let list_mcdata=[];
+
+                            let {WindowQuestionId,WindowQuestionCode,QuestionType,WAShowCamera}=qtn
+                            let answer=QD[ans_key] || 0;
+                            let answerId=QD[id_key] || '';
+                            let multi_options_ids=QD[multi_key] || '';
+                            let isImage1All=WAShowCamera=='true' || WAShowCamera==1?1:0;
+                            let Image1=isImage1All==1?QD[imgname_key]:'';
+
+
+                            childV+=childV!=''?' , ':'';
+                            childV+=` ('${WINDOW_HEADER_ID}','${StoreId}','${d3}','${WindowDefinitionId}','${WindowId}','${WindowQuestionId}','${WindowQuestionCode}','${QuestionType}','${answer}','${answerId}','${multi_options_ids}','${Image1}','${isImage1All}','${d3}') `;
+                        }
+                        for(const splitItemIndex in WindowSplits){
+                            const splitItem=WindowSplits[splitItemIndex];
+                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                            Image1Name=isImage1==1?Image1Name:'';
+                            Image2Name=isImage2==1?Image2Name:'';
+                            
+                            imageV+=imageV!=''?' , ':'';
+                            imageV+=` ('${WINDOW_HEADER_ID}','${StoreId}','${d3}','${WindowDefinitionId}','${WindowId}','${Image1Name}','${Image2Name}','${d3}') `;
+                        }
+                        for(const stockProdIndex in WindowStocks){
+                            const stockProd=WindowStocks[stockProdIndex];
+                            let sd=WStocksData.find(i=> i.ProductId==stockProd.WindowStockValue) || {};
+                            let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+                            let {WindowStockDefinitionId, WindowDefinitionId,WindowStockTable,WindowStockField,WindowStockValue,WindowStockMBQ,ProductName} =stockProd
+                            stockV+=stockV!=''?' , ':'';
+                            stockV+=` ('${WINDOW_HEADER_ID}','${StoreId}','${d3}','${WindowDefinitionId}','${WindowId}','${WindowStockDefinitionId}','${WindowStockTable}','${WindowStockField}','${WindowStockValue}','${WindowStockMBQ}','${ProductName}','${stock}','${d3}') `;
+                        }
+
+                    }
+                }
+              
+                console.log('values:',values);
+                
+                
+                let add_hdr_data=`INSERT INTO ${AppTables.WINDOW_HDR_DATA} (WINDOW_HEADER_ID,STORE_ID,VISIT_DATE,WINDOW_DEFINITION_ID,WINDOW_ID,WINDOW_NAME,WINDOW_TABLE,WINDOW_FIELD,WINDOW_VALUE,CHILD_NAME,IS_PRESENT,WINDOW_NA_IMAGE,REASON_ID,REASON,ADDED_DATE) VALUES ${values} `;
+                let add_child_data=`INSERT INTO ${AppTables.WINDOW_CHILD_DATA} (WINDOW_HEADER_ID,STORE_ID,VISIT_DATE,WINDOW_DEFINITION_ID,WINDOW_ID,QUESTION_ID,QUESTION_CODE,QUESTION_TYPE,ANSWER,ANSWER_ID,MULTI_OPTIONS_IDS,IMAGE1,IMAGE_ALLOW1,ADDED_DATE) VALUES ${childV} `;
+                let add_images_data=`INSERT INTO ${AppTables.WINDOW_IMAGES} (WINDOW_HEADER_ID,STORE_ID,VISIT_DATE,WINDOW_DEFINITION_ID,WINDOW_ID,IMAGE1,IMAGE2,ADDED_DATE) VALUES ${imageV} `;
+                let add_stock_data=`INSERT INTO ${AppTables.WINDOW_STOCK_DATA} (WINDOW_HEADER_ID,STORE_ID,VISIT_DATE,WINDOW_DEFINITION_ID,WINDOW_ID,WINDOW_STOCK_DEFINITION_ID,WINDOW_STOCK_TABLE,WINDOW_STOCK_FIELD,WINDOW_STOCK_VALUE,WINDOW_STOCK_MBQ,PRODUCT_NAME,STOCK,ADDED_DATE) VALUES ${stockV} `;
+                
+                await txn.executeSql(add_hdr_data,[],async function (txn2, txnres) { 
+                    console.log('window header data added');
+                    var isSplitImageAdded=true,isStockAdded=true,isChildAdded=true;
+                    if(imageV!=''){
+                        isSplitImageAdded=await executeQuery(add_images_data);
+                    }
+                    if(stockV!=''){
+                        isStockAdded=await executeQuery(add_stock_data);
+                    }
+                    if(childV!=''){
+                        isChildAdded=await executeQuery(add_child_data);
+                    }
+
+                    if(!isSplitImageAdded){
+                        setProcessing(false);notify('Cannot add split window images');
+                    }
+                    else if(!isStockAdded){
+                        setProcessing(false);notify('Cannot add window stock data');
+                    }
+                    else if(!isChildAdded){
+                        setProcessing(false);notify('Cannot add window questions data');
+                    }
+                    else{
+                        setProcessing(false);notify('Window data updated successfully');
+                        props.navigation.goBack();
+                    }
+                       
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add window data'); },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function executeQuery(q){
+        return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              resolve(true);
+            },function(txn2,txnerr){console.log(txnerr);resolve(false) });
+          }); 
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+            console.log(err);
+          return false;
+        })
+    }
+    
+
+
+    async function validate(){
+        let isValid=true;
+       
+        return new Promise((resolve,reject)=>{
+            for (const wi in Windows){
+                const window=Windows[wi];
+                let isImage1=window.WindowImage1=='true' || window.WindowImage1==1?1:0;
+                let isImage2=window.WindowImage2=='true' || window.WindowImage2==1?1:0;
+                let isNAImageAvl=window.WindowNotExistCamera=='true' || window.WindowNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.WindowNotExistReasonEnable=='true' || window.WindowNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.WindowExistReasonEnable=='true' || window.WindowExistReasonEnable==1? 1:0;
+                let isStockReq=window.WindowElementStockRequired=='true' || window.WindowElementStockRequired==1?1:0;
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+
+               
+                const wind=WindowData.find(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QD=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+
+                if(isPresent=='1'){
+                    if(isReasonEnable==true && ReasonId=='' ){
+                        notify(`Please select reason for ${window.WindowName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else{
+                        if(window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1))
+                        {
+                            for(const splitItemIndex in WindowSplits){
+                                const splitItem=WindowSplits[splitItemIndex];
+                                let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                console.log('Image2Name',Image2Name,isImage2);
+                                if(isImage1==1 && Image1Name==''){
+                                    notify(`Please click all images for ${window.WindowName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                                else if(isImage2==1 && Image2Name==''){
+                                    notify(`Please click all images for ${window.WindowName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+                        
+                        if(isStockReq==1){
+                            for(const stockProdIndex in WindowStocks){
+                                const stockProd=WindowStocks[stockProdIndex];
+                                let sd=WStocksData.find(i=> i.ProductId==stockProd.WindowStockValue) || {};
+                                let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+
+                                if(stock==''){
+                                    notify(`Please enter stock for ${window.WindowName} ( ${stockProd.ProductName} ) `,'LONG');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+
+                        if(WindowQuestions.length>0){
+                            for(const qtnIndex in WindowQuestions){
+                                const qtn=WindowQuestions[qtnIndex];
+                                
+                                let selansid='',selanswer='',selimg='',showImageTag=false;
+                                let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+                                let ans_key=qtn.WindowQuestionId+'_Answer'; 
+                                let multi_key=qtn.WindowQuestionId+'_MultiOption';
+                                let date_key=qtn.WindowQuestionId+'_Date';
+                                let img_key=qtn.WindowQuestionId+'_ImagePath1';
+                                let imgname_key=qtn.WindowQuestionId+'_ImageName1';
+                                let rating_key=qtn.WindowQuestionId+'_Rating'; 
+                                let list_mcdata=[];
+
+                                let isImgAllowed=(qtn.WQShowCamera=='true' || qtn.WQShowCamera==1);
+                                let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+                                if(qtn.QuestionType=='Single choice list')
+                                {
+                                    selansid=QD[id_key];
+                                }
+                                else if(qtn.QuestionType=='Multi choice list')
+                                {
+                                    selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+                                }
+                                
+                            
+                                if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+                                    notify(`Please select options for the required field in ${window.WindowName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+                                    let msg=( qtn.QuestionType=='Date'?`Please pick a date for the required field in ${window.WindowName}`:(qtn.QuestionType=='Rating'?`Please select rating for the required field in ${window.WindowName}`:`Please fill all the required field in ${window.WindowName}`));
+                                    notify(msg,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]==='' || (QD[id_key]===0 && qtn.isDisabled===false) ))){
+                                    notify(`Please fill all the required field in ${window.WindowName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`Please add images in ${window.WindowName}`,'SHORT');
+                                    resolve(false);return;
+                                }else{
+                                    console.log('no condition found');
+                                }
+
+                                if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                    if (qtn.Answers && qtn.Answers.length>0){
+                                        for(var j=0;j<qtn.Answers.length;j++){
+                                            let ansss=qtn.Answers[j];
+                                            let isandImgAl=(ansss.WAShowCamera=='true' || ansss.WAShowCamera==1);
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                showImageTag=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                showImageTag=true;
+                                            }
+                                        }
+                                    }
+                                }
+
+                                if(showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`Please add images in ${window.WindowName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+
+                    }
+                }
+                else{
+                    if(isNAReasonEnable==true && ReasonId=='' ){
+                        notify(`Please select reason for ${window.WindowName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else if(isNAImageAvl==true && NAImage1=='' ){
+                        notify(`Please click image for ${window.WindowName}`,'LONG');
+                        resolve(false);return;
+                    }
+                }
+
+                if(wi==(Windows.length-1)){
+                    resolve(true);return;
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    }
+
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let item=otherData.window;
+        let allData=WindowData;
+        let defData={'WindowId':item.WindowId,'WindowDefinitionId':item.WindowDefinitionId};
+        const win_index=allData.findIndex(i=>i.WindowId==item.WindowId && i.WindowDefinitionId==item.WindowDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[keyVal]=option.value;
+        wind[keyLbl]=option.label;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        console.log('allData:',allData);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange2(option,qtn,window){
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let data=wind.WindowQA || {};
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        data[id_key]=option.value;
+        data[ans_key]=option.label;
+        
+
+        wind['WindowQA']=data;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+      
+        setWindowData(allData);
+
+        let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+        let ans_obj=aq_ans.find(i=>i.AnswerId==option.value) || {};
+        let EQtns=ans_obj.WAQuestionEnable!=null && ans_obj.WAQuestionEnable!=''?ans_obj.WAQuestionEnable.replace(' ','').split(','):[];
+        let DQtns=ans_obj.WAQuestionDisable!=null && ans_obj.WAQuestionDisable!=''?ans_obj.WAQuestionDisable.replace(' ','').split(','):[];
+      
+        let sqtns=window.WindowQuestions || []
+
+        if(EQtns.length>0){
+            enableQtns(sqtns,EQtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else if(DQtns.length>0){
+            disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else{
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+       
+    }
+
+    async function disableQtns(sqtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.WindowQuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.WindowQuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.WindowQuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+
+                    wind['WindowQA']=data;
+                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                    
+                    return false
+                })
+            ).then(async (val)=>{
+
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.WindowDefinitionId==window.WindowDefinitionId && i.WindowId==window.WindowId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.WindowQuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+            }
+            else{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.WindowDefinitionId==window.WindowDefinitionId && i.WindowId==window.WindowId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+    async function setMultiSelectValue(selectedItems=[],qtn={},window={}) {  
+        console.log('setMultiSelectValue',selectedItems);      
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        let multi_key=qtn.WindowQuestionId+'_MultiOption';
+       
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+        obj[id_key]=0;
+        obj[multi_key]=selectedItems.join(',');
+        let anss=[];
+        selectedItems.map((itemValue)=>{
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue); 
+            if(ans.Answer){anss.push(ans.Answer)}
+        });
+        obj[ans_key]=anss.join(',');
+        console.log('obj:',obj);
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setTextValue(value,qtn,window) {        
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.WindowQuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,window,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        
+        console.log(value,obj);
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn,window,show=false){
+        let allQtns=window.WindowQuestions || [];
+        let newqtnIndex=allQtns.findIndex(q=>q.WindowQuestionId==qtn.WindowQuestionId);
+       
+        if(newqtnIndex>=0){
+            let newqtn=allQtns[newqtnIndex];
+            newqtn.showDatePicker=show;
+            allQtns[newqtnIndex]=newqtn;
+            window['WindowQuestions']=allQtns;
+            let allWindows=Windows;
+            const winIndex=allWindows.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId) || {};
+            allWindows[winIndex]=window;
+            setWindows(allWindows);
+
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data){
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+        let qtn=RatingQtn;
+        let window=RatingWindow;
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        let rating_key=qtn.WindowQuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+    
+   
+    function onChoiceSelect(item,val,key,animatedChoice){
+        console.log('onChoiceSelect',animatedChoice)
+        var val1=0;
+        val==1?val1=1:'';
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,val,key)
+    }
+
+    function onWindowDataChange(item,val,key){
+        let allData=WindowData;
+        let defData={'WindowId':item.WindowId,'WindowDefinitionId':item.WindowDefinitionId};
+        const win_index=allData.findIndex(i=>i.WindowId==item.WindowId && i.WindowDefinitionId==item.WindowDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        if(key=='ReasonId'){
+            let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+            wind['Reason']=rsn.Reason || '';
+        }
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    function setWindowStockVal(val,window,stockProd){
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const win_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        let sdIndex=WStocksData.findIndex(i=> i.ProductId==stockProd.WindowStockValue);
+        let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.WindowStockValue,'Stock':''};
+        sd['Stock']=val;
+        sdIndex>=0?WStocksData[sdIndex]=sd:WStocksData.push(sd);
+        wind['WStocksData']=WStocksData;
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(RefImage=''){
+        setShow_zoomImage(true);
+    }
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        let rating_key=qtn.WindowQuestionId+'_Rating'; 
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>Drag Items In Order</Text>
+                <Text style={customStyle.VRSubHeding}>Press and hold to drag</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>Cancel</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>Save</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let window=selected_data.window || {};
+        let isQtnDisabled=qtn.isDisabled!=null || qtn.isDisabled!=''?false:true;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn,window) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.WQPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-select-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn,window){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn,window)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+    function _renderWindow(){
+        return (
+            <FlatList 
+            data={Windows}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.Win_scroll} 
+            style={customStyle.Win_scrollO}
+            listKey={(item, index) => `window_${index.toString()}`}
+            renderItem={({item,index})=>{
+                const window=item;
+                
+                let isImage1=window.WindowImage1=='true' || window.WindowImage1==1?1:0;
+                let isImage2=window.WindowImage2=='true' || window.WindowImage2==1?1:0;
+                let isNAImageAvl=window.WindowNotExistCamera=='true' || window.WindowNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.WindowNotExistReasonEnable=='true' || window.WindowNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.WindowExistReasonEnable=='true' || window.WindowExistReasonEnable==1? 1:0;
+                let isStockReq=window.WindowElementStockRequired=='tre' || window.WindowElementStockRequired==1?1:0;
+                // let isStock_CheckAssrt=window.WindowElementCheckAssortment=='true' || window.WindowElementCheckAssortment==1?1:0;
+                let RefImage=window.WindowRefImage;
+                let camera1Label=window.WindowImage1Lable || '';
+                let camera2Label=window.WindowImage2Lable || '';
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+
+                const wind=WindowData.find(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QuestionsData=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+
+                // console.log('camera2Label:',window.WindowId,window.WindowDefinitionId,camera2Label);
+                
+
+                var xpos=isPresent=='1'?-75:0;
+                if(window.animatedChoice!=null ){
+                    xpos=window.animatedChoice.interpolate({
+                        inputRange:[0,1],
+                        outputRange:[0,-75],
+                    });
+                }
+                return(
+                    <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                        <View style={customStyle.WItem_Hdr}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.WItem_Hdrbg}>
+                                <Text style={customStyle.WItem_HdrText}>{window.WindowName}</Text>
+                                <TouchableOpacity style={customStyle.WItem_RefImgBtn} onPress={()=>{openImageRefView(RefImage)}}>
+                                    <Entypo name='image-inverted' size={24} color={'#1f7dbc'} />    
+                                </TouchableOpacity>
+                            </LinearGradient>
+                        </View>
+                        
+                        <View style={customStyle.WForm}>
+                            <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{'Is Present'}</Text>
+                                    <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                        <View style={customStyle.openStk_prd_choiceBox}>
+                                            <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                            {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                            <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,1,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>Yes</Text>
+                                            </TouchableOpacity>
+                                            <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,0,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>No</Text>
+                                            </TouchableOpacity>
+                                        </View>
+                                    </View>
+                                </View>
+                                {((isPresent!='1' && isNAReasonEnable==true) || (isPresent=='1' && isReasonEnable==true)) &&
+                                    <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>Select Reason</Text>
+                                        {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{value:Reason,otherData:{window:window}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                    </View>
+                                }
+
+
+                                {(isPresent!='1' && isNAImageAvl==true) && 
+                                <View>
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Capture Image'}</Text>
+                                    </LinearGradient>
+                                   
+                                    
+                                    <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]}>
+                                        <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                        { (NAImage1Path=='' || NAImage1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (NAImage1Path!='' && NAImage1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:NAImage1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }   
+                                        </View>
+                                    </View>
+                                    </View>
+                                </View>
+                                }
+
+
+
+                                {(isPresent=='1') && 
+                                <View>
+                                    {(isStockReq==true && WindowStocks.length>0) &&
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Enter Stocks'}</Text>
+                                    </LinearGradient>
+                                    <FlatList 
+                                        data={WindowStocks}
+                                        extraData={rerenderdata4}
+                                        listKey={(item, index) => `wstock_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let stockProd=item;
+                                            let stockProdIndex=index;
+                                            let sd=WStocksData.find(i=> i.ProductId==stockProd.WindowStockValue) || {};
+                                            let stock=sd.Stock!=null?sd.Stock:'';
+                                            return(
+                                                <View style={[customStyle.WStkWrap]} key={'WSTock+'+stockProdIndex}>
+                                                    <Text style={[customStyle.WStkHdrText]}>{stockProd.ProductName}</Text>
+                                                    <View style={[customStyle.openStk_prd_colflex]} >
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_1]}>
+                                                            <Text style={customStyle.openStk_prd_flexlabel}>Stock</Text>
+                                                        </View>
+                                                        
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_2]}>
+                                                            <TextInput 
+                                                                style={[customStyle.WStkInputStyle]}
+                                                                placeholder=""
+                                                                placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                keyboardType={'number-pad'}
+                                                                value={stock+''}
+                                                                onChangeText={(val)=>{setWindowStockVal(val,window,stockProd)}}
+                                                                autoComplete='off'
+                                                            />
+                                                        </View>
+                                                    
+                                                    </View>
+                                                </View>
+                                            );
+                                        }}
+                                    /> 
+                                    </View>
+                                    }
+                                    {( window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1)) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Capture Window Images'}</Text>
+                                    </LinearGradient>
+                                    <FlatList 
+                                        data={WindowSplits}
+                                        extraData={rerenderdata2}
+                                        listKey={(item, index) => `spliItem_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let splitItem=item;
+                                            let splitItemIndex=index;
+                                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                            let Image1=splitItem['Image1']!=null && splitItem['Image1']!=''?splitItem['Image1']:'';
+                                            let Image2=splitItem['Image2']!=null && splitItem['Image2']!=''?splitItem['Image2']:'';
+                                            
+                                            return(
+                                                <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]} key={'SplitItem+'+splitItemIndex}>
+                                                    {isImage1==1 && 
+                                                    <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                                    { (Image1=='' || Image1==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image1!='' && Image1!=null) && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }       
+                                                    <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text>
+                                                    </View>
+                                                    }
+                                                    {isImage2==1 && 
+                                                    <View style={customStyle.openStkCameraCon}>
+                                                    { (Image2=='' || Image2==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image2!='' && Image2!=null)  && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image2}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }      
+                                                    {console.log('camera2Label 2:',camera2Label)}
+                                                    <Text style={customStyle.WSCameraLabel}>{camera2Label}</Text> 
+                                                    </View>  
+                                                    }          
+                                                </View>
+                                            );
+                                        }}
+                                    />
+                                    </View>
+                                    }
+                                    
+                                    {(WindowQuestions.length>0) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Window Questions'}</Text>
+                                    </LinearGradient>
+                                    {WindowQuestions.map((item,index)=>{
+                                        
+                                        let qtn=item;  
+                                        let qtnIndex=index;
+                                        let selansid='',selanswer='',selimg='',showImageTag=false;
+                                        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+                                        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+                                        let multi_key=qtn.WindowQuestionId+'_MultiOption';
+                                        let date_key=qtn.WindowQuestionId+'_Date';
+                                        let img_key=qtn.WindowQuestionId+'_ImagePath1';
+                                        let imgname_key=qtn.WindowQuestionId+'_ImageName1';
+                                        let rating_key=qtn.WindowQuestionId+'_Rating'; 
+                                        
+                                        let list_mcdata=[];
+
+                                        if(qtn.QuestionType=='Single choice list')
+                                        {
+                                            selansid=QuestionsData[id_key]!=null ?QuestionsData[id_key] :'';
+                                            selanswer=QuestionsData[ans_key]!=null ?QuestionsData[ans_key] :'';
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list')
+                                        {
+                                            if(qtn.Answers!=null){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let obj={'AnswerId':parseInt(qtn.Answers[i].AnswerId),'Answer':qtn.Answers[i].Answer};
+                                                    list_mcdata.push(obj);
+                                                }
+                                            }
+                                            selansid=QuestionsData[multi_key]!=null && QuestionsData[multi_key]!=''?QuestionsData[multi_key].split(','):[];
+                                            // if(selansid!=null && selansid.length>0){
+                                            //     let arr=[];
+                                            //     for(var i=0;i<selansid.length;i++){
+                                            //         arr.push(parseInt(selansid[i]));
+                                            //     }
+                                            //     selansid=arr;
+                                            // }
+                                        }
+                                        else if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                                        {
+                                            selansid=QuestionsData[ans_key];
+                                            selanswer=(qtn.QuestionType=='Date'  )?(QuestionsData[date_key] || moment().format('MM/DD/YYYY')):'';
+                                            showImageTag=(qtn.WQShowCamera==1 || qtn.WQShowCamera=='true');
+                                        }
+                                        else if(qtn.QuestionType=='Rating'){
+                                            selanswer=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                                        }
+                                        
+
+                                        if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                            if (qtn.Answers && qtn.Answers.length>0){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let ansss=qtn.Answers[i];
+                                                    let isandImgAl=(ansss.WAShowCamera=='true' || ansss.WAShowCamera==1);
+                                                    
+                                                    if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                        showImageTag=true;
+                                                    }
+                                                    else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                        showImageTag=true;
+                                                    }
+                                                    
+                                                }
+                                            }
+                                        }
+                                        
+                                        if(showImageTag){
+                                            selimg=QuestionsData[img_key]!=null && QuestionsData[img_key]!=''?'file://'+QuestionsData[img_key]:'';                    
+                                        }
+                                        
+                                        return(
+                                        <View style={[customStyle.sform_group2,]} key={'Qtn_'+qtnIndex} >
+                                            <Text style={[customStyle.sform_label3]}>{qtn.WindowQuestionName}</Text>                     
+                                            {qtn.QuestionType=='Single choice list' && qtn.Answers && 
+                                                render_Picker('Answer','AnswerId',onselectionChange2,{value:selanswer,qtn:qtn,window:window})
+                                            }
+                                            {qtn.QuestionType=='Multi choice list' && qtn.Answers &&
+                                                <MultiSelect
+                                                    items={list_mcdata}
+                                                    uniqueKey="AnswerId"
+                                                    onSelectedItemsChange={(selectedItems)=>{ setMultiSelectValue(selectedItems,qtn,window) }} //setMultiSelectValue(selectedItems,qtn)
+                                                    selectedItems={selansid}
+                                                    selectText="Pick Items"
+                                                    searchInputPlaceholderText="Search Items..."
+                                                    // onChangeInput={ (text)=> console.log(text)}
+                                                    tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                                    tagBorderColor={PrimaryTheme.$primary_color}
+                                                    tagTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemIconColor={PrimaryTheme.$primary_color}
+                                                    itemTextColor={PrimaryTheme.$text_color}
+                                                    displayKey="Answer"
+                                                    searchInputStyle={{ color: '#CCC' }}
+                                                    submitButtonColor={PrimaryTheme.$primary_color}
+                                                    submitButtonText="Submit"
+                                                />
+                                            }
+                                            { (qtn.QuestionType=='Number' || qtn.QuestionType=='Decimal'  || qtn.QuestionType=='Text') &&  
+                                                <TextInput 
+                                                    style={[customStyle.WQ_InputStyle]}
+                                                    placeholder=""
+                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                    // keyboardType={'ascii-capable'}
+                                                    keyboardType={(qtn.QuestionType=='Decimal'?'decimal-pad':(qtn.QuestionType=='Text'?'default':'number-pad'))}
+                                                    value={selansid}
+                                                    onChangeText={(val)=>{setTextValue(val,qtn,window)}}
+                                                    autoComplete='off'
+                                                />
+                                            }
+                                            {
+                                                (qtn.QuestionType=='Date') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.WQ_datePicker_text}>{selansid!=''?selansid:'MM/YYYY'}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setDateValue(selanswer);showQtnDatePicker(qtn,window,true)}}>
+                                                        <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                                                    </TouchableOpacity> 
+                                                </View>     
+                                            }
+                                            {   ((qtn.showDatePicker==true || qtn.showDatePicker=='true') && (qtn.QuestionType=='Date') ) && 
+                                                renderDatePicker(qtn,window)
+                                            }  
+                                            {
+                                                (qtn.QuestionType=='Rating') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{setRatingQtn(qtn);setRatingWindow(window);setShowRating(true);}}>
+                                                        <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag"/>
+                                                    </TouchableOpacity> 
+                                                </View>    
+                                            }
+
+                                            {
+                                                // (qtn.QuestionType=='Audio') && 
+                                                // <View style={customStyle.surveyQtn_datePicker_con}>
+                                                //     <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                //     <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                                //         <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                                //     </TouchableOpacity> 
+                                                // </View>    
+                                            }
+                                            
+                                            {
+                                                showImageTag &&
+                                                <View style={[customStyle.store_audit_img_con,]}>                    
+                                                    <Image source={(selimg!='' && selimg!=null )?{uri:selimg}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg!='' && selimg!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                                    <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(window,{},0,'1','2',qtn)}}>
+                                                        <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                                    </TouchableOpacity>
+                                                </View>
+                                            }
+
+                                           
+                                        </View> 
+                                        )
+                                    })}
+                                    </View>
+                                    }
+                                    
+                                    
+                                </View>
+                                }
+                                
+                                                    
+                                                    
+                            </View>
+                        </View>
+                    </View>
+                );
+            }}
+            />
+        )
+    }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.Windows_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} 
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(PaidVisibility);
\ No newline at end of file
diff --git a/src/screens/PaidVisibilityOneApp.js b/src/screens/PaidVisibilityOneApp.js
new file mode 100644
index 0000000..e784907
--- /dev/null
+++ b/src/screens/PaidVisibilityOneApp.js
@@ -0,0 +1,2103 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import CheckBox from '@react-native-community/checkbox';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import MultiSelect from 'react-native-multiple-select';
+
+function PaidVisibilityOneApp(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+
+    const [Products, setProducts] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+    const [searchedItem, setSearchedItem]= useState('');
+    const [globalWindows, setGlobalWindows] = useState([]);
+    const [KPIFields, setKPIFields] = useState([]);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]); 
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+               return;
+            }   
+        }
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          await db.transaction(async function (txn) {        
+            
+
+            let q3=`Select VisibilityReasonId as ReasonId,VisibilityReason as Reason From Master_VisibilityReason`;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // check if data exists
+            let selectlist=` w.STORE_ID as StoreId,w.PVIS_HEADER_ID as PVisHeaderId,wd.VisibilityDefinitionId,wd.VisibilityId,wd.VisibilityName,wd.VisibilityTable,wd.VisibilityField,wd.VisibilityValue,wd.ChildName,wd.VisibilityRefImage,wd.VisibilityElementCheckAssortment,wd.VisibilityElementStockRequired,w.IS_PRESENT as IsPresent,wd.VisibilityNotExistCamera,w.PVIS_NA_IMAGE as PVisNAImage,wd.VisibilityExistReasonEnable,wd.VisibilityNotExistReasonEnable,w.REASON_ID as ReasonId,w.REASON as Reason,w.REMARK as Remark,wd.NoOfSplit,wd.VisibilityImage1,wd.VisibilityImage2,wd.VisibilityImage1Lable,wd.VisibilityImage2Lable,wd.VisibilityImage1CameraGrid,wd.VisibilityImage2CameraGrid,wd.StockQtyRequired`;
+            let join=` inner join Master_VisibilityDefinition wd on w.PVIS_DEFINITION_ID=wd.VisibilityDefinitionId `;
+            let q=` Select ${selectlist} from ${AppTables.PAIDVIS_HDR_DATA} w  ${join} where w.STORE_ID='${StoreId}'  `;
+
+            // else pick data from masters
+            let selectlist2=` s.StoreId,w.VisibilityDefinitionId,w.VisibilityId,w.VisibilityName,w.VisibilityTable,w.VisibilityField,w.VisibilityValue,w.ChildName,w.VisibilityRefImage,w.VisibilityElementCheckAssortment,w.VisibilityElementStockRequired,'' as IsPresent,w.VisibilityNotExistCamera,'' as PVisNAImage,w.VisibilityExistReasonEnable,w.VisibilityNotExistReasonEnable,'' as ReasonId,'' as Reason,w.NoOfSplit,w.VisibilityImage1,w.VisibilityImage2,w.VisibilityImage1Lable,w.VisibilityImage2Lable,w.VisibilityImage1CameraGrid,w.VisibilityImage2CameraGrid,w.StockQtyRequired`;
+            let join2=` inner join Mapping_StoreVisibility s on w.VisibilityDefinitionId=s.VisibilityDefinitionId  `;
+            let q2=` Select ${selectlist2} from Master_VisibilityDefinition w  ${join2} where s.StoreId='${StoreId}'  `;
+            
+            // console.log('Promotion ',q);
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                // console.log('Promotion items',txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                    let arr=[];let images=[],allWindowsData=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data=txnres2.rows.item(i);
+                        let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                        data.animatedChoice=animatedChoice;
+                        data.NoOfSplit=parseInt(data.NoOfSplit);
+                        
+                        let NoOfSplit=data.NoOfSplit;
+                        let isPresent=data.IsPresent=='1' || data.IsPresent==1?1:0;
+                        let isStockReq=data.VisibilityElementStockRequired=='true' || data.VisibilityElementStockRequired==1?1:0;
+                        
+                        let imgObj={imgIndex:(i+1),url: data.VisibilityRefImage, props: {}}
+                        let WindowSplits =  await getWindowSplits(NoOfSplit,data,storeData1);
+                        let WQr =  await getWindowQuestions(data,storeData1,isPresent);
+                        let WindowQuestions = WQr['WindowQuestions'] || [];
+                        let WindowQA= WQr['WindowQA'] || {};
+                        let WSd= isStockReq==true ? await getWindowStockData(data,storeData1,isPresent) : {'WStocks':[],'WStocksData':[]};
+                        let WStocks=WSd['WStocks'] || [];
+                        let WStocksData=WSd['WStocksData'] || [];
+                        let isAllChecked=WSd['isAllChecked']!=null?WSd['isAllChecked']:0;
+
+                        let isNAImageAvl=data.VisibilityNotExistCamera=='true' || data.VisibilityNotExistCamera==1?1:0;
+                        let NAImage1=isNAImageAvl==1 && data.PVisNAImage!=null?data.PVisNAImage:'';
+                        let NAImage1Path=NAImage1!=''?'file://'+common_ImagePath+NAImage1:'';
+
+
+                        let windowDataObj={'VisibilityId':data.VisibilityId,'VisibilityDefinitionId':data.VisibilityDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData,'NAImage1':NAImage1,'NAImage1Path':NAImage1Path,'ReasonId':data.ReasonId,'Reason':data.Reason,'isPresent':isPresent,'isAllSKUChecked':isAllChecked,'remark':(data.Remark!=null?data.Remark:'')};
+                        data['WindowQuestions']=WindowQuestions;
+                        data['WindowStocks']=WStocks;
+                        arr.push(data);
+                        
+                        allWindowsData.push(windowDataObj);
+                        if(i==txnres2.rows.length-1){
+                            setWindowData(allWindowsData);
+                            setWindows(arr);
+                            setGlobalWindows(arr);
+                            images.push(imgObj);
+                            setZoomImageUrl(images);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                   
+                    await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                       
+                        if(txnres2.rows.length>0){
+                            let arr=[],images=[],allWindowsData=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data=txnres2.rows.item(i);
+                                let animatedChoice=new Animated.Value(0);
+                                data.animatedChoice=animatedChoice;
+                                data.NoOfSplit=parseInt(data.NoOfSplit);
+                                let isStockReq=data.VisibilityElementStockRequired=='true' || data.VisibilityElementStockRequired==1?1:0;
+                        
+                                let imgObj={imgIndex:(i+1),url: data.VisibilityRefImage, props: {}}
+                                let WindowSplits =  [];
+                                for(var s=0;s<data.NoOfSplit;s++){
+                                    let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+                                    WindowSplits.push(obj);
+                                }
+                                let WQr =  await getWindowQuestions(data,storeData1,false);
+                                let WindowQuestions = WQr['WindowQuestions'] || [];
+                                let WindowQA= WQr['WindowQA'] || {};
+                                let WSd= isStockReq==true ? await getWindowStockData(data,storeData1,false) : {'WStocks':[],'WStocksData':[]};
+                        
+                                let WStocks=WSd['WStocks'] || [];
+                                let WStocksData=WSd['WStocksData'] || [];
+                                let isAllChecked=WSd['isAllChecked']!=null?WSd['isAllChecked']:0;
+
+                                let windowDataObj={'VisibilityId':data.VisibilityId,'VisibilityDefinitionId':data.VisibilityDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData,'isAllSKUChecked':isAllChecked};
+                                data['WindowQuestions']=WindowQuestions;
+                                data['WindowStocks']=WStocks;
+
+                                arr.push(data);
+                                allWindowsData.push(windowDataObj);
+                                if(i==txnres2.rows.length-1){
+                                    setWindowData(allWindowsData);
+                                    setWindows(arr);
+                                    setGlobalWindows(arr);
+                                    images.push(imgObj);
+                                    setZoomImageUrl(images);
+                                    setProcessing(false);
+                                }                                
+                            }
+                        }
+                        else{
+                            setProcessing(false);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getWindowSplits(NoOfSplit,window,storeData1){
+        let WindowSplits_def=  [];
+        for(var s=0;s<NoOfSplit;s++){
+            let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+            WindowSplits_def.push(obj);
+        }
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+
+                let q=`select * from ${AppTables.PAIDVIS_IMAGES} where PVIS_HEADER_ID='${window.PVisHeaderId}' and  STORE_ID='${storeData1.StoreId}' `;
+               
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            console.log(data.PVIS_HEADER_ID)
+                            let isImage1=window.VisibilityImage1=='true' || window.VisibilityImage1==1?1:0;
+                            let isImage2=window.VisibilityImage2=='true' || window.VisibilityImage2==1?1:0;
+
+                            let Image1=isImage1==1 && data.IMAGE1!=null && data.IMAGE1!=''?'file://'+common_ImagePath+data.IMAGE1:'';
+                            let Image2=isImage2==1 && data.IMAGE2!=null && data.IMAGE2!=''?'file://'+common_ImagePath+data.IMAGE2:'';
+                            let obj={'Image1Name':data.IMAGE1,'Image1':Image1,'Image2Name':data.IMAGE2,'Image2':Image2};
+                            arr.push(obj);
+
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(WindowSplits_def)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(WindowSplits_def) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return WindowSplits_def;
+        });
+    }
+
+    async function getWindowQuestions(window,storeData1,isInserted=false){
+        let obj={'WindowQA':{},'WindowQuestions':[]}
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='',join2='';
+                if(isInserted==true){
+                    selectlist=` DISTINCT  q.QUESTION_ID as VisibilityQuestionId,q.QUESTION_CODE as VisibilityQuestionCode,wq.VisibilityQuestionName,wq.QuestionType,wq.VQShowCamera,wq.VQCameraMandatory,wq.VQLengthValidationRequired,wq.VQMinimumChar,wq.VQMaximumChar,wq.VQDecimalPoint,wq.VQDateRangeMin,wq.VQDateRangeMax,wq.VQVoiceLengthInMinutes,wq.VQDefaultQuestionEnable,q.ANSWER as Answer,q.ANSWER_ID as AnswerId,q.MULTI_OPTIONS_IDS as multi_op_ids,q.IMAGE_ALLOW1 as VAShowCamera,q.IMAGE1 as Image1  `;
+                    join2=` inner join Mapping_VisibilityQuestion mq on mq.VisibilityQuestionId=wq.VisibilityQuestionId `;
+                    join=` inner join Master_VisibilityQuestion wq on wq.VisibilityQuestionId=q.QUESTION_ID `;
+                    q=`select ${selectlist} from ${AppTables.PAIDVIS_CHILD_DATA} q ${join} ${join2} where q.STORE_ID='${storeData1.StoreId}' and q.PVIS_DEFINITION_ID='${window.VisibilityDefinitionId}' and q.PVIS_ID='${window.VisibilityId}' order by wq.VisibilityQuestionSequence  `;
+                }
+                else{
+                    selectlist=` DISTINCT  wq.VisibilityQuestionId,wq.VisibilityQuestionCode,wq.VisibilityQuestionName,wq.QuestionType,wq.VQShowCamera,wq.VQCameraMandatory,wq.VQLengthValidationRequired,wq.VQMinimumChar,wq.VQMaximumChar,wq.VQDecimalPoint,wq.VQDateRangeMin,wq.VQDateRangeMax,wq.VQVoiceLengthInMinutes,wq.VQDefaultQuestionEnable `;
+                    join=` inner join Mapping_VisibilityQuestion mq on mq.VisibilityQuestionId=wq.VisibilityQuestionId `;
+                    q=`select ${selectlist} from Master_VisibilityQuestion wq  ${join} where mq.VisibilityDefinitionId='${window.VisibilityDefinitionId}' order by wq.VisibilityQuestionSequence  `;
+                }
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        let wqa_obj={};
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            let answers=[];
+                            data.VQDefaultQuestionEnable=data.VQDefaultQuestionEnable==1 || data.VQDefaultQuestionEnable=='true'?true:false;
+                             
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  answers=await getWindowAnswers(data);
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data['Answers']=answers;
+      
+                              let id_key=data.VisibilityQuestionId+'_AnswerId'; 
+                              let ans_key=data.VisibilityQuestionId+'_Answer'; 
+                              let multi_key=data.VisibilityQuestionId+'_MultiOption';
+                              let date_key=data.VisibilityQuestionId+'_Date';
+                              let img_key=data.VisibilityQuestionId+'_ImagePath1';
+                              let imgname_key=data.VisibilityQuestionId+'_ImageName1';
+                              let rating_key=data.VisibilityQuestionId+'_Rating'; 
+                              
+      
+                              let showImageTag=(data.VQShowCamera=='true' || data.VQShowCamera==1) ;
+      
+                              data.AnswerId!=null?wqa_obj[id_key]=data.AnswerId:'';
+                              data.Answer!=null?wqa_obj[ans_key]=data.Answer:'';
+
+                              
+                              let selansid=data.AnswerId!=null?data.AnswerId:'';
+                              if(data.QuestionType=='Multi choice list' && selansid!='' && data.multi_op_ids!=null){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  wqa_obj[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((data.QuestionType=='Single choice list' || data.QuestionType=='Multi choice list' ) && selansid!='' && selansid!=null){
+                                  if (data.Answers && data.Answers.length>0){
+                                      for(var k=0;k<data.Answers.length;k++){
+                                          let ansss=data.Answers[k];
+                                          let isandImgAl=(ansss.VAShowCamera==1 || ansss.VAShowCamera=='true');
+                                          if(data.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(data.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag && data.Answer!=null){
+                                  let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1;
+                                  wqa_obj[imgname_key]=data.Image1;
+                                  wqa_obj[img_key]=imgPath;
+                              }
+
+                             
+      
+                              if(data.QuestionType=='Date' && data.Answer!=null){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  wqa_obj[date_key]=fulldate;
+                                  
+                              }
+
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WindowQuestions']=arr;
+                                obj['WindowQA']=wqa_obj;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getWindowAnswers(qtn){
+        
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='';
+                selectlist=` DISTINCT  VisibilityAnswerId as AnswerId,VisibilityAnswerName as Answer,VAShowCamera,VACameraMandatory,VAQuestionEnable,VAQuestionDisable `;
+                q=`select ${selectlist} from  Master_VisibilityQuestion  where VisibilityQuestionId='${qtn.VisibilityQuestionId}'  order by VASequence  `;
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        });
+    }
+
+    async function getWindowStockData(window,storeData1,isInserted=false){
+        let obj={'WStocks':[],'WStocksData':[],'isAllChecked':0}
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                let checkassrt=window.VisibilityElementCheckAssortment=='true' || window.VisibilityElementCheckAssortment==1?true:false;
+                let join='',join2='';
+                if(checkassrt){
+                    join=` inner join Mapping_ProductAssortment a on a.ProductId=s.PVIS_STOCK_VALUE `;
+                }
+                let selectlist1=`  s.PVIS_STOCK_DEFINITION_ID as VisibilityStockDefinitionId, s.PVIS_DEFINITION_ID as VisibilityDefinitionId,s.PVIS_STOCK_TABLE as VisibilityStockTable,s.PVIS_STOCK_FIELD as VisibilityStockField,s.PVIS_STOCK_VALUE as VisibilityStockValue,s.PVIS_STOCK_MBQ as VisibilityStockMBQ,s.PRODUCT_NAME as ProductName, s.STOCK as Stock,s.IS_PVIS_PRESENT as isPVisPresent `;
+                let q=`select ${selectlist1} from  ${AppTables.PAIDVIS_STOCK_DATA} s ${join} where s.PVIS_DEFINITION_ID='${window.VisibilityDefinitionId}' and s.STORE_ID='${storeData1.StoreId}'  `;
+                if(checkassrt){
+                    q+=` and a.StateId='${storeData1.StateId}' `;
+                }
+                q+=` order by s.PRODUCT_NAME `;
+
+                if(checkassrt){
+                    join2=` inner join Mapping_ProductAssortment a on a.ProductId=s.VisibilityStockValue `;
+                }
+                let selectlist2=`  s.VisibilityStockDefinitionId, s.VisibilityDefinitionId,s.VisibilityStockTable,s.VisibilityStockField,s.VisibilityStockValue,s.VisibilityStockMBQ,s.ProductName `;
+                let q2=`select ${selectlist2} from  Master_VisibilityStockDefinition s ${join2} where s.VisibilityDefinitionId='${window.VisibilityDefinitionId}'    `;
+                
+                if(checkassrt){
+                    q2+=` and a.StateId='${storeData1.StateId}' `;
+                }
+                q2+=` order by s.ProductName `;
+
+                
+                console.log(q);
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[],WStocksData=[];
+                        let isAllChecked=1;
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            if(isInserted==true && data.Stock!=null){
+                                
+                                let stockData_obj={'ProductId':data.VisibilityStockValue,'Stock':data.Stock,'isPVisPresent':(data.isPVisPresent!=null ?data.isPVisPresent:0)}
+                                WStocksData.push(stockData_obj);
+                                
+                            }
+                            if(data.isPVisPresent==null || data.isPVisPresent==0 || data.isPVisPresent=='0' || data.isPVisPresent==''){
+                               
+                                isAllChecked=0;
+                            }
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WStocks']=arr;
+                                obj['WStocksData']=WStocksData;
+                                obj['isAllChecked']=isAllChecked;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        await txn.executeSql(q2,[],async function (txn2, txnres3) { 
+                            if(txnres3.rows.length>0){
+                                let arr=[],WStocksData=[];
+                                let isAllChecked=1;
+                                for(var i=0;i<txnres3.rows.length;i++){
+                                    let data =txnres3.rows.item(i);
+                                    if(isInserted==true && data.Stock!=null){
+                                        let stockData_obj={'ProductId':data.VisibilityStockValue,'Stock':data.Stock,'isPVisPresent':(data.isPVisPresent!=null ?data.isPVisPresent:0)}
+                                        WStocksData.push(stockData_obj);
+                                    }
+                                    if(data.isPVisPresent==null || data.isPVisPresent==0 || data.isPVisPresent=='0' || data.isPVisPresent==''){
+                                       isAllChecked=0;
+                                    }
+                                    arr.push(data);
+                                    if(i==txnres3.rows.length-1){
+                                        obj['WStocks']=arr;
+                                        obj['WStocksData']=WStocksData;
+                                        obj['isAllChecked']=isAllChecked;
+                                        resolve(obj)
+                                    }                                
+                                }
+                            }
+                            else{
+                                resolve(obj);
+                            }
+                        },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getImage(imgdata){
+        let type=getImageProps.type || '';
+        let window=getImageProps.window || {};
+        let splitItem=getImageProps.splitItem || {};
+        let splitItemIndex=getImageProps.splitItemIndex || 0;
+        let qtn=getImageProps.qtn || {};
+        let cameraType=getImageProps.cameraType!=null?getImageProps.cameraType:'1';
+
+        if(typeof imgdata=='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Shelf Talker'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+window.VisibilityDefinitionId+'_'+window.VisibilityId+'_'+(props.UserId || '')+'_STImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=WindowData;
+                            let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+                            const wind_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId) ;
+                            let wind=wind_index>=0?allData[wind_index]:defData;
+
+                            if(cameraType=='2'){
+                                var QD=wind.WindowQA || {};
+                                var image_key=qtn.VisibilityQuestionId+'_ImageName1';
+                                var image_key_path=qtn.VisibilityQuestionId+'_ImagePath1';
+                                QD[image_key]=filename;
+                            }
+                            else if(cameraType=='3'){
+                                var image_key='NAImage1';
+                                var image_key_path='NAImage1Path';
+                                wind[image_key]=filename;
+                            }
+                            else{
+                                var WindowSplits=wind.WindowSplits || [];
+                                var image_key=type=='1'?'Image1Name':'Image2Name';
+                                var image_key_path=type=='1'?'Image1':'Image2';
+                                splitItem[image_key]=filename;
+                            }
+                            
+                            
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                               console.log('image marker:',uri);
+                                
+                                if(cameraType=='2'){
+                                    QD[image_key_path]=uri;
+                                    wind.WindowQA=QD;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata3(!rerenderdata3);
+                                }
+                                else if(cameraType=='3'){
+                                    wind[image_key_path]=uri;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                else{
+                                    console.log('split image updated');
+                                    splitItem[image_key_path]=uri;
+                                    splitItemIndex>=0?WindowSplits[splitItemIndex]=splitItem:WindowSplits.push(splitItem);
+                                    wind.WindowSplits=WindowSplits;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata2(!rerenderdata2);
+                                }
+                                
+                                
+                                
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(window,splitItem,splitItemIndex,type='1',cameraType='1',qtn={}){  
+        setGetImageProps({'window':window,'splitItem':splitItem,'splitItemIndex':splitItemIndex,'type':type,'cameraType':cameraType,'qtn':qtn}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+   
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              //  remove old data
+              await txn.executeSql(`DELETE FROM ${AppTables.PAIDVIS_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.PAIDVIS_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window child data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.PAIDVIS_IMAGES} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window images data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.PAIDVIS_STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              
+
+              
+                // add data
+                var values='',childV='',imageV='',stockV='';
+              
+                for (const wi in globalWindows){
+                    const window=globalWindows[wi];
+                    let isImage1=window.VisibilityImage1=='true' || window.VisibilityImage1==1?1:0;
+                    let isImage2=window.VisibilityImage2=='true' || window.VisibilityImage2==1?1:0;
+                    let isNAImageAvl=window.VisibilityNotExistCamera=='true' || window.VisibilityNotExistCamera==1?1:0;
+                    let isNAReasonEnable=window.VisibilityNotExistReasonEnable=='true' || window.VisibilityNotExistReasonEnable==1? 1:0;
+                    let isReasonEnable=window.VisibilityExistReasonEnable=='true' || window.VisibilityExistReasonEnable==1? 1:0;
+                    let isStockReq=window.VisibilityElementStockRequired=='true' || window.VisibilityElementStockRequired==1?1:0;
+                    let WindowQuestions=window.WindowQuestions || [];
+                    let WindowStocks=window.WindowStocks || [];
+    
+                   
+                    const wind=WindowData.find(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+                    let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    let ReasonId=wind.ReasonId!=null?wind.ReasonId:0;
+                    let Reason=wind.Reason!=null?wind.Reason:'';
+                    let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                    let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                    let remark=wind.remark!=null?wind.remark:'';
+                    let WindowSplits=wind.WindowSplits || [];
+                    let QD=wind.WindowQA || {};
+                    let WStocksData=wind.WStocksData || [];
+
+                    let PVIS_HEADER_ID='WIND'+wi+(Math.floor(Math.random()*1000)+1);
+                    let {VisibilityDefinitionId,VisibilityId,VisibilityName,VisibilityTable,VisibilityField,VisibilityValue,ChildName}=window;
+                    
+
+                    values+=values!=''?' , ':'';
+                    values+=` ('${PVIS_HEADER_ID}','${StoreId}','${d3}','${VisibilityDefinitionId}','${VisibilityId}','${VisibilityName}','${VisibilityTable}','${VisibilityField}','${VisibilityValue}','${ChildName}','${isPresent}','${NAImage1}','${ReasonId}','${Reason}','${(remark || '')}','${d3}') `;
+                    
+                    if(isPresent==1){
+                        for(const qtnIndex in WindowQuestions){
+                            const qtn=WindowQuestions[qtnIndex];
+                            
+                            let selansid='',selanswer='',selimg='',showImageTag=false;
+                            let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+                            let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+                            let multi_key=qtn.VisibilityQuestionId+'_MultiOption';
+                            let date_key=qtn.VisibilityQuestionId+'_Date';
+                            let img_key=qtn.VisibilityQuestionId+'_ImagePath1';
+                            let imgname_key=qtn.VisibilityQuestionId+'_ImageName1';
+                            let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+                            let list_mcdata=[];
+
+                            let {VisibilityQuestionId,VisibilityQuestionCode,QuestionType,VQShowCamera}=qtn
+                            let answer=QD[ans_key] || 0;
+                            let answerId=QD[id_key] || '';
+                            let multi_options_ids=QD[multi_key] || '';
+
+                            if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                            {
+                                showImageTag=(qtn.VQShowCamera==1 || qtn.VQShowCamera=='true');
+                            }
+                            else if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                if (qtn.Answers && qtn.Answers.length>0){
+                                    for(var i=0;i<qtn.Answers.length;i++){
+                                        let ansss=qtn.Answers[i];
+                                        let isandImgAl=(ansss.VAShowCamera=='true' || ansss.VAShowCamera==1);
+                                        if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==answerId)){
+                                            showImageTag=true;
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && answerId.indexOf(ansss.AnswerId)>=0)){
+                                            showImageTag=true;
+                                        }
+                                        
+                                    }
+                                }
+                            }
+
+                            let Image1=showImageTag==1?QD[imgname_key]:'';
+
+
+                            childV+=childV!=''?' , ':'';
+                            childV+=` ('${PVIS_HEADER_ID}','${StoreId}','${d3}','${VisibilityDefinitionId}','${VisibilityId}','${VisibilityQuestionId}','${VisibilityQuestionCode}','${QuestionType}','${answer}','${answerId}','${multi_options_ids}','${Image1}','${showImageTag}','${d3}') `;
+                        }
+                        for(const splitItemIndex in WindowSplits){
+                            const splitItem=WindowSplits[splitItemIndex];
+                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                            Image1Name=isImage1==1?Image1Name:'';
+                            Image2Name=isImage2==1?Image2Name:'';
+                            
+                            imageV+=imageV!=''?' , ':'';
+                            imageV+=` ('${PVIS_HEADER_ID}','${StoreId}','${d3}','${VisibilityDefinitionId}','${VisibilityId}','${Image1Name}','${Image2Name}','${d3}') `;
+                        }
+                        for(const stockProdIndex in WindowStocks){
+                            const stockProd=WindowStocks[stockProdIndex];
+                            let sd=WStocksData.find(i=> i.ProductId==stockProd.VisibilityStockValue) || {};
+                            let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+                            let isPVisPresent=sd.isPVisPresent!=null?sd.isPVisPresent:0;
+                            let {VisibilityStockDefinitionId, VisibilityDefinitionId,VisibilityStockTable,VisibilityStockField,VisibilityStockValue,VisibilityStockMBQ,ProductName} =stockProd
+                            stockV+=stockV!=''?' , ':'';
+                            stockV+=` ('${PVIS_HEADER_ID}','${StoreId}','${d3}','${VisibilityDefinitionId}','${VisibilityId}','${VisibilityStockDefinitionId}','${VisibilityStockTable}','${VisibilityStockField}','${VisibilityStockValue}','${VisibilityStockMBQ}','${ProductName}','${stock}','${isPVisPresent}','${d3}') `;
+                        }
+
+                    }
+                }
+              
+                console.log('values:',values);
+                
+                
+                let add_hdr_data=`INSERT INTO ${AppTables.PAIDVIS_HDR_DATA} (PVIS_HEADER_ID,STORE_ID,VISIT_DATE,PVIS_DEFINITION_ID,PVIS_ID,PVIS_NAME,PVIS_TABLE,PVIS_FIELD,PVIS_VALUE,CHILD_NAME,IS_PRESENT,PVIS_NA_IMAGE,REASON_ID,REASON,REMARK,ADDED_DATE) VALUES ${values} `;
+                let add_child_data=`INSERT INTO ${AppTables.PAIDVIS_CHILD_DATA} (PVIS_HEADER_ID,STORE_ID,VISIT_DATE,PVIS_DEFINITION_ID,PVIS_ID,QUESTION_ID,QUESTION_CODE,QUESTION_TYPE,ANSWER,ANSWER_ID,MULTI_OPTIONS_IDS,IMAGE1,IMAGE_ALLOW1,ADDED_DATE) VALUES ${childV} `;
+                let add_images_data=`INSERT INTO ${AppTables.PAIDVIS_IMAGES} (PVIS_HEADER_ID,STORE_ID,VISIT_DATE,PVIS_DEFINITION_ID,PVIS_ID,IMAGE1,IMAGE2,ADDED_DATE) VALUES ${imageV} `;
+                let add_stock_data=`INSERT INTO ${AppTables.PAIDVIS_STOCK_DATA} (PVIS_HEADER_ID,STORE_ID,VISIT_DATE,PVIS_DEFINITION_ID,PVIS_ID,PVIS_STOCK_DEFINITION_ID,PVIS_STOCK_TABLE,PVIS_STOCK_FIELD,PVIS_STOCK_VALUE,PVIS_STOCK_MBQ,PRODUCT_NAME,STOCK,IS_PVIS_PRESENT,ADDED_DATE) VALUES ${stockV} `;
+                
+                
+                
+                await txn.executeSql(add_hdr_data,[],async function (txn2, txnres) { 
+                    console.log('st header data added');
+                    var isSplitImageAdded=true,isStockAdded=true,isChildAdded=true;
+                    if(imageV!=''){
+                        isSplitImageAdded=await executeQuery(add_images_data);
+                    }
+                    if(stockV!=''){
+                        isStockAdded=await executeQuery(add_stock_data);
+                    }
+                    if(childV!=''){
+                        isChildAdded=await executeQuery(add_child_data);
+                    }
+
+                    if(!isSplitImageAdded){
+                        setProcessing(false);notify('Cannot add paid visibility images');
+                    }
+                    else if(!isStockAdded){
+                        setProcessing(false);notify('Cannot add paid visibility stock data');
+                    }
+                    else if(!isChildAdded){
+                        setProcessing(false);notify('Cannot add paid visibility questions data');
+                    }
+                    else{
+                        setProcessing(false);notify('Paid visibility updated successfully');
+                        props.navigation.goBack();
+                    }
+                       
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add paid visibility data'); },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function executeQuery(q){
+        return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              resolve(true);
+            },function(txn2,txnerr){console.log(txnerr);resolve(false) });
+          }); 
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+            console.log(err);
+          return false;
+        })
+    }
+
+    async function validate(){
+        let isValid=true;
+       
+        return new Promise((resolve,reject)=>{
+            for (const wi in globalWindows){
+                const window=globalWindows[wi];
+                let isImage1=window.VisibilityImage1=='true' || window.VisibilityImage1==1?1:0;
+                let isImage2=window.VisibilityImage2=='true' || window.VisibilityImage2==1?1:0;
+                let isNAImageAvl=window.VisibilityNotExistCamera=='true' || window.VisibilityNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.VisibilityNotExistReasonEnable=='true' || window.VisibilityNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.VisibilityExistReasonEnable=='true' || window.VisibilityExistReasonEnable==1? 1:0;
+                let isStockReq=window.VisibilityElementStockRequired=='true' || window.VisibilityElementStockRequired==1?1:0;
+                let StockQtyRequired=window.StockQtyRequired=='true' || window.StockQtyRequired==1?1:0;
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+
+               
+                const wind=WindowData.find(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let remark=wind.remark!=null?wind.remark:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QD=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+
+                if(isPresent=='1'){
+                    if(isReasonEnable==true && ReasonId=='' ){
+                        notify(`${ST.Pleaseselectreasonfor} ${window.VisibilityName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    // else if(remark==''){
+                    //     notify(`Please enter remark for ${window.VisibilityName} `,'LONG');
+                    //     resolve(false);return;
+                    // }
+                    else{
+                        if(StoreCameraAllow && window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1))
+                        {
+                            for(const splitItemIndex in WindowSplits){
+                                const splitItem=WindowSplits[splitItemIndex];
+                                let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                console.log('Image2Name',Image2Name,isImage2);
+                                if(isImage1==1 && Image1Name==''){
+                                    notify(`${ST.Pleaseclickallimagesfor} ${window.VisibilityName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                                else if(isImage2==1 && Image2Name==''){
+                                    notify(`${ST.Pleaseclickallimagesfor} ${window.VisibilityName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+                        
+                        if(isStockReq==1){
+                            let isProductSelected=false;
+                            for(const stockProdIndex in WindowStocks){
+                                const stockProd=WindowStocks[stockProdIndex];
+                                            
+                                let sd=WStocksData.find(i=> i.ProductId==stockProd.VisibilityStockValue) || {};
+                                let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+                                let isPVisPresent=sd.isPVisPresent!=null?sd.isPVisPresent:0;
+
+                                if(isPVisPresent==1){
+                                    isProductSelected=true;
+                                }
+
+                                if(isPVisPresent==1 && StockQtyRequired==1 && stock==''){
+                                    notify(`${ST.Pleaseenterstockfor} ${window.VisibilityName} ( ${stockProd.ProductName} ) `,'LONG');
+                                    resolve(false);return;
+                                }
+
+                                if(stockProdIndex==WindowStocks.length-1){
+                                    if(!isProductSelected){
+                                        notify(`${ST.PleaseselectatleastoneSKUfor} ${window.VisibilityName} `,'LONG');
+                                        resolve(false);return;
+                                    }
+                                }
+                                
+                            }
+                        }
+
+                        if(WindowQuestions.length>0){
+                            for(const qtnIndex in WindowQuestions){
+                                const qtn=WindowQuestions[qtnIndex];
+                                
+                                let selansid='',selanswer='',selimg='',showImageTag=false;
+                                let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+                                let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+                                let multi_key=qtn.VisibilityQuestionId+'_MultiOption';
+                                let date_key=qtn.VisibilityQuestionId+'_Date';
+                                let img_key=qtn.VisibilityQuestionId+'_ImagePath1';
+                                let imgname_key=qtn.VisibilityQuestionId+'_ImageName1';
+                                let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+                                let list_mcdata=[];
+
+                                let isImgAllowed=(qtn.VQShowCamera=='true' || qtn.VQShowCamera==1);
+                                let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+                                if(qtn.QuestionType=='Single choice list')
+                                {
+                                    selansid=QD[id_key];
+                                }
+                                else if(qtn.QuestionType=='Multi choice list')
+                                {
+                                    selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+                                }
+                                
+                            
+                                if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+                                    notify(`${Pleaseselectoptionsfortherequiredfield} ${ST.In} ${window.VisibilityName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+                                    let msg=( qtn.QuestionType=='Date'?`${ST.Pleasepickadatefortherequiredfield} ${ST.In} ${window.VisibilityName}`:(qtn.QuestionType=='Rating'?`${Pleaseselectratingfortherequiredfield} ${ST.In} ${window.VisibilityName}`:`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.VisibilityName}`));
+                                    notify(msg,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]==='' || (QD[id_key]===0 && qtn.isDisabled===false) ))){
+                                    notify(`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.VisibilityName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.VisibilityName}`,'SHORT');
+                                    resolve(false);return;
+                                }else{
+                                    console.log('no condition found');
+                                }
+
+                                if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                    if (qtn.Answers && qtn.Answers.length>0){
+                                        for(var j=0;j<qtn.Answers.length;j++){
+                                            let ansss=qtn.Answers[j];
+                                            let isandImgAl=(ansss.VAShowCamera=='true' || ansss.VAShowCamera==1);
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                showImageTag=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                showImageTag=true;
+                                            }
+                                        }
+                                    }
+                                }
+
+                                if(showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.VisibilityName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+
+                    }
+                }
+                else{
+                    if(isNAReasonEnable==true && ReasonId=='' ){
+                        notify(`${ST.Pleaseselectreasonfor} ${window.VisibilityName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else if(StoreCameraAllow && isNAImageAvl==true && NAImage1=='' ){
+                        notify(`${ST.Pleaseclickimagefor} ${window.VisibilityName}`,'LONG');
+                        resolve(false);return;
+                    }
+                }
+
+                if(wi==(Windows.length-1)){
+                    resolve(true);return;
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    }
+
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let item=otherData.window;
+        let allData=WindowData;
+        let defData={'VisibilityId':item.VisibilityId,'VisibilityDefinitionId':item.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==item.VisibilityId && i.VisibilityDefinitionId==item.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[keyVal]=option.value;
+        wind[keyLbl]=option.label;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        console.log('allData:',allData);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange2(option,qtn,window){
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const wind_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let data=wind.WindowQA || {};
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        data[id_key]=option.value;
+        data[ans_key]=option.label;
+        
+
+        wind['WindowQA']=data;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+      
+        setWindowData(allData);
+
+        let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+        let ans_obj=aq_ans.find(i=>i.AnswerId==option.value) || {};
+        let EQtns=ans_obj.VAQuestionEnable!=null && ans_obj.VAQuestionEnable!=''?ans_obj.VAQuestionEnable.replace(' ','').split(','):[];
+        let DQtns=ans_obj.VAQuestionDisable!=null && ans_obj.VAQuestionDisable!=''?ans_obj.VAQuestionDisable.replace(' ','').split(','):[];
+      
+        let sqtns=window.WindowQuestions || []
+
+        if(EQtns.length>0){
+            enableQtns(sqtns,EQtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else if(DQtns.length>0){
+            disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else{
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+       
+    }
+
+    async function disableQtns(sqtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.VisibilityQuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.VisibilityQuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.VisibilityQuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+
+                    wind['WindowQA']=data;
+                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                    
+                    return false
+                })
+            ).then(async (val)=>{
+
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.VisibilityDefinitionId==window.VisibilityDefinitionId && i.VisibilityId==window.VisibilityId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.VisibilityQuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+            }
+            else{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.VisibilityDefinitionId==window.VisibilityDefinitionId && i.VisibilityId==window.VisibilityId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+    async function setMultiSelectValue(selectedItems=[],qtn={},window={}) {  
+        console.log('setMultiSelectValue',selectedItems);      
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        let multi_key=qtn.VisibilityQuestionId+'_MultiOption';
+       
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const wind_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+        obj[id_key]=0;
+        obj[multi_key]=selectedItems.join(',');
+        let anss=[];
+        selectedItems.map((itemValue)=>{
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue); 
+            if(ans.Answer){anss.push(ans.Answer)}
+        });
+        obj[ans_key]=anss.join(',');
+        console.log('obj:',obj);
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setTextValue(value,qtn,window) {        
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const wind_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.VisibilityQuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,window,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        
+        console.log(value,obj);
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn,window,show=false){
+        let allQtns=window.WindowQuestions || [];
+        let newqtnIndex=allQtns.findIndex(q=>q.VisibilityQuestionId==qtn.VisibilityQuestionId);
+       
+        if(newqtnIndex>=0){
+            let newqtn=allQtns[newqtnIndex];
+            newqtn.showDatePicker=show;
+            allQtns[newqtnIndex]=newqtn;
+            window['WindowQuestions']=allQtns;
+            let allWindows=Windows;
+            const winIndex=allWindows.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId) || {};
+            allWindows[winIndex]=window;
+            setWindows(allWindows);
+            setGlobalWindows(allwindows);
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data){
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+        let qtn=RatingQtn;
+        let window=RatingWindow;
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const wind_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+    
+   
+    function onChoiceSelect(item,val,key,animatedChoice){
+        
+        var val1=0;
+        val==1?val1=1:'';
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,val,key)
+    }
+
+    function onWindowDataChange(item,val,key){
+        let allData=WindowData;
+        let defData={'VisibilityId':item.VisibilityId,'VisibilityDefinitionId':item.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==item.VisibilityId && i.VisibilityDefinitionId==item.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        if(key=='ReasonId'){
+            let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+            wind['Reason']=rsn.Reason || '';
+        }
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    async function setWindowStockVal(val,window,stockProd,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+        
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        let sdIndex=WStocksData.findIndex(i=> i.ProductId==stockProd.VisibilityStockValue);
+        let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.VisibilityStockValue,'Stock':''};
+        sd[key]=val;
+        sdIndex>=0?WStocksData[sdIndex]=sd:WStocksData.push(sd);
+        wind['WStocksData']=WStocksData;
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        if(key=='isPVisPresent'){
+            let isAllChecked = await verifyAllChecked(val,window,stockProd,key);
+            wind['isAllSKUChecked']=isAllChecked;
+        }
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    async function onCatTextChange(window,key,val){
+        let item=window;
+        let allData=WindowData;
+        let defData={'VisibilityId':item.VisibilityId,'VisibilityDefinitionId':item.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==item.VisibilityId && i.VisibilityDefinitionId==item.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    async function verifyAllChecked(val,window,stockProd,key){
+        return await new Promise((resolve,reject)=>{
+            let WindowStocks=window.WindowStocks || [];
+            let allData=WindowData;
+            const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+            let wind=win_index>=0?(allData[win_index] || defData) : defData;
+            let WStocksData=wind['WStocksData'] || [];
+            if(WindowStocks.length>0){
+                let isAllChecked=1;
+                for(var i=0;i<WindowStocks.length;i++){
+                    let stockProd=WindowStocks[i];
+                    
+                    let sdIndex1=WStocksData.findIndex(a=> a.ProductId==stockProd.VisibilityStockValue);
+                    let sd1=sdIndex1>=0?WStocksData[sdIndex1]:{};
+                    let isPVisPresent=sd1.isPVisPresent;
+                    if(isPVisPresent==null || isPVisPresent=='' || isPVisPresent==0 || isPVisPresent=='0'){
+                        isAllChecked=0
+                    }
+
+                    if(i==WindowStocks.length-1){
+                        resolve(isAllChecked);
+                    }
+                }
+            }
+            else{
+                resolve(0);
+            }
+            
+        }).catch((err)=>{
+            console.log(err);
+            return 0;
+        });
+    }
+
+    function checkAllSKUs(val,window){
+        
+        let WindowStocks=window.WindowStocks || [];
+        let allData=WindowData;
+        let defData={'VisibilityId':window.VisibilityId,'VisibilityDefinitionId':window.VisibilityDefinitionId};
+        const win_index=allData.findIndex(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        console.log('WStocksData before:',WStocksData)
+        for(var i=0;i<WindowStocks.length;i++){
+            let stockProd=WindowStocks[i];
+            
+            let sdIndex=WStocksData.findIndex(a=> a.ProductId==stockProd.VisibilityStockValue);
+            let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.VisibilityStockValue,'Stock':''};
+            let isPVisPresent=(val==1 || val=='1')?1:0;
+            sd['isPVisPresent']=isPVisPresent;
+            
+            sdIndex>=0?(WStocksData[sdIndex]=sd):(WStocksData.push(sd));
+        }
+
+        
+        wind['WStocksData']=WStocksData;
+        wind['isAllSKUChecked']=val==1?1:0;
+        console.log('wind updated');
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(RefImage=''){
+        setShow_zoomImage(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        let newWindows=[];
+        if(searchedQry!=null && searchedQry!=''){
+            
+            for(let i=0;i<globalWindows.length;i++){
+                let item=globalWindows[i];
+                let {VisibilityName}=item;
+                if(VisibilityName.toLowerCase().includes(searchedQry)){
+                    newWindows.push(item);
+                }
+
+                if(i==globalWindows.length-1){
+                    arr=newWindows;
+                }
+            }
+        }
+        else{
+          arr=globalWindows;
+        }
+
+        setWindows(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+        let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>{ST.DragItemsInOrder}</Text>
+                <Text style={customStyle.VRSubHeding}>{ST.Pressandholdtodrag}</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let window=selected_data.window || {};
+        let isQtnDisabled=qtn.isDisabled!=null || qtn.isDisabled!=''?false:true;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn,window) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.WQPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-'+ST.select+'-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn,window){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn,window)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+    function _renderWindow(){
+        let RemarkEnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='RemarkEnable')
+        let RemarkEnableKPIObj=RemarkEnableIndex>=0?KPIFields[RemarkEnableIndex]:{};
+        let RemarkEnable=RemarkEnableIndex>=0?RemarkEnableKPIObj['KPIFieldEnable']:false;
+        
+        return (
+            <FlatList 
+            data={Windows}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.Win_scroll} 
+            style={customStyle.Win_scrollO}
+            initialNumToRender={5}
+            listKey={(item, index) => `window_${index.toString()}`}
+            renderItem={({item,index})=>{
+                const window=item;
+                
+                let isImage1=window.VisibilityImage1=='true' || window.VisibilityImage1==1?1:0;
+                let isImage2=window.VisibilityImage2=='true' || window.VisibilityImage2==1?1:0;
+                let isNAImageAvl=window.VisibilityNotExistCamera=='true' || window.VisibilityNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.VisibilityNotExistReasonEnable=='true' || window.VisibilityNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.VisibilityExistReasonEnable=='true' || window.VisibilityExistReasonEnable==1? 1:0;
+                let isStockReq=window.VisibilityElementStockRequired=='true' || window.VisibilityElementStockRequired==1?1:0;
+                let StockQtyRequired=window.StockQtyRequired=='true' || window.StockQtyRequired==1?1:0;
+                let PromoTitleEnable=window.PromoDefinitionTitleEnable=='true' || window.PromoDefinitionTitleEnable==1? 1:0;
+                let PromoTitle=window.PromoDefinitionTitle!=null && window.PromoDefinitionTitle!='undefined'? window.PromoDefinitionTitle:"";
+                
+                // let isStock_CheckAssrt=window.VisibilityElementCheckAssortment=='true' || window.VisibilityElementCheckAssortment==1?1:0;
+                let RefImage=window.VisibilityRefImage;
+                let camera1Label=window.VisibilityImage1Lable || '';
+                let camera2Label=window.VisibilityImage2Lable || '';
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+                
+
+                const wind=WindowData.find(i=>i.VisibilityId==window.VisibilityId && i.VisibilityDefinitionId==window.VisibilityDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let remark=wind.remark!=null?wind.remark:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QuestionsData=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+                let isAllSKUChecked=wind.isAllSKUChecked==1 || wind.isAllSKUChecked=="1";
+                
+                // console.log('camera2Label:',window.VisibilityId,window.VisibilityDefinitionId,camera2Label);
+                
+
+                var xpos=isPresent=='1'?-75:0;
+                if(window.animatedChoice!=null ){
+                    xpos=window.animatedChoice.interpolate({
+                        inputRange:[0,1],
+                        outputRange:[0,-75],
+                    });
+                }
+                
+                return(
+                    <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                        <View style={customStyle.WItem_Hdr}>                            
+                            <View style={customStyle.WItem_Hdrbg}>
+                                <Text style={customStyle.WItem_HdrText}>{window.VisibilityName}</Text>
+                                {(PromoTitleEnable==1 && PromoTitle!=null && PromoTitle!='') && <Text style={customStyle.WItem_HdrSubTitleText}>{PromoTitle}</Text>}
+                                <TouchableOpacity style={customStyle.WItem_RefImgBtn} onPress={()=>{openImageRefView(RefImage)}}>
+                                    <Entypo name='image-inverted' size={24} color={PageTheme.$accent_color} />    
+                                </TouchableOpacity>
+                            </View>
+                        </View>
+                        
+                        <View style={customStyle.WForm}>
+                            <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                    <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                        <View style={customStyle.openStk_prd_choiceBox}>
+                                            <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                            {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                            <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,1,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                            </TouchableOpacity>
+                                            <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,0,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                            </TouchableOpacity>
+                                        </View>
+                                    </View>
+                                </View>
+                                {((isPresent!='1' && isNAReasonEnable==true) || (isPresent=='1' && isReasonEnable==true)) &&
+                                    <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                                        {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{value:Reason,otherData:{window:window}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                    </View>
+                                }
+
+
+                                {(isPresent!='1' && isNAImageAvl==true) && 
+                                <View>
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.CaptureImage}</Text>
+                                    </LinearGradient>
+                                   
+                                    
+                                    <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]}>
+                                        <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                        { (NAImage1Path=='' || NAImage1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (NAImage1Path!='' && NAImage1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:NAImage1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }   
+                                        </View>
+                                    </View>
+                                    </View>
+                                    
+                                </View>
+                                }
+
+
+
+                                {(isPresent=='1') && 
+                                <View>
+                                    
+                                    {(isStockReq==true && WindowStocks.length>0) &&
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.SelectProducts}</Text>
+                                        
+                                    </LinearGradient>
+                                    <View style={customStyle.windhdr_checkAllBtnCon}>
+                                    <TouchableOpacity style={customStyle.windhdr_checkAllBtn} onPress={()=>{checkAllSKUs((isAllSKUChecked==1?0:1),window)}}>
+                                        <CheckBox
+                                            boxType='square'
+                                            value={isAllSKUChecked}
+                                            onValueChange={(val)=>{let val1=(val==true)?1:0; checkAllSKUs(val1,window) }}
+                                            style={[customStyle.WStkHdr_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginLeft:5}:{})]}
+                                            tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                        />
+                                        <Text style={customStyle.windhdr_checkAllBtnText}>{ST.SelectAll}</Text>
+                                    </TouchableOpacity>
+                                    </View>
+                                    <FlatList 
+                                        data={WindowStocks}
+                                        extraData={rerenderdata4}
+                                        listKey={(item, index) => `wstock_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let stockProd=item;
+                                            let stockProdIndex=index;
+                                            let sd=WStocksData.find(i=> i.ProductId==stockProd.VisibilityStockValue) || {};
+                                            let stock=sd.Stock!=null?sd.Stock:'';
+                                            let isPVisPresent=sd.isPVisPresent!=null?sd.isPVisPresent:0;
+                                           
+                                            return(
+                                                <View style={[customStyle.WStkWrap]} key={'WSTock+'+stockProdIndex}>
+                                                    {/* <Text style={[customStyle.WStkHdrText]}>{stockProd.ProductName}</Text> */}
+                                                    <View style={customStyle.WStkHdr_checkboxWrap}>
+                                                        <View style={customStyle.WStkHdr_checkboxCon}>
+                                                        <CheckBox
+                                                        boxType='square'
+                                                        value={(isPVisPresent==1 || isPVisPresent=='1')}
+                                                        onValueChange={(val)=>{let val1=(val==true)?1:0; setWindowStockVal(val1,window,stockProd,'isPVisPresent') }}
+                                                        style={[customStyle.WStkHdr_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginTop:5,marginLeft:5,}:{})]}
+                                                        tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                                        />
+                                                        </View>
+                                                        <Text style={[customStyle.WStkHdrText2,customStyle.WStkHdr_checkboxpName]}>{stockProd.ProductName}</Text>
+                                                    </View>
+                                                    {StockQtyRequired==1 && isPVisPresent==1 &&
+
+                                                        <View style={[customStyle.openStk_prd_colflex,customStyle.WStkHdr_PrdcontentWrap]} >
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_1]}>
+                                                            <Text style={customStyle.openStk_prd_flexlabel}>Stock</Text>
+                                                        </View>
+                                                        
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_2]}>
+                                                            <TextInput 
+                                                                style={[customStyle.WStkInputStyle]}
+                                                                placeholder=""
+                                                                placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                keyboardType={'number-pad'}
+                                                                value={stock+''}
+                                                                onChangeText={(val)=>{setWindowStockVal(val,window,stockProd,'Stock','numeric')}}
+                                                                autoComplete='off'
+                                                            />
+                                                        </View>
+                                                    
+                                                        </View>
+                                                    }
+                                                </View>
+                                            );
+                                        }}
+                                    /> 
+                                    </View>
+                                    }
+                                    {( window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1)) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Paid Visibility Images'}</Text>
+                                    </LinearGradient>
+                                    <FlatList 
+                                        data={WindowSplits}
+                                        extraData={rerenderdata2}
+                                        listKey={(item, index) => `spliItem_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let splitItem=item;
+                                            let splitItemIndex=index;
+                                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                            let Image1=splitItem['Image1']!=null && splitItem['Image1']!=''?splitItem['Image1']:'';
+                                            let Image2=splitItem['Image2']!=null && splitItem['Image2']!=''?splitItem['Image2']:'';
+                                            
+                                            return(
+                                                <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]} key={'SplitItem+'+splitItemIndex}>
+                                                    {isImage1==1 && 
+                                                    <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                                    { (Image1=='' || Image1==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image1!='' && Image1!=null) && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }       
+                                                    <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text>
+                                                    </View>
+                                                    }
+                                                    {isImage2==1 && 
+                                                    <View style={customStyle.openStkCameraCon}>
+                                                    { (Image2=='' || Image2==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image2!='' && Image2!=null)  && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image2}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }      
+                                                    {console.log('camera2Label 2:',camera2Label)}
+                                                    <Text style={customStyle.WSCameraLabel}>{camera2Label}</Text> 
+                                                    </View>  
+                                                    }          
+                                                </View>
+                                            );
+                                        }}
+                                    />
+                                    </View>
+                                    }
+                                    
+                                    {(WindowQuestions.length>0) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Paid Visibility Questions'}</Text>
+                                    </LinearGradient>
+                                    {WindowQuestions.map((item,index)=>{
+                                        
+                                        let qtn=item;  
+                                        let qtnIndex=index;
+                                        let selansid='',selanswer='',selimg='',showImageTag=false;
+                                        let id_key=qtn.VisibilityQuestionId+'_AnswerId'; 
+                                        let ans_key=qtn.VisibilityQuestionId+'_Answer'; 
+                                        let multi_key=qtn.VisibilityQuestionId+'_MultiOption';
+                                        let date_key=qtn.VisibilityQuestionId+'_Date';
+                                        let img_key=qtn.VisibilityQuestionId+'_ImagePath1';
+                                        let imgname_key=qtn.VisibilityQuestionId+'_ImageName1';
+                                        let rating_key=qtn.VisibilityQuestionId+'_Rating'; 
+                                        
+                                        let list_mcdata=[];
+
+                                        if(qtn.QuestionType=='Single choice list')
+                                        {
+                                            selansid=QuestionsData[id_key]!=null ?QuestionsData[id_key] :'';
+                                            selanswer=QuestionsData[ans_key]!=null ?QuestionsData[ans_key] :'';
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list')
+                                        {
+                                            if(qtn.Answers!=null){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let obj={'AnswerId':parseInt(qtn.Answers[i].AnswerId),'Answer':qtn.Answers[i].Answer};
+                                                    list_mcdata.push(obj);
+                                                }
+                                            }
+                                            selansid=QuestionsData[multi_key]!=null && QuestionsData[multi_key]!=''?QuestionsData[multi_key].split(','):[];
+                                            // if(selansid!=null && selansid.length>0){
+                                            //     let arr=[];
+                                            //     for(var i=0;i<selansid.length;i++){
+                                            //         arr.push(parseInt(selansid[i]));
+                                            //     }
+                                            //     selansid=arr;
+                                            // }
+                                        }
+                                        else if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                                        {
+                                            selansid=QuestionsData[ans_key];
+                                            selanswer=(qtn.QuestionType=='Date'  )?(QuestionsData[date_key] || moment().format('MM/DD/YYYY')):'';
+                                            showImageTag=(qtn.VQShowCamera==1 || qtn.VQShowCamera=='true');
+                                        }
+                                        else if(qtn.QuestionType=='Rating'){
+                                            selanswer=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                                        }
+                                        
+
+                                        if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                            if (qtn.Answers && qtn.Answers.length>0){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let ansss=qtn.Answers[i];
+                                                    let isandImgAl=(ansss.VAShowCamera=='true' || ansss.VAShowCamera==1);
+                                                    
+                                                    if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                        showImageTag=true;
+                                                    }
+                                                    else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                        showImageTag=true;
+                                                    }
+                                                    
+                                                }
+                                            }
+                                        }
+                                        
+                                        if(showImageTag){
+                                            selimg=QuestionsData[img_key]!=null && QuestionsData[img_key]!=''?'file://'+QuestionsData[img_key]:'';                    
+                                        }
+                                        
+                                        return(
+                                        <View style={[customStyle.sform_group2,]} key={'Qtn_'+qtnIndex} >
+                                            <Text style={[customStyle.sform_label3]}>{qtn.VisibilityQuestionName}</Text>                     
+                                            {qtn.QuestionType=='Single choice list' && qtn.Answers && 
+                                                render_Picker('Answer','AnswerId',onselectionChange2,{value:selanswer,qtn:qtn,window:window})
+                                            }
+                                            {qtn.QuestionType=='Multi choice list' && qtn.Answers &&
+                                                <MultiSelect
+                                                    items={list_mcdata}
+                                                    uniqueKey="AnswerId"
+                                                    onSelectedItemsChange={(selectedItems)=>{ setMultiSelectValue(selectedItems,qtn,window) }} //setMultiSelectValue(selectedItems,qtn)
+                                                    selectedItems={selansid}
+                                                    selectText="Pick Items"
+                                                    searchInputPlaceholderText={ST.SearchItems+"..."}
+                                                    // onChangeInput={ (text)=> console.log(text)}
+                                                    tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                                    tagBorderColor={PrimaryTheme.$primary_color}
+                                                    tagTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemIconColor={PrimaryTheme.$primary_color}
+                                                    itemTextColor={PrimaryTheme.$text_color}
+                                                    displayKey="Answer"
+                                                    searchInputStyle={{ color: '#CCC' }}
+                                                    submitButtonColor={PrimaryTheme.$primary_color}
+                                                    submitButtonText={ST.Submit}
+                                                />
+                                            }
+                                            { (qtn.QuestionType=='Number' || qtn.QuestionType=='Decimal'  || qtn.QuestionType=='Text') &&  
+                                                <TextInput 
+                                                    style={[customStyle.WQ_InputStyle]}
+                                                    placeholder=""
+                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                    // keyboardType={'ascii-capable'}
+                                                    keyboardType={(qtn.QuestionType=='Decimal'?'decimal-pad':(qtn.QuestionType=='Text'?'default':'number-pad'))}
+                                                    value={selansid}
+                                                    onChangeText={(val)=>{setTextValue(val,qtn,window)}}
+                                                    autoComplete='off'
+                                                />
+                                            }
+                                            {
+                                                (qtn.QuestionType=='Date') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.WQ_datePicker_text}>{selansid!=''?selansid:'MM/YYYY'}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setDateValue(selanswer);showQtnDatePicker(qtn,window,true)}}>
+                                                        <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                                                    </TouchableOpacity> 
+                                                </View>     
+                                            }
+                                            {   ((qtn.showDatePicker==true || qtn.showDatePicker=='true') && (qtn.QuestionType=='Date') ) && 
+                                                renderDatePicker(qtn,window)
+                                            }  
+                                            {
+                                                (qtn.QuestionType=='Rating') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{setRatingQtn(qtn);setRatingWindow(window);setShowRating(true);}}>
+                                                        <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag"/>
+                                                    </TouchableOpacity> 
+                                                </View>    
+                                            }
+
+                                            {
+                                                // (qtn.QuestionType=='Audio') && 
+                                                // <View style={customStyle.surveyQtn_datePicker_con}>
+                                                //     <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                //     <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                                //         <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                                //     </TouchableOpacity> 
+                                                // </View>    
+                                            }
+                                            
+                                            {
+                                                showImageTag &&
+                                                <View style={[customStyle.store_audit_img_con,]}>                    
+                                                    <Image source={(selimg!='' && selimg!=null )?{uri:selimg}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg!='' && selimg!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                                    <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(window,{},0,'1','2',qtn)}}>
+                                                        <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                                    </TouchableOpacity>
+                                                </View>
+                                            }
+
+                                           
+                                        </View> 
+                                        )
+                                    })}
+                                    </View>
+                                    }
+                                    { RemarkEnable==true &&
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.st_TextLbl]}>{ST.Remark}</Text>
+                                        <TextInput 
+                                            style={[customStyle.WQ_InputStyle]}
+                                            value={remark}
+                                            onChangeText={(val)=>{onCatTextChange(window,'remark',val)}}
+                                            autoComplete='off'
+                                        />
+                                    </View>
+                                    }
+                                    
+                                </View>
+                                }
+                                
+                                                    
+                                                    
+                            </View>
+                        </View>
+                    </View>
+                );
+            }}
+            />
+        )
+    }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={ST.Searchby+' Paid Visibility'}
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.Windows_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} 
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(PaidVisibilityOneApp);
\ No newline at end of file
diff --git a/src/screens/PeopleDetail.js b/src/screens/PeopleDetail.js
new file mode 100644
index 0000000..be277e3
--- /dev/null
+++ b/src/screens/PeopleDetail.js
@@ -0,0 +1,690 @@
+import React, { useState, useEffect, memo, useRef, useCallback, useMemo } from 'react';
+import { useRoute } from '@react-navigation/native';
+import { View, Text, TouchableOpacity, Image, FlatList, Platform, ScrollView,Modal, TextInput, StyleSheet } from 'react-native';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import Container from '../components/container';
+import CustomLoader from '../components/CustomLoader';
+import CustomHeader from '../components/customHeader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { notify } from '../components/notify';
+import { globalStyles, customStyles, GetPageTheme, WP} from "../styles/Global";
+import { mapDispatchToProps, mapStateToProps } from '../reducers/contextProvider';
+import { db } from '../constants/constants';
+import {AntDesign, MaterialCommunityIcons, Feather} from '../components/icons';
+import { get_item } from '../components/localStorage';
+import { getMethodName, METHODS } from '../constants/methodNames';
+import { getDownloadJson1 ,get_rowColSettings} from '../controller/functions';
+import { ProgressChart } from 'react-native-chart-kit';
+import cross_icon from '../assets/icons/crossmodal.svg';
+import { SvgXml } from 'react-native-svg';
+
+const PeopleDetail = (props) => {
+  const route = useRoute();
+  const { DarkMode, baseurl, StaticText: ST = {} } = props;
+  const PageTheme = GetPageTheme(DarkMode, route.name);
+  const customStyle = customStyles(DarkMode, route.name);
+  const globalStyle=globalStyles(props.DarkMode,route.name);
+
+
+  const timerRef = useRef(null);
+
+  const [processing, setProcessing] = useState(false);
+  const [isDataFound, setisDataFound] = useState(false);
+  const [AllReports, setAllReports] = useState([]);
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [peoplesarray, setPeoplesArray] = useState([]);
+  const [uniquetabD, setUniqueTabD] = useState([]);
+  const [activeTab, setActiveTab] = useState(0);
+  const [empdata , setEmpData] = useState({});
+
+  const [modaldata, setModalData] = useState({colname: '', colValue:'', 'row':{}, item :{}});
+
+  // modal 
+  const [modalVisible, setModalVisible] = useState(false);
+  const toggleModal = (colname, colValue, row , item) => {
+    setModalVisible(!modalVisible);
+    setModalData({colname:colname , colValue: colValue, row:row, item : item})
+  };
+
+
+ 
+  const d1=new Date();
+  const d2=moment(d1).format('MM/DD/YYYY');
+
+  useEffect(() => {
+    let params=props.route.params? props.route.params:{};
+    let reportdata = params?.Reportdata ;
+    let peopledata = params?.peopledata;
+    console.log("peopledata",peopledata?.NAME)
+    let EmpId = peopledata?.EmpId ;
+    setEmpData(peopledata);
+    getData(EmpId ,reportdata);
+    
+  }, [activeTab]);
+
+
+    // get data of particular persion based on emdId
+    async function getPeopleDetailData(EmpId, reportdata ,peoplearray , UniqueTabD) {
+      
+      try {
+        let allData = await DownloadReport(EmpId,reportdata,peoplearray , UniqueTabD); 
+    
+        if (allData.length > 0) {
+         
+          let allCols = [];
+          let columnWidth = '50%'; 
+          let keylen = Object.keys(allData[0] || {}).length;  
+          for (let row of allData) {
+            let i = 0;
+            for (let key in row) {
+              if (i < keylen) {
+                let obj = { 'actual_colname': key }; 
+    
+              
+                let colname = key.replace(/[$$]/g, ' ').replace(/Percent/g, '%');
+                obj['colname'] = colname;
+    
+                
+                let dontShowCol = (
+                  colname === 'Srno' || 
+                  colname === 'AdKPIId' || 
+                  colname === 'Color' || 
+                  colname === 'DisplayOrder' || 
+                  colname === 'KPIDrilldown'
+                );
+    
+                // Add unique columns to display
+                if (!dontShowCol && !allCols.some(col => col.actual_colname === key)) {
+                  allCols.push(obj);
+                }
+              }
+              i++;
+            }
+          }
+    
+
+          if (allCols.length > 0) {
+            let colLen = allCols.length;
+            columnWidth = (94 / colLen) + '%';  
+          }
+    
+         
+          let defData = {
+            "success": true,
+            "data": {
+              "report_data": allData,         
+              "report_colWidth": columnWidth, 
+              "report_cols": allCols        
+            }
+          };
+    
+          // console.log("defData?.data",defData?.data)
+          setAllReports(defData?.data);
+          setProcessing(false);
+          setisDataFound(true);
+        } else {
+          // notify(ST.Nodatafound);
+          setAllReports([]);
+          setProcessing(false);
+          setisDataFound(false);
+        }
+      } catch (err) {
+        console.error('Error fetching data:', err);
+        setAllReports([]);
+        setProcessing(false);
+        setisDataFound(false);
+    }}
+    
+  
+    async function DownloadReport(EmpId, reportdata,peoplearray, UniqueTabD){
+
+      let downloadKey = UniqueTabD[0]?.DownloadKey;
+
+      // console.log("downloadKey--->>>", downloadKey  ,"--unique tabbb --",UniqueTabD) 
+
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+        let data={
+          Downloadtype:downloadKey ? downloadKey : 'Sup_Dashboard_PeopleBrandwiseFTM',
+          Username: loginDetails.UserId,
+          Param1: EmpId,
+          Param2: '',
+        };
+  
+        console.log(url,data);
+        return await getDownloadJson1(url,data)
+        .then(async(res)=>{  
+          if (res[downloadKey]) {
+            let data_arr = res[downloadKey] || []; 
+            return data_arr;
+          }
+          else{
+            return [];
+          }        
+        })
+        .catch((err)=>{
+          console.log('onPage Team error',err);
+          return [];
+        }); 
+    }
+
+
+  //end 
+
+
+  // tabs
+
+  const peopleScreenTabs = peoplesarray?.filter(item => item?.DashboardSection == "PeopleDetailScreen")?.map(item => item?.TabName)?.filter(tabName => tabName); 
+
+
+  const uniqueTabs = [...new Set(peopleScreenTabs)];
+
+     const tabs = uniqueTabs.map((tabName) => ({
+       title: tabName, 
+      //  content: '' , 
+     }));
+
+     const [filteredUniqueTabD, setFilteredUniqueTabD] = useState([]);
+
+     useEffect(() => {
+      if (peoplesarray.length > 0) {
+        const filtered = peoplesarray.filter((item) =>
+          item?.TabName?.includes(tabs[activeTab]?.title)
+        );
+        setFilteredUniqueTabD(filtered);
+
+        let params=props.route.params? props.route.params:{};
+        let reportdata = params?.Reportdata ;
+        let peopledata = params?.peopledata;
+        let EmpId = peopledata?.EmpId ;
+    
+        if (filtered.length > 0) {
+          getPeopleDetailData(EmpId, reportdata, peoplesarray,filtered);
+        }
+      }
+    }, [peoplesarray, activeTab])   
+
+
+  async function getData(EmpId ,reportdata){       
+    let {DashboardId,DashboardName,ParentId}= reportdata[0] ;
+    setProcessing(true);
+    console.log("getData called-->")
+
+    try {
+     
+      db.transaction(async function (txn) { 
+        // get data for report 
+        let q=`Select * from Sup_MenuAppDashboard where ParentId='${DashboardId}' order by DisplayOrder`;
+        console.log("people Detailed reports q:",q);
+        txn.executeSql(q,[],async function (txn2, txnres2) { 
+            console.log("Detailed reports count:",txnres2.rows.length);
+            if(txnres2.rows.length>0){
+              
+              let arr=[];
+              for(var i=0;i<txnres2.rows.length;i++){
+                let data =txnres2.rows.item(i);
+                arr.push(data);
+                if(i==txnres2.rows.length-1){
+                  setisDataFound(true);
+                  setPeoplesArray(arr);
+
+                  let filteredUniqueTabD = [];
+
+                  if (peoplesarray.length > 0) {
+                    
+                    filteredUniqueTabD = peoplesarray?.filter((item) => item?.TabName?.includes(tabs[activeTab]?.title));
+                    // console.log("after-",filteredUniqueTabD);
+                    // if (filteredUniqueTabD.length > 0) {
+                    //   getPeopleDetailData(EmpId , reportdata , arr , filteredUniqueTabD);
+                    // }
+                  }
+                 
+                }                                
+              } 
+            }else{
+              setisDataFound(false);
+              setPeoplesArray([]);
+              setProcessing(false);
+            }
+        },function (txnE,txnerr) { console.log(txnerr); setPeoplesArray([]); setProcessing(false);},);
+
+      });   
+      
+
+    } catch (err) {
+      setProcessing(false);
+      console.log(err);          
+    }        
+  }
+
+  const filteredData = peoplesarray?.filter((item) => item?.TabName?.includes(tabs[activeTab]?.title));
+
+  // renderitems
+
+    function _renderTabularReport(item){
+  
+    let reportContentObj= AllReports ;
+    
+    // {"report_data":data_arr,"report_colWidth":columnWidth,"report_cols":allCols}
+    let report_data=reportContentObj['report_data']!=null?reportContentObj['report_data']:[];
+    let report_colWidth=reportContentObj['report_colWidth']!=null?reportContentObj['report_colWidth']:'50%';
+    let report_cols=reportContentObj['report_cols']!=null?reportContentObj['report_cols']:[];
+    // console.log("report_cols:",report_cols);
+   
+    return (
+      <View style={customStyle.DashBTbl_ReportWrap} >
+      {/* render No data */}
+      {report_data.length<=0 && <View style={customStyle.DashBTbl_NoDataCon}><Text style={customStyle.DashBTbl_NoDataText}>No Data</Text></View>}
+      {report_data.length>0 && <ScrollView horizontal={true} style={{width:'100%'}} contentContainerStyle={{}}>
+        {/* render columns */}
+        <View>
+          {/* render header */}
+          <View style={[customStyle.DashBTbl_ReportHdr]}>
+          {report_cols.map((column,index)=>{
+            return(
+              <View style={[customStyle.DashBTbl_ReportHdrCol,customStyle.DashBTbl_ReportColW]}>
+                <Text  style={customStyle.DashBTbl_ReportHdrColTxt}>{column.colname}</Text>
+              </View>
+            )
+          })}
+          </View>
+          {/* render content */}
+          <View style={[customStyle.DashBTblBodyNB1]}>
+           <View style={[customStyle.DashBTblBodyNB2]}>
+            {report_data.map((row,row_index)=>{
+              
+              return(
+                <TouchableOpacity disabled={row.KPIDrilldown?false:true} style={[customStyle.DashBTbl_Item,(row_index==report_data.length-1?{}:customStyle.DashBTbl_ItemB)]} 
+                onPress={()=>{props.navigation.navigate("PeopleDrilldown",{"ReportData":row,"empdata":empdata,"AdKPIId":row["AdKPIId"] , "data" : filteredData})}}
+                >
+
+                  {report_cols.map((column,index)=>{
+                    let colValue=row[column.actual_colname]!=null?row[column.actual_colname]:'';
+                   
+                    let color_obj=get_rowColSettings(colValue,column.actual_colname,row);
+                    
+                    let cust_style={},bg_style={};
+                    if(color_obj.color!=null && color_obj.color!=''){
+                      bg_style["backgroundColor"]=color_obj.color;
+                      cust_style["color"]='#fff'
+                    }
+                    if(color_obj.fontsize!=null && color_obj.fontsize!=''){
+                      cust_style["fontSize"]=color_obj.fontsize
+                    }
+                    if(color_obj.bold==1){
+                      cust_style["fontWeight"]="600"
+                    }
+
+                    return(
+                      <TouchableOpacity  
+                          // disabled={row.KPIDrilldown?false:true}
+                          style={[customStyle.DashBTbl_ItemCol,customStyle.DashBTbl_ReportColW,bg_style]} 
+                          onLongPress={()=> toggleModal(column.colname,colValue, row , item)}
+                          onPress={()=>{props.navigation.navigate("PeopleDrilldown",{"ReportData":row,"empdata":empdata,"AdKPIId":row["AdKPIId"] , "data" : filteredData})}}
+                        >
+                        <Text  style={[customStyle.DashBTbl_ItemColText,cust_style]}>{colValue}</Text>
+                      </TouchableOpacity>
+                    )
+                  })}
+                </TouchableOpacity>
+              )
+            })}
+           </View> 
+          </View>
+        </View>
+        
+      </ScrollView>}
+      </View>
+    )
+  }
+  
+
+  function _renderCardReport(item,index){
+
+    let reportContentObj= AllReports ;
+    let report_data=reportContentObj['report_data']!=null?reportContentObj['report_data']:[];
+    let report_colWidth=reportContentObj['report_colWidth']!=null?reportContentObj['report_colWidth']:'50%';
+    let report_cols=reportContentObj['report_cols']!=null?reportContentObj['report_cols']:[];
+    let ShowGraph = item?.ShowGraph;
+    // console.log("report_cols:",report_cols);
+
+    // render item
+    const renderItemcardNew = (item, index, ShowGraph,isLastItem, isOdd) => {
+      let gset_obj = item["Color"] != null && item["Color"] !== '' ? item["Color"] : {};
+
+      console.log("item_obj carddd",item);
+      const chartConfig = {
+        backgroundGradientFrom: "#fff",
+        backgroundGradientTo: "#fff",
+        color: (opacity = 1, dataIndex) => {
+          // If there's a color available for the current dataIndex, use it, else set it transparent
+          const color = gset_obj; // Get the color based on index
+          return color ? `${color}${Math?.floor(opacity * 255)?.toString(16)?.padStart(2, '0')}` : `rgba(255, 255, 255, 0)`; 
+        },
+        strokeWidth: 2,
+        barPercentage: 0.5,
+        useShadowColorFromDataset: false ,
+      };
+
+        let label=[];
+        let labelVal=[];
+        let barColor=[];
+
+        label.push(item?.KPI);  
+        let percentage = item?.PER?.replace('%', '');
+
+          if(percentage > 100) {
+            labelVal.push(parseFloat(100) / 100);
+          } else {
+            labelVal.push(parseFloat(item?.PER) / 100);  
+          }
+
+        barColor.push(() => item?.Color);  
+
+        let showgraph = ShowGraph ? ShowGraph : false;
+        // let itemStyle = isOdd && isLastItem ? { flex: 0, marginLeft: 'auto', marginRight: 'auto', width: '95%' } : { flex: 0};
+
+      return(
+        <TouchableOpacity
+          disabled={item.KPIDrilldown ? false : true}
+          style={[
+              customStyle.DashBCard_ItemNB1,
+              { width: WP(isOdd && isLastItem ? '92%' : '45%'),margin: 5,paddingVertical:0,paddingHorizontal:0 }
+          ]}
+          onPress={() => {
+            props.navigation.navigate("PeopleDrilldown", {
+              "ReportData": item,
+              "AdKPIId": item["AdKPIId"],
+              "empdata": empdata,
+              "data" : filteredData
+            });
+          }}
+        >
+        <View style={[customStyle.DashBCard_ItemNB2,{ width: WP(isOdd && isLastItem ? '92%' : '45%'),margin: 0,paddingVertical:0 }]}>
+            <View style={[customStyle.DashBCard_ItemContent, {paddingVertical:10}]}>
+          <View style={{flexDirection:'row',alignItems:'center', justifyContent:'space-between'}}>
+            {item?.KPI != null && item?.KPI != undefined  && <Text style={{color :'#000', fontSize:13,fontWeight:'700'}}>{item?.KPI}</Text>}
+            {item.KPIDrilldown && <View style={[globalStyle.drawerItemIcon, {width :15}]}><Feather name="chevron-right" size={20} color={'#787878'}/></View>}
+          </View>
+
+            {item?.TGT != null && item?.TGT != undefined &&
+              <View style={{flexDirection:'row', alignItems:'center', marginTop:10}}>
+                <Text style={{color :'#000', fontSize:13,fontWeight:'400'}}>Target: </Text>
+                <Text style={{color :'#000', fontSize:16,fontWeight:'500'}}>{item?.TGT}</Text>
+              </View>
+              }
+
+              {item?.ACT != null && item?.ACT != undefined && (
+                !showgraph ? (
+                  <View style={{flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 15, marginBottom: 10}}>
+                    <View>
+                      <Text style={{color: '#000', fontSize: 24, fontWeight: '700'}}>{item?.ACT}</Text>
+                      <Text style={{color: '#000', fontSize: 13, fontWeight: '400'}}>Achievement</Text>
+                    </View>
+                    <View style={{alignSelf: 'center', marginTop: 10, borderColor: `${gset_obj}`, borderWidth: 1, borderRadius: 5, padding: 8}}>
+                      <Text style={{color: `${gset_obj}`, fontSize: 18, fontWeight: '500'}}>{item?.PER}</Text>
+                    </View>
+                  </View>
+                ) : (
+                    <View style={{flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 10}}>
+                    <View>
+                      <Text style={{color: '#000', fontSize: 24, fontWeight: '700'}}>{item?.ACT}</Text>
+                      <Text style={{color: '#000', fontSize: 13, fontWeight: '400'}}>Achievement</Text>
+                    </View>
+                  <View style={styles.chartContainer}>
+                    <ProgressChart
+                      absolute
+                      data={labelVal}
+                      width={WP('21.5%')}
+                      height={70}
+                      strokeWidth={5}
+                      radius={30}
+                      chartConfig={chartConfig}
+                      hideLegend={true}
+                      style={{
+                        marginVertical: 1,
+                        borderRadius: 16,
+                        backgroundColor:"transparent"
+                      }}
+                    />
+                    <View style={styles.percentageContainer}>
+                      <Text style={{color: `${gset_obj}`, fontSize: 18, fontWeight: '500'}}>{item?.PER}</Text>
+                    </View>
+                  </View>
+                  </View>
+                )
+              )}
+
+            </View>
+          </View>
+        </TouchableOpacity>
+      )
+    }
+   
+    return (
+     <View style={customStyle.DashBTbl_ReportWrap}>
+        {report_data.length > 0 ? (
+          <View style={[customStyle.DashBCard_Wrap]}>
+            <FlatList
+              data={report_data}
+              renderItem={({ item, index }) =>
+                renderItemcardNew(item, index, ShowGraph, index === report_data.length - 1, report_data.length % 2 !== 0)
+              }
+              ItemSeparatorComponent={<View style={{ marginVertical: 0, marginHorizontal: 0 }} />}
+              keyExtractor={(item, index) => index.toString()}
+              numColumns={2}
+              columnWrapperStyle={{ justifyContent: 'space-between' }}
+              contentContainerStyle={{ marginHorizontal: 0 }}
+            />
+          </View>
+        ) : (
+          <View style={customStyle.DashBTbl_NoDataCon}>
+            <Text style={customStyle.DashBTbl_NoDataText}>No Data</Text>
+          </View>
+        )}
+      </View>
+
+    )
+  }
+
+  const renderItem = ( item, index) => {
+
+      return (
+        <View style={[customStyle.DashB_DetailReport]} key={index}>
+          <View style={customStyle.DashB_ReportConHdr}> 
+             {/*<Text style={[customStyle.DashB_ReportConHdrTxt, {marginBottom:10, marginLeft:10}]}>{item.DashboardName}</Text>*/}
+            <Text style={[customStyle.DashB_ReportConHdrTxt, {marginBottom:10,marginLeft:10}]}>{empdata.NAME}</Text>
+            
+            {/* Render custom view for Attendance reports */}
+            {item.DashboardType === 'Card' && _renderCardReport(item,index)}
+            
+            {item.DashboardType === 'Tabular' && _renderTabularReport(item,index)}
+
+           
+          </View>
+        </View>
+      );
+    };
+
+  const excludeKeys = ['AdKPIId', 'Color', 'KPIDrilldown', 'DisplayOrder'];
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={Platform.OS === 'ios'}>
+    {processing && <CustomLoader title={ST.Loading+"..."}/>}
+    
+    <CustomHeader {...props} title={'People Detail'} />
+    {<>
+      <LinearGradient
+        colors={[PageTheme.$gradient1, PageTheme.$primary_color]}
+        start={{ x: 0, y: 0 }}
+        end={{ x: 1, y: 0 }}
+        style={[customStyle.roundScrollWrapper]}
+      >
+        <View style={[customStyle.pageContentWrapper,{paddingTop:0}]}>
+          {!props.isDataDownloaded && <NoDataComponent {...props} />}
+          <View style={[customStyle.storelist_parentwrap,{paddingHorizontal:0}]}>
+
+          <View style={styles.container}>
+            {/* Custom Tab Bar */}
+            <View style={styles.tabBar}>
+                {tabs.map((tab, index) => (
+                <TouchableOpacity
+                    key={index}
+                    style={[styles.tabButton, activeTab === index ? styles.activeTab : styles.inActiveTab]}
+                    onPress={() => setActiveTab(index)}
+                >
+                    <Text style={[styles.tabText, activeTab === index ? styles.activeTabText : styles.inActiveTabText]}>
+                     {tab.title}
+                    </Text>
+                </TouchableOpacity>
+                ))}
+            </View>
+
+            {/* Screen Content */}
+            <View style ={[]}>
+                <FlatList
+                data={filteredData} 
+                renderItem={({ item, index }) => renderItem(item, index, filteredData)}
+                keyExtractor={(item, index) => index.toString()} 
+                contentContainerStyle={{ paddingBottom: 0 }} 
+              />
+            </View>
+            </View>
+
+            <Modal
+                animationType="fade"
+                transparent={true}
+                visible={modalVisible}
+                onRequestClose={() => {
+                  Alert.alert('Modal has been closed.');
+                  setModalVisible(!modalVisible);
+                }}>
+                <View style={customStyle.modalContainer}>
+                  <View style={customStyle.centeredView}>
+                    <View style={customStyle.modalView}>
+
+                    <TouchableOpacity style={[customStyle.modalrow]} onPress={()=> setModalVisible(false)}>
+                      <View><Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000', fontWeight:'700', fontSize:16}]}>{modaldata?.item.DashboardName+' Detail'}</Text></View>
+                      <View style={{marginLeft:10}}><SvgXml width={35} height={35} xml={cross_icon}/></View>
+                    </TouchableOpacity>
+
+                    <View style={customStyle.modalInView}>
+                      {Object.entries(modaldata?.row)
+                        .filter(([key]) => !excludeKeys.includes(key)) // Filter out excluded keys
+                        .map(([key, value]) => (
+                          <View key={key} style={customStyle.modalrow}>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000', fontWeight:'700'}]}>{key}: </Text>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000'}]}>{value.toString()}</Text>
+                          </View>
+                        ))}
+                    </View>
+
+                    </View>
+                  </View>
+                </View>
+           </Modal>
+
+       
+          </View>
+        </View>
+      </LinearGradient>
+ 
+        </>}
+
+    </Container>
+  );
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(PeopleDetail);
+
+
+const styles = StyleSheet.create({
+    container: {
+        // backgroundColor: '#F5F5F5',
+      },
+      tabBar: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        backgroundColor: '#b1e4de',
+        paddingVertical:10
+      },
+      tabButton: {
+        paddingHorizontal: 30,
+        paddingVertical:10,
+    
+      },
+      tabText: {
+        fontSize: 16,
+        color: '#000',
+      },
+      activeTab: {
+        borderWidth: 2,
+        borderColor: '#00968e',
+        borderRadius : 5, 
+        backgroundColor: '#00968e', 
+        
+      },
+      activeTabText: {
+        color: '#FFF',
+      },
+       inActiveTab: {
+        borderWidth: 2,
+        borderColor: '#00968e',
+        borderRadius : 5, 
+        backgroundColor: 'transparent'
+      },
+      inActiveTabText: {
+        color: '#000',
+      },
+      //KPI's 
+
+      listContainer: {
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+      },
+      itemContainer: {
+        borderBottomWidth: 1,
+        borderBottomColor: '#ccc',
+        paddingVertical: 15,
+      },
+      row: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+      },
+      kpiTitle: {
+        fontWeight: 'bold',
+        fontSize: 16,
+        flex: 1,
+      },
+      value: {
+        fontSize: 16,
+        flex: 0.5,
+        textAlign: 'right',
+      },
+      //header
+      headerContainer: {
+        borderBottomWidth: 2,
+        borderBottomColor: '#000',
+        paddingVertical: 10,
+      },
+      headerText: {
+        fontWeight: 'bold',
+        fontSize: 16,
+        flex: 1,
+        textAlign: 'center',
+      },
+       chartContainer: {
+        position: 'relative',
+        alignItems: 'center',
+        marginTop:10
+      },
+      percentageContainer: {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: [{ translateX: -18 }, { translateY: -12 }],
+      },
+});
diff --git a/src/screens/PeopleDrilldown.js b/src/screens/PeopleDrilldown.js
new file mode 100644
index 0000000..3cad325
--- /dev/null
+++ b/src/screens/PeopleDrilldown.js
@@ -0,0 +1,361 @@
+
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme, WP } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Modal, StyleSheet, Pressable} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData, getDownloadJson1, get_rowColSettings} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import cross_icon from '../assets/icons/crossmodal.svg';
+import { SvgXml } from 'react-native-svg';
+
+
+function PeopleDrilldown(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+   
+    const [processing, setProcessing] = useState(true);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [AllReports, setAllReports] = useState([]);
+    const [aggrData, setAggrData] = useState({});
+    const [cols, setcols] = useState([]);
+    const [colWidth, setColWidth] = useState('100%');
+    const [currentReportMenu, setCurrentReportMenu] = useState({});
+    const [KPIId, setKPIId] = useState("");
+    const [modaldata, setModalData] = useState({colname: '', colValue:'', 'row':{}});
+
+
+    // modal 
+    const [modalVisible, setModalVisible] = useState(false);
+    const toggleModal = (colname, colValue, row) => {
+      setModalVisible(!modalVisible);
+      setModalData({colname:colname , colValue: colValue, row:row})
+    };
+
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+      let params=props.route.params? props.route.params:{};
+      let ReportMenu=params.ReportData || {};
+      let AdKPIId=params.AdKPIId || "";
+      let data = params?.data || [];
+      let empdata = params?.empdata || {};
+
+    //   console.log("ReportMenu",ReportMenu ,"AdKPIId",AdKPIId , "data------ ", data[0] , "empdata--",empdata)
+      setCurrentReportMenu(ReportMenu);
+      setKPIId(AdKPIId);
+      getData(AdKPIId ,data, empdata);
+
+    }, []);
+
+    async function getData(AdKPIId ,data,empdata){  
+        setProcessing(true);
+
+        try {
+          let {DashboardId,DashboardName,ParentId}=data[0] ;
+          db.transaction(async function (txn) { 
+            // get data for report 
+            let q=`Select * from Sup_MenuAppDashboard where ParentId='${DashboardId}' `;
+            console.log("people brandwise reports q:",q);
+            txn.executeSql(q,[],async function (txn2, txnres2) { 
+                console.log("people brandwise reports count:",txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                  let arr=[];
+                  for(var i=0;i<txnres2.rows.length;i++){
+                    let data =txnres2.rows.item(i);
+                    arr.push(data);
+                    if(i==txnres2.rows.length-1){
+                      getFTMBrandwiseData(AdKPIId,arr,empdata);
+                    }                                
+                  } 
+                }else{
+                  setisDataFound(false);
+                  setProcessing(false);
+                }
+            },function (txnE,txnerr) { console.log(txnerr);  setProcessing(false);},);
+  
+          });   
+          
+  
+        } catch (err) {
+          setProcessing(false);
+          console.log(err);          
+        }        
+      }
+
+    // get data of drilldown
+    async function getFTMBrandwiseData(AdKPIId, data, empdata) {
+      
+        try {
+          let allData = await DownloadReport(AdKPIId,data,empdata);
+      
+          if (allData.length > 0) {
+           
+            let allCols = [];
+            let columnWidth = '50%'; 
+            let keylen = Object.keys(allData[0] || {}).length;  
+            for (let row of allData) {
+              let i = 0;
+              for (let key in row) {
+                if (i < keylen) {
+                  let obj = { 'actual_colname': key }; 
+      
+                
+                  let colname = key.replace(/[$$]/g, ' ').replace(/Percent/g, '%');
+                  obj['colname'] = colname;
+      
+                  
+                  let dontShowCol = (
+                    colname === 'Srno' || 
+                    colname === 'AdKPIId' || 
+                    colname === 'Color' || 
+                    colname === 'DisplayOrder' || 
+                    colname === 'KPIDrilldown'
+                  );
+      
+                  // Add unique columns to display
+                  if (!dontShowCol && !allCols.some(col => col.actual_colname === key)) {
+                    allCols.push(obj);
+                  }
+                }
+                i++;
+              }
+            }
+      
+  
+            if (allCols.length > 0) {
+              let colLen = allCols.length;
+              columnWidth = (94 / colLen) + '%';  
+            }
+      
+           
+            let defData = {
+              "success": true,
+              "data": {
+                "report_data": allData,         
+                "report_colWidth": columnWidth, 
+                "report_cols": allCols        
+              }
+            };
+      
+          
+            setAllReports(defData?.data);
+            setProcessing(false);
+            setisDataFound(true);
+          } else {
+            notify(ST.Nodatafound);
+            setAllReports([]);
+            setProcessing(false);
+            setisDataFound(false);
+          }
+        } catch (err) {
+          console.error('Error fetching data:', err);
+          setAllReports([]);
+          setProcessing(false);
+          setisDataFound(false);
+      }}
+      
+    
+      async function DownloadReport(AdKPIId, data1, empdata){
+
+        let downloadKey = data1[0]?.DownloadKey;
+
+          let loginInfo = await get_item('loginInfo');
+          const loginDetails = JSON.parse(loginInfo);
+          const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+          let data={
+            Downloadtype:downloadKey,
+            Username: loginDetails.UserId,
+            Param1: AdKPIId,
+            Param2: empdata?.EmpId,
+          };
+    
+          console.log(url,data);
+          return await getDownloadJson1(url,data)
+          .then(async(res)=>{  
+            if (res[downloadKey]) {
+              let data_arr = res[downloadKey] || []; 
+              return data_arr;
+            }
+            else{
+              return [];
+            }        
+          })
+          .catch((err)=>{
+            console.log('onPage Team error',err);
+            return [];
+          }); 
+      }
+
+
+    //end 
+
+    
+    function _renderTabularReport(){
+
+     let filtered_data=AllReports?.report_data?.length>0?AllReports?.report_data.filter(i=>i.AdKPIId==KPIId):[];
+  
+      return (
+        <View style={customStyle.DashBTbl_ReportWrap} >
+        <ScrollView horizontal={true} style={{width:'100%'}} contentContainerStyle={{}}>
+          {/* render columns */}
+          <View>
+            {/* render header */}
+            <View style={customStyle.DashBTbl_ReportHdr}>
+            {AllReports?.report_cols?.map((column,index)=>{
+              return(
+                <View style={[customStyle.DashBTbl_ReportHdrCol,customStyle.DashBTbl_ReportColW]}>
+                 <Text  style={customStyle.DashBTbl_ReportHdrColTxt}>{column.colname}</Text>
+                </View>
+              )
+            })}
+            </View>
+            {/* render content */}
+            <View style={[customStyle.DashBTblBodyNB1]}>
+             <View style={[customStyle.DashBTblBodyNB2]}>
+              {filtered_data.map((row,row_index)=>{
+                
+                return(
+                  <View style={[customStyle.DashBTbl_Item,(row_index==filtered_data.length-1?{}:customStyle.DashBTbl_ItemB)]}>
+                    {AllReports?.report_cols.map((column,index)=>{
+                      let colValue=row[column.actual_colname]!=null?row[column.actual_colname]:'';
+                      
+                      let color_obj=get_rowColSettings(colValue,column.actual_colname,row);
+                    
+                      let cust_style={},bg_style={};
+                      if(color_obj.color!=null && color_obj.color!=''){
+                        bg_style["backgroundColor"]=color_obj.color;
+                        cust_style["color"]='#fff'
+                      }
+                      if(color_obj.fontsize!=null && color_obj.fontsize!=''){
+                        cust_style["fontSize"]=color_obj.fontsize
+                      }
+                      if(color_obj.bold==1){
+                        cust_style["fontWeight"]="600"
+                      }
+                      return(
+                         <TouchableOpacity style={[customStyle.DashBTbl_ItemCol,customStyle.DashBTbl_ReportColW,bg_style]} onLongPress={()=> toggleModal(column.colname,colValue, row)}>
+                          <Text  style={[customStyle.DashBTbl_ItemColText,cust_style]}>{colValue}</Text>
+                        </TouchableOpacity>
+                        
+                      )
+                    })}
+                  </View>
+                )
+              })}
+             </View>
+            </View>
+          </View>
+          
+        </ScrollView>
+        </View>
+      )
+    }
+  
+    function _renderDashboardReports(){
+        return (
+              <View style={customStyle.DashB_ReportContent}> 
+                {
+                  _renderTabularReport()
+                }
+              </View>
+          )
+    }
+
+    const excludeKeys = ['AdKPIId'];
+
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        <CustomHeader {...props} title={'People Report'}/>
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper]}>
+          <View style={[customStyle.ImageTypesLHd,customStyle.ml10,customStyle.mr10]}>
+            <Text  style={customStyle.ImageTypesLHdText}>{currentReportMenu.KPI+' Detail'}</Text>
+          </View>
+         
+          <View>
+            { isDataFound==false && 
+              <View style={customStyle.noDataCon}>
+                <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+              </View>
+            }
+
+            {isDataFound==true &&
+              <ScrollView
+                contentContainerStyle={customStyle.rp_scrollViewInner}
+                style={customStyle.rp_scrollView}
+              >
+                {_renderDashboardReports()}
+
+                <Modal
+                animationType="fade"
+                transparent={true}
+                visible={modalVisible}
+                onRequestClose={() => {
+                  Alert.alert('Modal has been closed.');
+                  setModalVisible(!modalVisible);
+                }}>
+                <View style={customStyle.modalContainer}>
+                  <View style={customStyle.centeredView}>
+                    <View style={customStyle.modalView}>
+
+                    <TouchableOpacity style={[customStyle.modalrow, {justifyContent:'space-between'}]} onPress={()=> setModalVisible(false)}>
+                      <View><Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000', fontWeight:'700', fontSize:16}]}>{currentReportMenu.KPI+' Detail'}</Text></View>
+                      <View style={{marginLeft:10}}><SvgXml width={35} height={35} xml={cross_icon}/></View>
+                    </TouchableOpacity>
+
+                    <View style={customStyle.modalInView}>
+                      {Object.entries(modaldata?.row)
+                        .filter(([key]) => !excludeKeys.includes(key)) // Filter out excluded keys
+                        .map(([key, value]) => (
+                          <View key={key} style={customStyle.modalrow}>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000', fontWeight:'700'}]}>{key}: </Text>
+                            <Text style={[customStyle.DashBTbl_ReportHdrColTxt, {color:'#000'}]}>{value.toString()}</Text>
+                          </View>
+                        ))}
+                    </View>
+
+                    </View>
+                  </View>
+                </View>
+                </Modal>
+              </ScrollView>
+            }
+              
+          </View>
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(PeopleDrilldown);
+
+
+const styles = StyleSheet.create({
+   // modal
+})
\ No newline at end of file
diff --git a/src/screens/PersonalDocument.js b/src/screens/PersonalDocument.js
new file mode 100644
index 0000000..45b264b
--- /dev/null
+++ b/src/screens/PersonalDocument.js
@@ -0,0 +1,58 @@
+import React, {useState, useEffect} from 'react';
+import Container from '../components/container';
+import {useRoute} from '@react-navigation/native';
+import {globalStyles, customStyles, GetPageTheme} from '../styles/Global';
+import { StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList,} from 'react-native';
+import {ReactReduxContext,connect,useSelector,useDispatch,} from 'react-redux';
+import {mapStateToProps, mapDispatchToProps} from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item, set_item, clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import NoDataComponent from '../components/NoDataComponent';
+
+function PersonalDocument(props) {
+  const route = useRoute();
+
+  // get all theme styles acc to current theme set
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+  
+  
+  const [processing, setProcessing] = useState(false);
+
+  useEffect(() => {
+   
+  }, []);
+
+  
+ 
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+      {processing && <CustomLoader title="loading..."/>}
+      <CustomHeader {...props} title={'Personal Documents'}/>
+      <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={customStyle.pageContentWrapper}>
+        { !props.isDataDownloaded && <NoDataComponent {...props} />}
+        { props.isDataDownloaded==true && 
+        <ScrollView
+            contentContainerStyle={customStyle.attmenu_listcon}
+        >
+            
+        </ScrollView>
+        }
+        
+        </View>      
+      </LinearGradient>      
+    </Container>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(PersonalDocument);
diff --git a/src/screens/Project.js b/src/screens/Project.js
new file mode 100644
index 0000000..be80bdd
--- /dev/null
+++ b/src/screens/Project.js
@@ -0,0 +1,221 @@
+import React, { useEffect, useContext, useState, useRef } from 'react';
+import SplashScreen from 'react-native-splash-screen';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import CustomButton from '../components/customButton';
+import GradientButton from '../components/gradientButton';
+import { globalStyles, customStyles, GetPageTheme, HP, WP } from "../styles/Global";
+import { StatusBar, Image, TextInput, View, Text, ScrollView, Platform, PermissionsAndroid, Animated, Keyboard } from 'react-native';
+import { SvgFromUri, SvgFromXml, SvgUri, SvgXml, Image as SvgImage, SvgCss } from 'react-native-svg';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getProjectData, getProjectInfo } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, copyrightText, logoImage } from '../constants/constants';
+import { checkPermissions, requestMultiplePerms } from '../components/geolocation';
+import CustomLoader from '../components/CustomLoader';
+import { Ionicons } from '../components/icons';
+import LinearGradient from 'react-native-linear-gradient';
+import { baseurl } from '../constants/constants';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
+import Graphic1 from '../assets/performics/product_id.svg';
+
+//Project Page 
+function Project(props) {
+
+  // get dynamic styles based on dark theme or pageactive 
+  const route = useRoute();
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+  const [processing, setProcessing] = useState(false);
+  const animatedEffects = useRef(new Animated.Value(0)).current;
+
+  // get and define props and states 
+  const [state, setState] = useState({ projectid: '' });
+  // const labelAnim = useRef(new Animated.Value(0)).current;
+
+  useEffect(() => {
+    SplashScreen.hide();
+    requestMultiplePerms(); // check for permissions
+
+    const keyboardDidShowListener = Keyboard.addListener(
+      'keyboardDidShow',
+      () => {
+
+        Animated.timing(animatedEffects, {
+          toValue: 1,
+          duration: 400,
+          useNativeDriver: (Platform.OS == 'ios' ? false : true),
+        }).start();
+      }
+    );
+    const keyboardDidHideListener = Keyboard.addListener(
+      'keyboardDidHide',
+      () => {
+        Animated.timing(animatedEffects, {
+          toValue: 0,
+          duration: 400,
+          useNativeDriver: (Platform.OS == 'ios' ? false : true),
+        }).start();
+      }
+    );
+    return () => {
+      keyboardDidHideListener.remove();
+      keyboardDidShowListener.remove();
+    };
+  }, []);
+
+  // async function setGlobalData(){
+  //set project info in global reducer
+  // const pdata={pid:'',pname:'',pcode:'',alldata:{},baseurl:baseurl,companylogo:logoImage,imageUploadUrl:''};
+  // let pi={baseurl:baseurl,companylogo:logoImage};
+
+  // props.set_project(pdata);  
+
+  // //set project info in encryted local storage
+  // set_item('firsttime','done'); 
+  // set_item('projectCode',''); 
+  // set_item('projectInfo',JSON.stringify(pi)); 
+  // }
+
+  const update_project = async () => {
+    // open login screen 
+    // await setGlobalData();
+    // props.navigation.navigate('Login');
+
+    const { projectid } = state;
+    if (projectid != '' && projectid != null) {
+      setProcessing(true);
+      await getProjectData(projectid)
+        .then((res) => {
+          console.log('PROJECT RESPONSE ==============>', res);
+          setProcessing(false);
+          if (res.success && res.projectName != null) {
+            //set project info in global 
+            const pdata = getProjectInfo(res, projectid);
+            // const pdata={pid:projectid,pname:res.projectName,pcode:res.ProjectCode,alldata:res,baseurl:res.baseURL,companylogo:res.login_logo_Url,imageUploadUrl:res.imageUploadURL+'/',GeoFenceEnable:(res.GeoFenceEnable_checkin!=null && res.GeoFenceEnable_checkin==1),GeoFenceRadius:(res.GeoFenceRadius_checkin || 0) ,GFEnable_checkout:(res.GeoFenceEnable_checkout!=null && res.GeoFenceEnable_checkout==1),GFRadius_checkout:(res.GeoFenceRadius_checkout || 0),CheckOut_PhotoReq:res.PhotoRequired_Checkout };
+            props.set_project(pdata);
+            //set project info in encryted local storage
+            set_item('firsttime', 'done');
+            set_item('projectCode', projectid);
+            set_item('projectInfo', JSON.stringify(res));
+
+
+            // open login screen 
+            props.navigation.navigate('Login');
+          }
+          else if (res.projectName == null) {
+            notify('Project not found, ensure if you have entered correct project Id', 'SHORT');
+          }
+        })
+        .catch((err) => {
+          setProcessing(false);
+          console.log('onPage Project error', err);
+        });
+    }
+    else {
+      notify('Please enter Project Id', 'SHORT');
+    }
+  }
+
+  function _renderAnimPart() {
+    let pl_scale = 1, illus_scale = 1, illus_ty = 0, formty = 0;
+    if (animatedEffects != null) {
+      pl_scale = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [1, 0.7],
+      });
+      illus_scale = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [1, 0.5],
+      });
+      illus_ty = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, -150],
+      });
+      formty = animatedEffects.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, -120],
+      });
+    }
+    return (
+
+      <ScrollView
+        style={[customStyle.projectScrollCon]}
+        contentContainerStyle={customStyle.projectCon}
+      >
+        <Animated.Image style={[customStyle.performics_logo,
+        {
+          transform: [
+            { scale: pl_scale }
+          ],
+        }
+        ]} source={require('../assets/image/PerformicsLogo.png')} />
+        <Animated.View style={[
+          {
+            transform: [
+              { scale: illus_scale },
+              { translateY: illus_ty },
+            ],
+          }
+        ]}>
+          <SvgXml style={[customStyle.loginIllutration, customStyle.mt50]} width={250} height={250} xml={Graphic1} />
+        </Animated.View>
+
+        <Animated.View style={[customStyle.formCon, customStyle.mb10,
+        {
+          transform: [
+            { translateY: formty },
+          ],
+        }
+        ]}>
+          <Text style={[customStyle.pagedescText]}>Hey There</Text>
+          <Text style={customStyle.pageText}>Enter your Project Id</Text>
+          <View style={[customStyle.formGroup, customStyle.mt20]}>
+            <TextInput
+              style={[customStyle.inputStyle, customStyle.pl40]}
+              placeholder="Project Id"
+              placeholderTextColor={PageTheme.$placeholder_color}
+              value={state.projectid}
+              onChangeText={(val) => setState({ projectid: val })}
+              onSubmitEditing={(val) => { update_project(); }}
+              autoComplete='off'
+              keyboardType='numeric'
+            />
+            <Ionicons style={customStyle.formInputLeftIcon} size={16} name='briefcase-outline' color={PageTheme.$placeholder_color} />
+          </View>
+
+
+        </Animated.View>
+
+
+      </ScrollView>
+
+    )
+  }
+
+  return (
+      <Container {...props} avoidSafeArea={true}>
+        {processing && <CustomLoader />}
+        <View style={[customStyle.projectPageWrapper]}>
+          {_renderAnimPart()}
+
+          <View style={[customStyle.footerView]}>
+            <GradientButton {...props} title={'Next'} onPress={update_project} />
+            <View style={[customStyle.signatureBox, customStyle.mt20]}>
+              <Text style={customStyle.signatureText}>{version}</Text>
+              <Text style={customStyle.signatureText}>{copyrightText}</Text>
+              {/* <Image style={customStyle.signatureLogo} source={require('../assets/cpm_logo.png')} /> */}
+            </View>
+          </View>
+        </View>
+      </Container>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Project)
\ No newline at end of file
diff --git a/src/screens/Promotion.js b/src/screens/Promotion.js
new file mode 100644
index 0000000..a8658ff
--- /dev/null
+++ b/src/screens/Promotion.js
@@ -0,0 +1,761 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility, Q_getpromotionmappingList } from '../constants/ConstantQueries';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import { ConfirmSaveAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+
+function Promotion(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [promotionData, setPromotionData] = useState([]);
+    const [globalPromoData, setGlobalPromoData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+
+    const [searchedItem, setSearchedItem]= useState('');
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    const zoomView=useRef(null);
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+          await db.transaction(async function (txn) {        
+            let q2=Q_getpromotionmappingList(storeData1);
+            // let q2=Q_getpaidvisibility(storeData1);
+
+            await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                console.log('promotion cats',txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            getPromotion(arr,storeData1);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getPromotion(prom_mappings=[],storeData1={}){
+        
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;     
+        
+          await db.transaction(async function (txn) { 
+            let allSKUData=[];
+            let completed_tasks=0;
+            await Promise.all(
+                prom_mappings.map(async (item,index) => {
+                    let seletlist=`p.PROMOTION_ID as PromoId,p.PROMOTION as Promotion,p.POS_AVL,p.STOCK_AVL,p.PROMOTALK_AVL,p.IMAGE1`;
+                    let sku_q=`SELECT ${seletlist} FROM ${AppTables.PROMOTION_DATA} p  WHERE p.STORE_ID='${StoreId}' and p.VISIT_DATE='${d2}' and  p.SUB_CATEGORY_ID='${item.SubCategoryId}' `;
+                    
+                    let sku_q2=`SELECT DISTINCT m.PromoId as PromoId,m.Promotion as Promotion FROM Mapping_Promotion m where m.SubCategoryId='${item.SubCategoryId}' and m.ChainId='${ChainId}' and m.StoreTypeId='${StoreTypeId}'and m.StateId='${StateId}'`;
+                    
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        console.log('inserted data:',txnres.rows.length);
+                        if(txnres.rows.length>0){
+                            let arr=[];
+                           
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                let cj_index=i;
+                                let ancval=data.POS_AVL==1?1:0;
+                                let animatedChoice=new Animated.Value(ancval);
+                                data.animatedChoice=animatedChoice;
+                                let animatedChoiceStock=new Animated.Value((data.STOCK_AVL==1?1:0));
+                                data.animatedChoiceStock=animatedChoiceStock;
+                                let animatedChoicePromo=new Animated.Value((data.PROMOTALK_AVL==1?1:0));
+                                data.animatedChoicePromo=animatedChoicePromo;
+
+
+                                arr.push(data);
+                                let imgpath=data.IMAGE1!=null && data.IMAGE1!=''?'file://'+common_ImagePath+data.IMAGE1:'';
+                                let defData={'SubCategoryId':item.SubCategoryId,'PromoId':data.PromoId,'isStockAvlbl':data.STOCK_AVL,'isPromoTalkerAvlbl':data.PROMOTALK_AVL,'isPresent':(data.POS_AVL),'Image1':(data.IMAGE1 || ''),'Image1Path':imgpath};
+                                
+                                allSKUData.push(defData);
+
+                                if(cj_index==txnres.rows.length-1){
+                                    item['promotionlist']=arr;
+                                    prom_mappings[index]=item;
+                                    if(completed_tasks==prom_mappings.length-1){
+                                        setSKUStockData(allSKUData);
+                                        setPromotionData(prom_mappings);
+                                        setGlobalPromoData(prom_mappings);
+                                        setProcessing(false);
+                                    }
+                                    completed_tasks++;
+                                    return item;
+                                }
+                            }
+                            
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    console.log('avlbl prmotions:',txnres2.rows.length);
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                        let cj_index=i;
+                                        let animatedChoice=new Animated.Value(0);
+                                        data.animatedChoice=animatedChoice;
+                                        let animatedChoiceStock=new Animated.Value(0);
+                                        data.animatedChoiceStock=animatedChoiceStock;
+                                        let animatedChoicePromo=new Animated.Value(0);
+                                        data.animatedChoicePromo=animatedChoicePromo;
+                                        arr.push(data);
+                                        
+                                        let defData={'SubCategoryId':item.SubCategoryId,'PromoId':data.PromoId,'isStockAvlbl':0,'isPromoTalkerAvlbl':0,'isPresent':0,'Image1':''};
+                                        allSKUData.push(defData);
+                                        
+                                        if(cj_index==(txnres2.rows.length-1)){  
+                                            item['promotionlist']=arr;
+                                            prom_mappings[index]=item;
+                                            if(completed_tasks==prom_mappings.length-1){
+                                                setSKUStockData(allSKUData);
+                                                setPromotionData(prom_mappings);
+                                                setGlobalPromoData(prom_mappings);
+                                                setProcessing(false);
+                                            }
+                                            completed_tasks++;
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                                
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            ) .then((res)=>{
+                
+            });          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+  
+
+    async function getImage(imgdata){
+        let cat=getImageProps.cat || '';
+        let skuItem=getImageProps.skuItem || '';
+        let type=getImageProps.type || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Promotion'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_PromotionImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=SKUStockData;
+                            let defData={'SubCategoryId':cat.SubCategoryId,'PromoId':skuItem.PromoId};
+                            const cindex=allData.findIndex(ci=>ci.SubCategoryId==cat.SubCategoryId && ci.PromoId==skuItem.PromoId);
+                            const imgData=cindex>=0?(allData[cindex] || defData):defData;
+                            let image_key=type=='2'?'Image2':'Image1';
+                            let image_path_key=type=='2'?'Image2Path':'Image1Path';
+                            imgData[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=common_ImagePath+filename;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                imgData[image_path_key]=uri; 
+                                console.log(imgData);
+                                cindex>=0?allData[cindex]=imgData:allData.push(imgData);
+                                
+                                setSKUStockData(allData);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata2(!rerenderdata2);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(cat,skuItem,type='1'){  
+        setGetImageProps({'cat':cat,'skuItem':skuItem,'type':type}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.PROMOTION_HEADER_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.PROMOTION_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('promotions hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('promotions data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.PROMOTION_HEADER_DATA}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData;
+
+            await db.transaction(async function (txn) {
+              var values='',child_values='',checklist_values='';
+              
+              for(var i=0;i<promotionData.length;i++){
+                seq++;
+                let catIndex=i;
+                let item=promotionData[catIndex];
+                values+=values!=''?' , ':'';
+                values+=` ('${StoreId}','${d2}','${item.SubCategoryName}','${item.SubCategoryId}','${d2}') `;
+               
+                let promotionlist=item['promotionlist'] || [];
+               
+                for(var j=0;j<promotionlist.length;j++){
+                    let skuItem=promotionlist[j];
+                    child_values+=child_values!=''?' , ':'';
+                    let allSKUData=SKUStockData;
+                    const skud_index=allSKUData.findIndex(ci=>ci.SubCategoryId==item.SubCategoryId && ci.PromoId==skuItem.PromoId);
+                    const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                    
+                    child_values+=` ('${seq}','${StoreId}','${d2}','${item.SubCategoryName}','${item.SubCategoryId}','${skuItem.Promotion}','${skuItem.PromoId}','${skud.isStockAvlbl}','${skud.isPromoTalkerAvlbl}','${skud.isPresent}','${skud.Image1}','${d2}') `;
+                }
+              }
+
+              let add_HdrData=`INSERT INTO ${AppTables.PROMOTION_HEADER_DATA} (STORE_ID,VISIT_DATE,SUB_CATEGORY,SUB_CATEGORY_ID,ADDED_DATE) VALUES ${values} `;
+             
+              let add_ChildData=`INSERT INTO ${AppTables.PROMOTION_DATA} (COMMON_ID,STORE_ID,VISIT_DATE,SUB_CATEGORY,SUB_CATEGORY_ID,PROMOTION,PROMOTION_ID,STOCK_AVL,PROMOTALK_AVL,POS_AVL,IMAGE1,ADDED_DATE) VALUES ${child_values} `;
+              
+            
+              await txn.executeSql(add_HdrData,[],async function (txn2, txnres) { 
+                console.log('promotion header added');
+                await txn.executeSql(add_ChildData,[],async function (txn2, txnres) { 
+                    console.log('promotion child added');
+                    notify(ST.Promotionupdatedsuccessfully);
+                    setProcessing(false);
+                    props.navigation.goBack();
+                    
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.CannotupdatePromotion) },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.CannotupdatePromotion) },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        await Promise.all(
+            promotionData.map(async (item,index) => {
+            if(isValid){
+                
+                let promotionlist=item.promotionlist || [];
+                if(promotionlist.length>0){
+                    await Promise.all(
+                        promotionlist.map(async (skuItem,skuIndex) => {
+                            if(isValid){
+                                let skuData=SKUStockData.find(ci=>ci.SubCategoryId==item.SubCategoryId && ci.PromoId==skuItem.PromoId) || {};
+                                if(skuData.isPresent!=0 && (skuData.isPresent==null || skuData.isPresent=='')){
+                                    notify(ST.Pleaseselectifpromotionpresentornotfor+' '+item.SubCategoryName+' '+skuItem.Promotion,'SHORT');
+                                    isValid=false;
+                                }else if(skuData.isStockAvlbl!=0 && (skuData.isStockAvlbl==null || skuData.isStockAvlbl=='')){
+                                    notify(ST.Pleaseselectifstockisavailablefor+' '+item.SubCategoryName+' '+skuItem.Promotion,'SHORT');
+                                    isValid=false;
+                                }else if(skuData.isPromoTalkerAvlbl!=0 && (skuData.isPromoTalkerAvlbl==null || skuData.isPromoTalkerAvlbl=='')){
+                                    notify(ST.Pleaseselectifstockisavailablefor+' '+item.SubCategoryName+' '+skuItem.Promotion,'SHORT');
+                                    isValid=false;
+                                }else if((skuData.isPresent==1 || skuData.isPromoTalkerAvlbl==1 || skuData.isStockAvlbl==1 ) && ((skuData.Image1==null || skuData.Image1==''))){
+                                    notify('Please click all images for '+item.SubCategoryName+' '+skuItem.Promotion,'SHORT');
+                                    isValid=false;
+                                }
+                            }
+                        })
+                    );
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key,isChoiceSelect=0){
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':item.SubCategoryId,'PromoId':skuItem.PromoId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==item.SubCategoryId && i.PromoId==skuItem.PromoId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+        
+        if(isChoiceSelect==1 && (skud.isPresent!=1 && skud.isPromoTalkerAvlbl!=1 && skud.isStockAvlbl!=1 )){
+            skud.Image1='';
+            skud.Image1Path='';
+        }
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    function onChoiceSelect(item,skuItem,val,key,animatedChoice){
+        var val1=0;
+        if(val==1){
+            val1=1;
+        }
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onStockValChange(item,skuItem,val,key,1)
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        var arr2=[];
+        if(searchedQry!=null && searchedQry!=''){
+            
+            for(let i=0;i<globalPromoData.length;i++){
+                let item=globalPromoData[i];
+                let promotionlist=item.promotionlist || [];
+                arr2={ 'SubCategoryName':item.SubCategoryName,'SubCategoryId':item.SubCategoryId};
+                let newpromotionlist=[];
+                for(let j=0;j<promotionlist.length;j++){
+                    let sku=promotionlist[j];
+                    let {Promotion}=sku;
+                    
+                    if(Promotion.toLowerCase().includes(searchedQry)){
+                        newpromotionlist.push(sku);
+                    }
+                    if(j==promotionlist.length-1){
+                        arr2.promotionlist=newpromotionlist;
+                        if(arr2.promotionlist.length>0){
+                            arr.push(arr2);
+                        }
+                    }
+                }
+
+                
+            }
+        }
+        else{
+          arr=globalPromoData;
+        }
+
+        setPromotionData(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder="Search by Promotion"
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={promotionData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.SubCategoryName}</Text>
+                        
+                            </LinearGradient>
+                            
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            {
+                                
+                                <FlatList 
+                                data={item.promotionlist}
+                                extraData={rerenderdata2}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.SubCategoryId==cat.SubCategoryId && i.PromoId==skus.PromoId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let isPresent=thisCatSkuData.isPresent!=null?thisCatSkuData.isPresent:'0';
+                                    let isStockAvlbl=thisCatSkuData.isStockAvlbl!=null?thisCatSkuData.isStockAvlbl:'0';
+                                    let isPromoTalkerAvlbl=thisCatSkuData.isPromoTalkerAvlbl!=null?thisCatSkuData.isPromoTalkerAvlbl:'0';
+                                    let Image1Path=(thisCatSkuData.Image1Path!=null && thisCatSkuData.Image1Path!='')?thisCatSkuData.Image1Path:'';
+                                    
+                                    var xpos=isPresent==1?-75:0,xposStock=isStockAvlbl==1?-75:0,xposPromo=isPromoTalkerAvlbl==1?-75:0;
+                                    if(skus.animatedChoice!=null ){
+                                        xpos=skus.animatedChoice.interpolate({
+                                            inputRange:[0,1],
+                                            outputRange:[0,-75],
+                                        });
+                                    } 
+                                    
+                                    if(skus.animatedChoiceStock!=null ){
+                                        xposStock=skus.animatedChoiceStock.interpolate({
+                                            inputRange:[0,1],
+                                            outputRange:[0,-75],
+                                        });
+                                    } 
+
+                                    if(skus.animatedChoicePromo!=null ){
+                                        xposPromo=skus.animatedChoicePromo.interpolate({
+                                            inputRange:[0,1],
+                                            outputRange:[0,-75],
+                                        });
+                                    } 
+
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={[customStyle.openStk_prd_name]}>{skus.Promotion}</Text>
+                                            <View style={customStyle.openStk_prd_form}>
+                                                
+                                                <View style={[customStyle.openStk_prd_cols,customStyle.openStk_prd_borderT,customStyle.mt10,customStyle.pt10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{'Stock'}</Text>
+                                                
+                                                        <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                                            <View style={customStyle.openStk_prd_choiceBox}>
+                                                                <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isStockAvlbl=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                                                {
+                                                                    transform: [{
+                                                                        translateX:xposStock
+                                                                    }],
+                                                                }
+                                                                ]}></Animated.View>
+                                                                <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(cat,skus,1,'isStockAvlbl',skus.animatedChoiceStock)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isStockAvlbl=='1'?customStyle.openStkCh_textactive:{})]}>Yes</Text>
+                                                                </TouchableOpacity>
+                                                                <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(cat,skus,0,'isStockAvlbl',skus.animatedChoiceStock)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isStockAvlbl=='0'?customStyle.openStkCh_textactive:{})]}>No</Text>
+                                                                </TouchableOpacity>
+                                                            </View>
+                                                        </View>
+                                                    </View>
+                                                    <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{'Promo Talker'}</Text>
+                                                
+                                                        <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                                            <View style={customStyle.openStk_prd_choiceBox}>
+                                                                <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPromoTalkerAvlbl=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                                                {
+                                                                    transform: [{
+                                                                        translateX:xposPromo
+                                                                    }],
+                                                                }
+                                                                ]}></Animated.View>
+                                                                <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(cat,skus,1,'isPromoTalkerAvlbl',skus.animatedChoicePromo)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isPromoTalkerAvlbl=='1'?customStyle.openStkCh_textactive:{})]}>Yes</Text>
+                                                                </TouchableOpacity>
+                                                                <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(cat,skus,0,'isPromoTalkerAvlbl',skus.animatedChoicePromo)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isPromoTalkerAvlbl=='0'?customStyle.openStkCh_textactive:{})]}>No</Text>
+                                                                </TouchableOpacity>
+                                                            </View>
+                                                        </View>
+                                                    </View>
+                                                    <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{'Running on POS'}</Text>
+                                                
+                                                        <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                                            <View style={customStyle.openStk_prd_choiceBox}>
+                                                                <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                                                {
+                                                                    transform: [{
+                                                                        translateX:xpos
+                                                                    }],
+                                                                }
+                                                                ]}></Animated.View>
+                                                                <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(cat,skus,1,'isPresent',skus.animatedChoice)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>Yes</Text>
+                                                                </TouchableOpacity>
+                                                                <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(cat,skus,0,'isPresent',skus.animatedChoice)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>No</Text>
+                                                                </TouchableOpacity>
+                                                            </View>
+                                                        </View>
+                                                    </View>
+                                                    
+                                                    
+                                                    {(isPresent=='1' || isPromoTalkerAvlbl=='1' || isStockAvlbl=='1') && 
+                                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                                        <Text style={[customStyle.openStk_prd_label]}>Capture Image</Text>
+                                                        <View style={customStyle.openStk_prdCameras}>
+                                                            <View style={customStyle.openStkCameraCon}>
+                                                            { (Image1Path=='' || Image1Path==null) && 
+                                                                <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(cat,skus,'1')}}>
+                                                                    <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                                </TouchableOpacity>
+                                                            }
+                                                            { (Image1Path!='' && Image1Path!=null) && 
+                                                                <View style={customStyle.osCatImageView}>
+                                                                    <Image style={customStyle.osCatImage} source={{uri:Image1Path}}/>
+                                                                    <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(cat,skus,'1')}}>
+                                                                        <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                                    </TouchableOpacity>
+                                                                </View>                                    
+                                                            }       
+                                                            </View>
+                                                                              
+                                                        </View>
+                                                    </View>
+                                                    }
+                                                    
+                                                </View>
+                                            
+                                            </View>
+                                            
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(Promotion);
\ No newline at end of file
diff --git a/src/screens/PromotionOneApp.js b/src/screens/PromotionOneApp.js
new file mode 100644
index 0000000..cf56d38
--- /dev/null
+++ b/src/screens/PromotionOneApp.js
@@ -0,0 +1,2143 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import CheckBox from '@react-native-community/checkbox';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import MultiSelect from 'react-native-multiple-select';
+
+function PromotionOneApp(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+
+    const [Products, setProducts] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+    const [searchedItem, setSearchedItem]= useState('');
+    const [globalWindows, setGlobalWindows] = useState([]);
+    const [KPIFields, setKPIFields] = useState([]);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]); 
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+               return;
+            }   
+        }
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          await db.transaction(async function (txn) {        
+            
+
+            let q3=`Select PromoReasonId as ReasonId,PromoReason as Reason From Master_PromotionReason`;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            //  remove old data
+            // await txn.executeSql(`DELETE FROM ${AppTables.PROMO_HDR_DATA} `,[],async function (txn2, txnres) { 
+            //     console.log('window hdr data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+            // await txn.executeSql(`DELETE FROM ${AppTables.PROMO_CHILD_DATA}  `,[],async function (txn2, txnres) { 
+            //     console.log('window child data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+            // await txn.executeSql(`DELETE FROM ${AppTables.PROMO_IMAGES} `,[],async function (txn2, txnres) { 
+            //   console.log('window images data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+            // await txn.executeSql(`DELETE FROM ${AppTables.PROMO_STOCK_DATA}  `,[],async function (txn2, txnres) { 
+            //   console.log('window stock data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+            
+
+            // check if data exists
+            let selectlist=` w.STORE_ID as StoreId,w.PROMO_HEADER_ID as PromoHeaderId,wd.PromoDefinitionId,wd.PromoId,wd.PromoName,wd.PromoDefinitionTitleEnable,wd.PromoDefinitionTitle,wd.PromoTable,wd.PromoField,wd.PromoValue,wd.ChildName,wd.PromoRefImage,wd.PromoElementCheckAssortment,wd.PromoElementStockRequired,w.IS_PRESENT as IsPresent,wd.PromoNotExistCamera,w.PROMO_NA_IMAGE as PromoNAImage,wd.PromoExistReasonEnable,wd.PromoNotExistReasonEnable,w.REASON_ID as ReasonId,w.REASON as Reason,w.REMARK as Remark,wd.NoOfSplit,wd.PromoImage1,wd.PromoImage2,wd.PromoImage1Lable,wd.PromoImage2Lable,wd.PromoImage1CameraGrid,wd.PromoImage2CameraGrid,wd.StockQtyRequired`;
+            let join=` inner join Master_PromotionDefinition wd on w.PROMO_DEFINITION_ID=wd.PromoDefinitionId `;
+            let q=` Select ${selectlist} from ${AppTables.PROMO_HDR_DATA} w  ${join} where w.STORE_ID='${StoreId}'  `;
+           
+            
+            // else pick data from masters
+            let selectlist2=` s.StoreId,w.PromoDefinitionId,w.PromoId,w.PromoName,w.PromoDefinitionTitleEnable,w.PromoDefinitionTitle,w.PromoTable,w.PromoField,w.PromoValue,w.ChildName,w.PromoRefImage,w.PromoElementCheckAssortment,w.PromoElementStockRequired,'' as IsPresent,w.PromoNotExistCamera,'' as PromoNAImage,w.PromoExistReasonEnable,w.PromoNotExistReasonEnable,'' as ReasonId,'' as Reason,w.NoOfSplit,w.PromoImage1,w.PromoImage2,w.PromoImage1Lable,w.PromoImage2Lable,w.PromoImage1CameraGrid,w.PromoImage2CameraGrid,w.StockQtyRequired`;
+            let join2=` inner join Mapping_StorePromotion s on w.PromoDefinitionId=s.PromoDefinitionId  `;
+            let q2=` Select ${selectlist2} from Master_PromotionDefinition w  ${join2} where s.StoreId='${StoreId}'  `;
+            
+            // console.log('Promotion ',q);
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                console.log('Promotion items added',txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                    let arr=[];let images=[],allWindowsData=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data=txnres2.rows.item(i);
+                        console.log('data:',data.PromoDefinitionId,data.StockQtyRequired);
+                        let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                        data.animatedChoice=animatedChoice;
+                        data.NoOfSplit=parseInt(data.NoOfSplit);
+                        
+                        let NoOfSplit=data.NoOfSplit;
+                        let isPresent=data.IsPresent=='1' || data.IsPresent==1?1:0;
+                        let isStockReq=data.PromoElementStockRequired=='true' || data.PromoElementStockRequired==1?1:0;
+                        
+                        let imgObj={imgIndex:(i+1),url: data.PromoRefImage, props: {}}
+                        let WindowSplits =  await getWindowSplits(NoOfSplit,data,storeData1);
+                        let WQr =  await getWindowQuestions(data,storeData1,isPresent);
+                        let WindowQuestions = WQr['WindowQuestions'] || [];
+                        let WindowQA= WQr['WindowQA'] || {};
+                        let WSd= isStockReq==true ? await getWindowStockData(data,storeData1,isPresent) : {'WStocks':[],'WStocksData':[]};
+                        let WStocks=WSd['WStocks'] || [];
+                        let WStocksData=WSd['WStocksData'] || [];
+                        let isAllChecked=WSd['isAllChecked']!=null?WSd['isAllChecked']:0;
+
+                        let isNAImageAvl=data.PromoNotExistCamera=='true' || data.PromoNotExistCamera==1?1:0;
+                        let NAImage1=isNAImageAvl==1 && data.PromoNAImage!=null?data.PromoNAImage:'';
+                        let NAImage1Path=NAImage1!=''?'file://'+common_ImagePath+NAImage1:'';
+
+
+                        let windowDataObj={'PromoId':data.PromoId,'PromoDefinitionId':data.PromoDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData,'NAImage1':NAImage1,'NAImage1Path':NAImage1Path,'ReasonId':data.ReasonId,'Reason':data.Reason,'isPresent':isPresent,'isAllSKUChecked':isAllChecked,'remark':(data.Remark!=null?data.Remark:'')};
+                        data['WindowQuestions']=WindowQuestions;
+                        data['WindowStocks']=WStocks;
+                        arr.push(data);
+                        
+                        allWindowsData.push(windowDataObj);
+                        if(i==txnres2.rows.length-1){
+                            setWindowData(allWindowsData);
+                            setWindows(arr);
+                            setGlobalWindows(arr);
+                            images.push(imgObj);
+                            setZoomImageUrl(images);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                   
+                    await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                       console.log('def data:',txnres2.rows.length);
+                        if(txnres2.rows.length>0){
+                            let arr=[],images=[],allWindowsData=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data=txnres2.rows.item(i);
+                                let animatedChoice=new Animated.Value(0);
+                                data.animatedChoice=animatedChoice;
+                                data.NoOfSplit=parseInt(data.NoOfSplit);
+                                let isStockReq=data.PromoElementStockRequired=='true' || data.PromoElementStockRequired==1?1:0;
+                        
+                                let imgObj={imgIndex:(i+1),url: data.PromoRefImage, props: {}}
+                                let WindowSplits =  [];
+                                for(var s=0;s<data.NoOfSplit;s++){
+                                    let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+                                    WindowSplits.push(obj);
+                                }
+                                let WQr =  await getWindowQuestions(data,storeData1,false);
+                                let WindowQuestions = WQr['WindowQuestions'] || [];
+                                let WindowQA= WQr['WindowQA'] || {};
+                                let WSd= isStockReq==true ? await getWindowStockData(data,storeData1,false) : {'WStocks':[],'WStocksData':[]};
+                        
+                                let WStocks=WSd['WStocks'] || [];
+                                let WStocksData=WSd['WStocksData'] || [];
+                                let isAllChecked=WSd['isAllChecked']!=null?WSd['isAllChecked']:0;
+
+                                let windowDataObj={'PromoId':data.PromoId,'PromoDefinitionId':data.PromoDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData,'isAllSKUChecked':isAllChecked};
+                                data['WindowQuestions']=WindowQuestions;
+                                data['WindowStocks']=WStocks;
+
+                                arr.push(data);
+                                allWindowsData.push(windowDataObj);
+                                if(i==txnres2.rows.length-1){
+                                    setWindowData(allWindowsData);
+                                    setWindows(arr);
+                                    setGlobalWindows(arr);
+                                    images.push(imgObj);
+                                    setZoomImageUrl(images);
+                                    setProcessing(false);
+                                }                                
+                            }
+                        }
+                        else{
+                            setProcessing(false);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getWindowSplits(NoOfSplit,window,storeData1){
+        let WindowSplits_def=  [];
+        for(var s=0;s<NoOfSplit;s++){
+            let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+            WindowSplits_def.push(obj);
+        }
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+
+                let q=`select * from ${AppTables.PROMO_IMAGES} where PROMO_HEADER_ID='${window.PromoHeaderId}' and  STORE_ID='${storeData1.StoreId}' `;
+               
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            console.log(data.PROMO_HEADER_ID)
+                            let isImage1=window.PromoImage1=='true' || window.PromoImage1==1?1:0;
+                            let isImage2=window.PromoImage2=='true' || window.PromoImage2==1?1:0;
+
+                            let Image1=isImage1==1 && data.IMAGE1!=null && data.IMAGE1!=''?'file://'+common_ImagePath+data.IMAGE1:'';
+                            let Image2=isImage2==1 && data.IMAGE2!=null && data.IMAGE2!=''?'file://'+common_ImagePath+data.IMAGE2:'';
+                            let obj={'Image1Name':data.IMAGE1,'Image1':Image1,'Image2Name':data.IMAGE2,'Image2':Image2};
+                            arr.push(obj);
+
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(WindowSplits_def)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(WindowSplits_def) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return WindowSplits_def;
+        });
+    }
+
+    async function getWindowQuestions(window,storeData1,isInserted=false){
+        let obj={'WindowQA':{},'WindowQuestions':[]}
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='',join2='';
+                if(isInserted==true){
+                    selectlist=` DISTINCT  q.QUESTION_ID as PromoQuestionId,q.QUESTION_CODE as PromoQuestionCode,wq.PromoQuestionName,wq.QuestionType,wq.PromoqShowCamera,wq.PromoqCameraMandatory,wq.PromoqLengthValidationRequired,wq.PromoqMinimumChar,wq.PromoqMaximumChar,wq.PromoqDecimalPoint,wq.PromoqDateRangeMin,wq.PromoqDateRangeMax,wq.PromoqVoiceLengthInMinutes,wq.PromoqDefaultQuestionEnable,q.ANSWER as Answer,q.ANSWER_ID as AnswerId,q.MULTI_OPTIONS_IDS as multi_op_ids,q.IMAGE_ALLOW1 as PromoaShowCamera,q.IMAGE1 as Image1  `;
+                    join2=` inner join Mapping_PromotionQuestion mq on mq.PromoQuestionId=wq.PromoQuestionId `;
+                    join=` inner join Master_PromotionQuestion wq on wq.PromoQuestionId=q.QUESTION_ID `;
+                    q=`select ${selectlist} from ${AppTables.PROMO_CHILD_DATA} q ${join} ${join2} where q.STORE_ID='${storeData1.StoreId}' and q.PROMO_DEFINITION_ID='${window.PromoDefinitionId}' and q.PROMO_ID='${window.PromoId}' order by wq.PromoQuestionSequence  `;
+                    
+                }
+                else{
+                    selectlist=` DISTINCT  wq.PromoQuestionId,wq.PromoQuestionCode,wq.PromoQuestionName,wq.QuestionType,wq.PromoqShowCamera,wq.PromoqCameraMandatory,wq.PromoqLengthValidationRequired,wq.PromoqMinimumChar,wq.PromoqMaximumChar,wq.PromoqDecimalPoint,wq.PromoqDateRangeMin,wq.PromoqDateRangeMax,wq.PromoqVoiceLengthInMinutes,wq.PromoqDefaultQuestionEnable `;
+                    join=` inner join Mapping_PromotionQuestion mq on mq.PromoQuestionId=wq.PromoQuestionId `;
+                    q=`select ${selectlist} from Master_PromotionQuestion wq  ${join} where mq.PromoDefinitionId='${window.PromoDefinitionId}' order by wq.PromoQuestionSequence  `;
+                }
+
+                
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        let wqa_obj={};
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                           
+                            let answers=[];
+                            data.PromoqDefaultQuestionEnable=data.PromoqDefaultQuestionEnable==1 || data.PromoqDefaultQuestionEnable=='true'?true:false;
+                             
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  answers=await getWindowAnswers(data);
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data['Answers']=answers;
+      
+                              let id_key=data.PromoQuestionId+'_AnswerId'; 
+                              let ans_key=data.PromoQuestionId+'_Answer'; 
+                              let multi_key=data.PromoQuestionId+'_MultiOption';
+                              let date_key=data.PromoQuestionId+'_Date';
+                              let img_key=data.PromoQuestionId+'_ImagePath1';
+                              let imgname_key=data.PromoQuestionId+'_ImageName1';
+                              let rating_key=data.PromoQuestionId+'_Rating'; 
+                              
+      
+                              let showImageTag=(data.PromoqShowCamera=='true' || data.PromoqShowCamera==1) ;
+      
+                              data.AnswerId!=null?wqa_obj[id_key]=data.AnswerId:'';
+                              data.Answer!=null?wqa_obj[ans_key]=data.Answer:'';
+
+                              
+                              let selansid=data.AnswerId!=null?data.AnswerId:'';
+                              if(data.QuestionType=='Multi choice list' && selansid!='' && data.multi_op_ids!=null){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  wqa_obj[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((data.QuestionType=='Single choice list' || data.QuestionType=='Multi choice list' ) && selansid!='' && selansid!=null){
+                                  if (data.Answers && data.Answers.length>0){
+                                      for(var k=0;k<data.Answers.length;k++){
+                                          let ansss=data.Answers[k];
+                                          let isandImgAl=(ansss.PromoaShowCamera==1 || ansss.PromoaShowCamera=='true');
+                                          if(data.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(data.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag && data.Answer!=null){
+                                  let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1;
+                                  console.log('imgPath:',imgPath);
+                                  wqa_obj[imgname_key]=data.Image1;
+                                  wqa_obj[img_key]=imgPath;
+                              }
+
+                             
+      
+                              if(data.QuestionType=='Date' && data.Answer!=null){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  wqa_obj[date_key]=fulldate;
+                                  
+                              }
+
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WindowQuestions']=arr;
+                                obj['WindowQA']=wqa_obj;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getWindowAnswers(qtn){
+        
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='';
+                selectlist=` DISTINCT  PromoAnswerId as AnswerId,PromoAnswerName as Answer,PromoaShowCamera,PromoaCameraMandatory,PromoaQuestionEnable,PromoaQuestionDisable `;
+                q=`select ${selectlist} from  Master_PromotionQuestion  where PromoQuestionId='${qtn.PromoQuestionId}'  order by PromoaSequence  `;
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        });
+    }
+
+    async function getWindowStockData(window,storeData1,isInserted=false){
+        let obj={'WStocks':[],'WStocksData':[],'isAllChecked':0}
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                
+                let checkassrt=window.PromoElementCheckAssortment=='true' || window.PromoElementCheckAssortment==1?true:false;
+                
+                let join='',join2='';
+                if(checkassrt){
+                    join=` inner join Mapping_ProductAssortment a on a.ProductId=s.PROMO_STOCK_VALUE `;
+                }   
+                let selectlist1=`  s.PROMO_STOCK_DEFINITION_ID as PromoStockDefinitionId, s.PROMO_DEFINITION_ID as PromoDefinitionId,s.PROMO_STOCK_TABLE as PromoStockTable,s.PROMO_STOCK_FIELD as PromoStockField,s.PROMO_STOCK_VALUE as PromoStockValue,s.PROMO_STOCK_MBQ as PromoStockMBQ,s.PRODUCT_NAME as ProductName, s.STOCK as Stock,s.IS_PROMO_PRESENT as isPromoPresent `;
+                let q=`select ${selectlist1} from  ${AppTables.PROMO_STOCK_DATA} s ${join} where s.PROMO_DEFINITION_ID='${window.PromoDefinitionId}' and s.STORE_ID='${storeData1.StoreId}'  `;
+                if(checkassrt){
+                    q+=` and a.StateId='${storeData1.StateId}' `;
+                }
+                q+=` order by s.PRODUCT_NAME `;
+
+
+
+                if(checkassrt){
+                    join2=` inner join Mapping_ProductAssortment a on a.ProductId=s.PromoStockValue `;
+                }
+                let selectlist2=`  s.PromoStockDefinitionId, s.PromoDefinitionId,s.PromoStockTable,s.PromoStockField,s.PromoStockValue,s.PromoStockMBQ,s.ProductName `;
+                let q2=`select ${selectlist2} from  Master_PromotionStockDefinition s ${join2} where s.PromoDefinitionId='${window.PromoDefinitionId}'   `;
+                if(checkassrt){
+                    q2+=` and a.StateId='${storeData1.StateId}' `;
+                }
+                q2+=` order by s.ProductName `;
+
+                
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[],WStocksData=[];
+                        let isAllChecked=1;
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            if(isInserted==true && data.Stock!=null){
+                                let stockData_obj={'ProductId':data.PromoStockValue,'Stock':data.Stock,'isPromoPresent':(data.isPromoPresent!=null ?data.isPromoPresent:0)}
+                                WStocksData.push(stockData_obj);
+                            }
+                            if(data.isPromoPresent==null || data.isPromoPresent==0 || data.isPromoPresent=='0' || data.isPromoPresent==''){
+                               
+                                isAllChecked=0;
+                            }
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WStocks']=arr;
+                                obj['WStocksData']=WStocksData;
+                                obj['isAllChecked']=isAllChecked;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        await txn.executeSql(q2,[],async function (txn2, txnres3) { 
+                            if(txnres3.rows.length>0){
+                                let arr=[],WStocksData=[];
+                                let isAllChecked=1;
+                                for(var i=0;i<txnres3.rows.length;i++){
+                                    let data =txnres3.rows.item(i);
+                                    if(isInserted==true && data.Stock!=null){
+                                        let stockData_obj={'ProductId':data.PromoStockValue,'Stock':data.Stock,'isPromoPresent':(data.isPromoPresent!=null ?data.isPromoPresent:0)}
+                                        WStocksData.push(stockData_obj);
+                                    }
+                                    if(data.isPromoPresent==null || data.isPromoPresent==0 || data.isPromoPresent=='0' || data.isPromoPresent==''){
+                                       
+                                        isAllChecked=0;
+                                    }
+                                    arr.push(data);
+                                    if(i==txnres3.rows.length-1){
+                                        obj['WStocks']=arr;
+                                        obj['WStocksData']=WStocksData;
+                                        obj['isAllChecked']=isAllChecked;
+                                        resolve(obj)
+                                    }                                
+                                }
+                            }
+                            else{
+                                resolve(obj)
+                            }
+                        },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getImage(imgdata){
+        let type=getImageProps.type || '';
+        let window=getImageProps.window || {};
+        let splitItem=getImageProps.splitItem || {};
+        let splitItemIndex=getImageProps.splitItemIndex || 0;
+        let qtn=getImageProps.qtn || {};
+        let cameraType=getImageProps.cameraType!=null?getImageProps.cameraType:'1';
+
+        console.log('getImage cameraType:',cameraType);
+        if(typeof imgdata=='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Shelf Talker'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+window.PromoDefinitionId+'_'+window.PromoId+'_'+(props.UserId || '')+'_STImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=WindowData;
+                            let defData={'PromoId':window.PromoId,'PromoDefinitionId':window.PromoDefinitionId};
+                            const wind_index=allData.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId) ;
+                            let wind=wind_index>=0?allData[wind_index]:defData;
+
+                            if(cameraType=='2'){
+                                var QD=wind.WindowQA || {};
+                                var image_key=qtn.PromoQuestionId+'_ImageName1';
+                                var image_key_path=qtn.PromoQuestionId+'_ImagePath1';
+                                QD[image_key]=filename;
+                            }
+                            else if(cameraType=='3'){
+                                var image_key='NAImage1';
+                                var image_key_path='NAImage1Path';
+                                wind[image_key]=filename;
+                            }
+                            else{
+                                var WindowSplits=wind.WindowSplits || [];
+                                console.log('WindowSplits:',WindowSplits);
+                                var image_key=type=='1'?'Image1Name':'Image2Name';
+                                var image_key_path=type=='1'?'Image1':'Image2';
+                                splitItem[image_key]=filename;
+                            }
+                            
+                            
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                               console.log('image marker:',uri);
+                                
+                                if(cameraType=='2'){
+                                    QD[image_key_path]=uri;
+                                    wind.WindowQA=QD;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata3(!rerenderdata3);
+                                }
+                                else if(cameraType=='3'){
+                                    wind[image_key_path]=uri;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                else{
+                                    console.log('split image updated');
+                                    splitItem[image_key_path]=uri;
+                                    splitItemIndex>=0?WindowSplits[splitItemIndex]=splitItem:WindowSplits.push(splitItem);
+                                    wind.WindowSplits=WindowSplits;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata2(!rerenderdata2);
+                                }
+                                
+                                
+                                
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(window,splitItem,splitItemIndex,type='1',cameraType='1',qtn={}){  
+        setGetImageProps({'window':window,'splitItem':splitItem,'splitItemIndex':splitItemIndex,'type':type,'cameraType':cameraType,'qtn':qtn}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+   
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              //  remove old data
+              await txn.executeSql(`DELETE FROM ${AppTables.PROMO_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.PROMO_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window child data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.PROMO_IMAGES} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window images data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.PROMO_STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+                // add data
+                var values='',childV='',imageV='',stockV='';
+              
+                for (const wi in globalWindows){
+                    const window=globalWindows[wi];
+                    let isImage1=window.PromoImage1=='true' || window.PromoImage1==1?1:0;
+                    let isImage2=window.PromoImage2=='true' || window.PromoImage2==1?1:0;
+                    let isNAImageAvl=window.PromoNotExistCamera=='true' || window.PromoNotExistCamera==1?1:0;
+                    let isNAReasonEnable=window.PromoNotExistReasonEnable=='true' || window.PromoNotExistReasonEnable==1? 1:0;
+                    let isReasonEnable=window.PromoExistReasonEnable=='true' || window.PromoExistReasonEnable==1? 1:0;
+                    let isStockReq=window.PromoElementStockRequired=='true' || window.PromoElementStockRequired==1?1:0;
+                    let WindowQuestions=window.WindowQuestions || [];
+                    let WindowStocks=window.WindowStocks || [];
+    
+                   
+                    const wind=WindowData.find(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+                    let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    let ReasonId=wind.ReasonId!=null?wind.ReasonId:0;
+                    let Reason=wind.Reason!=null?wind.Reason:'';
+                    let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                    let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                    let remark=wind.remark!=null?wind.remark:'';
+                    let WindowSplits=wind.WindowSplits || [];
+                    let QD=wind.WindowQA || {};
+                    let WStocksData=wind.WStocksData || [];
+
+                    let PROMO_HEADER_ID='WIND'+wi+(Math.floor(Math.random()*1000)+1);
+                    let {PromoDefinitionId,PromoId,PromoName,PromoTable,PromoField,PromoValue,ChildName}=window;
+                    
+
+                    values+=values!=''?' , ':'';
+                    values+=` ('${PROMO_HEADER_ID}','${StoreId}','${d3}','${PromoDefinitionId}','${PromoId}','${PromoName}','${PromoTable}','${PromoField}','${PromoValue}','${ChildName}','${isPresent}','${NAImage1}','${ReasonId}','${Reason}','${(remark || '')}','${d3}') `;
+                    
+                    if(isPresent==1){
+                        for(const qtnIndex in WindowQuestions){
+                            const qtn=WindowQuestions[qtnIndex];
+                            
+                            let selansid='',selanswer='',selimg='',showImageTag=false;
+                            let id_key=qtn.PromoQuestionId+'_AnswerId'; 
+                            let ans_key=qtn.PromoQuestionId+'_Answer'; 
+                            let multi_key=qtn.PromoQuestionId+'_MultiOption';
+                            let date_key=qtn.PromoQuestionId+'_Date';
+                            let img_key=qtn.PromoQuestionId+'_ImagePath1';
+                            let imgname_key=qtn.PromoQuestionId+'_ImageName1';
+                            let rating_key=qtn.PromoQuestionId+'_Rating'; 
+                            let list_mcdata=[];
+
+                            let {PromoQuestionId,PromoQuestionCode,QuestionType,PromoqShowCamera}=qtn
+                            let answer=QD[ans_key] || 0;
+                            let answerId=QD[id_key] || '';
+                            let multi_options_ids=QD[multi_key] || '';
+
+                            if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                            {
+                                showImageTag=(qtn.PromoqShowCamera==1 || qtn.PromoqShowCamera=='true');
+                            }
+                            else if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                if (qtn.Answers && qtn.Answers.length>0){
+                                    for(var i=0;i<qtn.Answers.length;i++){
+                                        let ansss=qtn.Answers[i];
+                                        let isandImgAl=(ansss.PromoaShowCamera=='true' || ansss.PromoaShowCamera==1);
+                                        if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==answerId)){
+                                            showImageTag=true;
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && answerId.indexOf(ansss.AnswerId)>=0)){
+                                            showImageTag=true;
+                                        }
+                                        
+                                    }
+                                }
+                            }
+
+                            let Image1=showImageTag==1?QD[imgname_key]:'';
+
+                            childV+=childV!=''?' , ':'';
+                            childV+=` ('${PROMO_HEADER_ID}','${StoreId}','${d3}','${PromoDefinitionId}','${PromoId}','${PromoQuestionId}','${PromoQuestionCode}','${QuestionType}','${answer}','${answerId}','${multi_options_ids}','${Image1}','${showImageTag}','${d3}') `;
+                        }
+                        for(const splitItemIndex in WindowSplits){
+                            const splitItem=WindowSplits[splitItemIndex];
+                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                            Image1Name=isImage1==1?Image1Name:'';
+                            Image2Name=isImage2==1?Image2Name:'';
+                            
+                            imageV+=imageV!=''?' , ':'';
+                            imageV+=` ('${PROMO_HEADER_ID}','${StoreId}','${d3}','${PromoDefinitionId}','${PromoId}','${Image1Name}','${Image2Name}','${d3}') `;
+                        }
+                        for(const stockProdIndex in WindowStocks){
+                            const stockProd=WindowStocks[stockProdIndex];
+                            let sd=WStocksData.find(i=> i.ProductId==stockProd.PromoStockValue) || {};
+                            let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+                            let isPromoPresent=sd.isPromoPresent!=null?sd.isPromoPresent:0;
+                            let {PromoStockDefinitionId, PromoDefinitionId,PromoStockTable,PromoStockField,PromoStockValue,PromoStockMBQ,ProductName} =stockProd
+                            stockV+=stockV!=''?' , ':'';
+                            stockV+=` ('${PROMO_HEADER_ID}','${StoreId}','${d3}','${PromoDefinitionId}','${PromoId}','${PromoStockDefinitionId}','${PromoStockTable}','${PromoStockField}','${PromoStockValue}','${PromoStockMBQ}','${ProductName}','${stock}','${isPromoPresent}','${d3}') `;
+                        }
+
+                    }
+                }
+              
+                
+                
+                
+                let add_hdr_data=`INSERT INTO ${AppTables.PROMO_HDR_DATA} (PROMO_HEADER_ID,STORE_ID,VISIT_DATE,PROMO_DEFINITION_ID,PROMO_ID,PROMO_NAME,PROMO_TABLE,PROMO_FIELD,PROMO_VALUE,CHILD_NAME,IS_PRESENT,PROMO_NA_IMAGE,REASON_ID,REASON,REMARK,ADDED_DATE) VALUES ${values} `;
+                let add_child_data=`INSERT INTO ${AppTables.PROMO_CHILD_DATA} (PROMO_HEADER_ID,STORE_ID,VISIT_DATE,PROMO_DEFINITION_ID,PROMO_ID,QUESTION_ID,QUESTION_CODE,QUESTION_TYPE,ANSWER,ANSWER_ID,MULTI_OPTIONS_IDS,IMAGE1,IMAGE_ALLOW1,ADDED_DATE) VALUES ${childV} `;
+                let add_images_data=`INSERT INTO ${AppTables.PROMO_IMAGES} (PROMO_HEADER_ID,STORE_ID,VISIT_DATE,PROMO_DEFINITION_ID,PROMO_ID,IMAGE1,IMAGE2,ADDED_DATE) VALUES ${imageV} `;
+                let add_stock_data=`INSERT INTO ${AppTables.PROMO_STOCK_DATA} (PROMO_HEADER_ID,STORE_ID,VISIT_DATE,PROMO_DEFINITION_ID,PROMO_ID,PROMO_STOCK_DEFINITION_ID,PROMO_STOCK_TABLE,PROMO_STOCK_FIELD,PROMO_STOCK_VALUE,PROMO_STOCK_MBQ,PRODUCT_NAME,STOCK,IS_PROMO_PRESENT,ADDED_DATE) VALUES ${stockV} `;
+                
+                
+                
+                await txn.executeSql(add_hdr_data,[],async function (txn2, txnres) { 
+                    console.log('st header data added');
+                    var isSplitImageAdded=true,isStockAdded=true,isChildAdded=true;
+                    if(imageV!=''){
+                        isSplitImageAdded=await executeQuery(add_images_data);
+                    }
+                    if(stockV!=''){
+                        isStockAdded=await executeQuery(add_stock_data);
+                    }
+                    if(childV!=''){
+                        isChildAdded=await executeQuery(add_child_data);
+                    }
+
+                    if(!isSplitImageAdded){
+                        setProcessing(false);notify(ST.Cannotaddpromotionimages);
+                    }
+                    else if(!isStockAdded){
+                        setProcessing(false);notify(ST.Cannotaddpromotionstockdata);
+                    }
+                    else if(!isChildAdded){
+                        setProcessing(false);notify(ST.Cannotaddpromotionquestionsdata);
+                    }
+                    else{
+                        setProcessing(false);notify(ST.Promotiondataupdatedsuccessfully);
+                        props.navigation.goBack();
+                    }
+                       
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddpromotiondata); },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function executeQuery(q){
+       
+        return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres2) {    
+              resolve(true);
+            },function(txn2,txnerr){console.log(txnerr);resolve(false) });
+          }); 
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+            console.log(err);
+          return false;
+        })
+    }
+
+    async function validate(){
+        let isValid=true;
+        let PromotionValidationRequiredI=KPIFields.findIndex(i=>i.KPIFieldName=='PromotionValidationRequired')
+        let PromotionValidationRequiredObj=PromotionValidationRequiredI>=0?KPIFields[PromotionValidationRequiredI]:{};
+        let PromotionValidationRequired=PromotionValidationRequiredI>=0?PromotionValidationRequiredObj['KPIFieldEnable']:true;
+        console.log('PromotionValidationRequired:',PromotionValidationRequired);
+        if(PromotionValidationRequired==false){
+            return isValid;
+        }
+        // validate only if permit
+        return new Promise((resolve,reject)=>{
+            for (const wi in globalWindows){
+                const window=globalWindows[wi];
+                let isImage1=window.PromoImage1=='true' || window.PromoImage1==1?1:0;
+                let isImage2=window.PromoImage2=='true' || window.PromoImage2==1?1:0;
+                let isNAImageAvl=window.PromoNotExistCamera=='true' || window.PromoNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.PromoNotExistReasonEnable=='true' || window.PromoNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.PromoExistReasonEnable=='true' || window.PromoExistReasonEnable==1? 1:0;
+                let isStockReq=window.PromoElementStockRequired=='true' || window.PromoElementStockRequired==1?1:0;
+                let StockQtyRequired=window.StockQtyRequired=='true' || window.StockQtyRequired==1?1:0;
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+
+               
+                const wind=WindowData.find(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let remark=wind.remark!=null?wind.remark:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QD=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+
+                if(isPresent=='1'){
+                    if(isReasonEnable==true && ReasonId=='' ){
+                        notify(`${ST.Pleaseselectreasonfor} ${window.PromoName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    // else if(remark==''){
+                    //     notify(`Please enter remark for ${window.PromoName} `,'LONG');
+                    //     resolve(false);return;
+                    // }
+                    else{
+                        if(StoreCameraAllow && window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1))
+                        {
+                            for(const splitItemIndex in WindowSplits){
+                                const splitItem=WindowSplits[splitItemIndex];
+                                let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                console.log('Image2Name',Image2Name,isImage2);
+                                if(isImage1==1 && Image1Name==''){
+                                    notify(`${ST.Pleaseclickallimagesfor} ${window.PromoName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                                else if(isImage2==1 && Image2Name==''){
+                                    notify(`${ST.Pleaseclickallimagesfor} ${window.PromoName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+                        
+                        if(isStockReq==1){
+                            let isProductSelected=false;
+                            for(const stockProdIndex in WindowStocks){
+                                const stockProd=WindowStocks[stockProdIndex];
+                                            
+                                let sd=WStocksData.find(i=> i.ProductId==stockProd.PromoStockValue) || {};
+                                let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+                                let isPromoPresent=sd.isPromoPresent!=null?sd.isPromoPresent:0;
+
+                                if(isPromoPresent==1){
+                                    isProductSelected=true;
+                                }
+
+                                if(isPromoPresent==1 && StockQtyRequired==1 && stock==''){
+                                    notify(`${ST.Pleaseenterstockfor} ${window.PromoName} ( ${stockProd.ProductName} ) `,'LONG');
+                                    resolve(false);return;
+                                }
+
+                                if(stockProdIndex==WindowStocks.length-1){
+                                    if(!isProductSelected){
+                                        notify(`${ST.PleaseselectatleastoneSKUfor} ${window.PromoName} `,'LONG');
+                                        resolve(false);return;
+                                    }
+                                }
+                                
+                            }
+                        }
+
+                        if(WindowQuestions.length>0){
+                            for(const qtnIndex in WindowQuestions){
+                                const qtn=WindowQuestions[qtnIndex];
+                                
+                                let selansid='',selanswer='',selimg='',showImageTag=false;
+                                let id_key=qtn.PromoQuestionId+'_AnswerId'; 
+                                let ans_key=qtn.PromoQuestionId+'_Answer'; 
+                                let multi_key=qtn.PromoQuestionId+'_MultiOption';
+                                let date_key=qtn.PromoQuestionId+'_Date';
+                                let img_key=qtn.PromoQuestionId+'_ImagePath1';
+                                let imgname_key=qtn.PromoQuestionId+'_ImageName1';
+                                let rating_key=qtn.PromoQuestionId+'_Rating'; 
+                                let list_mcdata=[];
+
+                                let isImgAllowed=(qtn.PromoqShowCamera=='true' || qtn.PromoqShowCamera==1);
+                                let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+                                if(qtn.QuestionType=='Single choice list')
+                                {
+                                    selansid=QD[id_key];
+                                }
+                                else if(qtn.QuestionType=='Multi choice list')
+                                {
+                                    selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+                                }
+                                
+                            
+                                if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+                                    notify(`${Pleaseselectoptionsfortherequiredfield} ${ST.In} ${window.PromoName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+                                    let msg=( qtn.QuestionType=='Date'?`${ST.Pleasepickadatefortherequiredfield} ${ST.In} ${window.PromoName}`:(qtn.QuestionType=='Rating'?`${Pleaseselectratingfortherequiredfield} ${ST.In} ${window.PromoName}`:`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.PromoName}`));
+                                    notify(msg,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]==='' || (QD[id_key]===0 && qtn.isDisabled===false) ))){
+                                    notify(`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.PromoName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.PromoName}`,'SHORT');
+                                    resolve(false);return;
+                                }else{
+                                    console.log('no condition found');
+                                }
+
+                                if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                    if (qtn.Answers && qtn.Answers.length>0){
+                                        for(var j=0;j<qtn.Answers.length;j++){
+                                            let ansss=qtn.Answers[j];
+                                            let isandImgAl=(ansss.PromoaShowCamera=='true' || ansss.PromoaShowCamera==1);
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                showImageTag=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                showImageTag=true;
+                                            }
+                                        }
+                                    }
+                                }
+
+                                if(showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.PromoName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+
+                    }
+                }
+                else{
+                    if(isNAReasonEnable==true && ReasonId=='' ){
+                        notify(`${ST.Pleaseselectreasonfor} ${window.PromoName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else if(StoreCameraAllow && isNAImageAvl==true && NAImage1=='' ){
+                        notify(`${ST.Pleaseclickimagefor} ${window.PromoName}`,'LONG');
+                        resolve(false);return;
+                    }
+                }
+
+                if(wi==(Windows.length-1)){
+                    resolve(true);return;
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    }
+
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let item=otherData.window;
+        let allData=WindowData;
+        let defData={'PromoId':item.PromoId,'PromoDefinitionId':item.PromoDefinitionId};
+        const win_index=allData.findIndex(i=>i.PromoId==item.PromoId && i.PromoDefinitionId==item.PromoDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[keyVal]=option.value;
+        wind[keyLbl]=option.label;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        console.log('allData:',allData);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange2(option,qtn,window){
+        let allData=WindowData;
+        let defData={'PromoId':window.PromoId,'PromoDefinitionId':window.PromoDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+        console.log('onselectionChange2 wind_index:',wind_index);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let data=wind.WindowQA || {};
+        let id_key=qtn.PromoQuestionId+'_AnswerId'; 
+        let ans_key=qtn.PromoQuestionId+'_Answer'; 
+        data[id_key]=option.value;
+        data[ans_key]=option.label;
+        
+
+        wind['WindowQA']=data;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+      
+        setWindowData(allData);
+
+        let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+        let ans_obj=aq_ans.find(i=>i.AnswerId==option.value) || {};
+        let EQtns=ans_obj.PromoaQuestionEnable!=null && ans_obj.PromoaQuestionEnable!=''?ans_obj.PromoaQuestionEnable.replace(' ','').split(','):[];
+        let DQtns=ans_obj.PromoaQuestionDisable!=null && ans_obj.PromoaQuestionDisable!=''?ans_obj.PromoaQuestionDisable.replace(' ','').split(','):[];
+      
+        let sqtns=window.WindowQuestions || []
+
+        if(EQtns.length>0){
+            enableQtns(sqtns,EQtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else if(DQtns.length>0){
+            disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else{
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+       
+    }
+
+    async function disableQtns(sqtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.PromoQuestionId==qid) || {};
+                    if(s_qtnindex>=0)
+                    {
+                        let s_qtn=sqtns[s_qtnindex];
+                        s_qtn['isDisabled']=true
+                        sqtns[s_qtnindex]=s_qtn;
+                        let id_key=s_qtn.PromoQuestionId+'_AnswerId'; 
+                        let ans_key=s_qtn.PromoQuestionId+'_Answer'; 
+                        data[id_key]=0;
+                        data[ans_key]='';
+
+                        wind['WindowQA']=data;
+                        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                    }
+                    return false
+                })
+            ).then(async (val)=>{
+
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.PromoDefinitionId==window.PromoDefinitionId && i.PromoId==window.PromoId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                else{
+                    setrerenderdata(!rerenderdata);
+                }
+                
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.PromoQuestionId==qid) || {};
+                if(s_qtnindex>=0){
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=false
+                    sqtns[s_qtnindex]=s_qtn;
+                }
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+            }
+            else{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.PromoDefinitionId==window.PromoDefinitionId && i.PromoId==window.PromoId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                else{
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+    async function setMultiSelectValue(selectedItems=[],qtn={},window={}) {  
+        console.log('setMultiSelectValue',selectedItems);      
+        let id_key=qtn.PromoQuestionId+'_AnswerId'; 
+        let ans_key=qtn.PromoQuestionId+'_Answer'; 
+        let multi_key=qtn.PromoQuestionId+'_MultiOption';
+       
+        let allData=WindowData;
+        let defData={'PromoId':window.PromoId,'PromoDefinitionId':window.PromoDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+        obj[id_key]=0;
+        obj[multi_key]=selectedItems.join(',');
+        let anss=[];
+        selectedItems.map((itemValue)=>{
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue); 
+            if(ans.Answer){anss.push(ans.Answer)}
+        });
+        obj[ans_key]=anss.join(',');
+        console.log('obj:',obj);
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setTextValue(value,qtn,window) {        
+        let id_key=qtn.PromoQuestionId+'_AnswerId'; 
+        let ans_key=qtn.PromoQuestionId+'_Answer'; 
+        
+        let allData=WindowData;
+        let defData={'PromoId':window.PromoId,'PromoDefinitionId':window.PromoDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.PromoQuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,window,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        
+        console.log(value,obj);
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn,window,show=false){
+        let allQtns=window.WindowQuestions || [];
+        let newqtnIndex=allQtns.findIndex(q=>q.PromoQuestionId==qtn.PromoQuestionId);
+       
+        if(newqtnIndex>=0){
+            let newqtn=allQtns[newqtnIndex];
+            newqtn.showDatePicker=show;
+            allQtns[newqtnIndex]=newqtn;
+            window['WindowQuestions']=allQtns;
+            let allWindows=Windows;
+            const winIndex=allWindows.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId) || {};
+            allWindows[winIndex]=window;
+            setWindows(allWindows);
+            setGlobalWindows(allwindows);
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data){
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+        let qtn=RatingQtn;
+        let window=RatingWindow;
+        let id_key=qtn.PromoQuestionId+'_AnswerId'; 
+        let ans_key=qtn.PromoQuestionId+'_Answer'; 
+        let rating_key=qtn.PromoQuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData=WindowData;
+        let defData={'PromoId':window.PromoId,'PromoDefinitionId':window.PromoDefinitionId};
+        const wind_index=allData.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+    
+   
+    function onChoiceSelect(item,val,key,animatedChoice){
+        
+        var val1=0;
+        val==1?val1=1:'';
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,val,key)
+    }
+
+    function onWindowDataChange(item,val,key){
+        let allData=WindowData;
+        let defData={'PromoId':item.PromoId,'PromoDefinitionId':item.PromoDefinitionId};
+        const win_index=allData.findIndex(i=>i.PromoId==item.PromoId && i.PromoDefinitionId==item.PromoDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        if(key=='ReasonId'){
+            let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+            wind['Reason']=rsn.Reason || '';
+        }
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    async function setWindowStockVal(val,window,stockProd,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+        
+        let allData=WindowData;
+        let defData={'PromoId':window.PromoId,'PromoDefinitionId':window.PromoDefinitionId};
+        const win_index=allData.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        let sdIndex=WStocksData.findIndex(i=> i.ProductId==stockProd.PromoStockValue);
+        let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.PromoStockValue,'Stock':''};
+        sd[key]=val;
+        sdIndex>=0?WStocksData[sdIndex]=sd:WStocksData.push(sd);
+        wind['WStocksData']=WStocksData;
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        if(key=='isPromoPresent'){
+            let isAllChecked = await verifyAllChecked(val,window,stockProd,key);
+            wind['isAllSKUChecked']=isAllChecked;
+        }
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    async function onCatTextChange(window,key,val){
+        let item=window;
+        let allData=WindowData;
+        let defData={'PromoId':item.PromoId,'PromoDefinitionId':item.PromoDefinitionId};
+        const win_index=allData.findIndex(i=>i.PromoId==item.PromoId && i.PromoDefinitionId==item.PromoDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    async function verifyAllChecked(val,window,stockProd,key){
+        return await new Promise((resolve,reject)=>{
+            let WindowStocks=window.WindowStocks || [];
+            let allData=WindowData;
+            const win_index=allData.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+            let wind=win_index>=0?(allData[win_index] || defData) : defData;
+            let WStocksData=wind['WStocksData'] || [];
+            if(WindowStocks.length>0){
+                let isAllChecked=1;
+                for(var i=0;i<WindowStocks.length;i++){
+                    let stockProd=WindowStocks[i];
+                    
+                    let sdIndex1=WStocksData.findIndex(a=> a.ProductId==stockProd.PromoStockValue);
+                    let sd1=sdIndex1>=0?WStocksData[sdIndex1]:{};
+                    let isPromoPresent=sd1.isPromoPresent;
+                    if(isPromoPresent==null || isPromoPresent=='' || isPromoPresent==0 || isPromoPresent=='0'){
+                        isAllChecked=0
+                    }
+
+                    if(i==WindowStocks.length-1){
+                        resolve(isAllChecked);
+                    }
+                }
+            }
+            else{
+                resolve(0);
+            }
+            
+        }).catch((err)=>{
+            console.log(err);
+            return 0;
+        });
+    }
+
+    function checkAllSKUs(val,window){
+        
+        let WindowStocks=window.WindowStocks || [];
+        let allData=WindowData;
+        let defData={'PromoId':window.PromoId,'PromoDefinitionId':window.PromoDefinitionId};
+        const win_index=allData.findIndex(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        console.log('WStocksData before:',WStocksData)
+        for(var i=0;i<WindowStocks.length;i++){
+            let stockProd=WindowStocks[i];
+            
+            let sdIndex=WStocksData.findIndex(a=> a.ProductId==stockProd.PromoStockValue);
+            let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.PromoStockValue,'Stock':''};
+            let isPromoPresent=(val==1 || val=='1')?1:0;
+            sd['isPromoPresent']=isPromoPresent;
+            
+            sdIndex>=0?(WStocksData[sdIndex]=sd):(WStocksData.push(sd));
+        }
+
+        
+        wind['WStocksData']=WStocksData;
+        wind['isAllSKUChecked']=val==1?1:0;
+        console.log('wind updated');
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(RefImage=''){
+        setShow_zoomImage(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        let newWindows=[];
+        if(searchedQry!=null && searchedQry!=''){
+            
+            for(let i=0;i<globalWindows.length;i++){
+                let item=globalWindows[i];
+                let {PromoName}=item;
+                if(PromoName.toLowerCase().includes(searchedQry)){
+                    newWindows.push(item);
+                }
+
+                if(i==globalWindows.length-1){
+                    arr=newWindows;
+                }
+            }
+        }
+        else{
+          arr=globalWindows;
+        }
+
+        setWindows(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.PromoQuestionId+'_AnswerId'; 
+        let ans_key=qtn.PromoQuestionId+'_Answer'; 
+        let rating_key=qtn.PromoQuestionId+'_Rating'; 
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>{ST.DragItemsInOrder}</Text>
+                <Text style={customStyle.VRSubHeding}>{ST.Pressandholdtodrag}</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let window=selected_data.window || {};
+        let isQtnDisabled=qtn.isDisabled!=null || qtn.isDisabled!=''?false:true;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn,window) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.WQPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-'+ST.select+'-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn,window){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn,window)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+    function _renderWindow(){
+        let RemarkEnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='RemarkEnable')
+        let RemarkEnableKPIObj=RemarkEnableIndex>=0?KPIFields[RemarkEnableIndex]:{};
+        let RemarkEnable=RemarkEnableIndex>=0?RemarkEnableKPIObj['KPIFieldEnable']:false;
+        
+        return (
+            <FlatList 
+            data={Windows}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.Win_scroll} 
+            style={customStyle.Win_scrollO}
+            initialNumToRender={5}
+            listKey={(item, index) => `window_${index.toString()}`}
+            renderItem={({item,index})=>{
+                const window=item;
+                
+                let isImage1=window.PromoImage1=='true' || window.PromoImage1==1?1:0;
+                let isImage2=window.PromoImage2=='true' || window.PromoImage2==1?1:0;
+                let isNAImageAvl=window.PromoNotExistCamera=='true' || window.PromoNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.PromoNotExistReasonEnable=='true' || window.PromoNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.PromoExistReasonEnable=='true' || window.PromoExistReasonEnable==1? 1:0;
+                let isStockReq=window.PromoElementStockRequired=='true' || window.PromoElementStockRequired==1?1:0;
+                let StockQtyRequired=window.StockQtyRequired=='true' || window.StockQtyRequired==1?1:0;
+                let PromoTitleEnable=window.PromoDefinitionTitleEnable=='true' || window.PromoDefinitionTitleEnable==1? 1:0;
+                let PromoTitle=window.PromoDefinitionTitle!=null && window.PromoDefinitionTitle!='undefined'? window.PromoDefinitionTitle:"";
+                
+                // let isStock_CheckAssrt=window.PromoElementCheckAssortment=='true' || window.PromoElementCheckAssortment==1?1:0;
+                let RefImage=window.PromoRefImage;
+                let camera1Label=window.PromoImage1Lable || '';
+                let camera2Label=window.PromoImage2Lable || '';
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+                
+
+                const wind=WindowData.find(i=>i.PromoId==window.PromoId && i.PromoDefinitionId==window.PromoDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let remark=wind.remark!=null?wind.remark:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QuestionsData=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+                let isAllSKUChecked=wind.isAllSKUChecked==1 || wind.isAllSKUChecked=="1";
+                
+                // console.log('camera2Label:',window.PromoId,window.PromoDefinitionId,camera2Label);\
+                var xpos=isPresent=='1'?-75:0;
+                if(window.animatedChoice!=null ){
+                    xpos=window.animatedChoice.interpolate({
+                        inputRange:[0,1],
+                        outputRange:[0,-75],
+                    });
+                }
+               
+                return(
+                    <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                        <View style={customStyle.WItem_Hdr}>                            
+                            <View style={customStyle.WItem_Hdrbg}>
+                                <Text style={customStyle.WItem_HdrText}>{window.PromoName}</Text>
+                                {(PromoTitleEnable==1 && PromoTitle!=null && PromoTitle!='') && <Text style={customStyle.WItem_HdrSubTitleText}>{PromoTitle}</Text>}
+                                <TouchableOpacity style={customStyle.WItem_RefImgBtn} onPress={()=>{openImageRefView(RefImage)}}>
+                                    <Entypo name='image-inverted' size={24} color={PageTheme.$accent_color} />    
+                                </TouchableOpacity>
+                            </View>
+                        </View>
+                        
+                        <View style={customStyle.WForm}>
+                            <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                    <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                        <View style={customStyle.openStk_prd_choiceBox}>
+                                            <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                            {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                            <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,1,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                            </TouchableOpacity>
+                                            <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,0,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                            </TouchableOpacity>
+                                        </View>
+                                    </View>
+                                </View>
+                                {((isPresent!='1' && isNAReasonEnable==true) || (isPresent=='1' && isReasonEnable==true)) &&
+                                    <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                                        {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{value:Reason,otherData:{window:window}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                    </View>
+                                }
+
+
+                                {(isPresent!='1' && isNAImageAvl==true) && 
+                                <View>
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.CaptureImage}</Text>
+                                    </LinearGradient>
+                                   
+                                    
+                                    <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]}>
+                                        <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                        { (NAImage1Path=='' || NAImage1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (NAImage1Path!='' && NAImage1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:NAImage1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }   
+                                        </View>
+                                    </View>
+                                    </View>
+                                    
+                                </View>
+                                }
+
+
+
+                                {(isPresent=='1') && 
+                                <View>
+                                    
+                                    {(isStockReq==true && WindowStocks.length>0) &&
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.SelectProducts}</Text>
+                                        
+                                    </LinearGradient>
+                                    <View style={customStyle.windhdr_checkAllBtnCon}>
+                                    <TouchableOpacity style={customStyle.windhdr_checkAllBtn} onPress={()=>{checkAllSKUs((isAllSKUChecked==1?0:1),window)}}>
+                                        <CheckBox
+                                            boxType='square'
+                                            value={isAllSKUChecked}
+                                            onValueChange={(val)=>{let val1=(val==true)?1:0; checkAllSKUs(val1,window) }}
+                                            style={[customStyle.WStkHdr_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginLeft:5}:{})]}
+                                            tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                        />
+                                        <Text style={customStyle.windhdr_checkAllBtnText}>{ST.SelectAll}</Text>
+                                    </TouchableOpacity>
+                                    </View>
+                                    <FlatList 
+                                        data={WindowStocks}
+                                        extraData={rerenderdata4}
+                                        listKey={(item, index) => `wstock_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let stockProd=item;
+                                            let stockProdIndex=index;
+                                            let sd=WStocksData.find(i=> i.ProductId==stockProd.PromoStockValue) || {};
+                                            let stock=sd.Stock!=null?sd.Stock:'';
+                                            let isPromoPresent=sd.isPromoPresent!=null?sd.isPromoPresent:0;
+                                           
+                                            return(
+                                                <View style={[customStyle.WStkWrap]} key={'WSTock+'+stockProdIndex}>
+                                                    {/* <Text style={[customStyle.WStkHdrText]}>{stockProd.ProductName}</Text> */}
+                                                    <View style={customStyle.WStkHdr_checkboxWrap}>
+                                                        <View style={customStyle.WStkHdr_checkboxCon}>
+                                                        <CheckBox
+                                                        boxType='square'
+                                                        value={(isPromoPresent==1 || isPromoPresent=='1')}
+                                                        onValueChange={(val)=>{let val1=(val==true)?1:0; setWindowStockVal(val1,window,stockProd,'isPromoPresent') }}
+                                                        style={[customStyle.WStkHdr_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginTop:5,marginLeft:5,}:{})]}
+                                                        tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                                        />
+                                                        </View>
+                                                        <Text style={[customStyle.WStkHdrText2,customStyle.WStkHdr_checkboxpName]}>{stockProd.ProductName}</Text>
+                                                    </View>
+                                                    {StockQtyRequired==1 && isPromoPresent==1 &&
+
+                                                        <View style={[customStyle.openStk_prd_colflex,customStyle.WStkHdr_PrdcontentWrap]} >
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_1]}>
+                                                            <Text style={customStyle.openStk_prd_flexlabel}>Stock</Text>
+                                                        </View>
+                                                        
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_2]}>
+                                                            <TextInput 
+                                                                style={[customStyle.WStkInputStyle]}
+                                                                placeholder=""
+                                                                placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                keyboardType={'number-pad'}
+                                                                value={stock+''}
+                                                                onChangeText={(val)=>{setWindowStockVal(val,window,stockProd,'Stock','numeric')}}
+                                                                autoComplete='off'
+                                                            />
+                                                        </View>
+                                                    
+                                                        </View>
+                                                    }
+                                                </View>
+                                            );
+                                        }}
+                                    /> 
+                                    </View>
+                                    }
+                                    {( window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1)) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.CapturePromotionImages}</Text>
+                                    </LinearGradient>
+                                    <FlatList 
+                                        data={WindowSplits}
+                                        extraData={rerenderdata2}
+                                        listKey={(item, index) => `spliItem_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let splitItem=item;
+                                            let splitItemIndex=index;
+                                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                            let Image1=splitItem['Image1']!=null && splitItem['Image1']!=''?splitItem['Image1']:'';
+                                            let Image2=splitItem['Image2']!=null && splitItem['Image2']!=''?splitItem['Image2']:'';
+                                            
+                                            return(
+                                                <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]} key={'SplitItem+'+splitItemIndex}>
+                                                    {isImage1==1 && 
+                                                    <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                                    { (Image1=='' || Image1==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image1!='' && Image1!=null) && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }       
+                                                    <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text>
+                                                    </View>
+                                                    }
+                                                    {isImage2==1 && 
+                                                    <View style={customStyle.openStkCameraCon}>
+                                                    { (Image2=='' || Image2==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image2!='' && Image2!=null)  && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image2}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }      
+                                                    {console.log('camera2Label 2:',camera2Label)}
+                                                    <Text style={customStyle.WSCameraLabel}>{camera2Label}</Text> 
+                                                    </View>  
+                                                    }          
+                                                </View>
+                                            );
+                                        }}
+                                    />
+                                    </View>
+                                    }
+                                    
+                                    {(WindowQuestions.length>0) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.PromotionQuestions}</Text>
+                                    </LinearGradient>
+                                    {WindowQuestions.map((item,index)=>{
+                                        
+                                        let qtn=item;  
+                                        let qtnIndex=index;
+                                        let selansid='',selanswer='',selimg='',showImageTag=false;
+                                        let id_key=qtn.PromoQuestionId+'_AnswerId'; 
+                                        let ans_key=qtn.PromoQuestionId+'_Answer'; 
+                                        let multi_key=qtn.PromoQuestionId+'_MultiOption';
+                                        let date_key=qtn.PromoQuestionId+'_Date';
+                                        let img_key=qtn.PromoQuestionId+'_ImagePath1';
+                                        let imgname_key=qtn.PromoQuestionId+'_ImageName1';
+                                        let rating_key=qtn.PromoQuestionId+'_Rating'; 
+                                        
+                                        let list_mcdata=[];
+
+                                        if(qtn.QuestionType=='Single choice list')
+                                        {
+                                            selansid=QuestionsData[id_key]!=null ?QuestionsData[id_key] :'';
+                                            selanswer=QuestionsData[ans_key]!=null ?QuestionsData[ans_key] :'';
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list')
+                                        {
+                                            if(qtn.Answers!=null){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let obj={'AnswerId':parseInt(qtn.Answers[i].AnswerId),'Answer':qtn.Answers[i].Answer};
+                                                    list_mcdata.push(obj);
+                                                }
+                                            }
+                                            selansid=QuestionsData[multi_key]!=null && QuestionsData[multi_key]!=''?QuestionsData[multi_key].split(','):[];
+                                            // if(selansid!=null && selansid.length>0){
+                                            //     let arr=[];
+                                            //     for(var i=0;i<selansid.length;i++){
+                                            //         arr.push(parseInt(selansid[i]));
+                                            //     }
+                                            //     selansid=arr;
+                                            // }
+                                        }
+                                        else if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                                        {
+                                            selansid=QuestionsData[ans_key];
+                                            selanswer=(qtn.QuestionType=='Date'  )?(QuestionsData[date_key] || moment().format('MM/DD/YYYY')):'';
+                                            showImageTag=(qtn.PromoqShowCamera==1 || qtn.PromoqShowCamera=='true');
+                                        }
+                                        else if(qtn.QuestionType=='Rating'){
+                                            selanswer=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                                        }
+                                        
+
+                                        if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                            if (qtn.Answers && qtn.Answers.length>0){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let ansss=qtn.Answers[i];
+                                                    let isandImgAl=(ansss.PromoaShowCamera=='true' || ansss.PromoaShowCamera==1);
+                                                    
+                                                    if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                        showImageTag=true;
+                                                    }
+                                                    else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                        showImageTag=true;
+                                                    }
+                                                    
+                                                }
+                                            }
+                                        }
+                                        
+                                        if(showImageTag){
+                                            selimg=QuestionsData[img_key]!=null && QuestionsData[img_key]!=''?'file://'+QuestionsData[img_key]:'';                    
+                                        }
+                                        
+                                        return(
+                                        <View style={[customStyle.sform_group2,]} key={'Qtn_'+qtnIndex} >
+                                            <Text style={[customStyle.sform_label3]}>{qtn.PromoQuestionName}</Text>                     
+                                            {qtn.QuestionType=='Single choice list' && qtn.Answers && 
+                                                render_Picker('Answer','AnswerId',onselectionChange2,{value:selanswer,qtn:qtn,window:window})
+                                            }
+                                            {qtn.QuestionType=='Multi choice list' && qtn.Answers &&
+                                                <MultiSelect
+                                                    items={list_mcdata}
+                                                    uniqueKey="AnswerId"
+                                                    onSelectedItemsChange={(selectedItems)=>{ setMultiSelectValue(selectedItems,qtn,window) }} //setMultiSelectValue(selectedItems,qtn)
+                                                    selectedItems={selansid}
+                                                    selectText="Pick Items"
+                                                    searchInputPlaceholderText={ST.SearchItems+"..."}
+                                                    // onChangeInput={ (text)=> console.log(text)}
+                                                    tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                                    tagBorderColor={PrimaryTheme.$primary_color}
+                                                    tagTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemIconColor={PrimaryTheme.$primary_color}
+                                                    itemTextColor={PrimaryTheme.$text_color}
+                                                    displayKey="Answer"
+                                                    searchInputStyle={{ color: '#CCC' }}
+                                                    submitButtonColor={PrimaryTheme.$primary_color}
+                                                    submitButtonText={ST.Submit}
+                                                />
+                                            }
+                                            { (qtn.QuestionType=='Number' || qtn.QuestionType=='Decimal'  || qtn.QuestionType=='Text') &&  
+                                                <TextInput 
+                                                    style={[customStyle.WQ_InputStyle]}
+                                                    placeholder=""
+                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                    // keyboardType={'ascii-capable'}
+                                                    keyboardType={(qtn.QuestionType=='Decimal'?'decimal-pad':(qtn.QuestionType=='Text'?'default':'number-pad'))}
+                                                    value={selansid}
+                                                    onChangeText={(val)=>{setTextValue(val,qtn,window)}}
+                                                    autoComplete='off'
+                                                />
+                                            }
+                                            {
+                                                (qtn.QuestionType=='Date') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.WQ_datePicker_text}>{selansid!=''?selansid:'MM/YYYY'}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setDateValue(selanswer);showQtnDatePicker(qtn,window,true)}}>
+                                                        <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                                                    </TouchableOpacity> 
+                                                </View>     
+                                            }
+                                            {   ((qtn.showDatePicker==true || qtn.showDatePicker=='true') && (qtn.QuestionType=='Date') ) && 
+                                                renderDatePicker(qtn,window)
+                                            }  
+                                            {
+                                                (qtn.QuestionType=='Rating') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{setRatingQtn(qtn);setRatingWindow(window);setShowRating(true);}}>
+                                                        <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag"/>
+                                                    </TouchableOpacity> 
+                                                </View>    
+                                            }
+
+                                            {
+                                                // (qtn.QuestionType=='Audio') && 
+                                                // <View style={customStyle.surveyQtn_datePicker_con}>
+                                                //     <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                //     <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                                //         <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                                //     </TouchableOpacity> 
+                                                // </View>    
+                                            }
+                                            
+                                            {
+                                                showImageTag &&
+                                                <View style={[customStyle.store_audit_img_con,]}>                    
+                                                    <Image source={(selimg!='' && selimg!=null )?{uri:selimg}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg!='' && selimg!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                                    <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(window,{},0,'1','2',qtn)}}>
+                                                        <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                                    </TouchableOpacity>
+                                                </View>
+                                            }
+
+                                           
+                                        </View> 
+                                        )
+                                    })}
+                                    </View>
+                                    }
+                                    { RemarkEnable==true &&
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.st_TextLbl]}>{ST.Remark}</Text>
+                                        <TextInput 
+                                            style={[customStyle.WQ_InputStyle]}
+                                            value={remark}
+                                            onChangeText={(val)=>{onCatTextChange(window,'remark',val)}}
+                                            autoComplete='off'
+                                        />
+                                    </View>
+                                    }
+                                    
+                                </View>
+                                }
+                                
+                                                    
+                                                    
+                            </View>
+                        </View>
+                    </View>
+                );
+            }}
+            />
+        )
+    }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={ST.SearchbyPromotion}
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.Windows_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} 
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(PromotionOneApp);
\ No newline at end of file
diff --git a/src/screens/QuestionsScreen.js b/src/screens/QuestionsScreen.js
new file mode 100644
index 0000000..cafe552
--- /dev/null
+++ b/src/screens/QuestionsScreen.js
@@ -0,0 +1,1799 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import {Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, Alert, Dimensions,Animated, Easing} from 'react-native';
+import { connect  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {marktext1,marktext2} from '../controller/functions';
+import {db, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {AntDesign, Entypo, FontAwesome, FontAwesome5, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector';
+import MultiSelect from 'react-native-multiple-select';
+import { PrimaryTheme } from '../styles/Themes';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import DraggableFlatList,{ScaleDecorator} from 'react-native-draggable-flatlist'
+// import AudioRecorderPlayer, { AudioEncoderAndroidType, AudioSourceAndroidType, AVEncoderAudioQualityIOSType, AVEncodingOption, AVModeIOSOption } from 'react-native-audio-recorder-player';
+import CustomCamera from '../components/Camera';
+
+const {height, width} = Dimensions.get('window');
+const topbarht=STATUSBAR_HEIGHT+50;
+const actualWindowHt=parseInt((height-topbarht)+10);
+
+function QuestionsScreen(props) { 
+    const route = useRoute();
+    const audioRecorderPlayer = "";//new AudioRecorderPlayer();
+    const AudioSet = {}
+    // {
+    //     AudioEncoderAndroid: AudioEncoderAndroidType.AAC,
+    //     AudioSourceAndroid: AudioSourceAndroidType.MIC,
+    //     AVModeIOS: AVModeIOSOption.measurement,
+    //     AVEncoderAudioQualityKeyIOS: AVEncoderAudioQualityIOSType.high,
+    //     AVNumberOfChannelsKeyIOS: 2,
+    //     AVFormatIDKeyIOS: AVEncodingOption.aac,
+    //   };
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+    const [showRecorder, setShowRecorder] = useState(false);
+    const [VRS, setVRS] = useState({});
+    const [RecorderTimer, setRecorderTimer] = useState({});
+    const [playerTimer, setPlayerTimer] = useState({});
+    const [rerenderView, setRerenderView] = useState(0);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [VoiceRecorderStatus, setVoiceRecorderStatus] = useState('Press mic to start recording voice');
+    const [RecFilePath, setRecFilePath] = useState({});
+    const [dateValue, setDateValue] = useState('');
+    const [openDatePicker, setOpenDatePicker]= useState(0);
+    const [storeData, setStoreData] = useState({});
+    const [ShowCat, setShowCat] = useState(false);
+    const [ActiveSurvey, setActiveSurvey]= useState({});
+    const [ActiveCategory, setActiveCategory]= useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [SurveySubCats, setSurveySubCats]= useState([]);
+    const [SurveyQuestions, setSurveyQuestions]= useState([]);
+    const [QuestionsData,setQuestionsData]=useState({});
+    const [showAlert, setShowAlert] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+
+    const [isFeedbackView,setIsFeedbackView]= useState(false);
+    
+    
+    const animatedRipple=useRef(new Animated.Value(0)).current;
+    const animatedRipple2=useRef(new Animated.Value(0.5)).current;
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+       let params=props.route.params? props.route.params:{};
+       let storeData1=params.storeData || {};
+       let surveydata=params.surveyData || {};
+       let catData=params.catData || {};
+       let menu1=params.menu || {};
+       let ShowCat1=params.ShowCat || false;
+       let isAdhoc=params.isAdhocScreen || false;
+       let fbv1=params.FeedbackView || false;
+       setIsFeedbackView(fbv1);
+       setShowCat(ShowCat1);
+       setIsAdhocScreen(isAdhoc);
+       setStoreData(storeData1);
+       setActiveSurvey(surveydata)
+       setCurrentMenu(menu1);
+       setActiveCategory(catData)
+       
+        if(fbv1==true){
+            getSurveyData2(storeData1);
+        }else{
+            getSurveyData(surveydata,catData,storeData1,ShowCat1);
+        }
+       
+       props.navigation.addListener('beforeRemove', onBeforeRemove);
+       return (()=>{
+            // audioRecorderPlayer.removePlayBackListener();
+            // audioRecorderPlayer.removeRecordBackListener();
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+       });
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    // async function getData(surveydata,catData={},storeData1){    
+        
+    //     try {   
+    //         let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+    //         let surveyQtns=require('../constants/s_qtns.json');
+    //         let subcats=[],qtns=[];
+    //         for(const i in surveyQtns){
+    //             let item=surveyQtns[i]
+    //             let {ShowCat,AnswerId,Answer,AnswerSequence,ImageAllow,EnableQuestion,DisableQuestion,SubCategoryId,SubCategory,SubCategorySequence}=item;
+    //             let addqtn=false;
+
+    //             // let obj={MaxLength,MinLength,SubCategoryId,SubCategory,LengthValidation,QuestionImageAllow,DateRange,Question,QuestionId,QuestionType,OTP,Answer,AnswerId,ImageAllow,MULTI_OPTIONS_IDS:[]}
+    //             if(ShowCat==0 && item.SurveyId==surveydata.SurveyId && qtns.findIndex(a=>a.QuestionId==item.QuestionId)<0)
+    //             {    
+    //                 qtns.push(item);
+    //             }
+    //             else if(ShowCat==1 && Object.keys(catData).length>0 && item.SurveyId==surveydata.SurveyId && item.CategoryId==catData.CategoryId  && qtns.findIndex(a=>a.QuestionId==item.QuestionId)<0)
+    //             {    
+    //                 qtns.push(item);
+    //             }
+
+    //             let s_obj={SubCategory,SubCategoryId,SubCategorySequence};
+    //             if(ShowCat==0 && item.SurveyId==surveydata.SurveyId && subcats.findIndex(a=>a.SubCategoryId==item.SubCategoryId)<0){
+    //                 subcats.push(s_obj);
+    //             }
+    //             else if(ShowCat==1 && Object.keys(catData).length>0 && item.SurveyId==surveydata.SurveyId && item.CategoryId==catData.CategoryId  && subcats.findIndex(a=>a.SubCategoryId==item.SubCategoryId)<0){
+    //                 subcats.push(s_obj);
+    //             }
+
+                
+    //             let sc_index=subcats.findIndex(a=>a.SubCategoryId==item.SubCategoryId);
+    //             if(sc_index>=0){
+    //                 let sc=subcats[sc_index];
+    //                 let Questions=sc['Questions'] || [];
+    //                 if(ShowCat==0 && item.SurveyId==surveydata.SurveyId && Questions.findIndex(a=>a.QuestionId==item.QuestionId)<0)
+    //                 {    
+    //                     Questions.push(item);
+    //                 }
+    //                 else if(ShowCat==1 && Object.keys(catData).length>0 && item.SurveyId==surveydata.SurveyId && item.CategoryId==catData.CategoryId  && Questions.findIndex(a=>a.QuestionId==item.QuestionId)<0)
+    //                 {    
+    //                     Questions.push(item);
+    //                 }
+
+    //                 sc['Questions']=Questions;
+    //                 subcats[sc_index]=sc;
+    //                 let q_index=Questions.findIndex(a=>a.QuestionId==item.QuestionId);
+    //                 let q_index2=qtns.findIndex(a=>a.QuestionId==item.QuestionId);
+                    
+    //                 // if(q_index>=0){
+    //                 //     let data=item;
+    //                 //     let qn=Questions[q_index];
+    //                 //     if(data.QuestionType=='List_Multi_Choice' || data.QuestionType=='List_Single_Choice' || data.QuestionType=='Rating'){
+    //                 //         let allanswers=qn['Answers'] || [];
+    //                 //         let ansobj={AnswerId,Answer,AnswerSequence,ImageAllow,EnableQuestion,DisableQuestion}
+    //                 //         allanswers.push(ansobj);
+    //                 //         qn['Answers']=allanswers;
+    //                 //     }
+    //                 //     else if(data.QuestionType=='Date'){
+    //                 //         qn.showDatePicker=false;
+    //                 //     }
+    //                 //     Questions[q_index]=qn;
+    //                 // }
+
+
+    //                 if(q_index2>=0){
+    //                     let data=item;
+    //                     let qn=qtns[q_index2];
+    //                     if(data.QuestionType=='List_Multi_Choice' || data.QuestionType=='List_Single_Choice' || data.QuestionType=='Rating'){
+    //                         let allanswers=qn['Answers'] || [];
+    //                         let ansobj={AnswerId,Answer,AnswerSequence,ImageAllow,EnableQuestion,DisableQuestion}
+    //                         if(allanswers.findIndex(a=>a.AnswerId==data.AnswerId)<0)
+    //                             allanswers.push(ansobj);
+
+    //                         console.log('allanswers:',allanswers.length)
+    //                         qn['Answers']=allanswers;
+    //                     }
+    //                     else if(data.QuestionType=='Date'){
+    //                         qn.showDatePicker=false;
+    //                     }
+    //                     qtns[q_index]=qn;
+    //                 }
+                    
+    //             }
+    //         }
+    //         setSurveySubCats(subcats);
+    //         setSurveyQuestions(qtns);
+    //         setProcessing(false);
+   
+    //     } catch (err) {
+    //       console.log(err);          
+    //     }        
+    // }
+
+    async function getSurveyData(item,catData={},storeData1,ShowCat1){ 
+        try {   
+            let {StoreId}=storeData1;
+            let {CategoryId}=catData;
+            let {SurveyId}= item;
+            
+            await db.transaction(async function (txn) { 
+
+
+              let q2=`SELECT DISTINCT T.SubCategory,T.SubCategoryId,T.SubCategorySequence FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M ON T.SurveyId=M.SurveyId WHERE M.StoreId='${StoreId}' and T.SurveyId='${SurveyId}' `;
+              if(ShowCat1==true){
+                q2+=` and T.CategoryId='${CategoryId}' `;
+              } 
+              q2+=` order by T.CategorySequence`;
+
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                  console.log('survey subcats:',txnres.rows.length);
+                  if(txnres.rows.length>0){
+                      let arr=[],allQtns=[];
+                      for(var i=0;i<txnres.rows.length;i++){
+                          let data =txnres.rows.item(i);
+                          let all_scat_qtns=await getSurveyQtns(item,catData,storeData1,ShowCat1,data)
+                          console.log('all_scat_qtns:',all_scat_qtns.length)
+                          data['Questions']=all_scat_qtns;
+                          allQtns=allQtns.concat(all_scat_qtns);
+                          arr.push(data);
+                          if(i==txnres.rows.length-1){
+                              setSurveySubCats(arr);
+                              setSurveyQuestions(allQtns);
+                              setProcessing(false);
+                          }
+                      }
+                  }
+                  
+              },function (txn2, txnerr) { console.log(txnerr); },);
+             
+            });          
+          } catch (err) {
+            console.log(err);          
+          } 
+    }
+
+    async function getSurveyData2(storeData1){ 
+        try {   
+            let {StoreId}=storeData1;
+            await db.transaction(async function (txn) { 
+                let q2=`SELECT DISTINCT T.SubCategory,T.SubCategoryId,T.SubCategorySequence FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M ON T.SurveyId=M.SurveyId WHERE M.StoreId='${StoreId}'  order by T.CategorySequence`;
+                await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                    console.log('survey subcats:',txnres.rows.length);
+                    if(txnres.rows.length>0){
+                        let arr=[],allQtns=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let all_scat_qtns=await getSurveyQtns({},{},storeData1,false,data,true)
+                           
+                            data['Questions']=all_scat_qtns;
+                            allQtns=allQtns.concat(all_scat_qtns);
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+                                setSurveySubCats(arr);
+                                console.log('allsubcats:',arr.length,allQtns.length)
+                                setSurveyQuestions(allQtns);
+                                setProcessing(false);
+                            }
+                        }
+                    }
+                    
+                },function (txn2, txnerr) { console.log(txnerr); },);
+               
+            });  
+          } catch (err) {
+            console.log(err);          
+          } 
+    }
+
+
+    async function getSurveyQtns(item,catData,storeData1,ShowCat1,subCat,fbv1=false){
+        return new Promise((resolve,reject)=>{
+            try {   
+                let {StoreId}=storeData1;
+                let {CategoryId}=catData;
+                let {SurveyId}= item;
+                let {SubCategoryId}=subCat;
+                
+                db.transaction(async function (txn) {  
+                    let q2='';
+                  if(fbv1==true){
+                    // get inserted audit
+                    let selectlist=` DISTINCT T.MaxLength as MaxLength,T.MinLength as MinLength,T.CategoryId,T.Category,T.SubCategoryId,T.SubCategory,T.LengthValidation as LengthValidation,T.QuestionImageAllow as QuestionImageAllow,T.DateRange as DateRange,T.Question as Question,T.QuestionId as QuestionId,T.QuestionType as QuestionType,T.OTP as OTP,T1.ANSWER As Answer, T1.ANSWER_ID as AnswerId,T1.IMAGE_ALLOW1 as ImageAllow1,T1.IMAGE1 as Image1,T1.IMAGE_ALLOW2 as ImageAllow2,T1.IMAGE2 as Image2,T1.MULTI_OPTIONS_IDS as multi_op_ids,T1.IS_DISABLED as isDisabled `;
+                    let join=` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+                    let join2=` INNER JOIN ${AppTables.SURVEY} T1 on T.SurveyId=T1.SURVEY_ID and T.CategoryId=T1.CATEGORY_ID and T.SubCategoryId=T1.SUB_CATEGORY_ID And T.QuestionId=T1.QUESTION_ID`;
+                    q2=`Select ${selectlist} FROM Sup_Master_SurveyQuestion T ${join} ${join2} WHERE T1.STORE_ID='${StoreId}' AND T1.VISIT_DATE= '${d2}' AND  T1.SUB_CATEGORY_ID='${SubCategoryId}'  `;
+                    q2+=` ORDER BY T.SubCategorySequence `;
+                  }
+                  else{
+                    // get inserted audit
+                    let selectlist=` DISTINCT T.MaxLength as MaxLength,T.MinLength as MinLength,T.CategoryId,T.Category,T.SubCategoryId,T.SubCategory,T.LengthValidation as LengthValidation,T.QuestionImageAllow as QuestionImageAllow,T.DateRange as DateRange,T.Question as Question,T.QuestionId as QuestionId,T.QuestionType as QuestionType,T.OTP as OTP,T1.ANSWER As Answer, T1.ANSWER_ID as AnswerId,T1.IMAGE_ALLOW1 as ImageAllow1,T1.IMAGE1 as Image1,T1.IMAGE_ALLOW2 as ImageAllow2,T1.IMAGE2 as Image2,T1.MULTI_OPTIONS_IDS as multi_op_ids,T1.IS_DISABLED as isDisabled `;
+                    let join=` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+                    let join2=` INNER JOIN ${AppTables.SURVEY} T1 on T.SurveyId=T1.SURVEY_ID and T.CategoryId=T1.CATEGORY_ID and T.SubCategoryId=T1.SUB_CATEGORY_ID And T.QuestionId=T1.QUESTION_ID`;
+                    q2=`Select ${selectlist} FROM Sup_Master_SurveyQuestion T ${join} ${join2} WHERE T1.STORE_ID='${StoreId}' AND T1.VISIT_DATE= '${d2}' AND T1.SURVEY_ID=${SurveyId} AND T1.SUB_CATEGORY_ID='${SubCategoryId}'  `;
+                    if(ShowCat1==true){
+                    q2+=` AND  T1.CATEGORY_ID=${CategoryId} `;
+                    }
+                    q2+=` ORDER BY T.SubCategorySequence `;
+                  }
+
+
+                  
+      
+                  await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                     
+                      if(txnres.rows.length>0){
+                          let arr=[];
+                          var QD=QuestionsData;
+                          for(var i=0;i<txnres.rows.length;i++){
+                              let data =txnres.rows.item(i);
+                              let answers=[];
+                              let qtn=data;
+                              qtn.isDisabled=qtn.isDisabled==1 || qtn.isDisabled=='1'?true:false
+                             
+                              if(data.QuestionType=='List_Multi_Choice' || data.QuestionType=='List_Single_Choice' || data.QuestionType=='Rating'){
+                                  let allanswers=await getAnswers(data,item.SurveyId,storeData1,true);
+                                
+                                  answers=allanswers.Answers || [];
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data.Answers=answers;
+      
+                              let id_key=qtn.QuestionId+'_AnswerId'; 
+                              let ans_key=qtn.QuestionId+'_Answer'; 
+                              let multi_key=qtn.QuestionId+'_MultiOption';
+                              let date_key=qtn.QuestionId+'_Date';
+                              let img_key=qtn.QuestionId+'_ImagePath1';
+                              let imgname_key=qtn.QuestionId+'_ImageName1';
+                              let img_key2=qtn.QuestionId+'_ImagePath2';
+                              let imgname_key2=qtn.QuestionId+'_ImageName2';
+                              let rating_key=qtn.QuestionId+'_Rating'; 
+                              let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+      
+                              let showImageTag=(data.QuestionImageAllow==true || data.QuestionImageAllow=='true' || data.QuestionImageAllow==1) ;
+                              let showImageTag2=false;
+      
+                              QD[id_key]=data.AnswerId;
+                              QD[ans_key]=data.Answer;
+
+                              
+                              let selansid=data.AnswerId;
+                              if(qtn.QuestionType=='List_Multi_Choice'){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  QD[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((qtn.QuestionType=='List_Single_Choice' || qtn.QuestionType=='List_Multi_Choice' )){
+                                  if (qtn.Answers && qtn.Answers.length>0){
+                                      for(var k=0;k<qtn.Answers.length;k++){
+                                          let ansss=qtn.Answers[k];
+                                          let isandImgAl=(ansss.ImageAllow1==true || ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                                          let isandImgAl2=(ansss.ImageAllow2==true || ansss.ImageAllow2=='true' || ansss.ImageAllow2==1);
+                                          if(qtn.QuestionType=='List_Single_Choice' && (isandImgAl && ansss.AnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(qtn.QuestionType=='List_Multi_Choice' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+
+                                            if(qtn.QuestionType=='List_Single_Choice' && (isandImgAl2 && ansss.AnswerId==selansid)){
+                                                showImageTag2=true;
+                                            }
+                                            else if(qtn.QuestionType=='List_Multi_Choice' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                showImageTag2=true;
+                                            }
+
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag){
+                                  let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1;
+                                  QD[imgname_key]=data.Image1;
+                                  QD[img_key]=imgPath;
+                              }
+
+                              if(showImageTag2){
+                                let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image2;
+                                QD[imgname_key2]=data.Image2;
+                                QD[img_key2]=imgPath;
+                              }
+
+                              
+      
+                              if(qtn.QuestionType=='Audio'){
+                                  let voicefile_path=(Platform.OS=='ios'?'file://':'')+common_ImagePath+'Recordings/'+data.Answer;
+                                  QD[voiceClip_key]={'path':voicefile_path,'filename':data.Answer};
+                              }
+      
+                              if(qtn.QuestionType=='Date'){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  QD[date_key]=fulldate;
+                                  
+                              }
+                              arr.push(data);  
+                              if(i==txnres.rows.length-1){
+                                  setQuestionsData(QD);
+                                  resolve(arr);
+                                //   setSurveyQuestions(arr);
+                                //   setProcessing(false);
+                              }
+                          }
+                      }
+                      else{
+                        let q='';
+                        if(fbv1==true){
+                            let sl=` DISTINCT T.CategoryId,T.Category,T.SubCategoryId,T.SubCategory,T.MaxLength,T.MinLength,T.LengthValidation,T.Question,T.QuestionId,T.QuestionType,T.OTP,T.QuestionImageAllow,T.DateRange`;
+                            q=` SELECT ${sl} FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId WHERE M.StoreId='${StoreId}' and T.SubCategoryId='${SubCategoryId}'  `; 
+                            q+=` order by T.SubCategorySequence `;
+                        }
+                        else{
+                            let sl=` DISTINCT T.CategoryId,T.Category,T.SubCategoryId,T.SubCategory,T.MaxLength,T.MinLength,T.LengthValidation,T.Question,T.QuestionId,T.QuestionType,T.OTP,T.QuestionImageAllow,T.DateRange`;
+                            q=` SELECT ${sl} FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId WHERE M.StoreId='${StoreId}' and T.SurveyId='${SurveyId}' and T.SubCategoryId='${SubCategoryId}'  `; 
+                            if(ShowCat1==true){
+                              q+=` and T.CategoryId='${CategoryId}'  `;
+                            }
+                            q+=` order by T.SubCategorySequence `;
+                        }
+                          
+                        
+                          
+                           await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                              
+                              let arr=[];
+                              if(txnres2.rows.length>0){
+                                  for(var i=0;i<txnres2.rows.length;i++){
+                                      let data =txnres2.rows.item(i);
+                                      let answers=[];
+                                      if(data.QuestionType=='List_Multi_Choice' || data.QuestionType=='List_Single_Choice' || data.QuestionType=='Rating'){
+                                          let allanswers=await getAnswers(data,item.SurveyId,storeData1,false,fbv1);
+                                          answers=allanswers.Answers || [];
+                                          if(data.QuestionType=='Rating'){
+                                              data.showRating=false;
+                                          }
+                                      }
+                                      else if(data.QuestionType=='Date'){
+                                          data.showDatePicker=false;
+                                      }
+                                      
+                                      data.Answers=answers;
+                                      arr.push(data);
+                                      
+                                      if(i==txnres2.rows.length-1){
+                                          resolve(arr);
+                                      }
+                                  }
+                              }
+                              else{
+                                resolve([]);
+                              }
+      
+                          },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+                      }
+                      
+                  },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+                 
+                });          
+              } catch (err) {
+                console.log(err);          
+              }  
+        })
+    }
+
+    async function getAnswers(qtn,SurveyId,storeData1,isInserted,fbv1){
+        let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {   
+                // get inserted audit
+                let q2='';
+                if(fbv1==true){
+                    let selectlist=` DISTINCT T.Answer,T.AnswerId,T.ImageAllow1,T.ImageAllow2,T.EnableQuestion,T.DisableQuestion`;
+                    let join=` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+                    q2=`Select ${selectlist} FROM Sup_Master_SurveyQuestion T ${join} WHERE T.QuestionId='${qtn.QuestionId}' AND M.StoreId = '${StoreId}' AND T.SubCategoryId='${qtn.SubCategoryId}' ORDER BY T.AnswerSequence `;
+                }
+                else{
+                    let selectlist=` DISTINCT T.Answer,T.AnswerId,T.ImageAllow1,T.ImageAllow2,T.EnableQuestion,T.DisableQuestion`;
+                    let join=` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+                    q2=`Select ${selectlist} FROM Sup_Master_SurveyQuestion T ${join} WHERE T.QuestionId='${qtn.QuestionId}' AND M.StoreId = '${StoreId}' AND T.SurveyId==${SurveyId} AND T.SubCategoryId='${qtn.SubCategoryId}' ORDER BY T.AnswerSequence `;
+                }
+                
+                await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                    // console.log('answers len',txnres.rows.length);
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+                                setSurveyQuestions(arr);
+                                resolve(arr);
+                            }
+                        }
+                    }
+                    else{
+                        resolve([]);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve([]); },);
+               
+              });    
+        }).then((val)=>{
+            return {'Answers':val,'Success':true};
+        }).catch((err)=>{
+            console.log(err);
+            return {'Success':false,'Error':err}
+        });
+    }
+
+    async function getImage(imgdata){
+        let qtn=getImageProps.qtn || '';
+        let type=getImageProps.type || '1';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | Survey Id:'+ActiveSurvey.SurveyId+' | Question Id :'+qtn.QuestionId+' | Image Type: Survey'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+ActiveSurvey.SurveyId+'_'+qtn.QuestionId+'_SurveyImg_'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let qd=QuestionsData;
+                            let img_key=type=='1'?qtn.QuestionId+'_ImagePath1':qtn.QuestionId+'_ImagePath2';
+                            let imgname_key=type=='1'?qtn.QuestionId+'_ImageName1':qtn.QuestionId+'_ImageName2';
+                            qd[imgname_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                qd[img_key]=uri; 
+
+                                setQuestionsData(qd);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(qtn,type){  
+        setGetImageProps({'qtn':qtn,'type':type}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function disableQtns(sqtns,DQtns,data,isreturn=false){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.QuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.QuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.QuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+                    return false
+                })
+            ).then(async (val)=>{
+                setSurveyQuestions(sqtns);
+                setQuestionsData(data);
+                setHasUnsavedChanges(true);
+                setrerenderdata(!rerenderdata);
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.QuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                disableQtns(sqtns,DQtns,data)
+            }
+            else{
+                setSurveyQuestions(sqtns);
+                setHasUnsavedChanges(true);
+                setrerenderdata(!rerenderdata);
+            }
+        })
+    }
+   
+    function onselectionChange(option,qtn){
+        let data=QuestionsData;
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        data[id_key]=option.value;
+        data[ans_key]=option.label;
+
+        setQuestionsData(data);
+
+        let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+        let ans_obj=aq_ans.find(i=>i.AnswerId==option.value) || {};
+        let EQtns=ans_obj.EnableQuestion!=null && ans_obj.EnableQuestion!=''?ans_obj.EnableQuestion.replace(' ','').split(','):[];
+        let DQtns=ans_obj.DisableQuestion!=null && ans_obj.DisableQuestion!=''?ans_obj.DisableQuestion.replace(' ','').split(','):[];
+      
+        let sqtns=SurveyQuestions
+        if(EQtns.length>0){
+            enableQtns(sqtns,EQtns,DQtns,data)
+        }
+        else if(DQtns.length>0){
+            disableQtns(sqtns,DQtns,data)
+        }
+        else{
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+       
+        
+        
+    }
+
+    function setTextValue(value,qtn) {        
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        
+        let obj=QuestionsData;
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.QuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        console.log(value,obj);
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setRatingValue(data){
+        // let ids=[];
+        // data.map((item,index)=>{
+        //     ids.push(item.AnswerId);
+        // })
+        setRatingOrder(data);
+    }
+
+
+    async function setMultiSelectValue(selectedItems=[],qtn) {  
+        console.log('setMultiSelectValue',selectedItems);      
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        let multi_key=qtn.QuestionId+'_MultiOption';
+        let obj=QuestionsData;
+        obj[id_key]=0;
+        obj[multi_key]=selectedItems.join(',');
+        let anss=[];
+        selectedItems.map((itemValue)=>{
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue); 
+            if(ans.Answer){anss.push(ans.Answer)}
+        });
+        obj[ans_key]=anss.join(',');
+        console.log('obj:',obj);
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    function showQtnDatePicker(qtn,show=false){
+        let newqtnIndex=SurveyQuestions.findIndex(q=>q.QuestionId==qtn.QuestionId);
+        console.log('showQtnDatePicker:',newqtnIndex);
+        if(newqtnIndex>=0){
+            let sq=SurveyQuestions;
+            let newqtn=sq[newqtnIndex];
+            newqtn.showDatePicker=show;
+            sq[newqtnIndex]=newqtn;
+            setSurveyQuestions(sq);
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    
+    function setShowQtnKey(qtn,key,show=false){
+        if(key!=null && key!=''){
+            let newqtnIndex=SurveyQuestions.findIndex(q=>q.QuestionId==qtn.QuestionId);
+            console.log('setShowQtnKey:',newqtnIndex);
+            if(newqtnIndex>=0){
+                let sq=SurveyQuestions;
+                let newqtn=sq[newqtnIndex];
+                newqtn[key]=show;
+                sq[newqtnIndex]=newqtn;
+                setSurveyQuestions(sq);
+                if(show==true) setrerenderdata(!rerenderdata);
+            }
+        }
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+        
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+
+        let qtn=RatingQtn;
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        let rating_key=qtn.QuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+        let obj=QuestionsData;
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        console.log(obj);
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onRecordCancel(){
+        setShowRecorder(false);
+    }
+    
+    function onRecordSave(){
+
+        let isRecorderPlaying=VRS.RecorderPlayStatus!=null && VRS.RecorderPlayStatus==true;
+        let isPlayerPlaying=VRS.PlayerPlayStatus!=null && VRS.PlayerPlayStatus==true;
+
+        if(isRecorderPlaying){
+            notify('Please stop recording first');
+            return;
+        }
+        else if(isPlayerPlaying){
+            stopPlayer(VRS);
+            // notify('Please stop playing audio first');
+            // return;
+        }
+
+        setShowRecorder(false);
+        let qtn=RatingQtn;
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+       
+        let obj=QuestionsData;
+        obj[ans_key]=RecFilePath.filename || '';
+        obj[id_key]=0;
+        obj[voiceClip_key]=RecFilePath;
+       
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    const RippleAnimation = (value,minValue,maxValue,delay) =>
+    Animated.loop(
+        Animated.sequence([
+            Animated.timing(value, {
+                toValue: maxValue,
+                duration: 1000,
+                delay:delay,
+                useNativeDriver:(Platform.OS=='ios'?false:true),
+            }),
+            Animated.timing(value, {
+                toValue: minValue,
+                duration: 1000,
+                delay:delay,
+                useNativeDriver:(Platform.OS=='ios'?false:true),
+            }),
+        ]),
+        
+    ).start();
+
+    const startRecorder = React.useCallback(async (storeData1,qtn,ActiveSurvey1,vrStatus) => {
+        try{
+            console.log('startRecorder')
+            if(audioRecorderPlayer!=null){
+
+                if(vrStatus['RecorderPlayStatus']==true){
+                    notify('Already Recording...')
+                    return;
+                }
+                else if(vrStatus['PlayerPlayStatus']==true){
+                    notify('Please stop player first!')
+                    return;
+                }
+
+                stopPlayer(vrStatus);
+
+                let picture_clickedd=new Date();
+                let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                let commname=storeData1.StoreId+'_'+ActiveSurvey1.SurveyId+'_'+qtn.QuestionId+'_SurveyRecording_'+picture_clicked_date+'_'+picture_clicked_time;
+                let filename=Platform.OS=='ios'?commname+'.m4a':commname+'.mp3';
+                            
+                const url=Platform.OS=='ios'?'file://'+common_ImagePath+'Recordings/'+filename:common_ImagePath+'Recordings/'+filename;
+                const url_dir=common_ImagePath+'Recordings/';
+                console.log('write file url:',url);
+                RNFS.mkdir(url_dir).then((res)=>{
+                   
+                    RNFS.writeFile(url, '')
+                    .then(async (success) => {
+                        // if(success!=null){
+                            const path = Platform.select({
+                                ios: url,
+                                android: url,
+                            });
+        
+                            const result = await audioRecorderPlayer.startRecorder(path,AudioSet);
+                        
+                            if(result!=null && result!=''){
+                                console.log('start recording now');
+                                vrStatus['RecorderPlayStatus']=true;
+                                setVRS(vrStatus);
+                                setRecFilePath({'path':url,'filename':filename});
+                                // animate
+                                RippleAnimation(animatedRipple,0,1,0);
+                                RippleAnimation(animatedRipple2,0,1,100);
+                                
+                                audioRecorderPlayer.addRecordBackListener((e) => {
+                                    let recordsec=e.currentPosition;
+                                    let data={'recordSecs':recordsec,'recordTime':audioRecorderPlayer.mmssss(Math.floor(recordsec))};
+                                    if(vrStatus['RecorderPlayStatus']==true)
+                                    {
+                                        setRecorderTimer(data);
+                                        setHasUnsavedChanges(true);
+                                        setVoiceRecorderStatus('Recording... ! Press mic to stop recording');
+                                    }
+                                    
+                                    console.log('recordsec:',recordsec);
+                                    if(recordsec>=60*1000){
+                                        stopRecorder(vrStatus);
+                                        notify('Maximum record time limit reached.','LONG');
+                                    }
+                                    return;
+                                });
+                            }
+                            console.log('start recorder:',result);
+                        // }
+                        // else{
+                        //     notify('Something Went Wrong! Cannot open file for recording!');
+                        // }
+                        
+                    })
+                    .catch((err) => {
+                        console.log('eerriur1',err.message);
+                        notify('Something Went Wrong! Cannot open file for recording!');
+                    });
+                })
+                .catch((err) => {
+                    console.log('eerriur2',err.message);
+                    notify('Something Went Wrong! Cannot open file for recording!');
+                });   
+                
+            }
+        }
+        catch(e){
+            console.log('error:',e);
+        }
+
+    },[]);
+    
+
+    
+
+    
+    
+    const stopRecorder = React.useCallback(async (vrStatus) => {
+        try{
+            console.log('stopRecorder');
+            if(audioRecorderPlayer!=null){
+                
+                animatedRipple.setValue(0);
+                animatedRipple2.setValue(0.5);
+                const uri = await audioRecorderPlayer.stopRecorder();
+                // audioRecorderPlayer.removeRecordBackListener();
+                    
+                vrStatus['RecorderPlayStatus']=false;
+                vrStatus['PlayerPlayStatus']=false;
+                setPlayerTimer({});
+                setVRS({...VRS,vrStatus});
+                setVoiceRecorderStatus('Press mic to start recording voice');
+            }
+        }
+        catch(e){
+            console.log('error:',e);
+        }
+
+    },[]);
+
+    const startPlayer = React.useCallback(async (url,vrStatus1,type='0') => {
+        try{
+            let vrStatus=VRS;
+            let qtn=RatingQtn;
+            if(audioRecorderPlayer!=null){
+                console.log('startPlayer1',url);
+                if(vrStatus['PlayerPlayStatus']==true){
+                    notify('Already Playing...')
+                    return;
+                }
+                else if(vrStatus['RecorderPlayStatus']==true){
+                    notify('Please stop recording first!')
+                    return;
+                }
+                else if(url=='' || url==null){
+                    notify('File not found!')
+                    return;
+                }
+
+                const result = await audioRecorderPlayer.startPlayer(url);
+                if(result!=null){
+                    vrStatus['PlayerPlayStatus']=true;
+                    setVRS(vrStatus);
+                    
+                    audioRecorderPlayer.addPlayBackListener((e) => {
+                        let playDuration=audioRecorderPlayer.mmssss(Math.floor(e.duration));
+                        let vrs=VRS;
+                        let data={'playerSecs':e.currentPosition,'totalDuration':e.duration,'playDuration':playDuration,'playTime':audioRecorderPlayer.mmssss(Math.floor(e.currentPosition),)};
+                        let data2={'playerSecs':'0000','totalDuration':e.duration,'playDuration':playDuration,'playTime':"00:00:00"};
+                        if(vrs['PlayerPlayStatus']==true)
+                        {   
+                            setPlayerTimer(e.currentPosition<0?data2:data);
+                        }
+                        if(e.currentPosition<0){
+                            return ;
+                        }
+                        let wp=e.duration!=null?Math.floor((e.currentPosition/e.duration)* 100):0;
+                        console.log('wp:',wp);
+                        if(wp>=100 || isNaN(wp)){
+                            stopPlayer(vrs);
+                        }
+                        else if(type=='1' && wp<1){
+                            pausePlayer();
+                        }
+                        setProcessing(false);
+                        return;
+                    });
+                }
+                else{
+                    setProcessing(false);
+                }
+            }
+        }
+        catch(e){
+            console.log('error:',e);
+            setProcessing(false);
+        }
+
+    },[]);
+
+    const resumePlayer = React.useCallback(async (url)=>{
+       console.log('resume player')
+       let vrStatus=VRS;
+        const res=await audioRecorderPlayer.resumePlayer();
+        console.log('res:',res);
+        if(res=='No audio playing'){
+            startPlayer(url,vrStatus);
+        }
+        vrStatus['PlayerPlayStatus']=true;
+        setVRS({...VRS,vrStatus});
+    },[]);
+
+    
+    const pausePlayer = React.useCallback(()=>{
+        console.log('pause player')
+        let vrStatus=VRS;
+        audioRecorderPlayer.pausePlayer();
+        vrStatus['PlayerPlayStatus']=false;
+        setVRS({...VRS,vrStatus});
+    },[]);
+
+    const stopPlayer = React.useCallback(async (vrStatus) => {
+        try{
+           console.log('stop player now');
+            
+            if(audioRecorderPlayer!=null){
+                const uri = await audioRecorderPlayer.stopPlayer();
+                audioRecorderPlayer.removePlayBackListener();
+                vrStatus['PlayerPlayStatus']=false;
+                setVRS({...VRS,vrStatus});
+            }
+        }
+        catch(e){
+            console.log('error:',e);
+        }
+
+    },[]);
+
+    async function show_recorder(qtn){
+        let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+        let url=QuestionsData[voiceClip_key]?QuestionsData[voiceClip_key].path :'';
+        setRatingQtn(qtn);
+        if((RecorderTimer==null || Object.keys(RecorderTimer).length<=0) && (playerTimer==null || Object.keys(playerTimer).length<=0) && url!=null && url!=''){
+            setLoaderTitle('Loading...');
+            setProcessing(true);
+            await startPlayer(url,VRS,'1');
+        }
+        setRecFilePath((QuestionsData[voiceClip_key] || {}));
+        setShowRecorder(true);
+    }
+
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){    
+            setShowAlert(true);
+        }
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+            
+                
+              let q=`DELETE FROM ${AppTables.SURVEY} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and SURVEY_ID='${ActiveSurvey.SurveyId}' `;
+              if(ShowCat==true){
+                  q+=` and CATEGORY_ID='${ActiveCategory.CategoryId}' `;
+              }
+
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('survey data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              
+              var values='';
+              let {SurveyId,SurveyName} = ActiveSurvey;
+              for(var i=0;i<SurveyQuestions.length;i++){
+                values+=values!=''?' , ':'';
+
+                let qtn=SurveyQuestions[i];
+                
+                let id_key=qtn.QuestionId+'_AnswerId'; 
+                let ans_key=qtn.QuestionId+'_Answer'; 
+                let multi_key=qtn.QuestionId+'_MultiOption';
+                let date_key=qtn.QuestionId+'_Date';
+                let img_key1=qtn.QuestionId+'_ImagePath1';
+                let imgname_key1=qtn.QuestionId+'_ImageName1';
+                let img_key2=qtn.QuestionId+'_ImagePath2';
+                let imgname_key2=qtn.QuestionId+'_ImageName2';
+                let rating_key=qtn.QuestionId+'_Rating'; 
+                let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+
+                let {CategoryId,Category,SubCategory,SubCategoryId,DateRange,LengthValidation,MaxLength,MinLength,OTP,Question,QuestionId,QuestionImageAllow,QuestionType}=qtn;
+                
+                let selansid=QuestionsData[id_key] || 0;
+                let selans=QuestionsData[ans_key] || '';
+                let imgName1=QuestionsData[imgname_key1] || '';
+                let imgName2=QuestionsData[imgname_key2] || '';
+                let multiops=QuestionsData[multi_key] || '';
+                let isQtnDisabled=qtn.isDisabled!=null && qtn.isDisabled!=''?qtn.isDisabled?1:0:0;
+                let allanss=qtn.Answers || {};
+                let ans_obj=allanss.find(i=>i.AnswerId==selansid)
+                let imgallow1=ans_obj!=null && ans_obj['ImageAllow1']!=null?ans_obj.ImageAllow1:false;
+                let imgallow2=ans_obj!=null && ans_obj['ImageAllow2']!=null?ans_obj.ImageAllow2:false;
+                let f_imgalloq1=(QuestionImageAllow=='true' || QuestionImageAllow==1) || (imgallow1=='true' || imgallow1==1)
+                
+                values+=` ('${StoreId}','${d2}','${SurveyId}','${CategoryId}','${SubCategoryId}','${Question}','${QuestionId}','${QuestionType}','${selans}','${selansid}','${f_imgalloq1}','${imgName1}','${imgallow2}','${imgName2}','${multiops}','${isQtnDisabled}','${d2}') `;
+               }
+              
+              let add_data=`INSERT INTO ${AppTables.SURVEY} (STORE_ID,VISIT_DATE,SURVEY_ID,CATEGORY_ID,SUB_CATEGORY_ID,QUESTION,QUESTION_ID,QUESTION_TYPE,ANSWER,ANSWER_ID,IMAGE_ALLOW1,IMAGE1,IMAGE_ALLOW2,IMAGE2,MULTI_OPTIONS_IDS,IS_DISABLED,ADDED_DATE) VALUES ${values} `;
+             
+              await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                console.log('surveys added');
+                notify('Survey updated successfully','SHORT');
+                setProcessing(false);
+                props.navigation.goBack();
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot update survey') },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function validate(){  
+        var isvalid=true;
+        const QD=QuestionsData;
+        console.log(SurveyQuestions.length);
+        for(var i=0;i<SurveyQuestions.length;i++){
+            let qtn=SurveyQuestions[i];
+            let selansid='',selanswer='',selimg='',showImageTag=false,showImageTag2=false;
+            let id_key=qtn.QuestionId+'_AnswerId'; 
+            let ans_key=qtn.QuestionId+'_Answer'; 
+            let multi_key=qtn.QuestionId+'_MultiOption';
+            let date_key=qtn.QuestionId+'_Date';
+            let img_key=qtn.QuestionId+'_ImagePath1';
+            let imgname_key=qtn.QuestionId+'_ImageName1';
+            let img_key2=qtn.QuestionId+'_ImagePath2';
+            let imgname_key2=qtn.QuestionId+'_ImageName2';
+            let rating_key=qtn.QuestionId+'_Rating'; 
+            let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+            let list_mcdata=[];
+           
+            let isImgAllowed=(qtn.QuestionImageAllow==true || qtn.QuestionImageAllow=='true' || qtn.QuestionImageAllow==1);
+            let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+            if(qtn.QuestionType=='List_Single_Choice')
+            {
+                selansid=QD[id_key];
+            }
+            else if(qtn.QuestionType=='List_Multi_Choice')
+            {
+                selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+            }
+              
+           
+            if(qtn.QuestionType=='List_Multi_Choice' && selansid.length<=0){
+                isvalid=false;
+                notify('Please select options for the required field','SHORT');
+                break;
+            }
+            else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+                isvalid=false;
+                let msg=( qtn.QuestionType=='Date'?'Please pick a date':(qtn.QuestionType=='Rating'?'Please select rating':'Please fill all details'));
+                notify(msg,'SHORT');
+                break;
+            }
+            else if( qtn.QuestionType=='Audio' && (Object.keys(QD).indexOf(voiceClip_key)<0 || (Object.keys(QD).indexOf(voiceClip_key)>=0 && (QD[voiceClip_key]==null || QD[voiceClip_key].filename==null || QD[voiceClip_key].filename=='')))){
+                isvalid=false;
+                notify('Please record audio clip for the required field','SHORT');
+                break;
+            }
+            else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]==='' || (QD[id_key]===0 && qtn.isDisabled===false) ))){
+                isvalid=false;
+                notify('Please fill all details','SHORT');
+                break;
+            }
+            else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                isvalid=false;
+                notify('Please add images','SHORT');
+                break;
+            }else{
+                console.log('no condition found');
+            }
+
+            if((qtn.QuestionType=='List_Single_Choice' || qtn.QuestionType=='List_Multi_Choice' )){
+                if (qtn.Answers && qtn.Answers.length>0){
+                    for(var j=0;j<qtn.Answers.length;j++){
+                        let ansss=qtn.Answers[j];
+                        let isandImgAl=(ansss.ImageAllow1==true || ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                        if(qtn.QuestionType=='List_Single_Choice' && (isandImgAl && ansss.AnswerId==selansid)){
+                            showImageTag=true;
+                        }
+                        else if(qtn.QuestionType=='List_Multi_Choice' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                            showImageTag=true;
+                        }
+                        
+                        let isandImgAl2=(ansss.ImageAllow2==true || ansss.ImageAllow2=='true' || ansss.ImageAllow2==1);
+                        if(qtn.QuestionType=='List_Single_Choice' && (isandImgAl2 && ansss.AnswerId==selansid)){
+                            showImageTag2=true;
+                        }
+                        else if(qtn.QuestionType=='List_Multi_Choice' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId)>=0)){
+                            showImageTag2=true;
+                        }
+                    }
+                }
+            }
+
+            if(showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                isvalid=false;
+                notify('Please add images','SHORT');
+                break;
+            }
+
+            
+            if(showImageTag2 && (Object.keys(QD).indexOf(img_key2)<0 || (Object.keys(QD).indexOf(img_key2)>=0 && QD[img_key2]===''))){
+                isvalid=false;
+                notify('Please add images','SHORT');
+                break;
+            }
+
+            
+        } 
+        
+        return isvalid;
+    }
+   
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let isQtnDisabled=qtn.isDisabled!=null && qtn.isDisabled!=''?qtn.isDisabled:false;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.addVisPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-select-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+    function renderItem({ item, drag, isActive }){
+        return (
+          <ScaleDecorator>
+            <TouchableOpacity
+              
+              onLongPress={drag}
+              disabled={isActive}
+              style={[customStyle.RModal_listItem,{ backgroundColor: isActive ? PageTheme.$primary_color : PageTheme.$secondary_color_light },]}
+            >
+              <Text style={[customStyle.RModal_listItemText,(isActive?{color:PageTheme.$accent_color}:{})]}>{item.Answer}</Text>
+            </TouchableOpacity>
+          </ScaleDecorator>
+        );
+    };
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.QuestionId+'_AnswerId'; 
+        let ans_key=qtn.QuestionId+'_Answer'; 
+        let rating_key=qtn.QuestionId+'_Rating'; 
+        // let ratings=QuestionsData[rating_key]!=null?QuestionsData[rating_key].split(','):[];
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>Drag Items In Order</Text>
+                <Text style={customStyle.VRSubHeding}>Press and hold to drag</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>Cancel</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>Save</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function renderRecorderView(){
+        
+        let qtn=RatingQtn;
+        let isRecorderPlaying=VRS.RecorderPlayStatus!=null && VRS.RecorderPlayStatus==true;
+        let isPlayerPlaying=VRS.PlayerPlayStatus!=null && VRS.PlayerPlayStatus==true;
+        const scale=animatedRipple.interpolate({
+            inputRange:[0,1],
+            outputRange:[1,1.3],
+        });
+
+        const borderColor=animatedRipple.interpolate({
+            inputRange:[0,1],
+            outputRange:['#f5acb4c2','#fce6e9e3'],
+        });
+
+        const scale2=animatedRipple2.interpolate({
+            inputRange:[0,1],
+            outputRange:[1,1.5],
+        });
+
+        const borderColor2=animatedRipple2.interpolate({
+            inputRange:[0,1],
+            outputRange:['#f5acb4c2','#fce6e9e3'],
+        });
+
+        let totalDuration=RecorderTimer.recordSecs!=null?RecorderTimer.recordSecs:playerTimer.totalDuration;
+        let wp=totalDuration!=null?Math.floor((playerTimer.playerSecs/totalDuration)* 100):0;
+        let width1=wp<=100?(wp>0?wp+'%':'0%'):'100%';
+        if(isNaN(wp)) width1='0%';
+
+        return (
+        <View style={customStyle.RatingModal}>
+            {rerenderView==rerenderView && 
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>Record Voice Clip</Text>
+                <Text style={customStyle.VRSubHeding2}>You can record max for 60 secs</Text>
+                <Text style={customStyle.VRSubHeding}>{VoiceRecorderStatus}</Text>
+                
+                <View style={customStyle.VoiceRecorder}>
+                    <View style={customStyle.VoiceRecorderMic}>
+                        <Animated.View style={[customStyle.VRMicBgRipple2,{
+                            transform:[
+                                {scale:scale2},
+                            ],
+                            borderColor:('#fce6e9e3'),
+                        }]}></Animated.View>
+                        <Animated.View style={[customStyle.VRMicBgRipple1,{
+                            transform:[
+                                {scale:scale},
+                            ],
+                            borderColor:('#f5acb4c2'),
+                        }]}></Animated.View>
+                        <TouchableOpacity activeOpacity={1} style={customStyle.VoiceRecorderMicBtn} onPress={()=>{startRecorder(storeData,qtn,ActiveSurvey,VRS);  }}>
+                            <FontAwesome size={30} color={PageTheme.$accent_color} name="microphone"/>
+                        </TouchableOpacity>
+                        {isRecorderPlaying && 
+                        <TouchableOpacity activeOpacity={1} style={customStyle.VoiceRecorderStopBtn} onPress={()=>{stopRecorder(VRS);  }}>
+                            <FontAwesome5 size={30} color={PageTheme.$accent_color} name="microphone-alt"/>
+                        </TouchableOpacity>
+                        }
+                        
+                    </View>
+                    <View style={customStyle.VoiceRecordedView}>
+                            <Text style={customStyle.VoiceRecorderTimer}>{RecorderTimer.recordTime}</Text>
+                            {
+                                (!isRecorderPlaying && RecFilePath.filename!=null && RecFilePath.filename!='') &&
+                                <View style={customStyle.VRPlayBack}>
+                                    <View style={customStyle.VRPlayBackBarView}>
+                                        <View style={customStyle.VRPlayBackBar}>
+                                            <View style={customStyle.VRPlayBackBarBg}></View>
+                                            <View style={[customStyle.VRPlayBackBarFilled,{width:width1}]}></View>
+                                        </View>
+                                        <Text style={customStyle.VRPlayBackTimer}>{`${(playerTimer.playTime || '00:00:00')} / ${playerTimer.playDuration || RecorderTimer.recordTime}`}</Text>
+                                    </View>
+                                    
+                                    <View style={customStyle.VRPlayBackControls}>
+                                        <TouchableOpacity activeOpacity={1} style={customStyle.VRPB_Play} onPress={()=>{let url=(Platform.OS=='ios'?'file://':'')+common_ImagePath+'Recordings/'+RecFilePath.filename; (wp<100 && wp>0)? resumePlayer(url):startPlayer(url,VRS); }}>
+                                            <Entypo size={24} color={PageTheme.$accent_color} name="controller-play"/>
+                                        </TouchableOpacity>
+                                        {isPlayerPlaying && <TouchableOpacity activeOpacity={1} style={customStyle.VRPB_Pause} onPress={()=>{ wp<100?pausePlayer():stopPlayer(VRS); }}>
+                                            <Entypo size={24} color={PageTheme.$accent_color} name="controller-paus"/>
+                                        </TouchableOpacity>}
+                                    </View>
+                                </View>
+                            }
+                        </View>
+                </View>
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRecordCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>Cancel</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRecordSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>Save</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>}
+        </View>
+        )
+    }
+    
+    function _renderSurveyQtns(subcat){
+        const SurveyQuestions=subcat.Questions;
+        return (
+        <View style={customStyle.SVn_GroupViewList}>
+            {
+                SurveyQuestions.length>0 && 
+                SurveyQuestions.map((item,index)=>{
+                    
+                    let qtn=item;  
+                    let selansid='',selanswer='',selimg='',selimg2='',showImageTag=false,showImageTag2=false;
+                    let id_key=qtn.QuestionId+'_AnswerId'; 
+                    let ans_key=qtn.QuestionId+'_Answer'; 
+                    let multi_key=qtn.QuestionId+'_MultiOption';
+                    let date_key=qtn.QuestionId+'_Date';
+                    let img_key=qtn.QuestionId+'_ImagePath1';
+                    let imgname_key=qtn.QuestionId+'_ImageName1';
+                    let img_key2=qtn.QuestionId+'_ImagePath2';
+                    let imgname_key2=qtn.QuestionId+'_ImageName2';
+                    let rating_key=qtn.QuestionId+'_Rating'; 
+                    let voiceClip_key=qtn.QuestionId+'_VoiceClip'; 
+                    let list_mcdata=[];
+
+                    if(qtn.QuestionType=='List_Single_Choice')
+                    {
+                        selansid=QuestionsData[id_key]!=null ?QuestionsData[id_key] :'';
+                        selanswer=QuestionsData[ans_key]!=null ?QuestionsData[ans_key] :'';
+                    }
+                    else if(qtn.QuestionType=='List_Multi_Choice')
+                    {
+                        
+                        if(qtn.Answers!=null){
+                            console.log('qtn.Answers:',qtn.Answers.length);
+                            for(var i=0;i<qtn.Answers.length;i++){
+                                let obj={'AnswerId':parseInt(qtn.Answers[i].AnswerId),'Answer':qtn.Answers[i].Answer};
+                                list_mcdata.push(obj);
+                            }
+                        }
+                        selansid=QuestionsData[multi_key]!=null && QuestionsData[multi_key]!=''?QuestionsData[multi_key].split(','):[];
+                        if(selansid!=null && selansid.length>0){
+                            let arr=[];
+                            for(var i=0;i<selansid.length;i++){
+                                arr.push(parseInt(selansid[i]));
+                            }
+                            selansid=arr;
+                        }
+                    }
+                    else if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                    {
+                        selansid=QuestionsData[ans_key];
+                        selanswer=(qtn.QuestionType=='Date'  )?(QuestionsData[date_key] || moment().format('MM/DD/YYYY')):'';
+                        showImageTag=(qtn.QuestionImageAllow==true || qtn.QuestionImageAllow=='true' || qtn.QuestionImageAllow==1);
+                        showImageTag2=false;
+                    }
+                    else if(qtn.QuestionType=='Rating'){
+                        selanswer=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                    }
+                    else if(qtn.QuestionType=='Audio'){
+                        selansid=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                        selanswer=QuestionsData[voiceClip_key]?(QuestionsData[voiceClip_key].filename || ''):'';
+                    }
+
+                    if((qtn.QuestionType=='List_Single_Choice' || qtn.QuestionType=='List_Multi_Choice' )){
+                        if (qtn.Answers && qtn.Answers.length>0){
+                            for(var i=0;i<qtn.Answers.length;i++){
+                                let ansss=qtn.Answers[i];
+                                
+                                let isandImgAl=(ansss.ImageAllow1==true || ansss.ImageAllow1=='true' || ansss.ImageAllow1==1);
+                                let isandImgAl2=(ansss.ImageAllow2==true || ansss.ImageAllow2=='true' || ansss.ImageAllow2==1);
+                                
+                                if(qtn.QuestionType=='List_Single_Choice' && (isandImgAl && ansss.AnswerId==selansid)){
+                                    showImageTag=true;
+                                }
+                                else if(qtn.QuestionType=='List_Multi_Choice' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                    showImageTag=true;
+                                }
+
+                                if(qtn.QuestionType=='List_Single_Choice' && (isandImgAl2 && ansss.AnswerId==selansid)){
+                                    showImageTag2=true;
+                                }
+                                else if(qtn.QuestionType=='List_Multi_Choice' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId)>=0)){
+                                    showImageTag2=true;
+                                }
+                            }
+                        }
+                    }
+                    
+                    if(showImageTag){
+                        selimg=QuestionsData[img_key]!=null && QuestionsData[img_key]!=''?'file://'+QuestionsData[img_key]:'';                    
+                    }
+
+                    if(showImageTag2){
+                        selimg2=QuestionsData[img_key2]!=null && QuestionsData[img_key2]!=''?'file://'+QuestionsData[img_key2]:'';                    
+                    }
+                    
+                  
+                    
+                    return(
+                    <View style={[customStyle.sform_group2,]} key={index}>
+                        <Text style={[customStyle.sform_label3]}>{qtn.Question}</Text>                     
+                        {qtn.QuestionType=='List_Single_Choice' && qtn.Answers && 
+                            render_Picker('Answer','AnswerId',onselectionChange,{value:selanswer,qtn:qtn})
+                        }
+                        {qtn.QuestionType=='List_Multi_Choice' && qtn.Answers &&
+                            <MultiSelect
+                                items={list_mcdata}
+                                uniqueKey="AnswerId"
+                                onSelectedItemsChange={(selectedItems)=>{console.log('onSelectedItemsChange'); }} //setMultiSelectValue(selectedItems,qtn)
+                                selectedItems={selansid}
+                                selectText="Pick Items"
+                                searchInputPlaceholderText="Search Items..."
+                                // onChangeInput={ (text)=> console.log(text)}
+                                tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                tagBorderColor={PrimaryTheme.$primary_color}
+                                tagTextColor={PrimaryTheme.$primary_color}
+                                selectedItemTextColor={PrimaryTheme.$primary_color}
+                                selectedItemIconColor={PrimaryTheme.$primary_color}
+                                itemTextColor={PrimaryTheme.$text_color}
+                                displayKey="Answer"
+                                searchInputStyle={{ color: '#CCC' }}
+                                submitButtonColor={PrimaryTheme.$primary_color}
+                                submitButtonText="Submit"
+                            />
+                        }
+                        { (qtn.QuestionType=='Number' || qtn.QuestionType=='Decimal'  || qtn.QuestionType=='Text') &&  
+                            <TextInput 
+                                style={[customStyle.surveyQtn_InputStyle]}
+                                placeholder=""
+                                placeholderTextColor={PageTheme.$placeholder_color} 
+                                // keyboardType={'ascii-capable'}
+                                keyboardType={(qtn.QuestionType=='Decimal'?'decimal-pad':(qtn.QuestionType=='Text'?'default':'number-pad'))}
+                                value={selansid}
+                                onChangeText={(val)=>{setTextValue(val,qtn)}}
+                                autoComplete='off'
+                            />
+                        }
+                        {
+                            (qtn.QuestionType=='Date') && 
+                            <View style={customStyle.surveyQtn_datePicker_con}>
+                                <Text style={customStyle.surveyQtn_datePicker_text}>{selansid!=''?selansid:'MM/YYYY'}</Text>
+                                <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setDateValue(selanswer);showQtnDatePicker(qtn,true)}}>
+                                    <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                                </TouchableOpacity> 
+                            </View>     
+                        }
+                        {   ((qtn.showDatePicker==true || qtn.showDatePicker=='true') && (qtn.QuestionType=='Date') ) && 
+                            renderDatePicker(qtn)
+                        }  
+                        {
+                            (qtn.QuestionType=='Rating') && 
+                            <View style={customStyle.surveyQtn_datePicker_con}>
+                                <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{setRatingQtn(qtn);setShowRating(true);}}>
+                                    <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag"/>
+                                </TouchableOpacity> 
+                            </View>    
+                        }
+
+                        {
+                            (qtn.QuestionType=='Audio') && 
+                            <View style={customStyle.surveyQtn_datePicker_con}>
+                                <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                    <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                </TouchableOpacity> 
+                            </View>    
+                        }
+                        
+                        {
+                            showImageTag &&
+                            <View style={[customStyle.store_audit_img_con,]}>                    
+                                <Image source={(selimg!='' && selimg!=null )?{uri:selimg}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg!='' && selimg!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(qtn,'1')}}>
+                                    <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                </TouchableOpacity>
+                            </View>
+                        }
+                        {
+                            showImageTag2 &&
+                            <View style={[customStyle.store_audit_img_con,]}>                    
+                                <Image source={(selimg2!='' && selimg2!=null )?{uri:selimg2}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg2!='' && selimg2!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(qtn,'2')}}>
+                                    <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                </TouchableOpacity>
+                            </View>
+                        }
+                    </View> 
+                    )
+                })
+            }
+        </View>
+                  
+        );
+    }
+
+    // function _renderSurveyQtns(subcatItem){
+    //     return (
+    //         <FlatList
+    //                 data={SurveyQuestions}
+    //                 extraData={rerenderdata}
+    //                 style={[customStyle.SVn_QtnScroll]}
+    //                 nestedScrollEnabled={true}
+    //                 removeClippedSubviews={false}
+    //                 showsVerticalScrollIndicator={false}      
+    //                 contentContainerStyle={customStyle.SVn_QtnScrollInner}
+    //                 renderItem={({ item, index, separators }) =>{  
+                           
+    //                 }}
+    //         /> 
+    //     )
+    // }
+
+    function _renderSurveyView(){
+        return (
+            <View style={customStyle.SVn_ContentCon}>
+            <FlatList 
+            style={customStyle.SVn_ContentOuter} 
+            extraData={rerenderdata}
+            nestedScrollEnabled={true}
+            removeClippedSubviews={false}
+            showsVerticalScrollIndicator={false}     
+            contentContainerStyle={(isFeedbackView!=true ?customStyle.SVn_ContentInner:{paddingHorizontal:10})}
+            data={SurveySubCats}
+            renderItem={({ item, index, separators }) =>{  
+                let subcat=item,s_index=index;
+                
+                return (
+                    <View style={[customStyle.SVn_GroupView,(isFeedbackView==true && index==0?{paddingTop:0}:{})]} key={s_index}>
+                        <LinearGradient colors={[PageTheme.$bg_color,PageTheme.$primary_color,PageTheme.$bg_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }}  style={customStyle.SVn_GroupView_hdr}>
+                            <Text style={customStyle.SVn_GroupView_hdrText}>{subcat.SubCategory}</Text>
+                        </LinearGradient>
+                        { _renderSurveyQtns(subcat)}
+                    </View>
+                )
+            }}
+            >
+                
+            </FlatList>
+            </View>
+        );
+    }
+
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.roundScrollZIndex]}>
+            <View style={[customStyle.pageContentWrapper,(isFeedbackView!=true ? customStyle.SVn_PageWrapper:{})]}>
+               {isFeedbackView!=true && <View style={customStyle.SVn_activeSurvey}>
+                    <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$gradient1]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.SVn_activeSurvey_tile}>
+                        {/* <Text style={customStyle.SV_activeSurvey_name}>{(ActiveSurvey.SurveyName!=null?(ActiveSurvey.SurveyName.length>26?ActiveSurvey.SurveyName.substring(0,26)+'...':ActiveSurvey.SurveyName) : '')}</Text> */}
+                        <Text style={customStyle.SV_activeSurvey_name}>{('Survey Id : '+(ActiveSurvey.SurveyId || '')+(ShowCat==true?'  |  '+'Category Id : '+(ActiveCategory.CategoryId || ''):''))}</Text>
+                    </LinearGradient>
+                </View>}
+                { 
+                // Object.keys(ActiveSurvey).length>0 &&            
+                    _renderSurveyView()
+                }
+                <View style={[customStyle.SVn_SubmitBtn]}>
+                    <GradientButton {...props} title={'Save'} onPress={()=>{onSubmitData()}}/> 
+                </View> 
+            </View>  
+        </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+        { showRecorder==true && 
+            renderRecorderView()
+        }
+      </Container>   
+    ); 
+  }
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(QuestionsScreen);
\ No newline at end of file
diff --git a/src/screens/ReportsMenu.js b/src/screens/ReportsMenu.js
new file mode 100644
index 0000000..ed074d9
--- /dev/null
+++ b/src/screens/ReportsMenu.js
@@ -0,0 +1,142 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+
+function ReportsMenu(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [webviewurl, setWebviewurl] = useState(false);
+    const [processing, setProcessing] = useState(true);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [reportData, setReportData] = useState([]);
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+      getData();
+    }, []);
+    
+
+    async function getData(){        
+      try {   
+        let loginInfo=await get_item('loginInfo');
+        const loginDetails=JSON.parse(loginInfo);
+        let desg=loginDetails.Designation || '';
+        setDesignation(desg);
+        await db.transaction(async function (txn) {        
+          
+          let q=`SELECT * from Sup_Master_MenuReports`;
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+              if(txnres.rows.length>0){
+                let arr=[];
+                for(var i=0;i<txnres.rows.length;i++){
+                  let data= txnres.rows.item(i);
+                  arr.push(data);
+                  if(i==txnres.rows.length-1){
+                    setReportData(arr);
+                    setisDataFound(true);
+                    setProcessing(false);
+                  }
+                }
+                
+              }
+              else{
+                setProcessing(false);
+              }
+          },function (txn2, txnerr) { console.log(txnerr); setProcessing(false);},);
+          
+        });          
+      } catch (err) {
+        setProcessing(false);
+        console.log(err);          
+      }        
+    }
+
+    function gotoReport(item){
+      props.navigation.navigate('ReportDetail',{'ReportData':item})
+    }
+
+
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        <CustomHeader {...props} title={'Reports Menu'}/>
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper]}>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          { props.isDataDownloaded==true && 
+            <View>
+              
+              { isDataFound==false && 
+                <View style={customStyle.noDataCon}>
+                  <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+                </View>
+              }
+
+              {
+                isDataFound==true &&
+                <ScrollView
+                  contentContainerStyle={customStyle.rp_scrollViewInner}
+                  style={customStyle.rp_scrollView}
+                >
+                  <View style={[customStyle.vlUinfo_Card]}>
+                    <View style={[customStyle.vlUinfo_CardRow,customStyle.vlUinfo_CardBorder]}> 
+                      <Text style={customStyle.vlUinfo_lbl}>{ST.Username+' :'}</Text>  
+                      <Text style={customStyle.vlUinfo_text}>{props.UserId}</Text>                
+                    </View> 
+                    <View style={customStyle.vlUinfo_CardRow}> 
+                      <Text style={customStyle.vlUinfo_lbl}>{ST.Designation+' :'}</Text>  
+                      <Text style={customStyle.vlUinfo_text}>{designation}</Text>                
+                    </View> 
+                  </View>
+                  <View style={customStyle.reportMenuCon}>
+                    {
+                      reportData.length>0 &&
+                      reportData.map((item,index)=>{
+                        return(
+                          <TouchableOpacity style={[customStyle.reportMenuItem]} key={index}  onPress={()=>{gotoReport(item)}}>
+                            <Text style={customStyle.reportMenuItemText}>{item.ReportName}</Text>
+                          </TouchableOpacity>
+                        )
+                      })
+                    }
+                  </View>
+                </ScrollView>
+              }
+                
+            </View>
+          }
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ReportsMenu);
\ No newline at end of file
diff --git a/src/screens/ReportsMenuOld.js b/src/screens/ReportsMenuOld.js
new file mode 100644
index 0000000..a0f26f9
--- /dev/null
+++ b/src/screens/ReportsMenuOld.js
@@ -0,0 +1,186 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+
+function ReportsMenu(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [webviewurl, setWebviewurl] = useState(false);
+    const [processing, setProcessing] = useState(true);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [reportData, setReportData] = useState([]);
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+      getData();
+    }, []);
+    
+
+    async function getData(){        
+      try {   
+        let loginInfo=await get_item('loginInfo');
+        const loginDetails=JSON.parse(loginInfo);
+        let desg=loginDetails.Designation || '';
+        setDesignation(desg);
+        await db.transaction(async function (txn) {        
+          
+          let q=`SELECT * from Sup_TeamList where VisitDate='${d2}'`;
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+              if(txnres.rows.length>0){
+                setisDataFound(true);
+                let dd=await getReportData();
+                setProcessing(false);
+              }
+              else{
+                setProcessing(false);
+              }
+          },function (txn2, txnerr) { console.log(txnerr); setProcessing(false);},);
+          
+        });          
+      } catch (err) {
+        setProcessing(false);
+        console.log(err);          
+      }        
+    }
+
+
+    async function getReportData(){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+          let q=`SELECT * from Report_PromoterMerchandiserPerformance`;
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+            let arr=[]
+            if(txnres.rows.length>0){
+              for(var i=0;i<txnres.rows.length;i++){
+                let data=txnres.rows.item(i);
+                arr.push(data);
+                if(i==txnres.rows.length-1){
+                  console.log('reportData:',arr);
+                  setReportData(arr);
+                  resolve(true);
+                }
+              }
+            }
+            else{
+              setReportData(arr);
+              resolve(true);
+            }
+            
+          },function (txn2, txnerr) { console.log(txnerr); resolve(false);},);
+          
+        }); 
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        return false;
+      });  
+       
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        <CustomHeader {...props} title={ST.Report}/>
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper]}>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          { props.isDataDownloaded==true && 
+            <View>
+              
+              { isDataFound==false && 
+                <View style={customStyle.noDataCon}>
+                  <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+                </View>
+              }
+
+              {
+                isDataFound==true &&
+                <ScrollView
+                  contentContainerStyle={customStyle.rp_scrollViewInner}
+                  style={customStyle.rp_scrollView}
+                >
+                  <View style={[customStyle.vlUinfo_Card]}>
+                    <View style={[customStyle.vlUinfo_CardRow,customStyle.vlUinfo_CardBorder]}> 
+                      <Text style={customStyle.vlUinfo_lbl}>{ST.Username+' :'}</Text>  
+                      <Text style={customStyle.vlUinfo_text}>{props.UserId}</Text>                
+                    </View> 
+                    <View style={customStyle.vlUinfo_CardRow}> 
+                      <Text style={customStyle.vlUinfo_lbl}>{ST.Designation+' :'}</Text>  
+                      <Text style={customStyle.vlUinfo_text}>{designation}</Text>                
+                    </View> 
+                  </View>
+                  <View style={customStyle.reportCon}>
+                    <View  style={customStyle.reportConHdr}>
+                    <Text style={customStyle.reportConHdrText}>{ST.Performance}</Text>
+                    </View>
+                    
+                    <View style={customStyle.report_TblHeader}>
+                      <View style={[customStyle.report_TblHeaderBox,customStyle.report_TblHeaderBox1]}>
+                        <Text style={[customStyle.report_TblHeaderTxt,{textTransform:'uppercase'}]}>{ST.Kpi}</Text>
+                      </View>
+                      <View style={[customStyle.report_TblHeaderBox,customStyle.report_TblHeaderBox2]}>
+                        <Text style={customStyle.report_TblHeaderTxt}>{ST.Target}</Text>
+                      </View>
+                      <View style={[customStyle.report_TblHeaderBox,customStyle.report_TblHeaderBox3]}>
+                        <Text style={customStyle.report_TblHeaderTxt}>{ST.Achivement}</Text>
+                      </View>
+                    </View>
+                    <View style={customStyle.report_TblBody}>
+                    {
+                      reportData.length>0 &&
+                      reportData.map((item,index)=>{
+                        return(
+                          <View style={[customStyle.reportItem,((index<(reportData.length-1))?customStyle.reportItemB:{})]} key={index}>
+                            <View style={[customStyle.reportItemCol,customStyle.reportItemCol1]}>
+                              <Text style={customStyle.reportItemColText}>{item.KPI}</Text>
+                            </View>
+                            <View style={[customStyle.reportItemCol,customStyle.reportItemCol2]}>
+                              <Text style={customStyle.reportItemColText}>{item.Target}</Text>
+                            </View>
+                            <View style={[customStyle.reportItemCol,customStyle.reportItemCol3]}>
+                              <Text style={customStyle.reportItemColText}>{item.Achivement}</Text>
+                            </View>
+                          </View>
+                        )
+                      })
+                    }
+                    </View>
+                  </View>
+                </ScrollView>
+              }
+                
+            </View>
+          }
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ReportsMenu);
\ No newline at end of file
diff --git a/src/screens/Sale.js b/src/screens/Sale.js
new file mode 100644
index 0000000..2de4c7b
--- /dev/null
+++ b/src/screens/Sale.js
@@ -0,0 +1,457 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_GetAvailabityDefaultData } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+
+function Sale(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const inputRefs = useRef({});
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    function  onBeforeRemove(e){
+        if (hasUnsavedChanges==true) {
+            e.preventDefault(); // Prevent default behavior of leaving the screen
+            onRemoveScreen(e);
+        }
+        else{
+           return;
+        }   
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {   
+            let q2=Q_GetAvailabityDefaultData(storeData1);
+
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    console.log('inputs found');
+                    let arr=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres.rows.length-1){
+                            getSKU(arr,storeData1);
+                        }
+                    }
+                }
+                
+            },function (txn2, txnerr) { console.log(txnerr); },);
+            // setProcessing(false);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getSKU(brands=[],storeData1={}){
+        console.log('getSKU')
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData1;     
+        
+          await db.transaction(async function (txn) { 
+            var allSKUData=[];
+            await Promise.all(
+                brands.map(async (item,index) => {
+                    let seletlist=`s.PRODUCT as ProductName,s.PRODUCT_ID as ProductId,s.MSL,s.STOCK,o.MIDDAY_STOCK,o.OPENING_STOCK`;
+                    let join1=` inner join ${AppTables.STOCK_DATA} o on s.PRODUCT_ID=o.PRODUCT_ID and o.STORE_ID='${StoreId}' and o.VISIT_DATE='${d2}' `;
+                    let sku_q=`SELECT ${seletlist} FROM ${AppTables.SALES} s ${join1} WHERE s.STORE_ID='${StoreId}' and s.VISIT_DATE='${d2}' and s.CATEGORY_ID='${item.CategoryId}' `;
+     
+                  
+                    let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                    let join2=` inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                    let join3=` left join ${AppTables.STOCK_DATA} o on p.ProductId=o.PRODUCT_ID and o.STORE_ID='${StoreId}' and o.VISIT_DATE='${d2}' `;
+                    let sku_q2=`select distinct p.ProductName,p.ProductId,m.MSL,o.MIDDAY_STOCK ,o.OPENING_STOCK from Product_Master p  ${join} ${join2} ${join3} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${item.CategoryId}' and CompanyId='1' order by p.ProductSequence`;
+                    
+                    
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        if(txnres.rows.length>0){
+                           
+                            let arr=[];
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                inputRefs.current['input1_'+item.CategoryId+'_'+data.ProductId]='';
+                                arr.push(data);
+                               
+                                let defData={'CategoryId':item.CategoryId,'ProductId':data.ProductId,'Stock':data.STOCK};
+                                allSKUData.push(defData);
+
+                                if(i==txnres.rows.length-1){
+                                    item['skulist']=arr;
+                                    brands[index]=item;
+                                    if(index==brands.length-1){
+                                        console.log('allSKUData:',allSKUData);
+                                        setSKUStockData(allSKUData);
+                                        setBrandData(brands);
+                                        setProcessing(false);
+                                    }
+                                    return item;
+                                }
+                            }
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                       inputRefs.current['input1_'+item.CategoryId+'_'+data.ProductId]='';
+                                        arr.push(data);
+                                        // let defData={'CategoryId':item.CategoryId,'ProductId':data.ProductId,'Stock':2};
+                                        // allSKUData.push(defData);
+                                        if(i==(txnres2.rows.length-1)){                                        
+                                            item['skulist']=arr;
+                                            brands[index]=item;
+                                            if(index==brands.length-1){
+                                                // setSKUStockData(allSKUData);
+                                                setBrandData(brands);
+                                                setProcessing(false);
+                                            }
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                                
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            ) .then((res)=>{
+                
+            });          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+
+    async function focusToNext(cat,index,sku,sku_index,inputType='1'){
+        console.log('focusToNext',index);
+        let data=brandData;
+        let ccat_index=index;
+        let skulist=cat.skulist || [];
+        if(sku_index==skulist.length-1){ // if last subcategory element
+            //then move to next category
+            console.log('move to next cat',ccat_index,data.length)
+            if(ccat_index==data.length-1){
+                return;
+            }
+            else{
+                ccat_index+=1;
+                console.log('move to next cat n:',ccat_index)
+                let cat1=data[ccat_index];
+                let skulist1=cat1.skulist || [];
+                if(skulist1.length>0){
+                    let sku1=skulist1[0];
+                    let refIn1=inputRefs.current['input1_'+cat1.CategoryId+'_'+sku1.ProductId];
+                    console.log('move to next cat refIn1:','input1_'+cat1.CategoryId+'_'+sku1.ProductId)
+                    refIn1.focus();
+                }
+            }
+        }
+        else{
+            // move to next subcategory
+            let sku1=skulist[sku_index+1];
+            let refIn1=inputRefs.current['input1_'+cat.CategoryId+'_'+sku1.ProductId];
+            refIn1.focus();
+        }
+         
+    }
+
+    async function submitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.SALES} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('sales data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              var stock_values='';
+              for(var i=0;i<brandData.length;i++){
+                let catIndex=i;
+                let item=brandData[catIndex];
+                
+                
+                let skulist=item['skulist'] || [];
+                for(var j=0;j<skulist.length;j++){
+                    let skuItem=skulist[j];
+                    let {MSL,ProductId,ProductName}=skulist[j];
+                    stock_values+=stock_values!=''?' , ':'';
+                    let allSKUData=SKUStockData;
+                    const skud_index=allSKUData.findIndex(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId);
+                    const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                    stock_values+=` ('${StoreId}','${d2}','${item.CategoryName}','${item.CategoryId}','${ProductName}','${ProductId}','${MSL}','${skud['Stock']}','${d2}') `;
+                }
+              }
+
+              let add_Stock=`INSERT INTO ${AppTables.SALES} (STORE_ID,VISIT_DATE,CATEGORY,CATEGORY_ID,PRODUCT,PRODUCT_ID,MSL,STOCK,ADDED_DATE) VALUES ${stock_values} `;
+              await txn.executeSql(add_Stock,[],async function (txn2, txnres) { 
+                console.log('sales added');
+                notify('Sales updated successfully');
+                setProcessing(false);
+                props.navigation.goBack();
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot update Sales') },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+   
+
+    async function validate(){
+        let isValid=true;
+        await Promise.all(
+            brandData.map(async (item,index) => {
+            if(isValid){
+                let skulist=item.skulist || [];
+                if(skulist.length>0){
+                    await Promise.all(
+                        skulist.map(async (skuItem,skuIndex) => {
+                            if(isValid){
+                                let skuData=SKUStockData.find(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId ) || {};
+                                let OS=skuItem.OPENING_STOCK || 0;
+                                let MDS=skuItem.MIDDAY_STOCK || 0;
+                                let maxClosingStock=parseInt(OS) + parseInt(MDS);
+                                if(skuData.Stock!==0 && (skuData.Stock==null || skuData.Stock=='')){
+                                    notify('Please enter stock for '+skuItem.ProductName,'SHORT');
+                                    isValid=false;
+                                }else if(parseInt(skuData.Stock)>maxClosingStock){
+                                    notify('Sale Should not be greater than the sum of Opening-Stock and Midday-Stock for '+skuItem.ProductName,'SHORT');
+                                    isValid=false;
+                                }else{
+                                   
+                                }
+                            }
+                        })
+                    );    
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key){
+        if(!isNaN(val)){
+            if(val.includes('.')){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+        
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':item.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&     
+            <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={(Platform.OS=='ios'?10:-100)} >  
+                   
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const catIndex=index;
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.CategoryName}</Text>
+                            </LinearGradient>
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            {
+                                <FlatList 
+                                data={item.skulist}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skus.ProductId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let stock=thisCatSkuData.Stock!=null?thisCatSkuData.Stock:'';
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={customStyle.openStk_prd_name}>{skus.ProductName}</Text>
+                                            <View style={[customStyle.openStk_prddetails,customStyle.openStk_prd_borderT,customStyle.openStk_prd_borderB]}>
+                                                <View style={[customStyle.openStk_prdd_wrap]}>
+                                                    <Text style={customStyle.openStk_prdd_flabel}>{`Opening Stock + Midday Stock : (${skus.OPENING_STOCK} + ${skus.MIDDAY_STOCK}) :`}</Text>
+                                                    <Text style={customStyle.openStk_prdd_fvalue}>{(parseInt(skus.MIDDAY_STOCK)+parseInt(skus.OPENING_STOCK))}</Text>
+                                                </View>
+                                            </View>
+                                            <View style={customStyle.openStk_prd_form}>
+                                            {
+                                                
+                                                <View style={customStyle.openStk_prd_row}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={customStyle.openStk_prd_flexlabel}>Stock</Text>
+                                                        <TextInput 
+                                                            ref={(reff)=>{inputRefs.current['input1_'+cat.CategoryId+'_'+skus.ProductId]=reff;}}
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(stock+'' || '')}
+                                                            keyboardType='number-pad'
+                                                            onSubmitEditing={()=>{focusToNext(cat,parseInt(catIndex),skus,parseInt(sku_index),'1')}}
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'Stock')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                    
+                                                </View>
+                                            }
+                                            </View>
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitData()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(Sale);
\ No newline at end of file
diff --git a/src/screens/SearchStoreList.js b/src/screens/SearchStoreList.js
new file mode 100644
index 0000000..227944d
--- /dev/null
+++ b/src/screens/SearchStoreList.js
@@ -0,0 +1,1741 @@
+
+import React, { useState, useEffect, memo, useRef, useCallback } from 'react';
+import Container from '../components/container';
+import { useFocusEffect, useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { StatusBar, Image, TextInput, View, Text, ScrollView, TouchableOpacity, TouchableHighlight, Platform, PermissionsAndroid, FlatList } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getDownloadJson, AddStore, checkRange, UploadData2, UploadData, UpdateStoreStatus, getKPIS, marktext1, marktext2, UploadFormData, getDownloadJson1, fetchProjectConfig } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, testurl, db, AppVersion } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { Card } from 'react-native-paper';
+import { AntDesign, Entypo, EvilIcons, Feather, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import { SvgXml } from 'react-native-svg';
+import MapIcon from '../assets/performics/map_icon.svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+import Geolocation from 'react-native-geolocation-service';
+import { getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_MenuList } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { uploadAllData, uploadAllImages, uploadStoreStatus } from '../constants/uploadData';
+import { PrimaryTheme } from '../styles/Themes';
+import NetworkStatusBar from '../components/NetworkStatusBar';
+import * as RNFS from 'react-native-fs';
+
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CustomCamera from '../components/Camera';
+import StoreItem from '../components/StoreItem';
+
+
+function SearchStoreList(props) {
+  const route = useRoute();
+
+  const ST = props.StaticText || {};
+
+  // get all theme styles acc to current theme set 
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [processing, setProcessing] = useState(false);
+  const [isAdhocScreen, setIsAdhocScreen] = useState(false); // change 18 april (night)
+  const [nodataFound, setNodataFound] = useState(false);
+  const [nodataMsg, setnodataMsg] = useState("");
+  const [showStoreVisitModal, setShowStoreVisitModal] = useState(false);
+  const [showGeoTagModal, setShowGeoTagModal] = useState(false);
+  const [showDistanceModal, setShowDistanceModal] = useState(false);
+  const [currentStore, setCurrentStore] = useState({});
+  const [storeDistance, setStoreDistance] = useState('0 M');
+  const [storeDistanceinM, setStoreDistanceinM] = useState(0);
+  const [showAlert, setShowAlert] = useState(false);
+  const [checkOutStore, setCheckOutStore] = useState({});
+  const [rerenderdata, setrerenderdata] = useState(false);
+  let [state, setState] = useState({ storeList: [] });
+  const [globalStorelist, setGlobalStorelist] = useState([]);
+  const [cancelCheckOutStore, setCancelCheckOutStore] = useState({});
+  const [showCancelCIModal, setShowCancelCIModal] = useState(false);
+  const [searchedItem, setSearchedItem] = useState('');
+  const [isNPNDScreen, setisNPNDScreen] = useState(false);
+
+  const [CheckOutImage, setCheckOutImage] = useState('');
+  const [CheckOutImagePath, setCheckOutImagePath] = useState('');
+  const [CheckOutImageModal, setCheckOutImageModal] = useState(false);
+  const [CheckOutLoc, setCheckOutLoc] = useState({});
+  const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+  const [showCamera, setShowCamera] = useState(false);
+  const showCameraRef = useRef(false);
+  const [GeoFenceEnable_Checkout, setGeoFenceEnable_Checkout] = useState(false);
+  const [GeoFenceRadius_Checkout, setGeoFenceRadius_Checkout] = useState('');
+  const [CheckInStoreIds, setCheckInStoreIds] = useState([]);
+  const [showSearchWiseStore, setShowSearchWiseStore] = useState(false);
+
+  const [EmpData, setEmpData] = useState([]);
+  const [storeData, setStoreData] = useState([]);
+  const [StoreObj, setStoreObj] = useState({});
+
+  const storeRef = useRef({ storeList: [] })
+
+  // emp data
+
+
+  const [empidataofteam, setEmpIdOFTeam] = useState('');
+
+
+  // serach
+
+  const searchRef = useRef('');
+
+  const empidRef = useRef('');
+
+
+
+  useEffect(() => {
+
+    let params = props.route.params ? props.route.params : {};
+    const teamlistEmpData = params.teamlistEmpData || {};
+    const isAdhoc = params?.isAdhoc ? params?.isAdhoc : false;
+    const isNPND = params?.isNPND ? params?.isNPND : false;
+
+    console.log("isAdhoc", isAdhoc, "isNPND", isNPND)
+
+    // console.log("teamlistEmpData=====",teamlistEmpData?.EmpId || '');
+    setIsAdhocScreen(isAdhoc);
+    setisNPNDScreen(isNPND);
+    setEmpIdOFTeam(teamlistEmpData?.EmpId);
+    setEmpData(teamlistEmpData)
+    empidRef.current = teamlistEmpData?.EmpId;
+
+
+    // let empData1 = params.empData || {};
+    // let showSearchWiseStore1 = params.showSearchWiseStore != null && params.showSearchWiseStore != '' ? params.showSearchWiseStore : false;
+    //let ShowStoreSearch = props?.ShowStoreSearch != null ? props.ShowStoreSearch : false;
+   // setShowSearchWiseStore(ShowStoreSearch);
+    if (props.isDataDownloaded == true && !props.isAttendanceMarked) {
+      props.navigation.pop(); props.navigation.push('Attendance');
+    }
+    else {
+
+      const unsubscribe = props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+      // getData();
+      return function cleanup() {
+
+        unsubscribe();
+      };
+    }
+  }, []);
+
+
+  useFocusEffect(
+    useCallback(async () => {
+      // 🔥 This runs every time screen comes into focus (e.g. on back)
+      // isDoneCheck();
+      console.log(empidRef.current, searchRef.current, "// DownloadPJP(searchQuery);")
+
+      if (searchRef.current != "") {
+        DownloadPJP(searchRef.current, empidRef.current);
+      }
+      return () => {
+        // cleanup logic if required
+      };
+    }, [])
+  );
+
+  async function isDoneCheck() {
+    console.log("AutoGoToPrev-----")
+    let AllStores = storeRef.current?.storeList || []
+    const allDone = AllStores.length > 0
+      ? await Promise.all(
+        AllStores.map(async (store) => {
+          console.log('Processing store:', store); // ✅ Logs each store
+          return getDailyMenu(store, true, false);
+        })
+      )
+      : true;
+    let newList = AllStores.map((itm, i) => ({ ...itm, allDone: allDone[i] }))
+    setState({ storeList: newList });
+    console.log("newList=====", newList)
+    storeRef.current = { storeList: newList }
+
+  }
+
+  async function getAlreadyCheckedInStores(isAdhoc, isNPND) {
+    console.log("get already checkedin store ------")
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+
+    return new Promise((resolve, reject) => {
+
+      var q = '', join_tbl = 'Sup_JourneyPlan', tb2 = AppTables.CHECKIN_DATA;
+
+
+      var join = ` left outer join ${tb2} on ${tb2}.STORE_ID=${join_tbl}.StoreId and ${tb2}.JCP_TYPE='${join_tbl}' and ${tb2}.VISIT_DATE='${d2}' and ${tb2}.EMP_ID=${join_tbl}.MerchandiserId  and ${join_tbl}.UploadStatus in ('I','C','D','U','L')  `;
+      var orderby = ` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+
+      // get data from PJP /adhoc table
+      q = `Select ${join_tbl}.*,${tb2}.CHECKIN_TIME as CheckInTime ,${tb2}.CHECKOUT_TIME as CheckOutTime from ${join_tbl} ${join}  where ${join_tbl}.VisitDate='${d2}' and UploadStatus!='N' `;
+      q += ` ${orderby}`;
+
+      // q=`select * from ${join_tbl}`;
+      console.log("storelist q:", q);
+      db.transaction(async function (txn) {
+
+
+        // await txn.executeSql(`delete from ${join_tbl}`,[],async function (txn2, txnres2) { 
+        //   console.log("store data deleted")
+        // },function(txn2,txnerr){console.log(txnerr);resolve([]);});
+
+        // await txn.executeSql(`delete from ${tb2}`,[],async function (txn2, txnres2) { 
+        //   console.log("checkin data deleted")
+        // },function(txn2,txnerr){console.log(txnerr);resolve([]);});
+
+        // await txn.executeSql(`delete from ${AppTables.COVERAGE_DATA}`,[],async function (txn2, txnres2) { 
+        //   console.log("COVERAGE_DATA data deleted")
+        // },function(txn2,txnerr){console.log(txnerr);resolve([]);});
+
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('storelist len', txnres2.rows.length);
+          if (txnres2.rows.length > 0) {
+            // show from local
+            var storeArr = [];
+            console.log('storelist len2', txnres2.rows.length);
+            for (var i = 0; i <= txnres2.rows.length; i++) {
+              let sdata = txnres2.rows.item(i);
+              let { InTime, OutTime, UploadStatus, StoreId, MID } = sdata;
+              let time = sdata.CheckInTime != null && sdata.CheckInTime != '' ? moment(new Date(sdata.CheckInTime)).format('HH:mm:ss') : '';
+              let time2 = sdata.CheckOutTime != null && sdata.CheckOutTime != '' ? moment(new Date(sdata.CheckOutTime)).format('HH:mm:ss') : '';
+              let In_Time = (time == '' && UploadStatus != '' && UploadStatus != 'N') ? InTime : time;
+              let Out_Time = (time2 == '' && UploadStatus != '' && UploadStatus != 'N' && UploadStatus != 'I') ? OutTime : time2;
+              sdata.CheckInTime = In_Time;
+              sdata.CheckOutTime = Out_Time;
+
+              console.log("UploadStatus=========", UploadStatus)
+
+              console.log("MenuList=======12");
+              let MenuList = await getMenuList(sdata, isAdhoc, isNPND, checkPosale = false);
+              console.log("MenuList=======", MenuList);
+              let allDone = MenuList.length > 0 ? await getDailyMenu(sdata, isAdhoc, isNPND) : true;
+
+              sdata.allDone = allDone;
+              sdata.MenuList = MenuList || [];
+              storeArr.push(sdata);
+              setStoreData(sdata)
+
+              if (i == (txnres2.rows.length - 1)) {
+                console.log("storeArr:", storeArr.length)
+                resolve(storeArr);
+              }
+            }
+          }
+          else {
+            resolve([]);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve([]); });
+      });
+    }).catch((err) => {
+      console.log(err);
+      return [];
+    })
+
+  }
+
+  async function getCheckedInData(isAdhoc, isNPND) {
+    console.log("getCheckedInData");
+    setLoaderTitle("Loading...");
+    setProcessing(true);
+    try {
+      let AllStores = await getAlreadyCheckedInStores(isAdhoc, isNPND);
+      console.log('AllStores:', AllStores.length);
+      // console.log("console 3")
+      setState({ storeList: AllStores });
+      storeRef.current = { storeList: AllStores }
+      console.log("6", storeRef.current);
+      setGlobalStorelist(AllStores);
+      if (AllStores.length > 0) {
+        setNodataFound(false);
+      }
+      else {
+        setNodataFound(true);
+      }
+      setProcessing(false);
+    } catch (err) {
+      console.log("err in getCheckedInData:");
+
+    }
+  }
+
+  async function deleteStore(storeData1) {
+    let { StoreId, MerchandiserId } = storeData1;
+    let allQueries = [
+      `Delete from ${AppTables.COVERAGE_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}'`,
+      `Delete from ${AppTables.CHECKIN_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+      `Delete from ${AppTables.GEOTAG} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+      `Delete from ${AppTables.COMPETITION_VISIBILITY} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+      `Delete from ${AppTables.COMPETITION_PROMOTION} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+      `Delete from ${AppTables.STORE_IMAGES} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+      `Delete from ${AppTables.SURVEY} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+    ]
+
+    return await Promise.all(
+      allQueries.map(async (q, index) => {
+        let isDeleted = await executeQuery(q);
+        return isDeleted == true;
+      })
+    )
+      .then((val) => {
+        // if(val.indexOf(false)<0){}
+        return true;
+      }).catch((err) => {
+        console.log(err);
+        return false;
+      })
+  }
+
+  async function onVisitCancel() {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    setLoaderTitle(ST.DeletingCheckInData + '...')
+    setShowCancelCIModal(false);
+    setProcessing(true);
+    let { MID, StoreId, EmpId, MerchandiserId } = cancelCheckOutStore;
+    let postdata = '';
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    //  const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+    const { StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+    console.log("storewisePjpSearchStoreCanc::", storeSearch, storewisePjp);
+  
+
+
+    console.log("MerchandiserId:", MerchandiserId);
+    let methodN = getMethodName(METHODS.DELETECOVERAGE_METHOD);
+    postdata = { 'StoreId': StoreId, "UserId": props.UserId, "MerchandiserId": MerchandiserId, "VisitDate": d2 }
+
+    if (storewisePjp == true) {
+      methodN = getMethodName(METHODS.DELETECOVERAGE_METHOD_SUPWISE);
+      postdata = { "MId": MID, "UserId": props.UserId }
+    }
+    const url = props.baseurl + methodN;
+    console.log(url, postdata);
+    await UploadData2(url, postdata)
+      .then(async (res) => {
+        console.log('delete coverage res:', res);
+        if (res == '1') {
+          let isdeleted = await deleteStore(cancelCheckOutStore);
+          if (isdeleted == true) {
+
+            let data = '';
+
+            if (storeSearch) {
+              data = { "StoreId": StoreId, UploadStatus: "N", tbname: "Sup_JourneyPlan", EmpId: MerchandiserId };
+            }
+            else if (storewisePjp == true) {
+              data = { "StoreId": StoreId, UploadStatus: "N", tbname: (isAdhocScreen == true ? 'Sup_JourneyPlanStorewiseSup_Adhoc' : 'Sup_JourneyPlanStorewiseSup'), EmpId: MerchandiserId };
+            }
+            else {
+              data = { "StoreId": StoreId, UploadStatus: "N", tbname: (isAdhocScreen == true ? 'Sup_AdhocJourneyPlan' : 'Sup_JourneyPlan'), EmpId: MerchandiserId };
+            }
+            let isUpdated = await UpdateStoreStatus(props, data);
+            if (isUpdated == true) {
+              await updateStoreStatuslocal('N', cancelCheckOutStore, true);
+              setProcessing(false);
+              notify(ST.CheckInRemoved);
+
+              if (showSearchWiseStore) {
+                getCheckedInData();
+                DownloadPJP(searchRef.current, empidRef.current);
+              }
+
+            }
+            else {
+              setProcessing(false);
+              notify(ST.CheckInremovedsuccessfullybutcannotupdatestatus);
+            }
+          }
+          else {
+            setProcessing(false);
+            notify(ST.CheckInremovedsuccessfullybutcannotupdatestatus);
+          }
+        }
+        else {
+          setProcessing(false);
+          notify(ST.CannotRemoveCheckIn);
+        }
+
+      }).catch(err => {
+        console.log('onPage Team error', err);
+        setProcessing(false);
+        notify(ST.CannotRemoveCheckIn);
+      });
+
+  }
+
+
+  function _render_CancelCheckinModal() {
+    let storename = cancelCheckOutStore.StoreName || '';
+    return (
+      <CustomModal
+        style={customStyle.storelVisitM_Style}
+        title={ST.DoyoureallywanttoCancelCheckIn}
+        titleStyle={customStyle.storelCancelM_titleStyle}
+        messageStyle={customStyle.storelCancelM_subtitleStyle}
+        message={storename}
+        showModal={showCancelCIModal}
+      >
+        <View style={customStyle.storelCM_alertCon}>
+          <Feather name='alert-triangle' size={20} color={'#ff0000'} />
+          <Text style={customStyle.storelCM_alert}>{ST.Yourallcheckindatawillbelost}</Text>
+        </View>
+
+        <View style={customStyle.storelVisitM_options}>
+
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { setShowCancelCIModal(false); }}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+          </TouchableOpacity>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { onVisitCancel() }}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.OK}</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+  }
+
+  function onBeforeRemove(e) {
+    if (showCameraRef.current == true) {
+      e.preventDefault();
+      ChangeShowCamera(false);
+    }
+    else {
+      return;
+    }
+  }
+
+  function ChangeShowCamera(val) {
+    showCameraRef.current = val;
+    setShowCamera(val);
+  }
+
+
+  async function getData() {
+    setLoaderTitle("loading...")
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+
+    return new Promise((resolve, reject) => {
+
+
+      let q = `select StoreId from Sup_JourneyPlan where VisitDate='${d2}' and UploadStatus!='N' `;
+      db.transaction(async function (txn) {
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('storelist len', txnres2.rows.length);
+          if (txnres2.rows.length > 0) {
+            // show from local
+            let arr = [];
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let sdata = txnres2.rows.item(i);
+
+              arr.push(sdata)
+
+              if (i == (txnres2.rows.length - 1)) {
+                setCheckInStoreIds(arr);
+                setProcessing(false);
+              }
+            }
+          }
+          else {
+            setProcessing(false);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); });
+      });
+    }).catch((err) => {
+      setProcessing(false);
+    })
+
+  }
+
+
+
+  async function calLocatDistance() {
+    if (currentStore.Latitude != '' && currentStore.Latitude != null) {
+      const hasPermission = await _checkLocationPermission();
+      if (hasPermission == true) {
+        Geolocation.getCurrentPosition(
+          async (position) => {
+            let loc = { lat: position.coords.latitude, lng: position.coords.longitude };
+
+            var distance = checkRange(loc.lat, loc.lng, currentStore.Latitude, currentStore.Longitude);
+            // console.log('distance:',distance);
+            let dinKM = (distance / 1000);
+            let distanceinM = (distance == '' || distance == null || isNaN(distance)) ? ' 0 m' : (dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+            setStoreDistance(distanceinM);
+            setStoreDistanceinM(distance);
+
+            if (props.GeoFenceEnable == true && distance > props.GeoFenceRadius) {
+              setShowDistanceModal(true);
+            }
+            else {
+              props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': true });
+            }
+          },
+          (error) => {
+            notify(ST.Cannotgetuserposition);
+          },
+          { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+        );
+      }
+      else {
+        notify(ST.Pleaseallowlocationpermission);
+      }
+    }
+    else {
+      notify(ST.Storelocationnotavailable);
+    }
+
+  }
+
+  async function checkAvailability(storeData1, data, checkPosale = false) {
+
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q2 = getAvailblQuery(data.ScreenName, storeData1, data, checkPosale);
+        // console.log('Executing query check availability:', q2);
+        if (q2 != '' && q2 != null) {
+
+          await txn.executeSql(q2, [], async function (txn2, txnres2) {
+            let isAvlbl = getIfAvlbl(data.ScreenName, txnres2, storeData1);
+            console.log(data.ScreenName, "isAvlbl:", isAvlbl); // for check the avaliable screen
+            resolve(isAvlbl);
+          }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+        }
+        else {
+          let isAvlbl = getIfAvlbl(data.ScreenName, {}, storeData1);
+          resolve(isAvlbl);
+        }
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    });
+  }
+
+  async function getMenuList(isAdhoc, isNPND, checkPosale = false) {
+    let { StoreId, ChannelId, RegionId, StoreTypeId } = storeData;
+    return new Promise((resolve, reject) => {
+
+      db.transaction(async function (txn) {
+        let q = Q_MenuList(storeData, isAdhoc, isNPND);
+
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+          if (txnres.rows.length > 0) {
+            let arr = [];
+            for (var i = 0; i < txnres.rows.length; i++) {
+              let data = txnres.rows.item(i);
+
+              console.log(data, "data of menu'ss")
+
+              let isAvlbl = await checkAvailability(storeData, data, checkPosale);
+              console.log("checkAvailability--------2", isAvlbl)
+              // if(isAvlbl==true||isAvlbl=="true"){
+              arr.push(data);
+              // }
+
+              if (i == (txnres.rows.length - 1)) {
+                console.log("checkAvailability--------3", arr)
+                resolve(arr);
+              }
+            }
+          }
+          else {
+            resolve([])
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve([]); },);
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log('err--------', err)
+      return []
+    })
+  }
+
+
+  async function SearchStore(searchQuery) {
+    console.log('SEARCH QUEARYYYYYYY', searchQuery);
+
+    if (searchQuery.trim().length >= 3) {
+      DownloadPJP(searchQuery, empidRef.current);
+    }
+    else {
+      notify("Please enter atleat 3 letters to search!")
+    }
+  }
+
+
+  async function updateStatus(storeData1, data, isAvlbl) {
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q2 = getQuery(data.ScreenName, storeData1, data);
+
+        // console.log(q2, "isdoneKPi called--->")
+
+        if (q2 != '' && q2 != null && ((isAvlbl == true) || (isAvlbl && (isAvlbl.isAvlbl == true)))) {
+          await txn.executeSql(q2, [], async function (txn2, txnres2) {
+            let isDone = await getIfKPIDone(data.ScreenName, txnres2, storeData1, isAvlbl, data);
+            // console.log("isDone--->", isDone)
+            resolve(isDone);
+
+          }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+        }
+        else {
+          resolve(false);
+        }
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    });
+
+  }
+
+  async function getDailyMenu(storeData1, isAdhoc, isNPND, checkPosale = false) {
+
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let { StoreId, ChannelId, RegionId, StoreTypeId } = storeData1;
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q = Q_MenuList(storeData1, isAdhoc, isNPND);
+
+        await txn.executeSql(q, [], async function (txn2, txnres) {
+
+          if (txnres.rows.length > 0) {
+            let allDone = true;
+            for (var i = 0; i < txnres.rows.length; i++) {
+              let data = txnres.rows.item(i);
+              let isAvlbl = await checkAvailability(storeData1, data, checkPosale);
+
+
+              let isDone = await updateStatus(storeData1, data, isAvlbl);
+
+              if (((isAvlbl == true) || (isAvlbl.isAvlbl == true)) && !isDone) {
+                allDone = false;
+                resolve(allDone);
+                break;
+              }
+              if (i == (txnres.rows.length - 1)) {
+                resolve(allDone);
+              }
+            }
+          }
+          else {
+            resolve(true);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); },);
+
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    });
+
+  }
+
+  // for show checked in btn 
+
+  async function getAlreadyCheckedInStores(isAdhoc, isNPND) {
+    console.log("get already checkedin store ------")
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+
+    return new Promise((resolve, reject) => {
+
+      var q = '', join_tbl = 'Sup_JourneyPlan', tb2 = AppTables.CHECKIN_DATA;
+
+      var join = ` left outer join ${tb2} on ${tb2}.STORE_ID=${join_tbl}.StoreId and ${tb2}.JCP_TYPE='${join_tbl}' and ${tb2}.VISIT_DATE='${d2}' and ${tb2}.EMP_ID=${join_tbl}.MerchandiserId  and ${join_tbl}.UploadStatus in ('I','C','D','U','L')  `;
+      var orderby = ` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+
+      // get data from PJP /adhoc table
+      q = `Select ${join_tbl}.*,${tb2}.CHECKIN_TIME as CheckInTime ,${tb2}.CHECKOUT_TIME as CheckOutTime from ${join_tbl} ${join}  where ${join_tbl}.VisitDate='${d2}' and UploadStatus!='N' `;
+      q += ` ${orderby}`;
+
+      // q=`select * from ${join_tbl}`;
+      console.log("storelist q:", q);
+      db.transaction(async function (txn) {
+
+
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('storelist len', txnres2.rows.length);
+          if (txnres2.rows.length > 0) {
+            // show from local
+            var storeArr = [];
+            console.log('storelist len2', txnres2.rows.length);
+            for (var i = 0; i <= txnres2.rows.length; i++) {
+              let sdata = txnres2.rows.item(i);
+              let { InTime, OutTime, UploadStatus, StoreId, MID } = sdata;
+              let time = sdata.CheckInTime != null && sdata.CheckInTime != '' ? moment(new Date(sdata.CheckInTime)).format('HH:mm:ss') : '';
+              let time2 = sdata.CheckOutTime != null && sdata.CheckOutTime != '' ? moment(new Date(sdata.CheckOutTime)).format('HH:mm:ss') : '';
+              let In_Time = (time == '' && UploadStatus != '' && UploadStatus != 'N') ? InTime : time;
+              let Out_Time = (time2 == '' && UploadStatus != '' && UploadStatus != 'N' && UploadStatus != 'I') ? OutTime : time2;
+              sdata.CheckInTime = In_Time;
+              sdata.CheckOutTime = Out_Time;
+
+              console.log("MenuList=======12");
+              let MenuList = await getMenuList(sdata, isAdhoc, isNPND, checkPosale = false);
+              console.log("MenuList=======", MenuList);
+              let allDone = MenuList.length > 0 ? await getDailyMenu(sdata, isAdhoc, isNPND) : true;
+
+              sdata.allDone = allDone;
+              sdata.MenuList = MenuList || [];
+              storeArr.push(sdata);
+              setStoreData(sdata)
+
+              if (i == (txnres2.rows.length - 1)) {
+                console.log("storeArr:", storeArr.length)
+                resolve(storeArr);
+              }
+            }
+          }
+          else {
+            resolve([]);
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); resolve([]); });
+      });
+    }).catch((err) => {
+      console.log(err);
+      return [];
+    })
+
+  }
+
+  async function DownloadPJP(searchQuery, empid) {
+    setLoaderTitle("Searching...");
+    setProcessing(true);
+
+
+    console.log("searchQuery, empid", searchQuery, empid)
+
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+
+    let data = {};
+    data = {
+      Downloadtype: "Sup_JourneyPlanSearch",
+      Username: loginDetails.UserId,
+      Param1: searchQuery,
+      Param2: empidataofteam ? empidataofteam : empid,
+    };
+
+    console.log(url, data);
+    await getDownloadJson1(url, data)
+      .then(async (res) => {
+        // console.log("DownloadPJP res:",res);
+        if (res.Sup_JourneyPlanSearch != null || res.Sup_JourneyPlanSearch != "" && typeof res.Sup_JourneyPlanSearch == "object") {
+          let AllStores = res.Sup_JourneyPlanSearch || [];
+          let allMenuList = await getMenuList(true, false, true);
+
+          const allDone = AllStores.length > 0
+            ? await Promise.all(
+              AllStores.map(async (store) =>
+                getDailyMenu(store, true, false)
+              )
+            )
+            : true;
+          let newList = AllStores.map((itm, i) => ({ ...itm, MenuList: allMenuList, allDone: allDone[i] }))
+          setNodataFound(false);
+          setnodataMsg("");
+          setState({ storeList: newList });
+          storeRef.current = { storeList: [...newList] }
+          console.log("7", storeRef.current);
+
+        }
+        // pass to the next download key if data does not exists for this Key
+        else if (res != null && typeof (res) == 'object' && (res[0] != null && res[0].Result != null && res[0].Result == "No Data")) {
+          setState({ storeList: [] });
+          storeRef.current = { storeList: [] }
+          console.log("1", storeRef.current);
+          setNodataFound(true);
+          setnodataMsg("No results found for your search!");
+
+        }
+        // Stop Downloading and report error
+        else {
+          setState({ storeList: [] });
+          storeRef.current = { storeList: [] }
+          console.log("2", storeRef.current);
+          setNodataFound(true);
+          setnodataMsg("" + res + ". Please ensure you are connected to the internet!");
+
+        }
+
+      }).then((res) => {
+        setProcessing(false);
+      })
+      .catch((err) => {
+        setState({ storeList: [] });
+        storeRef.current = { storeList: [] }
+        console.log("3", storeRef.current);
+
+        setNodataFound(true);
+        setnodataMsg("Cannot search data!");
+      });
+  }
+
+  // // Insert PJP before check in 
+  // async function InsertPJP(storeData1){
+
+  //   console.log("Insert PJP store data=======>",storeData1)
+
+  //     return new Promise((resolve,reject)=>{
+
+  //         var values=[],sql_stmnt='',all_vals='';
+  //         let d1=new Date();
+  //         let d2=moment(d1).format('MM/DD/YYYY');
+  //         let tbname='Sup_JourneyPlan';
+
+  //         let {MID,ChannelId,StoreId,StoreCode,EmpId,MerchandiserId,VisitDate,ChainId,ChainName,StoreName,Address,Location,Landmark,CityId,CityName,StateId,StateName,RegionId,StoreTypeId,StoreType,Pincode,Latitude,Longitude,Phone,Mobile,ContactPerson,Email,UploadStatus,GeoTag,GeoFenceRadius,InTime,OutTime,CameraAllow}=storeData1;
+  //         values.push(` ('${MID}', '${ChannelId}', '${StoreId}', '${StoreCode}', '${EmpId}', '${MerchandiserId}', '${VisitDate}', '${ChainId}', '${ChainName}', '${StoreName}', '${Address}', '${Location}', '${Landmark}', '${CityId}', '${CityName}', '${StateId}', '${StateName}', '${RegionId}', '${StoreTypeId}', '${StoreType}', '${Pincode}', '${Latitude}', '${Longitude}', '${Phone}', '${Mobile}', '${ContactPerson}', '${Email}', '${UploadStatus}', '${GeoTag}', '${GeoFenceRadius}', '${InTime}', '${OutTime}','${CameraAllow}')`);
+  //         all_vals=values.join(',');
+  //         sql_stmnt=`INSERT INTO ${tbname}(MID,ChannelId,StoreId,StoreCode,EmpId,MerchandiserId,VisitDate,ChainId,ChainName,StoreName,Address,Location,Landmark,CityId,CityName,StateId,StateName,RegionId,StoreTypeId,StoreType,Pincode,Latitude,Longitude,Phone,Mobile,ContactPerson,Email,UploadStatus,GeoTag,GeoFenceRadius,InTime,OutTime,CameraAllow) 
+  //         values ${all_vals}`;
+
+  //         let q=`select * from ${tbname} where VisitDate='${d2}' and StoreId='${StoreId}' and  MerchandiserId='${MerchandiserId}' `;
+
+  //         db.transaction(async function (txn) { 
+  //         await txn.executeSql(q,[],async function (txn2, txnres) {
+  //             if(txnres.rows.length>0){
+  //                 // This store has already been added in storelistPJP!!
+  //                 console.log("This store has already been added in storelistPJP!!");
+  //                 // notify("This store has already been visited!")
+  //                 resolve(false);
+  //             }
+  //             else{
+  //                 // This store is not added in storelistPJP yet!! then add store
+  //                 await txn.executeSql(sql_stmnt,[],async function (txn2, txnres2) { 
+  //                     resolve(true);
+  //                 },function(txn2,txnerr){ console.log(txnerr);resolve(false);});
+  //             }
+
+  //         },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+  //         })
+  //     }).catch((err)=>{
+  //         console.log(err);
+  //         return false;
+  //     })
+
+  // }
+
+
+
+  async function updateStoreStatuslocal(status, storeData1, updateCheckin = false, uCOut = false, cout_time = '') {
+
+    let storeArr = state.storeList;
+    let sdata_index = storeArr.findIndex(i => i.StoreId == storeData1.StoreId);
+    if (sdata_index >= 0) {
+      let sdata = storeArr[sdata_index];
+      sdata['UploadStatus'] = status;
+      if (updateCheckin == true) {
+        sdata['CheckInTime'] = '';
+      }
+      if (uCOut == true) {
+        sdata['CheckOutTime'] = cout_time;
+      }
+      storeArr[sdata_index] = sdata;
+      // console.log('storeArr',storeArr)
+      setState({ ...state, storeArr });
+      storeRef.current = { ...state, storeArr }
+      console.log("4", storeRef.current);
+      setGlobalStorelist(storeArr);
+      setrerenderdata(!rerenderdata);
+    }
+  }
+
+  async function storeVisited() {
+    console.log('isgeotag:', currentStore.GeoTag);
+    setShowStoreVisitModal(false);
+
+    if (currentStore.GeoTag == 'N') {
+      setShowGeoTagModal(true);
+    }
+    else if (currentStore.UploadStatus == 'N' || currentStore.UploadStatus == '') {
+      calLocatDistance();
+    }
+    else {
+
+    }
+  }
+
+  async function storeNotVisited() {
+    setShowStoreVisitModal(false);
+    props.navigation.replace('StoreNonWorkingReasons', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': true });
+  }
+
+
+
+
+  async function executeQuery(q, type = '1') {
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          if (type == '1') {
+            resolve(true);
+          }
+          else {
+            let arr = [];
+            if (txnres2.rows.length > 0) {
+              for (var i = 0; i < txnres2.rows.length; i++) {
+                let data = txnres2.rows.item(i);
+                arr.push(data);
+              }
+              resolve(arr);
+            }
+            else {
+              resolve([]);
+            }
+          }
+        }, function (txn2, txnerr) { console.log(txnerr); type == '1' ? resolve(false) : resolve([]); });
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      let d = type == '1' ? false : [];
+      return d;
+    })
+  }
+
+
+  function _render_StoreVisitModal() {
+    return (
+      <CustomModal
+        style={customStyle.storelVisitM_Style}
+        title={ST.StoreVisited}
+        titleStyle={customStyle.storelVisitM_titleStyle}
+        showModal={showStoreVisitModal}
+      >
+        <View style={customStyle.storelVisitM_options}>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { storeVisited() }}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.Yes}</Text>
+          </TouchableOpacity>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { storeNotVisited() }}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.No}</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+  }
+
+  function _render_GeoTagModal() {
+    return (
+      <CustomModal
+        style={customStyle.storelVisitM_Style}
+        title={ST.Youneedtogeotagstore}
+        titleStyle={customStyle.storelVisitM_titleStyle}
+        showModal={showGeoTagModal}
+      >
+        <View style={customStyle.storelVisitM_options}>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { setShowGeoTagModal(false) }}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+          </TouchableOpacity>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { setShowGeoTagModal(false); props.navigation.replace('GeoTag', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': true }); }}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.OK}</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+
+  }
+
+
+  async function onDistanceM_OK() {
+    // const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+    const { StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+    console.log("storewisePjponDistanceM_OK:", storewisePjp);
+
+
+    if (storewisePjp == true) {
+      if (props.GeoFenceEnable) {
+        if (storeDistanceinM > props.GeoFenceRadius) {
+          setShowDistanceModal(false);
+          notify(ST.Youcannotcheckin + ' ' + ST.Youarenotwithinthealloweddistancefromthestore + ' ' + props.GeoFenceRadius + ' m', 'LONG')
+        }
+        else {
+          setShowDistanceModal(false); props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: storeData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': true });
+        }
+      }
+      else {
+        setShowDistanceModal(false); props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: storeData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': true });
+      }
+    }
+
+    else {
+      if (props.GeoFenceEnable) {
+        if (storeDistanceinM > props.GeoFenceRadius) {
+          setShowDistanceModal(false);
+          notify(ST.Youcannotcheckin + ' ' + ST.Youarenotwithinthealloweddistancefromthestore + ' ' + props.GeoFenceRadius + ' m', 'LONG')
+        }
+        else {
+          setShowDistanceModal(false); props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': true });
+        }
+      }
+    }
+  }
+
+
+  function closeImageModal() {
+    setCheckOutImageModal(false);
+  }
+
+  function cancelImage() {
+    setCheckOutImage('');
+    setCheckOutImagePath('');
+    closeImageModal();
+  }
+
+  async function openCamera() {
+    ChangeShowCamera(true);
+    // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front'});
+  }
+
+  async function getImage(imgdata) {
+    let storeData = checkOutStore
+    if (typeof imgdata == 'object' && imgdata.errorCode == 'camera_unavailable') {
+      notify(ST.Cameraunavailable);
+    }
+    else if (typeof imgdata == 'object' && imgdata.uri != null) {
+      const img = imgdata;
+      const imgurl = img.uri, imgWidth = img.width, imgHeight = img.height;
+
+
+      let picture_clicked_time = new Date();
+      picture_clicked_time = moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+
+
+      const mark_text1 = picture_clicked_time;
+      const mark_text2 = 'Store Name:' + storeData.StoreName + ' | Store Id:' + storeData.StoreId + ' | User Id:' + storeData.EmpId + ' | Image Type: Check Out' + ' | Date:' + picture_clicked_time;
+
+      await marktext1(mark_text1, imgurl)
+        .then((res) => {
+          if (res.success) {
+            let uri = res.uri;
+            marktext2(mark_text2, uri, imgWidth, imgHeight)
+              .then((res) => {
+                if (res.success) {
+                  let picture_clickedd = new Date();
+                  let picture_clicked_date = moment(picture_clickedd).format('YYYYMMDD');
+                  let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                  let filename = storeData.StoreId + '_CheckoutImg-' + picture_clicked_date + '_' + picture_clicked_time + '.jpg';
+
+                  setCheckOutImage(filename);
+                  // renamefile
+                  let imagePath = `${RNFS.DocumentDirectoryPath}/${filename}`;
+                  RNFS.copyFile(res.uri, imagePath)
+                    .then(resn => {
+                      let uri = 'file://' + imagePath;
+                      console.log('image marker', uri);
+                      setCheckOutImagePath(uri);
+                    })
+                    .catch(err => {
+                      console.log(ST.Errorimagefilewritefailed + '!!!');
+                      console.log(err.message, err.code);
+                    });
+
+                }
+                else {
+                  if (res.imagenotfound) {
+                    notify(ST.Pleasecaptureaimage);
+                  }
+                  else {
+                    notify(res.error);
+                  }
+                }
+              });
+          }
+          else {
+            if (res.imagenotfound) {
+              notify(ST.Pleasecaptureaimage);
+            }
+            else {
+              notify(res.error);
+            }
+          }
+        });
+    }
+  }
+
+  async function onCheckOut(storeData1) {
+    console.log("storeData1--------", storeData1)
+    setStoreObj(storeData1)
+    let isAlldone = await getDailyMenu(storeData1, true, false);
+    // let isAlldone=await getDailyMenu(storeData1,EmpData,isAdhocScreen,isNPNDScreen);
+    if (isAlldone == true) {
+      setCheckOutStore(storeData1);
+      setShowAlert(true);
+    }
+    else {
+      notify(ST.PleasefillallKPI, false);
+    }
+  }
+
+
+  function _OpenCaptureImage_Modal() {
+    console.log('CheckOutImagePath:', CheckOutImageModal);
+    const isImageCap = (CheckOutImagePath == '' || CheckOutImagePath == null) ? false : true;
+    console.log('isImageCap:', isImageCap);
+
+
+    return (
+      <CustomModal
+        style={customStyle.nonWCapImgModal}
+        title={ST.CheckOutImage}
+        message={ST.Pleaseclickselfieinfrontofstore}
+        titleStyle={customStyle.nonWCapImgModal_title}
+        messageStyle={customStyle.nonWCapImgModal_subtitle}
+        showModal={CheckOutImageModal && !showCamera}
+      >
+        {
+          !isImageCap &&
+          <View style={customStyle.nonWCapImgModalCon}>
+            <TouchableOpacity style={customStyle.nonWCapImgModal_Camera} onPress={() => { openCamera() }}>
+              <SvgXml width={100} height={100} xml={CameraImg2} />
+            </TouchableOpacity>
+            <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={() => { closeImageModal() }}>
+              <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+            </TouchableOpacity>
+          </View>
+        }
+        {
+          isImageCap &&
+          <View style={customStyle.nonWCapImgModalCon}>
+            <View style={customStyle.nonWCapImgModal_ImgWrap}>
+              <Image style={[customStyle.nonWCapImgModal_Img, (Platform.OS == 'ios' ? customStyle.android_flipIMageView : {})]} source={{ uri: CheckOutImagePath }} />
+            </View>
+            <TouchableOpacity style={customStyle.nonWCapImgModal_CameraSmall} onPress={() => { openCamera() }}>
+              <MaterialCommunityIcons name='camera-retake' size={30} color={PageTheme.$primary_color} />
+            </TouchableOpacity>
+            {showImageSaveOp &&
+              <View style={customStyle.nonWCapImgModal_btng}>
+                <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={() => { cancelImage() }}>
+                  <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+                </TouchableOpacity>
+                <TouchableOpacity style={customStyle.nonWCapImgModal_Save_btn} onPress={() => { closeImageModal(); UpdateCheckOutStatus(CheckOutLoc); }}>
+                  <Text style={customStyle.nonWCapImgModal_Save_btnText}>{ST.Save}</Text>
+                </TouchableOpacity>
+              </View>}
+            {!showImageSaveOp &&
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={() => { closeImageModal() }}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Close}</Text>
+              </TouchableOpacity>
+            }
+
+          </View>
+
+        }
+      </CustomModal>
+    )
+  }
+
+  function _render_DistanceModal() {
+    return (
+      <CustomModal
+        style={customStyle.storeDistance_Modal}
+        title={'Performics'}
+        titleStyle={customStyle.storeDistanceM_title}
+        showModal={showDistanceModal}
+      >
+        <View style={customStyle.storeDistanceM_Con}>
+          <Text style={customStyle.storeDistanceM_message}>{ST.Youneedtobeinthestore}</Text>
+          <Text style={[customStyle.storeDistanceM_message, customStyle.mb20]}>{ST.toCheckInCheckOut}</Text>
+          <Text style={customStyle.storeDistanceM_submessage}>{`${ST.Alloweddistancefromstore}: ${(props.GeoFenceEnable == true ? props.GeoFenceRadius : '500')} m`}</Text>
+          <Text style={customStyle.storeDistanceM_submessage}>{`${ST.Yourdistancefromstore}: ${storeDistance}`}</Text>
+          <TouchableOpacity style={customStyle.storeDistanceM_btn} onPress={() => { onDistanceM_OK() }}>
+            <Text style={customStyle.storeDistanceM_btnText}>Ok</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+
+  }
+  function onSaveCancel() {
+    setShowAlert(false);
+  }
+
+  async function checkOutAfterLoc(loc) {
+    let CheckOut_PhotoReq = props.CheckOut_PhotoReq != null ? props.CheckOut_PhotoReq : false;
+    if (CheckOut_PhotoReq) {
+      setCheckOutLoc(loc);
+      setShowAlert(false);
+      setCheckOutImageModal(true);
+    }
+    else {
+      UpdateCheckOutStatus(loc);
+    }
+  }
+
+  async function UpdateStoreCheckOut(data) {
+    console.log('UpdateStoreCheckOut')
+    let CheckOut_PhotoReq = props.CheckOut_PhotoReq != null ? props.CheckOut_PhotoReq : false;
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let now = moment(d1).format('MM/DD/YYYY HH:mm:ss');
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let q2 = `UPDATE ${AppTables.COVERAGE_DATA} SET CHECKOUT_TIME='${now}', CHECKOUT_IMAGE='${CheckOut_PhotoReq ? CheckOutImage : ''}' WHERE STORE_ID='${checkOutStore.StoreId}' and EMP_ID='${checkOutStore.MerchandiserId}' and VISIT_DATE='${d2}' `;
+
+        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+          console.log('store coverage updated');
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+        let q = `UPDATE ${AppTables.CHECKIN_DATA} SET CHECKOUT_TIME='${now}', CHECKOUT_IMAGE='${CheckOut_PhotoReq ? CheckOutImage : ''}' WHERE STORE_ID='${checkOutStore.StoreId}' and EMP_ID='${checkOutStore.MerchandiserId}' and VISIT_DATE='${d2}' `;
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('store checkout updated');
+          resolve(true);
+        }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+      });
+    }).then((val) => {
+      return val;
+    }).catch((err) => {
+      console.log(err);
+      return false;
+    });
+
+  }
+
+  async function UpdateCheckOutStatus(loc) {
+
+    setLoaderTitle(ST.UpdatingCheckoutStatus + '...');
+    setProcessing(true);
+    let { StoreId, MID, EmpId, MerchandiserId } = checkOutStore;
+    let CheckOut_PhotoReq = props.CheckOut_PhotoReq != null ? props.CheckOut_PhotoReq : false;
+
+    console.log(CheckOut_PhotoReq, "CheckOut_PhotoReq")
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+
+    let d = new Date();
+    let d2 = moment(d).format('MM/DD/YYYY');
+    let d3 = moment(d).format('MM/DD/YYYY HH:mm:ss');
+    let data1 = '';
+    //const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+    const { StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+
+    console.log("storewisePjp:", storewisePjp);
+
+    data1 = {
+      "UserId": loginDetails.UserId,
+      "StoreId": StoreId,
+      "MerchandiserId": MerchandiserId,
+      "Latitude": loc.lat,
+      "Longitude": loc.lng,
+      "CheckoutDate": d2,
+      "CheckOutImage": CheckOut_PhotoReq == true ? CheckOutImage : '',
+
+    }
+
+
+
+    // let fpath=Platform.OS=='ios'?CheckOutImagePath.replace('file://',''):CheckOutImagePath;
+    var data2 = new FormData();
+    data2.append('file', {
+      uri: CheckOutImagePath,
+      type: 'image/jpg',
+      name: CheckOutImage,
+    });
+
+    let foldername = getFolderName(CheckOutImage);
+    data2.append('Foldername', foldername);
+    data2.append('Path', d2);
+
+    const url = props.baseurl + getMethodName(METHODS.CHECKOUTDETAIL_METHOD);
+    const url1 = (props.imageUploadUrl || URL_IMAGE) + getMethodName(METHODS.UPLOADIMAGES_METHOD);
+    console.log(url, data1);
+    await UploadData2(url, data1)
+      .then(async (res) => {
+        console.log('StoreCheckOutSup1:', res, 'MID:', MID);
+        if (!res.error) {
+          if (res == 1) {
+            //Check out completed
+            if (CheckOut_PhotoReq) {
+              // Upload Image 
+              await UploadFormData(url1, data2)
+                .then(async (res1) => {
+                  console.log('checkout image upload:', res1);
+                  cancelImage();
+                })
+                .catch((err) => {
+                  console.log(err);
+                });
+            }
+
+
+            let data = { checkout_image: '' };
+            const isCheckOutUpdated = await UpdateStoreCheckOut(data);
+
+            if (isCheckOutUpdated == true) {
+              let datan = '';
+
+              if (showSearchWiseStore) {
+                datan = { StoreId: StoreId, UploadStatus: 'C', tbname: 'Sup_JourneyPlan', EmpId: MerchandiserId };
+              }
+              else if (storewisePjp == true) {
+                datan = { StoreId: StoreId, UploadStatus: 'C', tbname: (isAdhocScreen == true ? 'Sup_JourneyPlanStorewiseSup_Adhoc' : isNPNDScreen ? "Sup_NPNDStore" : 'Sup_JourneyPlanStorewiseSup'), EmpId: MerchandiserId };
+              }
+              else {
+                datan = { StoreId: StoreId, UploadStatus: 'C', tbname: (isAdhocScreen == true ? 'Sup_AdhocJourneyPlan' : isNPNDScreen ? "Sup_NPNDStore" : 'Sup_JourneyPlan'), EmpId: MerchandiserId };
+              }
+              const isUpdated = await UpdateStoreStatus(props, datan);
+              if (isUpdated == true) {
+                let outtime = moment(d).format('HH:mm:ss');;
+                await updateStoreStatuslocal('C', checkOutStore, false, true, outtime);
+                setLoaderTitle(ST.UploadingData + '...');
+                UploadOnCheckOut(loc);
+              }
+              else {
+                setProcessing(false); notify(ST.Erroroccurwhilecheckout, 'LONG');
+              }
+            }
+            else {
+              notify(ST.Erroroccurwhilecheckout, 'LONG');
+            }
+
+          }
+          else {
+            notify(ST.Somethingwentwrong, 'SHORT'); setProcessing(false);
+          }
+        }
+        else {
+          notify(ST.Somethingwentwrong, 'SHORT'); setProcessing(false);
+        }
+      })
+      .catch((err) => {
+        console.log('onPage Team error', err);
+        notify(ST.Somethingwentwrong, 'SHORT'); setProcessing(false);
+      });
+
+
+  }
+
+  async function getPJPStoresData(tbname, Stores = [], d2) {
+    return new Promise((resolve, reject) => {
+      db.transaction(async function (txn) {
+        let join, qt;
+        qt = `Select * from ${AppTables.COVERAGE_DATA} t1 where t1.VISIT_DATE='${d2}' and t1.STATUS in ('C','P','D','L')`
+        console.log('qt', qt);
+        await txn.executeSql(qt, [], async function (txn2, txnres2) {
+          console.log('length of pjp', txnres2.rows.length);
+          if (txnres2.rows.length > 0) {
+
+            for (var i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              let tempDATa = JSON.parse(data?.STORE_OBJ)
+              data["MerchandiserId"] = tempDATa?.MerchandiserId
+              data["StoreId"] = data?.STORE_ID
+              data["EmpId"] = tempDATa?.EmpId
+              Stores.push(data);
+            }
+            resolve(Stores);
+          }
+          else {
+            resolve(Stores);
+          }
+        }, function (txnE, txnerr) { console.log(txnerr); resolve(Stores) },);
+
+      });
+    }).then((val) => {
+      return val;
+    })
+      .catch((err) => {
+        console.log(err);
+        return Stores;
+      })
+  }
+
+
+  async function uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE) {
+    let { StoreName } = data;
+    if (MenuList.length > 0) {
+      // Upload data with Images
+      let allFilesToUpload = await uploadAllData(props, data, allKPIs, props.UserId, JCP_TYPE, true, MenuList,false);
+      console.log('allFilesToUpload:', allFilesToUpload.length);
+      await updateStoreStatuslocal('D', data);
+      UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload);
+    }
+    else {
+      //  Upload statua u if no data exists
+      let isAllUploaded_S = await uploadStoreStatus(props, data, 'U', JCP_TYPE, EmpData);
+      if (isAllUploaded_S == true) {
+        await updateStoreStatuslocal('U', data);
+        notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+        if (index == AllStores.length - 1) {
+          setProcessing(false);
+        }
+      }
+      else {
+        if (index == AllStores.length - 1) {
+          setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+        }
+      }
+    }
+  }
+
+
+  async function UploadOnCheckOut(loc) {
+    try {
+      console.log('UploadOnCheckOut');
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      let token = await get_item('loginToken');
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+
+      let PJPStores = '', PJPStores1 = '', AllStores = '';
+
+
+      AllStores = await getPJPStoresData('Sup_JourneyPlan', [], d2);
+
+      // COVERAGE_DATA
+
+      await db.transaction(async function (txn) {
+        console.log('stores to upload:', AllStores.length);
+        if (AllStores.length > 0) {
+          for (var i = 0; i < AllStores.length; i++) {
+            let data = AllStores[i];
+            const index = i;
+            let { StoreId, StoreName, EmpId, UploadStatus, MerchandiserId, MID, STATUS, Status, VisitDate, REASON_ID, IMAGE, JCP_TYPE, ChannelId, StoreTypeId, STORE_OBJ, ChainId, CHECKOUT_IMAGE } = data;
+            let Deviation = 1
+
+            console.log(data, "dattaaaaaaa store list")
+
+            let MenuList = await getMenuList(data, true, false, true);
+            console.log("checkAvailability--------4", MenuList)
+            let allKPIs = await getKPIS(MenuList);
+            console.log("checkAvailability--------5", allKPIs)
+
+            let StoreObj = JSON.parse(STORE_OBJ)
+            // get all checkout ids data
+            // let allKPIs=['Stocks','BRS','SOS','PaidVis','AddVis','CompVis','Promotion','CompPromo','Contacts','Sale','Survey'];
+            let pdata = '';
+            console.log("checkAvailability--------6", STATUS)
+            if (STATUS == 'C') {
+              // pdata={
+              //   "Mid":MID,
+              //   "EmpId":MerchandiserId,
+              //   "StoreId":StoreId,
+              //   "VisitDate":d2,
+              //   "Latitude":loc.lat,
+              //   "Longitude":loc.lng,
+              //   "ReasonId":REASON_ID!=''?REASON_ID:0,
+              //   "Remark":"",
+              //   "ImageName":IMAGE,
+              //   "Appversion":AppVersion,
+              //   "UploadStatus":'P',
+              //   "CheckoutImage":IMAGE,
+              //   "UserName":loginDetails.UserId,
+              // };
+
+              pdata = {
+                "StoreId": StoreObj?.StoreId,
+                "VisitDate": d2,
+                // "Mid":MID,
+                "MerchandiserId": StoreObj?.MerchandiserId,
+                "Latitude": loc.lat,
+                "Longitude": loc.lng,
+                "ReasonId": REASON_ID != '' ? REASON_ID : 0,
+                "Remark": "",
+                "CheckInImage": IMAGE,
+                "AppVersion": AppVersion,
+                "Checkout_Image": CHECKOUT_IMAGE,
+                "ChainId": StoreObj?.ChainId,
+                "StoreTypeId": StoreObj?.StoreTypeId,
+                "ChannelId": StoreObj?.ChannelId,
+                "UploadStatus": 'P',
+                "UserId": loginDetails.UserId,
+                "Deviation": Deviation,
+              };
+
+              console.log("checkAvailability--------7", pdata)
+              const url2 = props.baseurl + getMethodName(METHODS.GETCOVERAGE_METHOD);
+              console.log(url2, pdata, "data sending by me on Storelist ..........")
+              await UploadData2(url2, pdata)
+                .then(async (res) => {
+                  console.log('status uploadres:', res, 'MID:', MID);
+
+                  if (!res.error) {
+                    let tbname = JCP_TYPE;
+                    let datan = { StoreId: StoreId, UploadStatus: 'P', tbname: tbname, EmpId: MerchandiserId };
+                    const isUpdated = await UpdateStoreStatus(props, datan);
+                    if (isUpdated == true) {
+
+                      await updateStoreStatuslocal('P', data);
+                      await uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE);
+
+                    }
+                    else {
+                      if (index == AllStores.length - 1) {
+                        setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+                      }
+                    }
+                  }
+                  else {
+                    if (index == AllStores.length - 1) {
+                      setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+                    }
+                  }
+
+                })
+                .catch((err) => {
+                  console.log(err);
+                  if (index == AllStores.length - 1) {
+                    setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+                  }
+                });
+            }
+            else if (UploadStatus == 'D') {
+              //  this never be called if there is no KPI
+              let allFilesToUpload = await uploadAllData(props, data, allKPIs, props.UserId, JCP_TYPE, false, MenuList,false);
+
+              if (allFilesToUpload.length > 0) {
+                await UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload);
+              }
+              else {
+                notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+                if (index == AllStores.length - 1) {
+                  setProcessing(false);
+                }
+              }
+            }
+            else if (UploadStatus == 'P') {
+              await uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE);
+            }
+            else if (UploadStatus == 'L') {
+              let isAllUploaded_S = await uploadStoreStatus(props, data, 'U', JCP_TYPE, EmpData);
+              if (isAllUploaded_S == true) {
+                await updateStoreStatuslocal('U', data);
+                notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+                if (index == AllStores.length - 1) {
+                  setProcessing(false);
+                }
+              }
+              else {
+                if (index == AllStores.length - 1) {
+                  setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+                }
+              }
+            }
+          }
+
+        }
+      });
+
+
+
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+  async function updateStoreStatuslocal(status, storeData1, updateCheckin = false, uCOut = false, cout_time = '') {
+
+    let storeArr = state.storeList;
+    let sdata_index = storeArr.findIndex(i => i.StoreId == storeData1.StoreId);
+    if (sdata_index >= 0) {
+      let sdata = storeArr[sdata_index];
+      sdata['UploadStatus'] = status;
+      if (updateCheckin == true) {
+        sdata['CheckInTime'] = '';
+      }
+      if (uCOut == true) {
+        sdata['CheckOutTime'] = cout_time;
+      }
+      storeArr[sdata_index] = sdata;
+      // console.log('storeArr',storeArr)
+      // console.log("console 4")
+      setState({ ...state, storeArr });
+      // storeRef.current={storeList:newList} //add by m
+      console.log("5", storeRef.current);
+      setGlobalStorelist(storeArr);
+      setrerenderdata(!rerenderdata);
+    }
+  }
+
+  async function UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload) {
+    let { StoreName } = data;
+    console.log("data============", data?.STORE_OBJ?.StoreName);
+    const storeObj = JSON.parse(data.STORE_OBJ);
+
+    console.log(storeObj?.StoreName, "StoreName")
+
+    if (allFilesToUpload.length > 0) {
+      setLoaderTitle(ST.UploadingImages + '...');
+      console.log('set loader title');
+      let isAllUploaded = await uploadAllImages(props, data, allFilesToUpload, JCP_TYPE, EmpData);
+
+      if (isAllUploaded == true) {
+        await updateStoreStatuslocal('U', data);
+        notify(ST.Alldataandimagesuploadedfor + ' ' + storeObj?.StoreName, 'SHORT');
+        if (index == AllStores.length - 1) {
+          setProcessing(false);
+        }
+      } else {
+        notify(ST.Cannotuploadimagesfor + ' ' + storeObj?.StoreName, 'SHORT');
+        if (index == AllStores.length - 1) {
+          setProcessing(false);
+        }
+      }
+    }
+    else {
+      let isupdatedU = await uploadStoreStatus(props, data, 'U', JCP_TYPE, EmpData);
+      console.log('on no files found to upload , isupdated::', isupdatedU);
+      if (isupdatedU) {
+        await updateStoreStatuslocal('U', data);
+        notify(ST.Alldatauploadedfor + ' ' + storeObj?.StoreName, 'SHORT');
+      }
+      if (index == AllStores.length - 1) {
+        setProcessing(false);
+      }
+    }
+  }
+
+  async function getLocOnCheckout() {
+    setShowAlert(false);
+    setLoaderTitle(ST.Gettinglocation + '...');
+    setProcessing(true);
+
+    Geolocation.getCurrentPosition(
+      async (position) => {
+        let { latitude, longitude } = position.coords;
+        let loc = { lat: latitude, lng: longitude };
+        var distance = checkRange(loc.lat, loc.lng, checkOutStore.Latitude, checkOutStore.Longitude);
+        // console.log('COut distance:',distance);
+        setProcessing(false);
+        // let dinKM=(distance / 1000);
+        // let distanceinM=(distance=='' || distance==null || isNaN(distance))?' 0 m':( dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+        if (GeoFenceEnable_Checkout == true) {
+          if (GeoFenceRadius_Checkout != '' && distance > GeoFenceRadius_Checkout) {
+            notify(ST.Youcannotcheckout + ' ' + ST.Youarenotwithinthealloweddistancefromthestore + ' ' + GeoFenceRadius_Checkout + ' m', 'LONG')
+          }
+          else {
+            checkOutAfterLoc(loc);
+          }
+        }
+        else {
+          checkOutAfterLoc(loc);
+        }
+
+      },
+      (error) => {
+        notify(ST.Cannotgetuserposition);
+        setProcessing(false);
+      },
+      { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+    );
+  }
+
+  // console.log("state.storeList on",state.storeList)
+  const isAlreadyCheckedIn = state?.storeList.some(item => item.UploadStatus == "I");
+
+  // if (isAlreadyCheckedIn) {
+  //   notify(ST.Youarealreadycheckedintotheotherstore,'LONG');
+  // }
+
+  // "UploadStatus": "I",
+
+  console.log("isAdhocScreen", isAdhocScreen);
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+      {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+      <CustomHeader {...props} title={'Search Stores'} />
+      {_render_StoreVisitModal()}
+      {_render_GeoTagModal()}
+      {_render_DistanceModal()}
+      {_render_CancelCheckinModal()}
+      {_OpenCaptureImage_Modal()}
+      {ConfirmSaveAlert(props, showAlert, onSaveCancel, getLocOnCheckout, ST.Doyoureallywanttocheckout)}
+     
+      {console.log("showCamera--->", CheckOutImageModal)}
+      {/* <CustomCamera cameraType={'front'} onImageCaptured={(imgData) => { ChangeShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { ChangeShowCamera(false); }} /> */}
+      
+     <CustomCamera
+            cameraType={'front'}
+            onImageCaptured={(imgData) => { ChangeShowCamera(false); getImage(imgData); setCheckOutImageModal(true) }}
+            showCamera={showCamera}
+            onHideCamera={() => { ChangeShowCamera(false); }}
+         />
+  
+
+      <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={customStyle.pageContentWrapper}>
+          {!props.isDataDownloaded && <NoDataComponent {...props} />}
+
+
+          <View style={[customStyle.storelist_parentwrap]}>
+
+
+
+            <View style={customStyle.SSt_searchbar}>
+              <TextInput
+                style={[customStyle.SSt_searchInput]}
+                placeholder={ST.Searchby + ` ${ST.StoreName}`}
+                placeholderTextColor={PageTheme.$placeholder_color}
+                value={searchedItem}
+                onChangeText={(val) => { setSearchedItem(val), searchRef.current = val; }}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.SSt_searchBtn} onPress={() => { SearchStore(searchedItem) }}>
+                <AntDesign style={customStyle.SSt_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color} />
+              </TouchableOpacity>
+            </View>
+
+            <View style={[customStyle.storel_headCon, customStyle.mt10]}>
+              <Text style={customStyle.storel_headingText}>Stores matching your search</Text>
+            </View>
+
+            {nodataFound &&
+              <View style={customStyle.noDataCon}>
+                <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+              </View>
+            }
+            {(props.isDataDownloaded == true && !nodataFound) &&
+              <View style={customStyle.storel_Con}>
+                <FlatList
+                  data={state.storeList}
+                  extraData={rerenderdata}
+                  style={customStyle.listcon}
+                  initialNumToRender={4}
+                  contentContainerStyle={customStyle.iteml_con}
+                  renderItem={({ item, index, separators }) => {
+                    return (
+                      <StoreItem isAlreadyCheckedIn={isAlreadyCheckedIn} {...props} item={item} EmpData={EmpData} index={index} isAdhocScreen={isAdhocScreen} setShowStoreVisitModal={setShowStoreVisitModal} setCurrentStore={setCurrentStore} onCheckOut={onCheckOut} storeList={state.storeList} setLoaderTitle={setLoaderTitle} setProcessing={setProcessing} setShowCancelCIModal={setShowCancelCIModal} setCancelCheckOutStore={setCancelCheckOutStore} IsSearchedStore={true} CheckInStoreIds={CheckInStoreIds} />
+                    );
+                  }}
+                />
+              </View>
+            }
+          </View>
+
+
+        </View>
+      </LinearGradient>
+
+    </Container>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(SearchStoreList);
\ No newline at end of file
diff --git a/src/screens/Settings.js b/src/screens/Settings.js
new file mode 100644
index 0000000..af9f6c1
--- /dev/null
+++ b/src/screens/Settings.js
@@ -0,0 +1,295 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, Feather, FontAwesome, MaterialCommunityIcons} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+// import RNExitApp from 'react-native-exit-app';
+import { ConfirmSaveAlert } from '../components/alert';
+import CustomModal from '../components/CustomModal';
+import OtpInputs from 'react-native-otp-inputs';
+import { PrimaryTheme } from '../styles/Themes';
+
+
+    const MpinModal = ({
+  visible,
+  onClose,
+  onConfirm,
+  mpin,
+  setMpin,
+  customStyle,
+  PageTheme,
+  ST
+}) => {
+  if (!visible) return null;
+
+  return (
+    <CustomModal
+      style={customStyle.MPinM_Style}
+      titleStyle={customStyle.MPinM_title_Style}
+      title={ST.EnterMPin}
+      showModal={visible}
+      onRequestClose={onClose}
+    >
+      <View style={customStyle.MPinM_subtitleCon}>
+        <Feather name='alert-triangle' size={18} color={PageTheme.$red}/>
+        <Text style={customStyle.MPinM_subtitle_Style}>{ST.Warning}</Text>
+      </View>
+      <Text style={customStyle.MPinM_subtitle_Style2}>
+        {ST.Allcacheandstoragewillbedeletedfortheapp}
+      </Text>
+
+      <View style={customStyle.MPinM_con}>
+        <OtpInputs
+          handleChange={(code) => setMpin(code)}
+          numberOfInputs={4}
+          secureTextEntry={true}
+          keyboardType={"numeric"}
+          defaultValue={mpin}
+          autofillFromClipboard={false}
+          inputStyles={customStyle.MPinM_otp_inputStyle}
+          style={customStyle.MPinM_otp_field}
+        />
+      </View>
+      <View style={customStyle.storelVisitM_options}>
+        <TouchableOpacity 
+          style={customStyle.storelVisitM_op_btn} 
+          onPress={onClose}
+        >
+          <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+        </TouchableOpacity>
+        <TouchableOpacity 
+          style={customStyle.storelVisitM_op_btn} 
+          onPress={onConfirm}
+        >
+          <Text style={customStyle.storelVisitM_op_btnText}>{ST.Yes}</Text>
+        </TouchableOpacity>
+      </View>
+    </CustomModal>
+  );
+};
+
+function Settings(props) { 
+    const route = useRoute();
+  
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [mpin, setMpin] = useState('');
+    const [processing, setProcessing] = useState(false);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [showMPinModal, setShowMPinModal] = useState(false);
+    
+    
+    const [reportData, setReportData] = useState([]);
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+      console.log('showMPinModal changed:',showMPinModal);
+    }, [showMPinModal]);
+
+    async function exitApp(){
+        console.log('exit app');
+        clear_item('islogin'); 
+        clear_item('mpin'); 
+        clear_item('loginToken');
+        clear_item('loginInfo');
+        clear_item('login_credentials');
+        clear_item('firsttime'); 
+        clear_item('projectCode'); 
+        clear_item('projectInfo'); 
+        clear_item('loginOfDays');
+        props.setGlobalData({isDataDownloaded:false});
+        props.setAttendanceStatus({isAttendanceMarked:false,isEntryAllow:false});
+        const pdata={islogin:false,SecurityToken:''};    
+        props.pageprops?props.pageprops.set_session(pdata):'';  
+        setTimeout(()=>{
+          props.navigation.reset({index: 0,routes: [{name: 'Project'}],});
+        },1000);
+    }
+
+    async function clearStorage(){
+      setShowMPinModal(false);
+        let isvalid=await validate();
+        if(isvalid){
+          setProcessing(true);
+        await set_item('DataStorageCleared','1');
+          try {
+            db.transaction(async function (txn) {
+              await txn.executeSql(`SELECT name FROM sqlite_schema WHERE type='table' ORDER BY name`,[],async function (txnd, txnres1) { 
+                console.log('q exec:',txnres1.rows.length);
+                if(txnres1.rows.length>0){
+                    for(var i=0;i<txnres1.rows.length;i++){
+                        let data=txnres1.rows.item(i);
+                        let index=i;
+                        if(data.name!=='sqlite_sequence' && data.name!='android_metadata'){
+                        const q=`drop table ${data.name} `;
+                        console.log(q);
+                        txn.executeSql(q,[],async function (txnd, txnres3) { 
+                            console.log(data.name+' dropped');
+                            if(index==txnres1.rows.length-1){
+                                await exitApp();
+                            }
+                        },async function (txn1, txnerr) {
+                            console.log(txnerr);
+                            if(index==txnres1.rows.length-1){
+                                await exitApp();
+                            }
+                        });
+                        }else{
+                            if(index==txnres1.rows.length-1){
+                                await exitApp();
+                            }
+                        }
+                    }
+                }
+                else{
+                    await exitApp();
+                }
+                },async function (txn1, txnerr) {console.log(txnerr); await exitApp();});    
+            });
+      
+        } catch (err) {
+            console.log(err);
+            await exitApp();
+        }
+        }
+          
+    }
+
+    async function validate(){
+        let isValid=true;
+        let master_pin=await get_item('mpin');      
+        if(master_pin=='' || master_pin==null || master_pin!=mpin || mpin=='' || mpin==null)
+        {
+            isValid=false;
+            notify(ST.YouenteredwrongMPin,'SHORT');
+        }
+        return isValid;
+    }
+
+    function askForMPin(){
+        setShowAlert(false);
+        setTimeout(()=>{
+          console.log('setShowMPinModal true');
+        setShowMPinModal(true);
+        },0);
+    }
+
+    function AskForClearStorage(){
+        setShowAlert(true);return;
+        Alert.alert(
+            "Performics",
+            ST.DoyoureallywanttoclearalldataThiswillremoveallcacheandstorage,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => { clearStorage()} }
+            ],
+        );
+    }
+
+    // function _Mpin_Modal(showMPinModal){
+    //   console.log('render _Mpin_Modal:--12',showMPinModal);
+    //     return (
+    //       <CustomModal
+    //         style={customStyle.MPinM_Style}
+    //         titleStyle={customStyle.MPinM_title_Style}
+    //         title={ST.EnterMPin}
+    //         showModal={true}
+    //       >
+    //         <View style={customStyle.MPinM_subtitleCon}>
+    //           <Feather name='alert-triangle' size={18} color={PageTheme.$red}/>
+    //           <Text style={customStyle.MPinM_subtitle_Style}>{ST.Warning}</Text>
+    //         </View>
+    //         <Text style={customStyle.MPinM_subtitle_Style2}>{ST.Allcacheandstoragewillbedeletedfortheapp}</Text>
+
+    //         <View style={customStyle.MPinM_con}>
+    //         <OtpInputs
+    //             handleChange={(code) => {setMpin(code);}}
+    //             numberOfInputs={4}
+    //             secureTextEntry={true}
+    //             autofillFromClipboard={false}
+    //             keyboardType={"numeric"}
+    //             defaultValue={''}
+    //             inputStyles={customStyle.MPinM_otp_inputStyle}
+    //             style={customStyle.MPinM_otp_field}
+    //         />
+    //         </View>
+    //         <View style={customStyle.storelVisitM_options}>
+               
+    //           <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowMPinModal(false);}}>
+    //             <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+    //           </TouchableOpacity>
+    //           <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{clearStorage()}}>
+    //             <Text style={customStyle.storelVisitM_op_btnText}>{ST.Yes}</Text>
+    //           </TouchableOpacity>
+    //         </View>
+    //       </CustomModal>
+    //     )
+    //   }
+
+
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        
+        <CustomHeader {...props} title={ST.Settings} hideBellIcon={true} hideTimer={true}/>
+        {/* {MpinModal(showMPinModal)} */}
+        <MpinModal
+          visible={showMPinModal}
+          onClose={() => setShowMPinModal(false)}
+          onConfirm={clearStorage}
+          mpin={mpin}
+          setMpin={setMpin}
+          customStyle={customStyle}
+          PageTheme={PageTheme}
+          ST={ST}
+        />
+        {showAlert && ConfirmSaveAlert(props,showAlert,()=>{setShowAlert(false)},askForMPin,ST.DoyoureallywanttoclearalldataThiswillremoveallcacheandstorage)}
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        
+        <View style={[customStyle.pageContentWrapper]}>
+            {/* {borderTopLeftRadius:0,borderTopRightRadius:0,} */}
+         
+         
+                <View style={customStyle.settingsWrap}>
+                    <TouchableOpacity style={customStyle.settingsBtn} activeOpacity={0.6} onPress={()=>{AskForClearStorage() }}>
+                        <Text style={customStyle.settingsBtnText}>{ST.ClearDataLogout}</Text>
+                        <MaterialCommunityIcons name='power' size={26} color={PrimaryTheme.$text_color} style={customStyle.settingsBtnIcon}/>
+                    </TouchableOpacity>
+                </View>
+           
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(Settings);
\ No newline at end of file
diff --git a/src/screens/ShareOfShelf.js b/src/screens/ShareOfShelf.js
new file mode 100644
index 0000000..1480abf
--- /dev/null
+++ b/src/screens/ShareOfShelf.js
@@ -0,0 +1,787 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getdefaltShareofSelf } from '../constants/ConstantQueries';
+import CustomCamera from '../components/Camera';
+
+function ShareOfShelf(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [catImages, setCatImages] = useState([]);
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [KPIFields, setKPIFields] = useState([]);
+
+    const inputRefs = useRef({});
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            console.log('hasUnsavedChanges:',hasUnsavedChanges);
+            if (hasUnsavedChanges==true) {
+                console.log('hasUnsavedChanges is true');
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+          await db.transaction(async function (txn) {        
+            let q=Q_getdefaltShareofSelf(storeData1);
+            let select=` CATEGORY_ID as CategoryId,CATEGORY as CategoryName,IMAGE `;
+            let q2=` SELECT ${select} FROM ${AppTables.SHARE_OF_SHELF_IMAGE} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        arr.push(data);
+                        let imagePath='file://'+common_ImagePath+data.IMAGE;
+                        
+                        let defData={'CategoryId':data.CategoryId,'ImageName':data.IMAGE,'ImagePath':imagePath};
+                        allCats.push(defData);
+                        if(i==txnres.rows.length-1){
+                            setCatImages(allCats);
+                            getSKU(arr,storeData1);
+                        }
+                    }
+                }
+                else{
+                    await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                        console.log('soscats',txnres2.rows.length);
+                        if(txnres2.rows.length>0){
+                            let arr=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data =txnres2.rows.item(i);
+                                arr.push(data);
+                                if(i==txnres2.rows.length-1){
+                                    getSKU(arr,storeData1);
+                                }                                
+                            }
+                            
+                        }else{
+                            setProcessing(false);
+                            notify('No data found','SHORT')
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+            // setProcessing(false);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getSKU(brands=[],storeData1={}){
+        
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;     
+        
+          await db.transaction(async function (txn) { 
+            var allSKUData=[];
+            await Promise.all(
+                brands.map(async (item,index) => {
+                    let seletlist=`SUB_CATEGORY as SubCategoryName,SUB_CATEGORY_ID as SubCategoryId,SUB_CATEGORY_STOCK,STOCK,IMAGE1`;
+                    let sku_q=`SELECT ${seletlist} FROM ${AppTables.SHARE_OF_SHELF_FACING_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and  CATEGORY_ID='${item.CategoryId}' `;
+                   
+                    let join=`  INNER JOIN Mapping_ShareOfShelf m on p.SubCategoryId=m.SubCategoryId`;
+                    let sku_q2=`SELECT DISTINCT p.SubCategoryId,p.SubCategoryName from Product_Master p  ${join} where m.StateId='${StateId}' and m.ChainId='${ChainId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${item.CategoryId}'  order by p.SubCategorySequence`;
+                    
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        if(txnres.rows.length>0){
+                            let arr=[];
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                inputRefs.current['input1_'+item.CategoryId+'_'+data.SubCategoryId]='';
+                                inputRefs.current['input2_'+item.CategoryId+'_'+data.SubCategoryId]='';
+                                arr.push(data);
+                                let imgpath=data.IMAGE1!=null?'file://'+common_ImagePath+data.IMAGE1:'';
+                                let defData={'CategoryId':item.CategoryId,'SubCategoryId':data.SubCategoryId,'subcat_facing':data.SUB_CATEGORY_STOCK,'brand_facing':data.STOCK,'ImageName':(data.IMAGE1!=null?data.IMAGE1:''),'ImagePath':imgpath};
+                                
+                                allSKUData.push(defData);
+
+                                if(i==txnres.rows.length-1){
+                                    item['skulist']=arr;
+                                    brands[index]=item;
+                                    if(index==brands.length-1){
+                                        console.log('allSKUData:',allSKUData);
+                                        setSKUStockData(allSKUData);
+                                        setBrandData(brands);
+                                        // setrerenderdata(!rerenderdata);
+                                        setTimeout(()=>{setrerenderdata2(!rerenderdata2);},3000);
+                                        setProcessing(false);
+                                    }
+                                    return item;
+                                }
+                            }
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                        inputRefs.current['input1_'+item.CategoryId+'_'+data.SubCategoryId]='';
+                                        inputRefs.current['input2_'+item.CategoryId+'_'+data.SubCategoryId]='';
+                                        arr.push(data);
+                                        if(i==(txnres2.rows.length-1)){                                        
+                                            item['skulist']=arr;
+                                            brands[index]=item;
+                                            if(index==brands.length-1){
+                                              
+                                                setBrandData(brands);
+                                                setProcessing(false);
+                                            }
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                                
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            ) .then((res)=>{
+                
+            });          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getImage(imgdata){
+        let cat=getImageProps.option!=null?getImageProps.option:{};
+        let type=getImageProps.type!=null?getImageProps.type:'1';
+        let skuItem=getImageProps.skuItem!=null?getImageProps.skuItem:{};
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl='file://'+img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: SOS'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_SOS-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+
+                            let allIMgs=catImages;
+                            let defData={'CategoryId':cat.CategoryId};
+                            let cindex=-1,imgData=defData;
+
+                            
+                            let allSKUData=SKUStockData;
+                            let defData1={'CategoryId':cat.CategoryId,'SubCategoryId':skuItem.SubCategoryId};
+                            const skud_index=allSKUData.findIndex(i=>i.CategoryId==cat.CategoryId && i.SubCategoryId==skuItem.SubCategoryId);
+                            const skud=skud_index>=0?(allSKUData[skud_index] || defData1) : defData1;
+                            
+
+                            if(type=='2'){
+                                skud['ImageName']=filename;
+                            }
+                            else{
+                                cindex=allIMgs.findIndex(i=>i.CategoryId==cat.CategoryId);
+                                imgData=cindex>=0?(allIMgs[cindex] || defData):defData;
+                                imgData.ImageName=filename;
+                            }
+                            
+                            
+                            
+                            // renamefile
+                            let imagePath=common_ImagePath+filename;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                
+                                if(type=='2'){
+                                    skud['ImagePath']=uri;
+                                    skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+                                    console.log('skud:',skud);
+                                    console.log('allSKUData:',allSKUData);
+                                    setSKUStockData(allSKUData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                else{
+                                    imgData.ImagePath=uri; 
+                                    cindex>=0?allIMgs[cindex]=imgData:allIMgs.push(imgData);
+                                    setCatImages(allIMgs);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(type,option,skuItem){  
+        setGetImageProps({'type':type,'option':option,'skuItem':skuItem}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function onFocusChange(cat,sku,inputType='1'){
+        let d={'catId':cat.CategoryId,'subcatId':sku.SubCategoryId,'inputType':inputType};
+        console.log(d);
+        setCurrentFocusedData(d);
+    }
+
+    async function focusToNext(cat,index,sku,sku_index,inputType='1'){
+        console.log('focusToNext',index);
+        let data=brandData;
+        
+        if(inputType=='1'){
+            let refIn2=inputRefs.current['input2_'+cat.CategoryId+'_'+sku.SubCategoryId];
+            refIn2.focus();
+        }
+        else{
+            let ccat_index=index;
+            let skulist=cat.skulist || [];
+            if(sku_index==skulist.length-1){ // if last subcategory element
+                //then move to next category
+                console.log('move to next cat',ccat_index,data.length)
+                if(ccat_index==data.length-1){
+                    return;
+                }
+                else{
+                    ccat_index+=1;
+                    console.log('move to next cat n:',ccat_index)
+                    let cat1=data[ccat_index];
+                    let skulist1=cat1.skulist || [];
+                    if(skulist1.length>0){
+                        let sku1=skulist1[0];
+                        let refIn1=inputRefs.current['input1_'+cat1.CategoryId+'_'+sku1.SubCategoryId];
+                        console.log('move to next cat refIn1:','input1_'+cat1.CategoryId+'_'+sku1.SubCategoryId)
+                        refIn1.focus();
+                    }
+                }
+            }
+            else{
+                // move to next subcategory
+                let sku1=skulist[sku_index+1];
+                let refIn1=inputRefs.current['input1_'+cat.CategoryId+'_'+sku1.SubCategoryId];
+                refIn1.focus();
+            }
+            
+            
+            
+        }
+
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.SHARE_OF_SHELF_IMAGE} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.SHARE_OF_SHELF_FACING_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('stock facing data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('stock facing header data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.SHARE_OF_SHELF_IMAGE}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+
+            await db.transaction(async function (txn) {
+              var values='',stock_values='';
+              for(var i=0;i<brandData.length;i++){
+                seq++;
+                let catIndex=i;
+                let item=brandData[catIndex];
+                let cimage=catImages.find(ci=>ci.CategoryId==item.CategoryId) || {};
+                values+=values!=''?' , ':'';
+                values+=` ('${StoreId}','${d2}','${item.CategoryId}','${item.CategoryName}','${cimage.ImageName || ''}','${d2}') `;
+                
+                let skulist=item['skulist'] || [];
+                for(var j=0;j<skulist.length;j++){
+                    let skuItem=skulist[j];
+                    let {BrandId, BrandName,MSL,SubCategoryId,SubCategoryName}=skuItem;
+                    stock_values+=stock_values!=''?' , ':'';
+                    let allSKUData=SKUStockData;
+                    const skud_index=allSKUData.findIndex(ci=>ci.CategoryId==item.CategoryId && ci.SubCategoryId==SubCategoryId);
+                    const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                    stock_values+=` ('${seq}','${StoreId}','${d2}','${item.CategoryName}','${item.CategoryId}','${SubCategoryName}','${SubCategoryId}','${skud['subcat_facing']}','${(skud['brand_facing'])}','${(skud['ImageName']!=null?skud['ImageName']:'')}','${d2}') `;
+                }
+              }
+
+              let add_StockHdr=`INSERT INTO ${AppTables.SHARE_OF_SHELF_IMAGE} (STORE_ID,VISIT_DATE,CATEGORY_ID,CATEGORY,IMAGE,ADDED_DATE) VALUES ${values} `;
+              let add_Stock=`INSERT INTO ${AppTables.SHARE_OF_SHELF_FACING_DATA} (COMMON_ID,STORE_ID,VISIT_DATE,CATEGORY,CATEGORY_ID,SUB_CATEGORY,SUB_CATEGORY_ID,SUB_CATEGORY_STOCK,STOCK,IMAGE1,ADDED_DATE) VALUES ${stock_values} `;
+              
+              await txn.executeSql(add_StockHdr,[],async function (txn2, txnres) { 
+                console.log('stock facing header added');
+                await txn.executeSql(add_Stock,[],async function (txn2, txnres) { 
+                    console.log('stock facing added');
+                    notify('Stock facing updated successfully');
+                    setProcessing(false);
+                    props.navigation.goBack();
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock facing') },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock facing') },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        var i=0,j=0;
+        let HdrImgAllowIndex=KPIFields.findIndex(i=>i.KPIFieldName=='HeaderImageAllow');
+        let HdrImgAllowObj=HdrImgAllowIndex>=0?KPIFields[HdrImgAllowIndex]:{};
+        let isHdrImgAllow=HdrImgAllowIndex>=0?HdrImgAllowObj['KPIFieldEnable']:true;
+
+        let ChildImgAllowIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ChildImageAllow');
+        let ChildImageAllowObj=ChildImgAllowIndex>=0?KPIFields[ChildImgAllowIndex]:{};
+        let isChildImageAllow=ChildImgAllowIndex>=0?ChildImageAllowObj['KPIFieldEnable']:false;
+        await Promise.all(
+            brandData.map(async (item,index) => {
+
+                
+            if(isValid){
+                let catId=item.CategoryId;
+                let cimgData=catImages.find(ci=>ci.CategoryId==catId) || {};
+                if(StoreCameraAllow && isHdrImgAllow==true && (cimgData.ImagePath== null || cimgData.ImagePath=='')){
+                    notify('Please click image for '+item.CategoryName,'SHORT');
+                    isValid=false;
+                }
+                else{
+                    let skulist=item.skulist || [];
+                    if(skulist.length>0){
+                        await Promise.all(
+                            skulist.map(async (skuItem,skuIndex) => {
+                                if(isValid){
+                                    let skuData=SKUStockData.find(ci=>ci.CategoryId==item.CategoryId && ci.SubCategoryId==skuItem.SubCategoryId ) || {};
+                                    
+                                    
+                                    if(StoreCameraAllow && isChildImageAllow==true && ( skuData.ImagePath== null || skuData.ImagePath=='')){
+                                        notify('Please click image for '+skuItem.SubCategoryName,'SHORT');
+                                        isValid=false;
+                                    }
+                                    else if(skuData.subcat_facing!==0 && (skuData.subcat_facing==null || skuData.subcat_facing=='')){
+                                        notify('Please enter sub category facing for '+skuItem.SubCategoryName,'SHORT');
+                                        isValid=false;
+                                    }else if(skuData.subcat_facing!==0 && (skuData.subcat_facing!=null && skuData.subcat_facing!='' && skuData.subcat_facing.includes('.'))){
+                                        notify('Please enter sub category facing in whole number for '+skuItem.SubCategoryName,'SHORT');
+                                        isValid=false;
+                                    }else if(skuData.brand_facing!==0 && (skuData.brand_facing==null || skuData.brand_facing=='')){
+                                        notify('Please enter brand facing for '+skuItem.SubCategoryName,'SHORT');
+                                        isValid=false;
+                                    }else if(skuData.brand_facing!==0 && (skuData.brand_facing!=null && skuData.brand_facing!='' && skuData.brand_facing.includes('.'))){
+                                        notify('Please enter brand facing in whole number for '+skuItem.SubCategoryName,'SHORT');
+                                        isValid=false;
+                                    }else if(parseInt(skuData.brand_facing)>parseInt(skuData.subcat_facing)){
+                                        notify('Brand facing value should be less than or equal to sub category facing value for '+skuItem.SubCategoryName,'LONG');
+                                        isValid=false;
+                                    }else{
+                                       
+                                    }
+                                }
+                            })
+                        );
+                    }
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':item.CategoryId,'SubCategoryId':skuItem.SubCategoryId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.SubCategoryId==skuItem.SubCategoryId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+       
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function _render_Alert(){
+        return (
+          <CustomModal 
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={'Do you really want to save data?'}
+            showModal={showAlert}
+          >
+            <View style={customStyle.storelVisitM_options}>
+             <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowAlert(false)}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Cancel</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{saveData()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Yes</Text>
+              </TouchableOpacity>
+            </View>
+          </CustomModal>
+        )
+      }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {_render_Alert()}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 && 
+           <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={(Platform.OS=='ios'?10:-100)} >  
+                        
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const catIndex=index;
+                const cindex=catImages.findIndex(i=>i.CategoryId==item.CategoryId);
+                const cimgName=cindex>=0?(catImages[cindex]?catImages[cindex].ImageName:''):'';
+                const cimgPath=cindex>=0?(catImages[cindex]?catImages[cindex].ImagePath:''):'';
+                const showIMg=cimgPath!='' && cimgPath!=null;
+
+                let HdrImgAllowIndex=KPIFields.findIndex(i=>i.KPIFieldName=='HeaderImageAllow');
+                let HdrImgAllowObj=HdrImgAllowIndex>=0?KPIFields[HdrImgAllowIndex]:{};
+                let isHdrImgAllow=HdrImgAllowIndex>=0?HdrImgAllowObj['KPIFieldEnable']:true;
+
+                let ChildImgAllowIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ChildImageAllow');
+                let ChildImageAllowObj=ChildImgAllowIndex>=0?KPIFields[ChildImgAllowIndex]:{};
+                let isChildImageAllow=ChildImgAllowIndex>=0?ChildImageAllowObj['KPIFieldEnable']:false;
+
+          
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.CategoryName}</Text>
+                            </LinearGradient>
+                            {isHdrImgAllow==true && 
+                            <View style={customStyle.osCat_actions}>
+                                { !showIMg && 
+                                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera('1',item)}}>
+                                        <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                    </TouchableOpacity>
+                                }
+                                { showIMg && 
+                                    <View style={customStyle.osCatImageView}>
+                                        <Image style={customStyle.osCatImage} source={{uri:cimgPath}}/>
+                                        {/* <Image style={customStyle.osCatImage} source={require('../assets/performics/add_image.svg')}/> */}
+                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera('1',item)}}>
+                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                        </TouchableOpacity>
+                                    </View>                                    
+                                }                                
+                            </View>
+                            }
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            {
+                                
+                                <FlatList 
+                                data={item.skulist}
+                                extraData={rerenderdata2}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.CategoryId==cat.CategoryId && i.SubCategoryId==skus.SubCategoryId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let brand_facing=thisCatSkuData.brand_facing!=null?thisCatSkuData.brand_facing:'';
+                                    let subcat_facing=thisCatSkuData.subcat_facing!=null?thisCatSkuData.subcat_facing:'';
+
+                                    let childImgPath=thisCatSkuData.ImagePath!=null?thisCatSkuData.ImagePath:'';
+                                    const showSubCatIMg=childImgPath!='' && childImgPath!=null;
+
+                                    const input1IsFocused=skus.input1IsFocused;
+                                    const input2IsFocused=skus.input2IsFocused;
+
+                                    if(input2IsFocused==1){
+                                        console.log('set focus to ',cat.CategoryName,skus.SubCategoryName,'input 2')
+                                    }           
+                                    
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={[customStyle.openStk_prd_nameB]}>{skus.SubCategoryName}</Text>
+
+                                            {isChildImageAllow==true && 
+                                            <View style={customStyle.SOS_imageWrap}>
+                                                { !showSubCatIMg && 
+                                                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera('2',cat,skus)}}>
+                                                        <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                    </TouchableOpacity>
+                                                }
+                                                { showSubCatIMg && 
+                                                    <View style={customStyle.osCatImageView}>
+                                                        <Image style={customStyle.osCatImage} source={{uri:childImgPath}}/>
+                                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera('2',cat,skus)}}>
+                                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                        </TouchableOpacity>
+                                                    </View>                                    
+                                                }                                
+                                            </View>
+                                            }
+                                            <View style={customStyle.openStk_prd_form}>
+                                           
+                                                <View style={customStyle.openStk_prd_row}>
+                                                    <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_1]}>
+                                                        <Text style={customStyle.openStk_prd_label}>Sub Category Facing</Text>
+                                                        <TextInput 
+                                                            ref={(reff)=>{inputRefs.current['input1_'+cat.CategoryId+'_'+skus.SubCategoryId]=reff;}}
+                                                            style={[customStyle.openStk_prd_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(subcat_facing+'' || '')}
+                                                            keyboardType='numeric'
+                                                            onSubmitEditing={()=>{focusToNext(cat,catIndex,skus,sku_index,'1')}}
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'subcat_facing','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                    
+                                                    <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_2]}>
+                                                        <Text style={customStyle.openStk_prd_label}>Brand Facing</Text>
+                                                        <TextInput 
+                                                            ref={(reff)=>{inputRefs.current['input2_'+cat.CategoryId+'_'+skus.SubCategoryId]=reff;}}
+                                                            style={[customStyle.openStk_prd_inputStyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(brand_facing+'' || '')}
+                                                            keyboardType='numeric'
+                                                            onSubmitEditing={()=>{focusToNext(cat,catIndex,skus,sku_index,'2')}}
+                                                            // onKeyPress={(e)=>{let isDot=e.nativeEvent.key=='.'; return isDot}}
+                                                            onChangeText={(val)=>{ onStockValChange(cat,skus,val,'brand_facing','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                            
+                                            </View>
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ShareOfShelf);
\ No newline at end of file
diff --git a/src/screens/ShareOfShelfOneApp.js b/src/screens/ShareOfShelfOneApp.js
new file mode 100644
index 0000000..28ffe26
--- /dev/null
+++ b/src/screens/ShareOfShelfOneApp.js
@@ -0,0 +1,1057 @@
+
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_icon.svg'
+import cameraImg2 from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getdefaltShareofSelf } from '../constants/ConstantQueries';
+import CustomCamera from '../components/Camera';
+
+function ShareOfShelfOneApp(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    
+    
+    const [SOSStockData, setSOSStockData] = useState([]);
+    const [AllSOSData, setAllSOSData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [KPIFields, setKPIFields] = useState([]);
+
+    const inputRefs = useRef({});
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            console.log('hasUnsavedChanges:',hasUnsavedChanges);
+            if (hasUnsavedChanges==true) {
+                console.log('hasUnsavedChanges is true');
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+          await db.transaction(async function (txn) {    
+            // let join2=' INNER JOIN Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+            let join1=` INNER JOIN Mapping_StoreShareOfShelf m on p.SOSDefinitionId=m.SOSDefinitionId `;
+            let selectlist1=` DISTINCT p.SOSHeaderTable,p.SOSHeaderField,p.SOSHeaderValue,p.HeaderName as HeaderName,p.SOSHeaderFacing,p.SOSHeaderFacingLable,p.SOSHeaderImage,p.SOSHeaderImageCount,p.SOSHeaderImageGrid`;
+            let q=`SELECT ${selectlist1} from Master_ShareOfShelfDefinition p ${join1} Where m.StoreId ='${StoreId}' order by p.HeaderName `;
+   
+
+            let selectlist2=` DISTINCT p.SOS_HEADER_ID as SOSHeaderId,m.SOSHeaderTable,m.SOSHeaderField,p.SOS_HDR_VALUE as SOSHeaderValue,p.HEADER_NAME as HeaderName,m.SOSHeaderFacing,m.SOSHeaderFacingLable,m.SOSHeaderImage,m.SOSHeaderImageCount,m.SOSHeaderImageGrid,p.SOS_HDR_FACING as SOSHdrFacing `;
+            // let join3=` INNER JOIN Mapping_StoreShareOfShelf mp on m.SOSDefinitionId=mp.SOSDefinitionId `;
+            let join4=` INNER JOIN Master_ShareOfShelfDefinition m on p.SOS_HDR_VALUE=m.SOSHeaderValue `;
+            let q2=` SELECT ${selectlist2} FROM ${AppTables.SOS_HDR_DATA} p ${join4} WHERE p.STORE_ID='${StoreId}' and p.VISIT_DATE='${d2}' order by p.HEADER_NAME  `;
+            
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let arr=[],allCats=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        let AllCData=await getChilds(storeData1,data);
+                        let allChilds=AllCData['allChilds'] || [];
+                        let childData=AllCData['childData'] || [];
+                        data['skulist']=allChilds;
+                        arr.push(data);
+                        let HdrImages=await getHdrImages(storeData1,data);
+                        let defData={'SOSHeaderValue':data.SOSHeaderValue,'SOSHdrFacing':data.SOSHdrFacing,'Images':HdrImages,'SKUData':childData};
+                        allCats.push(defData);
+                        if(i==txnres.rows.length-1){
+                            setAllSOSData(arr);
+                            setSOSStockData(allCats);
+                            setProcessing(false);
+                        }
+                    }
+                }
+                else{
+                    await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                        console.log('soscats',txnres2.rows.length);
+                        if(txnres2.rows.length>0){
+                            let arr=[],allCats=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data =txnres2.rows.item(i);
+                                let AllCData=await getChilds(storeData1,data);
+                                let allChilds=AllCData['allChilds'] || [];
+                                let childData=AllCData['childData'] || [];
+                                data['skulist']=allChilds;
+                                arr.push(data);
+                                let HdrImages=[];
+                                for(var s=0;s<data.SOSHeaderImageCount;s++){
+                                    let obj={'Image1Name':'','Image1':''};
+                                    HdrImages.push(obj);
+                                }
+                                let defData={'SOSHeaderValue':data.SOSHeaderValue,'SOSHdrFacing':'','Images':HdrImages,'SKUData':childData};
+                                allCats.push(defData);
+                                if(i==txnres2.rows.length-1){
+                                    setAllSOSData(arr);
+                                    setSOSStockData(allCats);
+                                    setProcessing(false);
+                                }
+                            }
+                        }else{
+                            setProcessing(false);
+                            notify('No data found','SHORT')
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+            // setProcessing(false);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getHdrImages(storeData1,cat1){
+        let allImages=[];
+        let {StoreId} =storeData1;
+        let {SOSHeaderId} =cat1;
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) { 
+                let q=` SELECT IMAGE1 as Image1 FROM ${AppTables.SOS_IMAGES} where SOS_HEADER_ID='${SOSHeaderId}' and TYPE='Header' and STORE_ID='${StoreId}' and VISIT_DATE='${d2}'  `;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let {Image1}=data;
+                            let imagePath=Image1!=null && Image1!=''?'file://'+common_ImagePath+Image1:'';
+                            let obj={'Image1Name':data.Image1,'Image1':imagePath};
+                            allImages.push(obj);
+                            if(i==txnres.rows.length-1){
+                                resolve(allImages);
+                            }
+                        }
+                    }
+                    else{
+                        resolve(allImages);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(allImages); },);
+            });        
+        }).catch((err)=>{
+            return allImages;
+        })
+    }
+
+    async function getChilds(storeData1,cat1){
+        let defData={allChilds:[],childData:[]};
+        let {StoreId} =storeData1;
+        let {SOSHeaderValue} =cat1;
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) { 
+                let selectlist=` p.SOSDefinitionId,p.SOSChildTable,p.SOSChildField,p.SOSChildValue,p.ChildName,p.SOSChildTotalFacing,p.SOSChildSelfFacing,p.SOSChildTotalFacingLable,p.SOSChildSelfFacingLable,p.SOSChildImage,p.SOSChildImageCount,p.SOSChildImageGrid`;
+                let join1=` INNER JOIN Mapping_StoreShareOfShelf m on p.SOSDefinitionId=m.SOSDefinitionId `;
+                let q=`SELECT ${selectlist} from Master_ShareOfShelfDefinition p ${join1} Where m.StoreId ='${StoreId}' and p.SOSHeaderValue='${SOSHeaderValue}'  order by p.ChildName `;
+            
+                let selectlist2=` m.SOSDefinitionId,m.SOSChildTable,m.SOSChildField,p.SOS_CHILD_VALUE as SOSChildValue,p.CHILD_NAME as ChildName,m.SOSChildTotalFacing,m.SOSChildSelfFacing,m.SOSChildTotalFacingLable,m.SOSChildSelfFacingLable,m.SOSChildImage,m.SOSChildImageCount,m.SOSChildImageGrid,p.TOTAL_FACING as TotalFacing,p.SELF_FACING as SelfFacing`;
+                // let join3=` INNER JOIN Mapping_StoreShareOfShelf mp on m.SOSDefinitionId=mp.SOSDefinitionId `;
+                let join4=` INNER JOIN Master_ShareOfShelfDefinition m on p.SOS_DEFINITION_ID=m.SOSDefinitionId `;
+                let q2=` SELECT ${selectlist2} FROM ${AppTables.SOS_CHILD_DATA} p ${join4}  WHERE p.SOS_HDR_VALUE='${SOSHeaderValue}' and p.STORE_ID='${StoreId}' and p.VISIT_DATE='${d2}' order by p.CHILD_NAME  `;
+            
+    
+                await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                    console.log('sossubcats added',txnres.rows.length);
+                    if(txnres.rows.length>0){
+                        let arr=[],arr2=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            arr.push(data);
+                            let allChildImages=await getChildImages(storeData1,cat1,data);
+                            let defCData={'SOSChildValue':data.SOSChildValue,'TotalFacing':data.TotalFacing,'SelfFacing':data.SelfFacing,'ChildImages':(allChildImages || [])};
+                            
+                            arr2.push(defCData);
+                            if(i==txnres.rows.length-1){
+                                defData['allChilds']=arr;
+                                defData['childData']=arr2;
+                                resolve(defData);
+                            }
+                        }
+                    }
+                    else{
+                        console.log('sossubcats added',txnres.rows.length);
+                        await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                            if(txnres2.rows.length>0){
+                                let arr=[],arr2=[];
+                                for(var i=0;i<txnres2.rows.length;i++){
+                                    let data =txnres2.rows.item(i);
+                                    arr.push(data);
+                                    let allChildImages=[];
+                                    for(var s=0;s<data.SOSChildImageCount;s++){
+                                        let obj={'Image1Name':'','Image1':''};
+                                        allChildImages.push(obj);
+                                    }
+                                    let defCData={'SOSChildValue':data.SOSChildValue,'TotalFacing':'','SelfFacing':'','ChildImages':allChildImages};
+                                    arr2.push(defCData);
+                                    if(i==txnres2.rows.length-1){
+                                        defData['allChilds']=arr;
+                                        defData['childData']=arr2;
+                                        resolve(defData);
+                                    }
+                                }
+                            }
+                            else{
+                                resolve(defData);
+                            }
+                        },function (txn2, txnerr) { console.log(txnerr); resolve(defData); },);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(defData); },);
+            });        
+        }).catch((err)=>{
+            return defData;
+        });
+    }
+
+    async function getChildImages(storeData1,cat1,subcat1){
+        let allImages=[];
+        let {StoreId} =storeData1;
+        let {SOSHeaderId} =cat1;
+        let {SOSChildValue}=subcat1;
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) { 
+                let q=` SELECT IMAGE1 as Image1 FROM ${AppTables.SOS_IMAGES} where SOS_HEADER_ID='${SOSHeaderId}' and SOS_CHILD_VALUE='${SOSChildValue}' and TYPE='Child' and STORE_ID='${StoreId}' and VISIT_DATE='${d2}'  `;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let {Image1}=data;
+                            let imagePath=Image1!=null && Image1!=''?'file://'+common_ImagePath+Image1:'';
+                            let obj={'Image1Name':Image1,'Image1':imagePath};
+                            allImages.push(obj);
+                            if(i==txnres.rows.length-1){
+                                resolve(allImages);
+                            }
+                        }
+                    }
+                    else{
+                        resolve(allImages);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(allImages); },);
+            });        
+        }).catch((err)=>{
+            return allImages;
+        })
+    }
+
+
+    
+
+    async function getImage(imgdata){
+        let type=getImageProps.type || '';
+        let cat=getImageProps.cat || {};
+        let splitItem=getImageProps.splitItem || {};
+        let splitItemIndex=getImageProps.splitItemIndex || 0;
+        let skuItem=getImageProps.sku!=null?getImageProps.sku: {};
+
+        if(typeof imgdata=='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Share Of Shelf'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename='';
+                            if(type=='2'){
+                                filename=storeData.StoreId+'_'+cat.SOSHeaderValue+'_'+skuItem.SOSChildValue+'_'+splitItemIndex+'_'+(props.UserId || '')+'_SOSImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            }
+                            else{
+                                filename=storeData.StoreId+'_'+cat.SOSHeaderValue+'_'+splitItemIndex+'_'+(props.UserId || '')+'_SOSImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            }
+
+                            console.log('filename:',filename);
+                            
+                            let allData=SOSStockData;
+                            let defData={'SOSHeaderValue':cat.SOSHeaderValue,'Images':[],'SKUData':[]};
+                            const catDataIndex=allData.findIndex(i=>i.SOSHeaderValue==cat.SOSHeaderValue) ;
+                            const catData=catDataIndex>=0?allData[catDataIndex]:{};
+                            
+
+                            if(type=='2'){
+                                var SKUData=catData['SKUData'] || [];
+                                var childIndex=SKUData.findIndex(i=>i.SOSChildValue==skuItem.SOSChildValue) ;
+                                var childData=childIndex>=0?SKUData[childIndex]:{};
+                                
+                                var ChildImages=childData['ChildImages'] || [];
+                                var image_key='Image1Name';
+                                var image_key_path='Image1';
+                                splitItem[image_key]=filename;
+                            }
+                            else{
+                                var HeaderImages=catData['Images'] || [];
+                                var image_key='Image1Name';
+                                var image_key_path='Image1';
+                                splitItem[image_key]=filename;
+                            }
+                            
+                            
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                               console.log('image marker:',uri);
+                                
+                                if(type=='2'){
+                                    splitItem[image_key_path]=uri;
+                                    splitItemIndex>=0?ChildImages[splitItemIndex]=splitItem:ChildImages.push(splitItem);
+                                    childData['ChildImages']=ChildImages;
+                                    childIndex>=0?SKUData[childIndex]=childData:SKUData.push(childData);
+
+                                    catData['SKUData']=SKUData;
+                                    catDataIndex>=0?allData[catDataIndex]=catData:allData.push(catData);
+                                    setSOSStockData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                else{
+                                    console.log('Hdr split image updated');
+                                    splitItem[image_key_path]=uri;
+                                    splitItemIndex>=0?HeaderImages[splitItemIndex]=splitItem:HeaderImages.push(splitItem);
+                                    catData['Images']=HeaderImages;
+                                    catDataIndex>=0?allData[catDataIndex]=catData:allData.push(catData);
+                                    setSOSStockData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(cat,splitItem,splitItemIndex,type='1',sku){  
+        setGetImageProps({'cat':cat,'splitItem':splitItem,'splitItemIndex':splitItemIndex,'type':type,'sku':sku}); 
+        setShowCamera(true);
+    }
+
+    async function onFocusChange(cat,sku,inputType='1'){
+        let d={'catId':cat.SOSHeaderValue,'subcatId':sku.SubSOSHeaderValue,'inputType':inputType};
+        console.log(d);
+        setCurrentFocusedData(d);
+    }
+
+    async function focusToNext(cat,index,sku,sku_index,inputType='1'){
+        console.log('focusToNext',index);
+        let data=brandData;
+        
+        if(inputType=='1'){
+            let refIn2=inputRefs.current['input2_'+cat.SOSHeaderValue+'_'+sku.SubSOSHeaderValue];
+            refIn2.focus();
+        }
+        else{
+            let ccat_index=index;
+            let skulist=cat.skulist || [];
+            if(sku_index==skulist.length-1){ // if last subcategory element
+                //then move to next category
+                console.log('move to next cat',ccat_index,data.length)
+                if(ccat_index==data.length-1){
+                    return;
+                }
+                else{
+                    ccat_index+=1;
+                    console.log('move to next cat n:',ccat_index)
+                    let cat1=data[ccat_index];
+                    let skulist1=cat1.skulist || [];
+                    if(skulist1.length>0){
+                        let sku1=skulist1[0];
+                        let refIn1=inputRefs.current['input1_'+cat1.SOSHeaderValue+'_'+sku1.SubSOSHeaderValue];
+                        console.log('move to next cat refIn1:','input1_'+cat1.SOSHeaderValue+'_'+sku1.SubSOSHeaderValue)
+                        refIn1.focus();
+                    }
+                }
+            }
+            else{
+                // move to next subcategory
+                let sku1=skulist[sku_index+1];
+                let refIn1=inputRefs.current['input1_'+cat.SOSHeaderValue+'_'+sku1.SubSOSHeaderValue];
+                refIn1.focus();
+            }
+            
+            
+            
+        }
+
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.SOS_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.SOS_IMAGES} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q3=`DELETE FROM ${AppTables.SOS_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('stock facing hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('stock facing images deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q3,[],async function (txn2, txnres) { 
+                console.log('stock facing child data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              insertData();
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(){
+        try {   
+            
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+
+            await db.transaction(async function (txn) {
+              var values='',stock_values='',images_values='';
+              for(var i=0;i<AllSOSData.length;i++){
+                let item=AllSOSData[i];
+                const cat=item;
+                const catIndex=i;
+                let {SOSHeaderTable,SOSHeaderField,SOSHeaderValue,HeaderName,SOSHeaderFacing,SOSHeaderFacingLable,SOSHeaderImage,SOSHeaderImageCount,SOSHeaderImageGrid}=cat;
+                let SOSHeaderId='SOS'+i+SOSHeaderValue+moment().format('MMDDYYYYHHmmss');
+                const cindex=SOSStockData.findIndex(i=>i.SOSHeaderValue==item.SOSHeaderValue);
+                const cobj=cindex>=0?SOSStockData[cindex]:{};
+                const HeaderImages=cobj['Images'] || [] ;
+                let SOSHdrFacing=cobj['SOSHdrFacing']!=null?cobj['SOSHdrFacing']:'';
+                let this_SKUData=cobj['SKUData'] || [];
+
+                values+=values!=''?' , ':'';
+                values+=` ('${SOSHeaderId}','${StoreId}','${d2}','${SOSHeaderTable}','${SOSHeaderField}','${SOSHeaderValue}','${HeaderName}','${SOSHdrFacing}','${d2}') `;
+                
+                let skulist=item['skulist'] || [];
+                let SOSHeaderImage1=item.SOSHeaderImage==1 || item.SOSHeaderImage=='true'?1: 0;
+                if(SOSHeaderImage1==true){
+                    for(var k=0;k<HeaderImages.length;k++){
+                        let imgObj=HeaderImages[k];
+                        let {Image1Name,Image1}=imgObj;
+                        images_values+=images_values!=''?' , ':'';
+                        images_values+=` ('${SOSHeaderId}','${StoreId}','${d2}','${SOSHeaderValue}','','${(Image1Name || '')}','Header','${d2}') `;
+                    }
+                }
+
+                for(var j=0;j<skulist.length;j++){
+                    let skus=skulist[j];
+                    let sku_index=j;
+                    let {SOSDefinitionId,SOSChildTable,SOSChildField,SOSChildValue,ChildName,SOSChildTotalFacing,SOSChildSelfFacing,SOSChildTotalFacingLable,SOSChildSelfFacingLable,SOSChildImage,SOSChildImageCount,SOSChildImageGrid}=skus;
+                    stock_values+=stock_values!=''?' , ':'';
+
+                    let thisCatSkuData_i=this_SKUData.findIndex(i=>i.SOSChildValue==skus.SOSChildValue);
+                    let thisCatSkuData=thisCatSkuData_i>=0?(this_SKUData[thisCatSkuData_i] || {}):{};
+                    let TotalFacing=thisCatSkuData.TotalFacing!=null?thisCatSkuData.TotalFacing:'';
+                    let SelfFacing=thisCatSkuData.SelfFacing!=null?thisCatSkuData.SelfFacing:'';
+                    const ChildImages=thisCatSkuData['ChildImages'] || [] ;
+                                        
+                    stock_values+=` ('${SOSHeaderId}','${StoreId}','${d2}','${SOSDefinitionId}','${SOSHeaderValue}','${SOSChildTable}','${SOSChildField}','${SOSChildValue}','${ChildName}','${TotalFacing}','${SelfFacing}','${d2}') `;
+                    
+                    let SOSChildImage1=SOSChildImage==1 || SOSChildImage=='true'?1: 0;
+                    if(SOSChildImage1==true){
+                        for(var l=0;l<ChildImages.length;l++){
+                            let imgObj=ChildImages[l];
+                            let {Image1Name,Image1}=imgObj;
+                            images_values+=images_values!=''?' , ':'';
+                            images_values+=` ('${SOSHeaderId}','${StoreId}','${d2}','${SOSHeaderValue}','${SOSChildValue}','${(Image1Name || '')}','Child','${d2}') `;
+                        }
+                    }
+                }
+              }
+
+              let add_StockHdr=`INSERT INTO ${AppTables.SOS_HDR_DATA} (SOS_HEADER_ID,STORE_ID,VISIT_DATE,SOS_HDR_TABLE,SOS_HDR_FIELD,SOS_HDR_VALUE,HEADER_NAME,SOS_HDR_FACING,ADDED_DATE) VALUES ${values} `;
+              let add_Stock=`INSERT INTO ${AppTables.SOS_CHILD_DATA} (SOS_HEADER_ID,STORE_ID,VISIT_DATE,SOS_DEFINITION_ID,SOS_HDR_VALUE,SOS_CHILD_TABLE,SOS_CHILD_FIELD,SOS_CHILD_VALUE,CHILD_NAME,TOTAL_FACING,SELF_FACING,ADDED_DATE ) VALUES ${stock_values} `;
+              let add_images=`INSERT INTO ${AppTables.SOS_IMAGES} (SOS_HEADER_ID,STORE_ID,VISIT_DATE,SOS_HDR_VALUE,SOS_CHILD_VALUE,IMAGE1,TYPE,ADDED_DATE) VALUES ${images_values} `;
+              
+              
+              await txn.executeSql(add_StockHdr,[],async function (txn2, txnres) { 
+                console.log('stock facing header added');
+                await txn.executeSql(add_Stock,[],async function (txn2, txnres) { 
+                    console.log('stock facing child added');
+                    await txn.executeSql(add_images,[],async function (txn2, txnres) { 
+                        console.log('stock facing images added');
+                        notify('Share Of Shelf data updated successfully');
+                        setProcessing(false);
+                        props.navigation.goBack();
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add Share Of Shelf data') },);
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add Share Of Shelf data') },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add Share Of Shelf data') },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        return new Promise((resolve,reject)=>{
+            for (const index in AllSOSData){
+                const item=AllSOSData[index];
+                const cat=item;
+                const catIndex=index;
+
+                let SOSHeaderImage=item.SOSHeaderImage==1 || item.SOSHeaderImage=='true'?1: 0;
+                let SOSHeaderFacing=item.SOSHeaderFacing==1 || item.SOSHeaderFacing=='true'?1: 0;
+                let SOSHeaderFacingLable=item.SOSHeaderFacingLable!=null?item.SOSHeaderFacingLable: '';
+                
+
+                const cindex=SOSStockData.findIndex(i=>i.SOSHeaderValue==item.SOSHeaderValue);
+                const cobj=cindex>=0?SOSStockData[cindex]:{};
+                const HeaderImages=cobj['Images'] || [] ;
+                let SOSHdrFacing=cobj['SOSHdrFacing']!=null?cobj['SOSHdrFacing']:'';
+                let this_SKUData=cobj['SKUData'] || [];
+                let TotalSelfFacingsEntered=0;
+                if(SOSHeaderFacing==true && (SOSHdrFacing==null || SOSHdrFacing=='')){
+                    notify(`Please enter Header Facing for ${cat.HeaderName}`,'SHORT');
+                    resolve(false);return;
+                }
+                else{
+                    if(StoreCameraAllow && SOSHeaderImage==true && HeaderImages.length>0)
+                    {
+                        for(const splitItemIndex in HeaderImages){
+                            const splitItem=HeaderImages[splitItemIndex];
+                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                            if(Image1Name==''){
+                                notify(`Please click all header images for ${cat.HeaderName}`,'SHORT');
+                                resolve(false);return;
+                            }
+                        }
+                    }
+                    let skulist=cat.skulist || [];
+                    for(const sku_index in skulist){
+                        const skus=skulist[sku_index];
+
+                        let SOSChildImage=skus.SOSChildImage==1 || skus.SOSChildImage=='true'?1: 0;
+                        let SOSChildTotalFacing=skus.SOSChildTotalFacing==1 || skus.SOSChildTotalFacing=='true'?1: 0;
+                        let SOSChildSelfFacing=skus.SOSChildSelfFacing==1 || skus.SOSChildSelfFacing=='true'?1: 0;
+                        let SOSChildTotalFacingLable=skus.SOSChildTotalFacingLable!=null?skus.SOSChildTotalFacingLable: '';
+                        let SOSChildSelfFacingLable=skus.SOSChildSelfFacingLable!=null?skus.SOSChildSelfFacingLable: '';
+
+
+                        let thisCatSkuData_i=this_SKUData.findIndex(i=>i.SOSChildValue==skus.SOSChildValue);
+                        let thisCatSkuData=thisCatSkuData_i>=0?(this_SKUData[thisCatSkuData_i] || {}):{};
+                        let TotalFacing=thisCatSkuData.TotalFacing!=null?thisCatSkuData.TotalFacing:'';
+                        let SelfFacing=thisCatSkuData.SelfFacing!=null?thisCatSkuData.SelfFacing:'';
+                        const ChildImages=thisCatSkuData['ChildImages'] || [] ;
+                        if(SOSChildTotalFacing==true && (TotalFacing==null || TotalFacing=='')){
+                            notify(`Please enter ${SOSChildTotalFacingLable} for ${skus.ChildName} in ${cat.HeaderName}`,'SHORT');
+                            resolve(false);return;
+                        }
+                        else if(SOSChildSelfFacing==true && (SelfFacing==null || SelfFacing=='')){
+                            notify(`Please enter ${SOSChildSelfFacingLable} for ${skus.ChildName} in ${cat.HeaderName}`,'SHORT');
+                            resolve(false);return;
+                        }
+                        else if(SOSChildSelfFacing==true &&  SOSChildTotalFacing==true && (parseInt(SelfFacing)> parseInt(TotalFacing))){
+                            notify(`${SOSChildSelfFacingLable} should be less than or equals to ${SOSChildTotalFacingLable} for ${skus.ChildName} in ${cat.HeaderName}`,'SHORT');
+                            resolve(false);return;
+                        }
+                        else{
+                            TotalSelfFacingsEntered+=parseInt(SelfFacing);
+                            if(sku_index==this_SKUData.length-1){
+                                if(SOSChildSelfFacing==true &&  SOSHeaderFacing==true && (TotalSelfFacingsEntered> parseInt(SOSHdrFacing))){
+                                    notify(`Sum of all ${SOSChildSelfFacingLable}  should be less than or equals to ${SOSHeaderFacingLable} for ${cat.HeaderName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                            }
+
+                            if(StoreCameraAllow && SOSChildImage==true && ChildImages.length>0)
+                            {
+                                for(const splitItemIndex in ChildImages){
+                                    const splitItem=ChildImages[splitItemIndex];
+                                    let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                    if(Image1Name==''){
+                                        notify(`Please click all child images for ${skus.ChildName} in ${cat.HeaderName}`,'SHORT');
+                                        resolve(false);return;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+
+                if(index==(AllSOSData.length-1)){
+                    resolve(true);return;
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+
+    }
+
+    function onStockValChange(item,skuItem,val,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+        let allSKUData=SOSStockData;
+        let defData={'SOSHeaderValue':item.SOSHeaderValue,'Images':[],'SKUData':[]};
+        const catindex=allSKUData.findIndex(i=>i.SOSHeaderValue==item.SOSHeaderValue);
+        const catData=catindex>=0?(allSKUData[catindex] || defData) : defData;
+        let AllSKUs=catData['SKUData'] ||[];
+
+        let defCData={'SOSChildValue':skuItem.SOSChildValue,'ChildImages':[]};
+        let skud_index=AllSKUs.findIndex(i=>i.SOSChildValue==skuItem.SOSChildValue);
+        const skud=skud_index>=0?(AllSKUs[skud_index] || defCData) : defCData;
+        skud[key]=val;
+        skud_index>=0?AllSKUs[skud_index]=skud:AllSKUs.push(skud);
+        catData['SKUData']=AllSKUs;
+
+        catindex>=0?allSKUData[catindex]=catData:allSKUData.push(catData);
+        setSOSStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onHdrStockValChange(item,val,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+
+        let allSKUData=SOSStockData;
+        let defData={'SOSHeaderValue':item.SOSHeaderValue,'Images':[],'SKUData':[]};
+        const skud_index=allSKUData.findIndex(i=>i.SOSHeaderValue==item.SOSHeaderValue);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSOSStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function _render_Alert(){
+        return (
+          <CustomModal 
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={'Do you really want to save data?'}
+            showModal={showAlert}
+          >
+            <View style={customStyle.storelVisitM_options}>
+             <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowAlert(false)}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Cancel</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{saveData()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Yes</Text>
+              </TouchableOpacity>
+            </View>
+          </CustomModal>
+        )
+      }
+
+
+    function _renderSOSList(){
+        return (
+            <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={(Platform.OS=='ios'?10:-100)} >  
+                        
+            <FlatList 
+            data={AllSOSData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.Win_scroll} 
+            style={customStyle.Win_scrollO}
+            initialNumToRender={5}
+            listKey={(item, index) => `window_${index.toString()}`}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const catIndex=index;
+
+                let SOSHeaderImage=item.SOSHeaderImage==1 || item.SOSHeaderImage=='true'?1: 0;
+                let SOSHeaderFacing=item.SOSHeaderFacing==1 || item.SOSHeaderFacing=='true'?1: 0;
+                let SOSHeaderFacingLable=item.SOSHeaderFacingLable!=null?item.SOSHeaderFacingLable: '';
+                
+
+                const cindex=SOSStockData.findIndex(i=>i.SOSHeaderValue==item.SOSHeaderValue);
+                const cobj=cindex>=0?SOSStockData[cindex]:{};
+                const HeaderImages=cobj['Images'] || [] ;
+                let SOSHdrFacing=cobj['SOSHdrFacing']!=null?cobj['SOSHdrFacing']:'';
+                let this_SKUData=cobj['SKUData'] || [];
+
+                
+                
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={[customStyle.opening_Stock_catText]}>{item.HeaderName}</Text>
+                            </LinearGradient>
+                        </View>
+                        <View style={customStyle.SOSForm}>
+                            <View style={customStyle.SOSHdrForm}>
+                                {SOSHeaderFacing==true && 
+                                    <View style={customStyle.SOSform_row}>
+                                        <View style={[customStyle.SOSform_colflex]} >
+                                            <View style={[customStyle.SOSform_col1,customStyle.SOSform_colsCommon]}>
+                                                <Text style={customStyle.SOSform_collabel}>{SOSHeaderFacingLable}</Text>
+                                            </View>
+                                            
+                                            <View style={[customStyle.SOSform_col2,customStyle.SOSform_colsCommon]}>
+                                                <TextInput 
+                                                    style={[customStyle.SOSInputStyle]}
+                                                    placeholder=""            
+                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                    value={(SOSHdrFacing+'')}
+                                                    keyboardType='numeric'
+                                                    onChangeText={(val)=>{ onHdrStockValChange(cat,val,'SOSHdrFacing','numeric')}}
+                                                    autoComplete='off'
+                                                />
+                                            </View>
+                                        </View>
+                                    </View>
+                                }
+                                {(SOSHeaderImage==true && HeaderImages.length>0) && 
+                                <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <View style={customStyle.SOSheadingsCon}>
+                                        <Text style={customStyle.SOSheadingsText}>{'Capture SOS Header Images'}</Text>
+                                    </View>
+                                    <View style={customStyle.SOShdrImagesWrap}>
+                                        <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]} >
+                                        {(rerenderdata2==rerenderdata2) && 
+                                            HeaderImages.map((item,index)=>{
+                                                let splitItem=item;
+                                                let splitItemIndex=index;
+                                                let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                                let Image1=splitItem['Image1']!=null && splitItem['Image1']!=''?splitItem['Image1']:'';
+                                                
+                                                return(
+                                                    <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]} key={'SplitItem+'+splitItemIndex}>
+                                                        { (Image1=='' || Image1==null) && 
+                                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin,customStyle.SOSCameraBtn]} onPress={()=>{openCamera(cat,splitItem,splitItemIndex,'1')}}>
+                                                                <SvgXml width={40} height={40} xml={cameraImg}/>                                     
+                                                            </TouchableOpacity>
+                                                        }
+                                                        { (Image1!='' && Image1!=null) && 
+                                                            <View style={customStyle.osCatImageView}>
+                                                                <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(cat,splitItem,splitItemIndex,'1')}}>
+                                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                                </TouchableOpacity>
+                                                            </View>                                    
+                                                        }       
+                                                        {/* <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text> */}
+                                                    </View>     
+                                                );
+                                            })
+                                        }
+                                        </View>
+                                    </View>
+                                </View>
+                                }
+                            </View>
+                            <View style={customStyle.SOSListHdr}>
+                                <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$primary_color,PageTheme.$fourth_color,PageTheme.$primary_color,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={[customStyle.SOSheadingsCon,customStyle.SOSheadingsCon3]}>
+                                    <Text style={[customStyle.SOSheadingsText,customStyle.SOSheadingsText2]}>{'Product Facings'}</Text>
+                                </LinearGradient>
+                            </View>
+                            <View style={customStyle.SOSChildlist}>
+                                <View style={customStyle.opening_Stock_prds}>
+                                    <FlatList 
+                                    data={cat.skulist}
+                                    extraData={rerenderdata3}
+                                    renderItem={({item,index})=>{
+                                        const skus=item;
+                                        const sku_index=index;
+
+                                        let SOSChildImage=skus.SOSChildImage==1 || skus.SOSChildImage=='true'?1: 0;
+                                        let SOSChildTotalFacing=skus.SOSChildTotalFacing==1 || skus.SOSChildTotalFacing=='true'?1: 0;
+                                        let SOSChildSelfFacing=skus.SOSChildSelfFacing==1 || skus.SOSChildSelfFacing=='true'?1: 0;
+                                        let SOSChildTotalFacingLable=skus.SOSChildTotalFacingLable!=null?skus.SOSChildTotalFacingLable: '';
+                                        let SOSChildSelfFacingLable=skus.SOSChildSelfFacingLable!=null?skus.SOSChildSelfFacingLable: '';
+
+                                        let thisCatSkuData_i=this_SKUData.findIndex(i=>i.SOSChildValue==skus.SOSChildValue);
+                                        let thisCatSkuData=thisCatSkuData_i>=0?(this_SKUData[thisCatSkuData_i] || {}):{};
+                                        let TotalFacing=thisCatSkuData.TotalFacing!=null?thisCatSkuData.TotalFacing:'';
+                                        let SelfFacing=thisCatSkuData.SelfFacing!=null?thisCatSkuData.SelfFacing:'';
+                                        const ChildImages=thisCatSkuData['ChildImages'] || [] ;
+                                        
+                                        return(
+                                            <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                                <Text style={[customStyle.openStk_prd_nameB]}>{skus.ChildName}</Text>
+                                                {(SOSChildImage==true && ChildImages.length>0) && 
+                                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                                        
+                                                        <View style={[customStyle.SOSheadingsCon,customStyle.SOSheadingsCon2]}>
+                                                            <Text style={[customStyle.SOSheadingsText,customStyle.SOSheadingsText2]}>{'Capture SOS Child Images'}</Text>
+                                                        </View>
+                                                        <View style={customStyle.SOSChildImagesWrap}>
+                                                        <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]} >
+                                                        {   rerenderdata4==rerenderdata4 && 
+                                                            ChildImages.map((item,index)=>{
+                                                                let splitChildItem=item;
+                                                                let splitChildItemIndex=index;
+                                                                let Image1Name=splitChildItem['Image1Name']!=null && splitChildItem['Image1Name']!=''?splitChildItem['Image1Name']:'';
+                                                                let Image1=splitChildItem['Image1']!=null && splitChildItem['Image1']!=''?splitChildItem['Image1']:'';
+                                                                
+                                                                return(
+                                                                    <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                                                        { (Image1=='' || Image1==null) && 
+                                                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(cat,splitChildItem,splitChildItemIndex,'2',skus)}}>
+                                                                                <SvgXml width={80} height={80} xml={cameraImg2}/>                                     
+                                                                            </TouchableOpacity>
+                                                                        }
+                                                                        { (Image1!='' && Image1!=null) && 
+                                                                            <View style={customStyle.osCatImageView}>
+                                                                                <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(cat,splitChildItem,splitChildItemIndex,'2',skus)}}>
+                                                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                                                </TouchableOpacity>
+                                                                            </View>                                    
+                                                                        }       
+                                                                        {/* <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text> */}
+                                                                    </View>  
+                                                                );
+                                                            })
+                                                        }
+                                                        </View>
+                                                        </View>
+                                                    </View>
+                                                }
+                                                <View style={customStyle.SOSlist_form}>
+                                                    {SOSChildTotalFacing==true && 
+                                                    <View style={customStyle.SOSform_row}>
+                                                        <View style={[customStyle.SOSform_colflex]} >
+                                                            <View style={[customStyle.SOSform_col1,customStyle.SOSform_colsCommon]}>
+                                                                <Text style={customStyle.SOSform_collabel}>{SOSChildTotalFacingLable}</Text>
+                                                            </View>
+                                                            
+                                                            <View style={[customStyle.SOSform_col2,customStyle.SOSform_colsCommon]}>
+                                                                <TextInput 
+                                                                    style={[customStyle.SOSInputStyle]}
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(TotalFacing+'')}
+                                                                    keyboardType='numeric'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'TotalFacing','numeric')}}
+                                                                    autoComplete='off'
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                    </View>}
+                                                    {SOSChildSelfFacing==true && 
+                                                    <View style={customStyle.SOSform_row}>
+                                                        <View style={[customStyle.SOSform_colflex]} >
+                                                            <View style={[customStyle.SOSform_col1,customStyle.SOSform_colsCommon]}>
+                                                                <Text style={customStyle.SOSform_collabel}>{SOSChildSelfFacingLable}</Text>
+                                                            </View>
+                                                            <View style={[customStyle.SOSform_col2,customStyle.SOSform_colsCommon]}>
+                                                                <TextInput 
+                                                                    style={[customStyle.SOSInputStyle]}
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(SelfFacing+'')}
+                                                                    keyboardType='numeric'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'SelfFacing','numeric')}}
+                                                                    autoComplete='off'
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                    </View>}
+                                                
+                                                </View>
+                                            </View>
+                                        )
+                                    }}/>
+                                </View>
+                            </View>
+                        </View>
+                        
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {_render_Alert()}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 && 
+           _renderSOSList()
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ShareOfShelfOneApp);
\ No newline at end of file
diff --git a/src/screens/ShelfTalker.js b/src/screens/ShelfTalker.js
new file mode 100644
index 0000000..4925f11
--- /dev/null
+++ b/src/screens/ShelfTalker.js
@@ -0,0 +1,2035 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import CheckBox from '@react-native-community/checkbox';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import MultiSelect from 'react-native-multiple-select';
+
+function ShelfTalker(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+
+    const [Products, setProducts] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+    const [searchedItem, setSearchedItem]= useState('');
+    const [globalWindows, setGlobalWindows] = useState([]);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]); 
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+               return;
+            }   
+        }
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {        
+            
+
+            let q3=`Select StReasonId as ReasonId,StReason as Reason From Master_ShelfTalkerReason`;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // check if data exists
+            let selectlist=` w.STORE_ID as StoreId,w.ST_HEADER_ID as stHeaderId,wd.StDefinitionId,wd.ShelfTalkerId,wd.StName,wd.StTable,wd.StField,wd.StValue,wd.ChildName,wd.StRefImage,wd.StElementCheckAssortment,wd.StElementStockRequired,w.IS_PRESENT as IsPresent,wd.StNotExistCamera,w.ST_NA_IMAGE as StNAImage,wd.StExistReasonEnable,wd.StNotExistReasonEnable,w.REASON_ID as ReasonId,w.REASON as Reason,w.REMARK as Remark,wd.NoOfSplit,wd.StImage1,wd.StImage2,wd.StImage1Lable,wd.StImage2Lable,wd.StImage1CameraGrid,wd.StImage2CameraGrid,wd.StockQtyRequired`;
+            let join=` inner join Master_ShelfTalkerDefinition wd on w.ST_DEFINITION_ID=wd.StDefinitionId `;
+            let q=` Select ${selectlist} from ${AppTables.ST_HDR_DATA} w  ${join} where w.STORE_ID='${StoreId}'  `;
+
+            // else pick data from masters
+            let selectlist2=` s.StoreId,w.StDefinitionId,w.ShelfTalkerId,w.StName,w.StTable,w.StField,w.StValue,w.ChildName,w.StRefImage,w.StElementCheckAssortment,w.StElementStockRequired,'' as IsPresent,w.StNotExistCamera,'' as StNAImage,w.StExistReasonEnable,w.StNotExistReasonEnable,'' as ReasonId,'' as Reason,w.NoOfSplit,w.StImage1,w.StImage2,w.StImage1Lable,w.StImage2Lable,w.StImage1CameraGrid,w.StImage2CameraGrid,w.StockQtyRequired`;
+            let join2=` inner join Mapping_StoreShelfTalker s on w.StDefinitionId=s.StDefinitionId  `;
+            let q2=` Select ${selectlist2} from Master_ShelfTalkerDefinition w  ${join2} where s.StoreId='${StoreId}'  `;
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];let images=[],allWindowsData=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data=txnres2.rows.item(i);
+                        let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                        data.animatedChoice=animatedChoice;
+                        data.NoOfSplit=parseInt(data.NoOfSplit);
+                        
+                        let NoOfSplit=data.NoOfSplit;
+                        let isPresent=data.IsPresent=='1' || data.IsPresent==1?1:0;
+                        let isStockReq=data.StElementStockRequired=='true' || data.StElementStockRequired==1?1:0;
+                        
+                        let imgObj={imgIndex:(i+1),url: data.StRefImage, props: {}}
+                        let WindowSplits =  await getWindowSplits(NoOfSplit,data,storeData1);
+                        let WQr =  await getWindowQuestions(data,storeData1,isPresent);
+                        let WindowQuestions = WQr['WindowQuestions'] || [];
+                        let WindowQA= WQr['WindowQA'] || {};
+                        let WSd= isStockReq==true ? await getWindowStockData(data,storeData1,isPresent) : {'WStocks':[],'WStocksData':[]};
+                        let WStocks=WSd['WStocks'] || [];
+                        let WStocksData=WSd['WStocksData'] || [];
+                        let isAllChecked=WSd['isAllChecked']!=null?WSd['isAllChecked']:0;
+
+                        let isNAImageAvl=data.StNotExistCamera=='true' || data.StNotExistCamera==1?1:0;
+                        let NAImage1=isNAImageAvl==1 && data.StNAImage!=null?data.StNAImage:'';
+                        let NAImage1Path=NAImage1!=''?'file://'+common_ImagePath+NAImage1:'';
+
+
+                        let windowDataObj={'ShelfTalkerId':data.ShelfTalkerId,'StDefinitionId':data.StDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData,'NAImage1':NAImage1,'NAImage1Path':NAImage1Path,'ReasonId':data.ReasonId,'Reason':data.Reason,'isPresent':isPresent,'isAllSKUChecked':isAllChecked,'remark':(data.Remark!=null?data.Remark:'')};
+                        data['WindowQuestions']=WindowQuestions;
+                        data['WindowStocks']=WStocks;
+                        arr.push(data);
+                        
+                        allWindowsData.push(windowDataObj);
+                        if(i==txnres2.rows.length-1){
+                            setWindowData(allWindowsData);
+                            setWindows(arr);
+                            setGlobalWindows(arr);
+                            images.push(imgObj);
+                            setZoomImageUrl(images);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                    await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                        if(txnres2.rows.length>0){
+                            let arr=[],images=[],allWindowsData=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data=txnres2.rows.item(i);
+                                let animatedChoice=new Animated.Value(0);
+                                data.animatedChoice=animatedChoice;
+                                data.NoOfSplit=parseInt(data.NoOfSplit);
+                                let isStockReq=data.StElementStockRequired=='true' || data.StElementStockRequired==1?1:0;
+                        
+                                let imgObj={imgIndex:(i+1),url: data.StRefImage, props: {}}
+                                let WindowSplits =  [];
+                                for(var s=0;s<data.NoOfSplit;s++){
+                                    let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+                                    WindowSplits.push(obj);
+                                }
+                                let WQr =  await getWindowQuestions(data,storeData1,false);
+                                let WindowQuestions = WQr['WindowQuestions'] || [];
+                                let WindowQA= WQr['WindowQA'] || {};
+                                let WSd= isStockReq==true ? await getWindowStockData(data,storeData1,false) : {'WStocks':[],'WStocksData':[]};
+                        
+                                let WStocks=WSd['WStocks'] || [];
+                                let WStocksData=WSd['WStocksData'] || [];
+                                let isAllChecked=WSd['isAllChecked']!=null?WSd['isAllChecked']:0;
+
+                                let windowDataObj={'ShelfTalkerId':data.ShelfTalkerId,'StDefinitionId':data.StDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData,'isAllSKUChecked':isAllChecked};
+                                data['WindowQuestions']=WindowQuestions;
+                                data['WindowStocks']=WStocks;
+
+                                arr.push(data);
+                                allWindowsData.push(windowDataObj);
+                                if(i==txnres2.rows.length-1){
+                                    setWindowData(allWindowsData);
+                                    setWindows(arr);
+                                    setGlobalWindows(arr);
+                                    images.push(imgObj);
+                                    setZoomImageUrl(images);
+                                    setProcessing(false);
+                                }                                
+                            }
+                        }
+                        else{
+                            setProcessing(false);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getWindowSplits(NoOfSplit,window,storeData1){
+        let WindowSplits_def=  [];
+        for(var s=0;s<NoOfSplit;s++){
+            let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+            WindowSplits_def.push(obj);
+        }
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+
+                let q=`select * from ${AppTables.ST_IMAGES} where ST_HEADER_ID='${window.stHeaderId}' and  STORE_ID='${storeData1.StoreId}' `;
+               
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            console.log(data.ST_HEADER_ID)
+                            let isImage1=window.StImage1=='true' || window.StImage1==1?1:0;
+                            let isImage2=window.StImage2=='true' || window.StImage2==1?1:0;
+
+                            let Image1=isImage1==1 && data.IMAGE1!=null && data.IMAGE1!=''?'file://'+common_ImagePath+data.IMAGE1:'';
+                            let Image2=isImage2==1 && data.IMAGE2!=null && data.IMAGE2!=''?'file://'+common_ImagePath+data.IMAGE2:'';
+                            let obj={'Image1Name':data.IMAGE1,'Image1':Image1,'Image2Name':data.IMAGE2,'Image2':Image2};
+                            arr.push(obj);
+
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(WindowSplits_def)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(WindowSplits_def) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return WindowSplits_def;
+        });
+    }
+
+    async function getWindowQuestions(window,storeData1,isInserted=false){
+        let obj={'WindowQA':{},'WindowQuestions':[]}
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='',join2='';
+                if(isInserted==true){
+                    selectlist=` DISTINCT  q.QUESTION_ID as StQuestionId,q.QUESTION_CODE as StQuestionCode,wq.StQuestionName,wq.QuestionType,wq.StqShowCamera,wq.StqCameraMandatory,wq.StqLengthValidationRequired,wq.StqMinimumChar,wq.StqMaximumChar,wq.StqDecimalPoint,wq.StqDateRangeMin,wq.StqDateRangeMax,wq.StqVoiceLengthInMinutes,wq.StqDefaultQuestionEnable,q.ANSWER as Answer,q.ANSWER_ID as AnswerId,q.MULTI_OPTIONS_IDS as multi_op_ids,q.IMAGE_ALLOW1 as StaShowCamera,q.IMAGE1 as Image1  `;
+                    join2=` inner join Mapping_ShelfTalkerQuestion mq on mq.StQuestionId=wq.StQuestionId `;
+                    join=` inner join Master_ShelfTalkerQuestion wq on wq.StQuestionId=q.QUESTION_ID `;
+                    q=`select ${selectlist} from ${AppTables.ST_CHILD_DATA} q ${join} ${join2} where q.STORE_ID='${storeData1.StoreId}' and q.ST_DEFINITION_ID='${window.StDefinitionId}' and q.SHELFTALKER_ID='${window.ShelfTalkerId}' order by wq.StQuestionSequence  `;
+                }
+                else{
+                    selectlist=` DISTINCT  wq.StQuestionId,wq.StQuestionCode,wq.StQuestionName,wq.QuestionType,wq.StqShowCamera,wq.StqCameraMandatory,wq.StqLengthValidationRequired,wq.StqMinimumChar,wq.StqMaximumChar,wq.StqDecimalPoint,wq.StqDateRangeMin,wq.StqDateRangeMax,wq.StqVoiceLengthInMinutes,wq.StqDefaultQuestionEnable `;
+                    join=` inner join Mapping_ShelfTalkerQuestion mq on mq.StQuestionId=wq.StQuestionId `;
+                    q=`select ${selectlist} from Master_ShelfTalkerQuestion wq  ${join} where mq.StDefinitionId='${window.StDefinitionId}' order by wq.StQuestionSequence  `;
+                }
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        let wqa_obj={};
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            let answers=[];
+                            data.StqDefaultQuestionEnable=data.StqDefaultQuestionEnable==1 || data.StqDefaultQuestionEnable=='true'?true:false;
+                             
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  answers=await getWindowAnswers(data);
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data['Answers']=answers;
+      
+                              let id_key=data.StQuestionId+'_AnswerId'; 
+                              let ans_key=data.StQuestionId+'_Answer'; 
+                              let multi_key=data.StQuestionId+'_MultiOption';
+                              let date_key=data.StQuestionId+'_Date';
+                              let img_key=data.StQuestionId+'_ImagePath1';
+                              let imgname_key=data.StQuestionId+'_ImageName1';
+                              let rating_key=data.StQuestionId+'_Rating'; 
+                              
+      
+                              let showImageTag=(data.StqShowCamera=='true' || data.StqShowCamera==1) ;
+      
+                              data.AnswerId!=null?wqa_obj[id_key]=data.AnswerId:'';
+                              data.Answer!=null?wqa_obj[ans_key]=data.Answer:'';
+
+                              
+                              let selansid=data.AnswerId!=null?data.AnswerId:'';
+                              if(data.QuestionType=='Multi choice list' && selansid!='' && data.multi_op_ids!=null){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  wqa_obj[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((data.QuestionType=='Single choice list' || data.QuestionType=='Multi choice list' ) && selansid!='' && selansid!=null){
+                                  if (data.Answers && data.Answers.length>0){
+                                      for(var k=0;k<data.Answers.length;k++){
+                                          let ansss=data.Answers[k];
+                                          let isandImgAl=(ansss.StaShowCamera==1 || ansss.StaShowCamera=='true');
+                                          if(data.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(data.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag && data.Answer!=null){
+                                  let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1;
+                                  wqa_obj[imgname_key]=data.Image1;
+                                  wqa_obj[img_key]=imgPath;
+                              }
+
+                             
+      
+                              if(data.QuestionType=='Date' && data.Answer!=null){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  wqa_obj[date_key]=fulldate;
+                                  
+                              }
+
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WindowQuestions']=arr;
+                                obj['WindowQA']=wqa_obj;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getWindowAnswers(qtn){
+        
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='';
+                selectlist=` DISTINCT  StAnswerId as AnswerId,StAnswerName as Answer,StaShowCamera,StaCameraMandatory,StaQuestionEnable,StaQuestionDisable `;
+                q=`select ${selectlist} from  Master_ShelfTalkerQuestion  where StQuestionId='${qtn.StQuestionId}'  order by StaSequence  `;
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        });
+    }
+
+    async function getWindowStockData(window,storeData1,isInserted=false){
+        let obj={'WStocks':[],'WStocksData':[],'isAllChecked':0}
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='';
+                let checkassrt=window.StElementCheckAssortment=='true' || window.StElementCheckAssortment==1?true:false;
+                
+                if(isInserted==true){
+                    if(checkassrt){
+                        join=` inner join Mapping_ProductAssortment a on a.ProductId=s.ST_STOCK_VALUE `;
+                    }
+                    
+                    selectlist=`  s.ST_STOCK_DEFINITION_ID as StStockDefinitionId, s.ST_DEFINITION_ID as StDefinitionId,s.ST_STOCK_TABLE as StStockTable,s.ST_STOCK_FIELD as StStockField,s.ST_STOCK_VALUE as StStockValue,s.ST_STOCK_MBQ as StStockMBQ,s.PRODUCT_NAME as ProductName, s.STOCK as Stock,s.IS_PROMO_PRESENT as isPromoPresent `;
+                    q=`select ${selectlist} from  ${AppTables.ST_STOCK_DATA} s ${join} where s.ST_DEFINITION_ID='${window.StDefinitionId}' and s.STORE_ID='${storeData1.StoreId}'  `;
+                }else{
+                    if(checkassrt){
+                        join=` inner join Mapping_ProductAssortment a on a.ProductId=s.StStockValue `;
+                    }
+                    selectlist=`  s.StStockDefinitionId, s.StDefinitionId,s.StStockTable,s.StStockField,s.StStockValue,s.StStockMBQ,s.ProductName `;
+                    q=`select ${selectlist} from  Master_ShelfTalkerStockDefinition s ${join} where s.StDefinitionId='${window.StDefinitionId}'   `;
+                }
+                if(checkassrt){
+                    q+=` and a.StateId='${storeData1.StateId}' `;
+                }
+                q+=isInserted?` order by s.PRODUCT_NAME `:` order by s.ProductName `;
+
+                
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[],WStocksData=[];
+                        let isAllChecked=1;
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            if(isInserted==true && data.Stock!=null){
+                                
+                                let stockData_obj={'ProductId':data.StStockValue,'Stock':data.Stock,'isPromoPresent':(data.isPromoPresent!=null ?data.isPromoPresent:0)}
+                                WStocksData.push(stockData_obj);
+                                
+                            }
+                            if(data.isPromoPresent==null || data.isPromoPresent==0 || data.isPromoPresent=='0' || data.isPromoPresent==''){
+                               
+                                isAllChecked=0;
+                            }
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WStocks']=arr;
+                                obj['WStocksData']=WStocksData;
+                                obj['isAllChecked']=isAllChecked;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getImage(imgdata){
+        let type=getImageProps.type || '';
+        let window=getImageProps.window || {};
+        let splitItem=getImageProps.splitItem || {};
+        let splitItemIndex=getImageProps.splitItemIndex || 0;
+        let qtn=getImageProps.qtn || {};
+        let cameraType=getImageProps.cameraType!=null?getImageProps.cameraType:'1';
+
+        if(typeof imgdata=='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Shelf Talker'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+window.StDefinitionId+'_'+window.ShelfTalkerId+'_'+(props.UserId || '')+'_STImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=WindowData;
+                            let defData={'ShelfTalkerId':window.ShelfTalkerId,'StDefinitionId':window.StDefinitionId};
+                            const wind_index=allData.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId) ;
+                            let wind=wind_index>=0?allData[wind_index]:defData;
+
+                            if(cameraType=='2'){
+                                var QD=wind.WindowQA || {};
+                                var image_key=qtn.StQuestionId+'_ImageName1';
+                                var image_key_path=qtn.StQuestionId+'_ImagePath1';
+                                QD[image_key]=filename;
+                            }
+                            else if(cameraType=='3'){
+                                var image_key='NAImage1';
+                                var image_key_path='NAImage1Path';
+                                wind[image_key]=filename;
+                            }
+                            else{
+                                var WindowSplits=wind.WindowSplits || [];
+                                var image_key=type=='1'?'Image1Name':'Image2Name';
+                                var image_key_path=type=='1'?'Image1':'Image2';
+                                splitItem[image_key]=filename;
+                            }
+                            
+                            
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                               console.log('image marker:',uri);
+                                
+                                if(cameraType=='2'){
+                                    QD[image_key_path]=uri;
+                                    wind.WindowQA=QD;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata3(!rerenderdata3);
+                                }
+                                else if(cameraType=='3'){
+                                    wind[image_key_path]=uri;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                else{
+                                    console.log('split image updated');
+                                    splitItem[image_key_path]=uri;
+                                    splitItemIndex>=0?WindowSplits[splitItemIndex]=splitItem:WindowSplits.push(splitItem);
+                                    wind.WindowSplits=WindowSplits;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata2(!rerenderdata2);
+                                }
+                                
+                                
+                                
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(window,splitItem,splitItemIndex,type='1',cameraType='1',qtn={}){  
+        setGetImageProps({'window':window,'splitItem':splitItem,'splitItemIndex':splitItemIndex,'type':type,'cameraType':cameraType,'qtn':qtn}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+   
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              //  remove old data
+              await txn.executeSql(`DELETE FROM ${AppTables.ST_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.ST_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window child data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.ST_IMAGES} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window images data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.ST_STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+                // add data
+                var values='',childV='',imageV='',stockV='';
+              
+                for (const wi in globalWindows){
+                    const window=globalWindows[wi];
+                    let isImage1=window.StImage1=='true' || window.StImage1==1?1:0;
+                    let isImage2=window.StImage2=='true' || window.StImage2==1?1:0;
+                    let isNAImageAvl=window.StNotExistCamera=='true' || window.StNotExistCamera==1?1:0;
+                    let isNAReasonEnable=window.StNotExistReasonEnable=='true' || window.StNotExistReasonEnable==1? 1:0;
+                    let isReasonEnable=window.StExistReasonEnable=='true' || window.StExistReasonEnable==1? 1:0;
+                    let isStockReq=window.StElementStockRequired=='true' || window.StElementStockRequired==1?1:0;
+                    let WindowQuestions=window.WindowQuestions || [];
+                    let WindowStocks=window.WindowStocks || [];
+    
+                   
+                    const wind=WindowData.find(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+                    let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    let ReasonId=wind.ReasonId!=null?wind.ReasonId:0;
+                    let Reason=wind.Reason!=null?wind.Reason:'';
+                    let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                    let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                    let remark=wind.remark!=null?wind.remark:'';
+                    let WindowSplits=wind.WindowSplits || [];
+                    let QD=wind.WindowQA || {};
+                    let WStocksData=wind.WStocksData || [];
+
+                    let ST_HEADER_ID='WIND'+wi+(Math.floor(Math.random()*1000)+1);
+                    let {StDefinitionId,ShelfTalkerId,StName,StTable,StField,StValue,ChildName}=window;
+                    
+
+                    values+=values!=''?' , ':'';
+                    values+=` ('${ST_HEADER_ID}','${StoreId}','${d3}','${StDefinitionId}','${ShelfTalkerId}','${StName}','${StTable}','${StField}','${StValue}','${ChildName}','${isPresent}','${NAImage1}','${ReasonId}','${Reason}','${remark}','${d3}') `;
+                    
+                    if(isPresent==1){
+                        for(const qtnIndex in WindowQuestions){
+                            const qtn=WindowQuestions[qtnIndex];
+                            
+                            let selansid='',selanswer='',selimg='',showImageTag=false;
+                            let id_key=qtn.StQuestionId+'_AnswerId'; 
+                            let ans_key=qtn.StQuestionId+'_Answer'; 
+                            let multi_key=qtn.StQuestionId+'_MultiOption';
+                            let date_key=qtn.StQuestionId+'_Date';
+                            let img_key=qtn.StQuestionId+'_ImagePath1';
+                            let imgname_key=qtn.StQuestionId+'_ImageName1';
+                            let rating_key=qtn.StQuestionId+'_Rating'; 
+                            let list_mcdata=[];
+
+                            let {StQuestionId,StQuestionCode,QuestionType,StaShowCamera}=qtn
+                            let answer=QD[ans_key] || 0;
+                            let answerId=QD[id_key] || '';
+                            let multi_options_ids=QD[multi_key] || '';
+                            let isImage1All=StaShowCamera=='true' || StaShowCamera==1?1:0;
+                            let Image1=isImage1All==1?QD[imgname_key]:'';
+
+
+                            childV+=childV!=''?' , ':'';
+                            childV+=` ('${ST_HEADER_ID}','${StoreId}','${d3}','${StDefinitionId}','${ShelfTalkerId}','${StQuestionId}','${StQuestionCode}','${QuestionType}','${answer}','${answerId}','${multi_options_ids}','${Image1}','${isImage1All}','${d3}') `;
+                        }
+                        for(const splitItemIndex in WindowSplits){
+                            const splitItem=WindowSplits[splitItemIndex];
+                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                            Image1Name=isImage1==1?Image1Name:'';
+                            Image2Name=isImage2==1?Image2Name:'';
+                            
+                            imageV+=imageV!=''?' , ':'';
+                            imageV+=` ('${ST_HEADER_ID}','${StoreId}','${d3}','${StDefinitionId}','${ShelfTalkerId}','${Image1Name}','${Image2Name}','${d3}') `;
+                        }
+                        for(const stockProdIndex in WindowStocks){
+                            const stockProd=WindowStocks[stockProdIndex];
+                            let sd=WStocksData.find(i=> i.ProductId==stockProd.StStockValue) || {};
+                            let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+                            let isPromoPresent=sd.isPromoPresent!=null?sd.isPromoPresent:0;
+                            let {StStockDefinitionId, StDefinitionId,StStockTable,StStockField,StStockValue,StStockMBQ,ProductName} =stockProd
+                            stockV+=stockV!=''?' , ':'';
+                            stockV+=` ('${ST_HEADER_ID}','${StoreId}','${d3}','${StDefinitionId}','${ShelfTalkerId}','${StStockDefinitionId}','${StStockTable}','${StStockField}','${StStockValue}','${StStockMBQ}','${ProductName}','${stock}','${isPromoPresent}','${d3}') `;
+                        }
+
+                    }
+                }
+              
+                console.log('values:',values);
+                
+                
+                let add_hdr_data=`INSERT INTO ${AppTables.ST_HDR_DATA} (ST_HEADER_ID,STORE_ID,VISIT_DATE,ST_DEFINITION_ID,SHELFTALKER_ID,ST_NAME,ST_TABLE,ST_FIELD,ST_VALUE,CHILD_NAME,IS_PRESENT,ST_NA_IMAGE,REASON_ID,REASON,REMARK,ADDED_DATE) VALUES ${values} `;
+                let add_child_data=`INSERT INTO ${AppTables.ST_CHILD_DATA} (ST_HEADER_ID,STORE_ID,VISIT_DATE,ST_DEFINITION_ID,SHELFTALKER_ID,QUESTION_ID,QUESTION_CODE,QUESTION_TYPE,ANSWER,ANSWER_ID,MULTI_OPTIONS_IDS,IMAGE1,IMAGE_ALLOW1,ADDED_DATE) VALUES ${childV} `;
+                let add_images_data=`INSERT INTO ${AppTables.ST_IMAGES} (ST_HEADER_ID,STORE_ID,VISIT_DATE,ST_DEFINITION_ID,SHELFTALKER_ID,IMAGE1,IMAGE2,ADDED_DATE) VALUES ${imageV} `;
+                let add_stock_data=`INSERT INTO ${AppTables.ST_STOCK_DATA} (ST_HEADER_ID,STORE_ID,VISIT_DATE,ST_DEFINITION_ID,SHELFTALKER_ID,ST_STOCK_DEFINITION_ID,ST_STOCK_TABLE,ST_STOCK_FIELD,ST_STOCK_VALUE,ST_STOCK_MBQ,PRODUCT_NAME,STOCK,IS_PROMO_PRESENT,ADDED_DATE ) VALUES ${stockV} `;
+                
+                await txn.executeSql(add_hdr_data,[],async function (txn2, txnres) { 
+                    console.log('st header data added');
+                    var isSplitImageAdded=true,isStockAdded=true,isChildAdded=true;
+                    if(imageV!=''){
+                        isSplitImageAdded=await executeQuery(add_images_data);
+                    }
+                    if(stockV!=''){
+                        isStockAdded=await executeQuery(add_stock_data);
+                    }
+                    if(childV!=''){
+                        isChildAdded=await executeQuery(add_child_data);
+                    }
+
+                    if(!isSplitImageAdded){
+                        setProcessing(false);notify(ST.Cannotaddsplitshelftalkerimages);
+                    }
+                    else if(!isStockAdded){
+                        setProcessing(false);notify(ST.Cannotaddshelftalkerstockdata);
+                    }
+                    else if(!isChildAdded){
+                        setProcessing(false);notify(ST.Cannotaddshelftalkerquestionsdata);
+                    }
+                    else{
+                        setProcessing(false);notify(ST.ShelfTalkerdataupdatedsuccessfully);
+                        props.navigation.goBack();
+                    }
+                       
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddshelftalkerdata); },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function executeQuery(q){
+        return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              resolve(true);
+            },function(txn2,txnerr){console.log(txnerr);resolve(false) });
+          }); 
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+            console.log(err);
+          return false;
+        })
+    }
+
+    async function validate(){
+        let isValid=true;
+      
+    
+        return new Promise((resolve,reject)=>{
+            for (const wi in globalWindows){
+                const window=globalWindows[wi];
+                let isImage1=window.StImage1=='true' || window.StImage1==1?1:0;
+                let isImage2=window.StImage2=='true' || window.StImage2==1?1:0;
+                let isNAImageAvl=window.StNotExistCamera=='true' || window.StNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.StNotExistReasonEnable=='true' || window.StNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.StExistReasonEnable=='true' || window.StExistReasonEnable==1? 1:0;
+                let isStockReq=window.StElementStockRequired=='true' || window.StElementStockRequired==1?1:0;
+                let StockQtyRequired=window.StockQtyRequired=='true' || window.StockQtyRequired==1?1:0;
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+
+               
+                const wind=WindowData.find(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let remark=wind.remark!=null?wind.remark:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QD=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+
+                if(isPresent=='1'){
+                    if(isReasonEnable==true && ReasonId=='' ){
+                        notify(`${ST.Pleaseselectreasonfor} ${window.StName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    // else if(remark==''){
+                    //     notify(`Please enter remark for ${window.StName} `,'LONG');
+                    //     resolve(false);return;
+                    // }
+                    else{
+                        if(window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1))
+                        {
+                            for(const splitItemIndex in WindowSplits){
+                                const splitItem=WindowSplits[splitItemIndex];
+                                let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                console.log('Image2Name',Image2Name,isImage2);
+                                if(isImage1==1 && Image1Name==''){
+                                    notify(`${ST.Pleaseclickallimagesfor} ${window.StName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                                else if(isImage2==1 && Image2Name==''){
+                                    notify(`${ST.Pleaseclickallimagesfor} ${window.StName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+                        
+                        if(isStockReq==1){
+                            let isProductSelected=false;
+                            for(const stockProdIndex in WindowStocks){
+                                const stockProd=WindowStocks[stockProdIndex];
+                                            
+                                let sd=WStocksData.find(i=> i.ProductId==stockProd.StStockValue) || {};
+                                let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+                                let isPromoPresent=sd.isPromoPresent!=null?sd.isPromoPresent:0;
+
+                                if(isPromoPresent==1){
+                                    isProductSelected=true;
+                                }
+
+                                if(isPromoPresent==1 && StockQtyRequired==1 && stock==''){
+                                    notify(`${ST.Pleaseenterstockfor} ${window.StName} ( ${stockProd.ProductName} ) `,'LONG');
+                                    resolve(false);return;
+                                }
+
+                                if(stockProdIndex==WindowStocks.length-1){
+                                    if(!isProductSelected){
+                                        notify(`${ST.PleaseselectatleastoneSKUfor} ${window.StName} `,'LONG');
+                                        resolve(false);return;
+                                    }
+                                }
+                                
+                            }
+                        }
+
+                        if(WindowQuestions.length>0){
+                            for(const qtnIndex in WindowQuestions){
+                                const qtn=WindowQuestions[qtnIndex];
+                                
+                                let selansid='',selanswer='',selimg='',showImageTag=false;
+                                let id_key=qtn.StQuestionId+'_AnswerId'; 
+                                let ans_key=qtn.StQuestionId+'_Answer'; 
+                                let multi_key=qtn.StQuestionId+'_MultiOption';
+                                let date_key=qtn.StQuestionId+'_Date';
+                                let img_key=qtn.StQuestionId+'_ImagePath1';
+                                let imgname_key=qtn.StQuestionId+'_ImageName1';
+                                let rating_key=qtn.StQuestionId+'_Rating'; 
+                                let list_mcdata=[];
+
+                                let isImgAllowed=(qtn.StqShowCamera=='true' || qtn.StqShowCamera==1);
+                                let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+                                if(qtn.QuestionType=='Single choice list')
+                                {
+                                    selansid=QD[id_key];
+                                }
+                                else if(qtn.QuestionType=='Multi choice list')
+                                {
+                                    selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+                                }
+                                
+                            
+                                if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+                                    notify(`${Pleaseselectoptionsfortherequiredfield} ${ST.In} ${window.StName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+                                    let msg=( qtn.QuestionType=='Date'?`${ST.Pleasepickadatefortherequiredfield} ${ST.In} ${window.StName}`:(qtn.QuestionType=='Rating'?`${Pleaseselectratingfortherequiredfield} ${ST.In} ${window.StName}`:`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.StName}`));
+                                    notify(msg,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]==='' || (QD[id_key]===0 && qtn.isDisabled===false) ))){
+                                    notify(`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.StName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.StName}`,'SHORT');
+                                    resolve(false);return;
+                                }else{
+                                    console.log('no condition found');
+                                }
+
+                                if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                    if (qtn.Answers && qtn.Answers.length>0){
+                                        for(var j=0;j<qtn.Answers.length;j++){
+                                            let ansss=qtn.Answers[j];
+                                            let isandImgAl=(ansss.StaShowCamera=='true' || ansss.StaShowCamera==1);
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                showImageTag=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                showImageTag=true;
+                                            }
+                                        }
+                                    }
+                                }
+
+                                if(showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.StName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+
+                    }
+                }
+                else{
+                    if(isNAReasonEnable==true && ReasonId=='' ){
+                        notify(`${ST.Pleaseselectreasonfor} ${window.StName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else if(isNAImageAvl==true && NAImage1=='' ){
+                        notify(`${ST.Pleaseclickimagefor} ${window.StName}`,'LONG');
+                        resolve(false);return;
+                    }
+                }
+
+                if(wi==(Windows.length-1)){
+                    resolve(true);return;
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    }
+
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let item=otherData.window;
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':item.ShelfTalkerId,'StDefinitionId':item.StDefinitionId};
+        const win_index=allData.findIndex(i=>i.ShelfTalkerId==item.ShelfTalkerId && i.StDefinitionId==item.StDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[keyVal]=option.value;
+        wind[keyLbl]=option.label;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        console.log('allData:',allData);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange2(option,qtn,window){
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':window.ShelfTalkerId,'StDefinitionId':window.StDefinitionId};
+        const wind_index=allData.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let data=wind.WindowQA || {};
+        let id_key=qtn.StQuestionId+'_AnswerId'; 
+        let ans_key=qtn.StQuestionId+'_Answer'; 
+        data[id_key]=option.value;
+        data[ans_key]=option.label;
+        
+
+        wind['WindowQA']=data;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+      
+        setWindowData(allData);
+
+        let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+        let ans_obj=aq_ans.find(i=>i.AnswerId==option.value) || {};
+        let EQtns=ans_obj.StaQuestionEnable!=null && ans_obj.StaQuestionEnable!=''?ans_obj.StaQuestionEnable.replace(' ','').split(','):[];
+        let DQtns=ans_obj.StaQuestionDisable!=null && ans_obj.StaQuestionDisable!=''?ans_obj.StaQuestionDisable.replace(' ','').split(','):[];
+      
+        let sqtns=window.WindowQuestions || []
+
+        if(EQtns.length>0){
+            enableQtns(sqtns,EQtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else if(DQtns.length>0){
+            disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else{
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+       
+    }
+
+    async function disableQtns(sqtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.StQuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.StQuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.StQuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+
+                    wind['WindowQA']=data;
+                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                    
+                    return false
+                })
+            ).then(async (val)=>{
+
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.StDefinitionId==window.StDefinitionId && i.ShelfTalkerId==window.ShelfTalkerId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.StQuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+            }
+            else{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.StDefinitionId==window.StDefinitionId && i.ShelfTalkerId==window.ShelfTalkerId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+    async function setMultiSelectValue(selectedItems=[],qtn={},window={}) {  
+        console.log('setMultiSelectValue',selectedItems);      
+        let id_key=qtn.StQuestionId+'_AnswerId'; 
+        let ans_key=qtn.StQuestionId+'_Answer'; 
+        let multi_key=qtn.StQuestionId+'_MultiOption';
+       
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':window.ShelfTalkerId,'StDefinitionId':window.StDefinitionId};
+        const wind_index=allData.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+        obj[id_key]=0;
+        obj[multi_key]=selectedItems.join(',');
+        let anss=[];
+        selectedItems.map((itemValue)=>{
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue); 
+            if(ans.Answer){anss.push(ans.Answer)}
+        });
+        obj[ans_key]=anss.join(',');
+        console.log('obj:',obj);
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setTextValue(value,qtn,window) {        
+        let id_key=qtn.StQuestionId+'_AnswerId'; 
+        let ans_key=qtn.StQuestionId+'_Answer'; 
+        
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':window.ShelfTalkerId,'StDefinitionId':window.StDefinitionId};
+        const wind_index=allData.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.StQuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,window,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        
+        console.log(value,obj);
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn,window,show=false){
+        let allQtns=window.WindowQuestions || [];
+        let newqtnIndex=allQtns.findIndex(q=>q.StQuestionId==qtn.StQuestionId);
+       
+        if(newqtnIndex>=0){
+            let newqtn=allQtns[newqtnIndex];
+            newqtn.showDatePicker=show;
+            allQtns[newqtnIndex]=newqtn;
+            window['WindowQuestions']=allQtns;
+            let allWindows=Windows;
+            const winIndex=allWindows.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId) || {};
+            allWindows[winIndex]=window;
+            setWindows(allWindows);
+            setGlobalWindows(allwindows);
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data){
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+        let qtn=RatingQtn;
+        let window=RatingWindow;
+        let id_key=qtn.StQuestionId+'_AnswerId'; 
+        let ans_key=qtn.StQuestionId+'_Answer'; 
+        let rating_key=qtn.StQuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':window.ShelfTalkerId,'StDefinitionId':window.StDefinitionId};
+        const wind_index=allData.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+    
+   
+    function onChoiceSelect(item,val,key,animatedChoice){
+        console.log('onChoiceSelect',animatedChoice)
+        var val1=0;
+        val==1?val1=1:'';
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,val,key)
+    }
+
+    function onWindowDataChange(item,val,key){
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':item.ShelfTalkerId,'StDefinitionId':item.StDefinitionId};
+        const win_index=allData.findIndex(i=>i.ShelfTalkerId==item.ShelfTalkerId && i.StDefinitionId==item.StDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        if(key=='ReasonId'){
+            let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+            wind['Reason']=rsn.Reason || '';
+        }
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    async function setWindowStockVal(val,window,stockProd,key){
+        if(key=='Stock'){
+            if(val.includes('.')){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+        
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':window.ShelfTalkerId,'StDefinitionId':window.StDefinitionId};
+        const win_index=allData.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        let sdIndex=WStocksData.findIndex(i=> i.ProductId==stockProd.StStockValue);
+        let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.StStockValue,'Stock':''};
+        sd[key]=val;
+        sdIndex>=0?WStocksData[sdIndex]=sd:WStocksData.push(sd);
+        wind['WStocksData']=WStocksData;
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        if(key=='isPromoPresent'){
+            let isAllChecked = await verifyAllChecked(val,window,stockProd,key);
+            wind['isAllSKUChecked']=isAllChecked;
+        }
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    async function onCatTextChange(window,key,val){
+        let item=window;
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':item.ShelfTalkerId,'StDefinitionId':item.StDefinitionId};
+        const win_index=allData.findIndex(i=>i.ShelfTalkerId==item.ShelfTalkerId && i.StDefinitionId==item.StDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    async function verifyAllChecked(val,window,stockProd,key){
+        return await new Promise((resolve,reject)=>{
+            let WindowStocks=window.WindowStocks || [];
+            let allData=WindowData;
+            const win_index=allData.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+            let wind=win_index>=0?(allData[win_index] || defData) : defData;
+            let WStocksData=wind['WStocksData'] || [];
+            if(WindowStocks.length>0){
+                let isAllChecked=1;
+                for(var i=0;i<WindowStocks.length;i++){
+                    let stockProd=WindowStocks[i];
+                    
+                    let sdIndex1=WStocksData.findIndex(a=> a.ProductId==stockProd.StStockValue);
+                    let sd1=sdIndex1>=0?WStocksData[sdIndex1]:{};
+                    let isPromoPresent=sd1.isPromoPresent;
+                    if(isPromoPresent==null || isPromoPresent=='' || isPromoPresent==0 || isPromoPresent=='0'){
+                        isAllChecked=0
+                    }
+
+                    if(i==WindowStocks.length-1){
+                        resolve(isAllChecked);
+                    }
+                }
+            }
+            else{
+                resolve(0);
+            }
+            
+        }).catch((err)=>{
+            console.log(err);
+            return 0;
+        });
+    }
+
+    function checkAllSKUs(val,window){
+        
+        let WindowStocks=window.WindowStocks || [];
+        let allData=WindowData;
+        let defData={'ShelfTalkerId':window.ShelfTalkerId,'StDefinitionId':window.StDefinitionId};
+        const win_index=allData.findIndex(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        console.log('WStocksData before:',WStocksData)
+        for(var i=0;i<WindowStocks.length;i++){
+            let stockProd=WindowStocks[i];
+            
+            let sdIndex=WStocksData.findIndex(a=> a.ProductId==stockProd.StStockValue);
+            let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.StStockValue,'Stock':''};
+            let isPromoPresent=(val==1 || val=='1')?1:0;
+            sd['isPromoPresent']=isPromoPresent;
+            
+            sdIndex>=0?(WStocksData[sdIndex]=sd):(WStocksData.push(sd));
+        }
+
+        
+        wind['WStocksData']=WStocksData;
+        wind['isAllSKUChecked']=val==1?1:0;
+        console.log('wind updated');
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(RefImage=''){
+        setShow_zoomImage(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        let newWindows=[];
+        if(searchedQry!=null && searchedQry!=''){
+            
+            for(let i=0;i<globalWindows.length;i++){
+                let item=globalWindows[i];
+                let {StName}=item;
+                if(StName.toLowerCase().includes(searchedQry)){
+                    newWindows.push(item);
+                }
+
+                if(i==globalWindows.length-1){
+                    arr=newWindows;
+                }
+            }
+        }
+        else{
+          arr=globalWindows;
+        }
+
+        setWindows(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.StQuestionId+'_AnswerId'; 
+        let ans_key=qtn.StQuestionId+'_Answer'; 
+        let rating_key=qtn.StQuestionId+'_Rating'; 
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>{ST.DragItemsInOrder}</Text>
+                <Text style={customStyle.VRSubHeding}>{ST.Pressandholdtodrag}</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let window=selected_data.window || {};
+        let isQtnDisabled=qtn.isDisabled!=null || qtn.isDisabled!=''?false:true;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn,window) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.WQPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-'+ST.select+'-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn,window){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn,window)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+    function _renderWindow(){
+        return (
+            <FlatList 
+            data={Windows}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.Win_scroll} 
+            style={customStyle.Win_scrollO}
+            listKey={(item, index) => `window_${index.toString()}`}
+            renderItem={({item,index})=>{
+                const window=item;
+                
+                let isImage1=window.StImage1=='true' || window.StImage1==1?1:0;
+                let isImage2=window.StImage2=='true' || window.StImage2==1?1:0;
+                let isNAImageAvl=window.StNotExistCamera=='true' || window.StNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.StNotExistReasonEnable=='true' || window.StNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.StExistReasonEnable=='true' || window.StExistReasonEnable==1? 1:0;
+                let isStockReq=window.StElementStockRequired=='true' || window.StElementStockRequired==1?1:0;
+                let StockQtyRequired=window.StockQtyRequired=='true' || window.StockQtyRequired==1?1:0;
+                
+                // let isStock_CheckAssrt=window.StElementCheckAssortment=='true' || window.StElementCheckAssortment==1?1:0;
+                let RefImage=window.StRefImage;
+                let camera1Label=window.StImage1Lable || '';
+                let camera2Label=window.StImage2Lable || '';
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+                
+
+                const wind=WindowData.find(i=>i.ShelfTalkerId==window.ShelfTalkerId && i.StDefinitionId==window.StDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let remark=wind.remark!=null?wind.remark:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QuestionsData=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+                let isAllSKUChecked=wind.isAllSKUChecked==1 || wind.isAllSKUChecked=="1";
+                
+                // console.log('camera2Label:',window.ShelfTalkerId,window.StDefinitionId,camera2Label);
+                
+
+                var xpos=isPresent=='1'?-75:0;
+                if(window.animatedChoice!=null ){
+                    xpos=window.animatedChoice.interpolate({
+                        inputRange:[0,1],
+                        outputRange:[0,-75],
+                    });
+                }
+
+                
+               
+                return(
+                    <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                        <View style={customStyle.WItem_Hdr}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.WItem_Hdrbg}>
+                                <Text style={customStyle.WItem_HdrText}>{window.StName}</Text>
+                                <TouchableOpacity style={customStyle.WItem_RefImgBtn} onPress={()=>{openImageRefView(RefImage)}}>
+                                    <Entypo name='image-inverted' size={24} color={'#1f7dbc'} />    
+                                </TouchableOpacity>
+                            </LinearGradient>
+                        </View>
+                        
+                        <View style={customStyle.WForm}>
+                            <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                    <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                        <View style={customStyle.openStk_prd_choiceBox}>
+                                            <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                            {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                            <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,1,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                            </TouchableOpacity>
+                                            <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,0,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                            </TouchableOpacity>
+                                        </View>
+                                    </View>
+                                </View>
+                                {((isPresent!='1' && isNAReasonEnable==true) || (isPresent=='1' && isReasonEnable==true)) &&
+                                    <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                                        {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{value:Reason,otherData:{window:window}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                    </View>
+                                }
+
+
+                                {(isPresent!='1' && isNAImageAvl==true) && 
+                                <View>
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.CaptureImage}</Text>
+                                    </LinearGradient>
+                                   
+                                    
+                                    <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]}>
+                                        <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                        { (NAImage1Path=='' || NAImage1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (NAImage1Path!='' && NAImage1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:NAImage1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }   
+                                        </View>
+                                    </View>
+                                    </View>
+                                    
+                                </View>
+                                }
+
+
+
+                                {(isPresent=='1') && 
+                                <View>
+                                    {(isStockReq==true && WindowStocks.length>0) &&
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.SelectProducts}</Text>
+                                        
+                                    </LinearGradient>
+                                    <View style={customStyle.windhdr_checkAllBtnCon}>
+                                    <TouchableOpacity style={customStyle.windhdr_checkAllBtn} onPress={()=>{checkAllSKUs((isAllSKUChecked==1?0:1),window)}}>
+                                        <CheckBox
+                                            boxType='square'
+                                            value={isAllSKUChecked}
+                                            onValueChange={(val)=>{let val1=(val==true)?1:0; checkAllSKUs(val1,window) }}
+                                            style={[customStyle.WStkHdr_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginLeft:5}:{})]}
+                                            tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                        />
+                                        <Text style={customStyle.windhdr_checkAllBtnText}>{ST.SelectAll}</Text>
+                                    </TouchableOpacity>
+                                    </View>
+                                    <FlatList 
+                                        data={WindowStocks}
+                                        extraData={rerenderdata4}
+                                        listKey={(item, index) => `wstock_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let stockProd=item;
+                                            let stockProdIndex=index;
+                                            let sd=WStocksData.find(i=> i.ProductId==stockProd.StStockValue) || {};
+                                            let stock=sd.Stock!=null?sd.Stock:'';
+                                            let isPromoPresent=sd.isPromoPresent!=null?sd.isPromoPresent:0;
+                                           
+                                            return(
+                                                <View style={[customStyle.WStkWrap]} key={'WSTock+'+stockProdIndex}>
+                                                    {/* <Text style={[customStyle.WStkHdrText]}>{stockProd.ProductName}</Text> */}
+                                                    <View style={customStyle.WStkHdr_checkboxWrap}>
+                                                        <View style={customStyle.WStkHdr_checkboxCon}>
+                                                        <CheckBox
+                                                        boxType='square'
+                                                        value={(isPromoPresent==1 || isPromoPresent=='1')}
+                                                        onValueChange={(val)=>{let val1=(val==true)?1:0; setWindowStockVal(val1,window,stockProd,'isPromoPresent') }}
+                                                        style={[customStyle.WStkHdr_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginTop:5,marginLeft:5,}:{})]}
+                                                        tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                                        />
+                                                        </View>
+                                                        <Text style={[customStyle.WStkHdrText2,customStyle.WStkHdr_checkboxpName]}>{stockProd.ProductName}</Text>
+                                                    </View>
+                                                    {StockQtyRequired==1 && isPromoPresent==1 &&
+
+                                                        <View style={[customStyle.openStk_prd_colflex,customStyle.WStkHdr_PrdcontentWrap]} >
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_1]}>
+                                                            <Text style={customStyle.openStk_prd_flexlabel}>Stock</Text>
+                                                        </View>
+                                                        
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_2]}>
+                                                            <TextInput 
+                                                                style={[customStyle.WStkInputStyle]}
+                                                                placeholder=""
+                                                                placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                keyboardType={'number-pad'}
+                                                                value={stock+''}
+                                                                onChangeText={(val)=>{setWindowStockVal(val,window,stockProd,'Stock')}}
+                                                                autoComplete='off'
+                                                            />
+                                                        </View>
+                                                    
+                                                        </View>
+                                                    }
+                                                </View>
+                                            );
+                                        }}
+                                    /> 
+                                    </View>
+                                    }
+                                    {( window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1)) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.CaptureShelfTalkerImages}</Text>
+                                    </LinearGradient>
+                                    <FlatList 
+                                        data={WindowSplits}
+                                        extraData={rerenderdata2}
+                                        listKey={(item, index) => `spliItem_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let splitItem=item;
+                                            let splitItemIndex=index;
+                                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                            let Image1=splitItem['Image1']!=null && splitItem['Image1']!=''?splitItem['Image1']:'';
+                                            let Image2=splitItem['Image2']!=null && splitItem['Image2']!=''?splitItem['Image2']:'';
+                                            
+                                            return(
+                                                <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]} key={'SplitItem+'+splitItemIndex}>
+                                                    {isImage1==1 && 
+                                                    <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                                    { (Image1=='' || Image1==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image1!='' && Image1!=null) && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }       
+                                                    <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text>
+                                                    </View>
+                                                    }
+                                                    {isImage2==1 && 
+                                                    <View style={customStyle.openStkCameraCon}>
+                                                    { (Image2=='' || Image2==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image2!='' && Image2!=null)  && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image2}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }      
+                                                    {console.log('camera2Label 2:',camera2Label)}
+                                                    <Text style={customStyle.WSCameraLabel}>{camera2Label}</Text> 
+                                                    </View>  
+                                                    }          
+                                                </View>
+                                            );
+                                        }}
+                                    />
+                                    </View>
+                                    }
+                                    
+                                    {(WindowQuestions.length>0) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{ST.ShelfTalkerQuestions}</Text>
+                                    </LinearGradient>
+                                    {WindowQuestions.map((item,index)=>{
+                                        
+                                        let qtn=item;  
+                                        let qtnIndex=index;
+                                        let selansid='',selanswer='',selimg='',showImageTag=false;
+                                        let id_key=qtn.StQuestionId+'_AnswerId'; 
+                                        let ans_key=qtn.StQuestionId+'_Answer'; 
+                                        let multi_key=qtn.StQuestionId+'_MultiOption';
+                                        let date_key=qtn.StQuestionId+'_Date';
+                                        let img_key=qtn.StQuestionId+'_ImagePath1';
+                                        let imgname_key=qtn.StQuestionId+'_ImageName1';
+                                        let rating_key=qtn.StQuestionId+'_Rating'; 
+                                        
+                                        let list_mcdata=[];
+
+                                        if(qtn.QuestionType=='Single choice list')
+                                        {
+                                            selansid=QuestionsData[id_key]!=null ?QuestionsData[id_key] :'';
+                                            selanswer=QuestionsData[ans_key]!=null ?QuestionsData[ans_key] :'';
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list')
+                                        {
+                                            if(qtn.Answers!=null){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let obj={'AnswerId':parseInt(qtn.Answers[i].AnswerId),'Answer':qtn.Answers[i].Answer};
+                                                    list_mcdata.push(obj);
+                                                }
+                                            }
+                                            selansid=QuestionsData[multi_key]!=null && QuestionsData[multi_key]!=''?QuestionsData[multi_key].split(','):[];
+                                            // if(selansid!=null && selansid.length>0){
+                                            //     let arr=[];
+                                            //     for(var i=0;i<selansid.length;i++){
+                                            //         arr.push(parseInt(selansid[i]));
+                                            //     }
+                                            //     selansid=arr;
+                                            // }
+                                        }
+                                        else if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                                        {
+                                            selansid=QuestionsData[ans_key];
+                                            selanswer=(qtn.QuestionType=='Date'  )?(QuestionsData[date_key] || moment().format('MM/DD/YYYY')):'';
+                                            showImageTag=(qtn.StqShowCamera==1 || qtn.StqShowCamera=='true');
+                                        }
+                                        else if(qtn.QuestionType=='Rating'){
+                                            selanswer=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                                        }
+                                        
+
+                                        if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                            if (qtn.Answers && qtn.Answers.length>0){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let ansss=qtn.Answers[i];
+                                                    let isandImgAl=(ansss.StaShowCamera=='true' || ansss.StaShowCamera==1);
+                                                    
+                                                    if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                        showImageTag=true;
+                                                    }
+                                                    else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                        showImageTag=true;
+                                                    }
+                                                    
+                                                }
+                                            }
+                                        }
+                                        
+                                        if(showImageTag){
+                                            selimg=QuestionsData[img_key]!=null && QuestionsData[img_key]!=''?'file://'+QuestionsData[img_key]:'';                    
+                                        }
+                                        
+                                        return(
+                                        <View style={[customStyle.sform_group2,]} key={'Qtn_'+qtnIndex} >
+                                            <Text style={[customStyle.sform_label3]}>{qtn.StQuestionName}</Text>                     
+                                            {qtn.QuestionType=='Single choice list' && qtn.Answers && 
+                                                render_Picker('Answer','AnswerId',onselectionChange2,{value:selanswer,qtn:qtn,window:window})
+                                            }
+                                            {qtn.QuestionType=='Multi choice list' && qtn.Answers &&
+                                                <MultiSelect
+                                                    items={list_mcdata}
+                                                    uniqueKey="AnswerId"
+                                                    onSelectedItemsChange={(selectedItems)=>{ setMultiSelectValue(selectedItems,qtn,window) }} //setMultiSelectValue(selectedItems,qtn)
+                                                    selectedItems={selansid}
+                                                    selectText="Pick Items"
+                                                    searchInputPlaceholderText={ST.SearchItems+"..."}
+                                                    // onChangeInput={ (text)=> console.log(text)}
+                                                    tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                                    tagBorderColor={PrimaryTheme.$primary_color}
+                                                    tagTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemIconColor={PrimaryTheme.$primary_color}
+                                                    itemTextColor={PrimaryTheme.$text_color}
+                                                    displayKey="Answer"
+                                                    searchInputStyle={{ color: '#CCC' }}
+                                                    submitButtonColor={PrimaryTheme.$primary_color}
+                                                    submitButtonText={ST.Submit}
+                                                />
+                                            }
+                                            { (qtn.QuestionType=='Number' || qtn.QuestionType=='Decimal'  || qtn.QuestionType=='Text') &&  
+                                                <TextInput 
+                                                    style={[customStyle.WQ_InputStyle]}
+                                                    placeholder=""
+                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                    // keyboardType={'ascii-capable'}
+                                                    keyboardType={(qtn.QuestionType=='Decimal'?'decimal-pad':(qtn.QuestionType=='Text'?'default':'number-pad'))}
+                                                    value={selansid}
+                                                    onChangeText={(val)=>{setTextValue(val,qtn,window)}}
+                                                    autoComplete='off'
+                                                />
+                                            }
+                                            {
+                                                (qtn.QuestionType=='Date') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.WQ_datePicker_text}>{selansid!=''?selansid:'MM/YYYY'}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setDateValue(selanswer);showQtnDatePicker(qtn,window,true)}}>
+                                                        <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                                                    </TouchableOpacity> 
+                                                </View>     
+                                            }
+                                            {   ((qtn.showDatePicker==true || qtn.showDatePicker=='true') && (qtn.QuestionType=='Date') ) && 
+                                                renderDatePicker(qtn,window)
+                                            }  
+                                            {
+                                                (qtn.QuestionType=='Rating') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{setRatingQtn(qtn);setRatingWindow(window);setShowRating(true);}}>
+                                                        <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag"/>
+                                                    </TouchableOpacity> 
+                                                </View>    
+                                            }
+
+                                            {
+                                                // (qtn.QuestionType=='Audio') && 
+                                                // <View style={customStyle.surveyQtn_datePicker_con}>
+                                                //     <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                //     <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                                //         <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                                //     </TouchableOpacity> 
+                                                // </View>    
+                                            }
+                                            
+                                            {
+                                                showImageTag &&
+                                                <View style={[customStyle.store_audit_img_con,]}>                    
+                                                    <Image source={(selimg!='' && selimg!=null )?{uri:selimg}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg!='' && selimg!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                                    <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(window,{},0,'1','2',qtn)}}>
+                                                        <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                                    </TouchableOpacity>
+                                                </View>
+                                            }
+
+                                           
+                                        </View> 
+                                        )
+                                    })}
+                                    </View>
+                                    }
+
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.st_TextLbl]}>{ST.Remark}</Text>
+                                        <TextInput 
+                                            style={[customStyle.WQ_InputStyle]}
+                                            value={remark}
+                                            onChangeText={(val)=>{onCatTextChange(window,'remark',val)}}
+                                            autoComplete='off'
+                                        />
+                                    </View>
+                                    
+                                    
+                                </View>
+                                }
+                                
+                                                    
+                                                    
+                            </View>
+                        </View>
+                    </View>
+                );
+            }}
+            />
+        )
+    }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={ST.SearchbyPromotion}
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.Windows_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} 
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ShelfTalker);
\ No newline at end of file
diff --git a/src/screens/ShowMap.js b/src/screens/ShowMap.js
new file mode 100644
index 0000000..87de234
--- /dev/null
+++ b/src/screens/ShowMap.js
@@ -0,0 +1,264 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme, WP } from "../styles/Global";
+import {Image,View,Text,ScrollView,TouchableOpacity,Platform,FlatList} from 'react-native';
+import { connect} from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {checkRange,marktext1,marktext2, UploadData, UploadData2, UploadFormData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db, gMap_key} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {AntDesign, Entypo} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import {SvgXml} from 'react-native-svg';
+import MapView,{ Marker,AnimatedRegion,Polyline,PROVIDER_GOOGLE } from 'react-native-maps';
+import { _checkLocationPermission } from '../components/geolocation';
+// import Geolocation from '@react-native-community/geolocation';
+import Geolocation from 'react-native-geolocation-service';
+import { useRef } from 'react';
+import GradientButton from '../components/gradientButton';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import { AppTables } from '../constants/tableConstants';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+
+function ShowMap(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState(false);
+    
+    const [storeData, setStoreData] = useState({});
+    const [StoreImage, setStoreImage] = useState('');
+    const [StoreImgPath, setStoreImgPath] = useState('');
+    
+    const [currentLocation, setCurrentLocation] = useState({});
+    const [markerCoordinate, setMarkerCoordinate] = useState();
+    const [markerPos, setMarkerPos] = useState({});
+    const [markerTitle, setMarkerTitle] = useState('');
+    const [markerPlaceText, setMarkerPlaceText] = useState('');
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeDistanceText, setStoreDistanceText] = useState('0 m');
+    const [storeDistance, setStoreDistance] = useState(0);
+    
+    const MyMap=useRef(null);
+    const MyMarker=useRef(null);
+    const isCancelled = useRef(false);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+   
+    useEffect(() => { 
+      let params=props.route.params? props.route.params:{};
+      let storeData1=params.storeData || {};
+      let isAdhoc=params.isAdhoc || false;
+      setIsAdhocScreen(isAdhoc);
+      setStoreData(storeData1);
+      getCurrentPosition(storeData1);
+      getLocationUpdates(storeData1);
+      return () => {isCancelled.current = true; Geolocation.clearWatch()};
+    }, []);
+
+    async function getCurrentPosition(storeData1){
+        Geolocation.getCurrentPosition(
+          async (position) => {
+            OnLocation(position,storeData1);   
+
+            // let coords={latitude:position.coords.latitude,longitude:position.coords.longitude}
+            // animateCamera(coords);
+          },
+          (error) => {
+              notify('Cannot get user position');
+          },
+          { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+        );
+    }
+
+    async function getLocationUpdates(storeData1){
+        Geolocation.watchPosition(
+          async (position) => {
+            OnLocation(position,storeData1); 
+            
+          },
+          (error) => {
+            notify('Cannot get user position');
+          },
+          { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000, }
+        )
+    }
+  
+    async function OnLocation(position,storeData1){
+        let loc={lat:position.coords.latitude,lng:position.coords.longitude};
+        let storeLat=parseFloat(storeData1.Latitude),storeLng=parseFloat(storeData1.Longitude);
+        setMarkerPos({ lat:storeLat, lng: storeLng });
+       
+        setMarkerCoordinate(new AnimatedRegion({ latitude:storeLat, longitude: storeLng }));
+        setMarkerInfo({ latitude:storeLat, longitude: storeLng });
+        setCurrentLocation(loc);
+  
+  
+        var distance = checkRange(loc.lat,loc.lng,storeData1.Latitude,storeData1.Longitude);
+        // console.log('distance:',distance);
+        let dinKM=(distance / 1000);
+        let distanceinM=(distance=='' || distance==null || isNaN(distance))?' 0 m':( dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+        setStoreDistanceText(distanceinM);
+        setStoreDistance(distance);  
+        
+        
+    }
+
+    async function setMarkerInfo(coords){
+      if(MyMap.current!=null){
+        MyMap.current.addressForCoordinate(coords)
+        .then((res)=>{
+         
+          if(res!=null){
+            let title=res.name;
+            let placeText=`${res.subLocality}, ${res.locality}, ${res.administrativeArea} ${res.postalCode}`;
+            setMarkerTitle(title);
+            setMarkerPlaceText(placeText);
+          }
+        })
+      }
+    }
+
+    async function animateCamera(coords) {
+      if(MyMap.current!=null){
+      const camera = await MyMap.current.getCamera();
+      camera.heading = 7;
+      camera.pitch = 7;
+      camera.altitude = 100;
+      camera.zoom = 19;
+      camera.center.latitude = coords.latitude;
+      camera.center.longitude = coords.longitude;
+      MyMap.current.animateCamera(camera, { duration: 2000 });
+      console.log('animate camera');
+      }
+    }
+
+
+    function _renderMap(){
+      const lat =currentLocation.lat?currentLocation.lat:28.579660;
+      const lng=currentLocation.lng?currentLocation.lng:77.321110;
+      
+      if(currentLocation.lat!=null)
+      {
+        return (
+          <View style={[customStyle.mapWrapCon,(Platform.OS==='ios'?customStyle.mapWrapConIOS:{})]}>
+          <View style={[customStyle.mapWrapper,customStyle.mapWrapperView]}>            
+            <MapView  
+              ref={MyMap}
+              // provider={PROVIDER_GOOGLE}
+              style={customStyle.mapStyle}               
+              showsUserLocation={true}  
+              zoomEnabled={true} 
+              // initialRegion={{  
+              //   latitude: lat,   
+              //   longitude: lng,  
+              //   latitudeDelta: 0.0922,  
+              //   longitudeDelta: 0.0421,  
+              // }}  
+              initialCamera={{
+                center: {
+                  latitude: lat,   
+                  longitude: lng,
+                },
+                pitch: 7,
+                heading: 7,
+                altitude: 100,
+                zoom: 19,
+              }}
+              
+          >
+              <Marker.Animated 
+                ref={MyMarker}
+                coordinate={ markerCoordinate}                  
+                pinColor={'#ff78b6'}
+                title={markerTitle}  
+                description={markerPlaceText}      
+              />  
+              
+              <Polyline
+                coordinates={[{latitude:currentLocation.lat,longitude:currentLocation.lng},{latitude:markerPos.lat,longitude:markerPos.lng}]}
+                strokeColor={'#00a4eb'} // fallback for when `strokeColors` is not supported by the map-provider
+                strokeColors={['#00a4eb']}
+                strokeWidth={4}
+              />
+            </MapView> 
+          </View>  
+          </View>            
+        );
+      }
+      else{
+        return(<View></View>)
+      }
+    }
+
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={'Store Location'}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&
+            <ScrollView contentContainerStyle={[customStyle.geotag_scroll]} style={{}}>            
+            
+              <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeLbl}>Store Id:</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                    </View>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>Store Code:</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                    </View>
+                  </View>
+                  <View style={customStyle.storel_code}>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>Address:</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.Address}</Text>
+                    </View>
+                  </View>                                 
+                </View>                
+              </View> 
+
+              </View>
+              { _renderMap()} 
+              <View style={[customStyle.gTag_btnWrap,customStyle.mt10]}>
+                {
+                  <View  style={[customStyle.gTag_distanceAway,{backgroundColor:'#dcf4ff'}]}>
+                  <Text style={[customStyle.gTag_distanceAwayLbl,{color:'#1f7dbc'}]}>{`You are ${storeDistanceText} away from the store!`}</Text>
+                  </View>
+                }
+              </View>  
+            </ScrollView>
+          }
+         </View>      
+       </LinearGradient>       
+        
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(ShowMap);
\ No newline at end of file
diff --git a/src/screens/SimplePromotion.js b/src/screens/SimplePromotion.js
new file mode 100644
index 0000000..2bf06ea
--- /dev/null
+++ b/src/screens/SimplePromotion.js
@@ -0,0 +1,780 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility, Q_getpromotionmappingList } from '../constants/ConstantQueries';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import { ConfirmSaveAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+import { CustomPicker2 } from '../components/CustomPicker';
+
+function SimplePromotion(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [promotionData, setPromotionData] = useState([]);
+    const [globalPromoData, setGlobalPromoData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [searchedItem, setSearchedItem]= useState('');
+    const [KPIFields, setKPIFields] = useState([]);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    const zoomView=useRef(null);
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+          await getKPIFields(menu1);
+          await db.transaction(async function (txn) {        
+            let q2=Q_getpromotionmappingList(storeData1);
+            // let q2=Q_getpaidvisibility(storeData1);
+            let q=`Select * From Master_NonVisibility`;
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                console.log('prmotion cats',txnres2.rows.length);
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            getPromotion(arr,storeData1);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getKPIFields(menu1){
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                let q=`select * from Mapping_MenuConfiguration_Sup where ScreenName='${menu1.ScreenName}'`;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            
+                            let isenable=data.KPIFieldEnable=='true' || data.KPIFieldEnable==1?true:false;
+                            data['KPIFieldEnable']=isenable;
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+                                console.log('arrlist',arr);
+                                setKPIFields(arr);
+                                resolve(true)
+                            }
+                        }
+                    }
+                    else{
+                        resolve(true)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve(false) },);
+            });
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log(err);
+            return false;
+        });
+    }
+
+    async function getPromotion(prom_mappings=[],storeData1={}){
+        
+        try { 
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;     
+        
+          await db.transaction(async function (txn) { 
+            let allSKUData=[];
+            let completed_tasks=0;
+            await Promise.all(
+                prom_mappings.map(async (item,index) => {
+                    let seletlist=`p.PROMOTION_ID as PromoId,p.PROMOTION as Promotion,p.IS_PRESENT as IsPresent,p.REASON_ID as ReasonId,p.REASON as Reason,p.IMAGE1 as Image1,m.Promotion_Line2,m.PromotionType,m.Camera1Enable,m.Camera2Enable`;
+                    let sku_q=`SELECT ${seletlist} FROM ${AppTables.SIMPLE_PROMOTION_DATA} p Inner Join Mapping_Promotion m on m.PromoId=p.PROMOTION_ID  WHERE p.STORE_ID='${StoreId}' and p.VISIT_DATE='${d2}' and  p.SUB_CATEGORY_ID='${item.SubCategoryId}' `;
+                    
+                    let sku_q2=`SELECT DISTINCT m.PromoId as PromoId,m.Promotion as Promotion,m.Promotion_Line2,m.PromotionType,m.Camera1Enable,m.Camera2Enable FROM Mapping_Promotion m where m.SubCategoryId='${item.SubCategoryId}' and m.ChainId='${ChainId}' and m.StoreTypeId='${StoreTypeId}'and m.StateId='${StateId}'`;
+                    
+                    return await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                        console.log('inserted data:',txnres.rows.length);
+                        if(txnres.rows.length>0){
+                            let arr=[];
+                           
+                            for(var i=0;i<txnres.rows.length;i++){
+                                let data =txnres.rows.item(i);
+                                let cj_index=i;
+                                let ancval=data.IsPresent==1?1:0;
+                                let animatedChoice=new Animated.Value(ancval);
+                                data.animatedChoice=animatedChoice;
+                              
+                                arr.push(data);
+                                let imgpath=data.Image1!=null && data.Image1!=''?'file://'+common_ImagePath+data.Image1:'';
+                                let defData={'SubCategoryId':item.SubCategoryId,'PromoId':data.PromoId,'isPresent':(data.IsPresent),'Image1':(data.Image1 || ''),'Image1Path':imgpath,'ReasonId':0,'Reason':(data.Reason || '')};
+                                
+                                allSKUData.push(defData);
+
+                                if(cj_index==txnres.rows.length-1){
+                                    item['promotionlist']=arr;
+                                    prom_mappings[index]=item;
+                                    if(completed_tasks==prom_mappings.length-1){
+                                        setSKUStockData(allSKUData);
+                                        setPromotionData(prom_mappings);
+                                        setGlobalPromoData(prom_mappings);
+                                        setProcessing(false);
+                                    }
+                                    completed_tasks++;
+                                    return item;
+                                }
+                            }
+                            
+                        }
+                        else{
+                            return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                                if(txnres2.rows.length>0){
+                                    let arr=[];
+                                    console.log('avlbl prmotions:',txnres2.rows.length);
+                                    for(var i=0;i<txnres2.rows.length;i++){
+                                        let data =txnres2.rows.item(i);
+                                        let cj_index=i;
+                                        let animatedChoice=new Animated.Value(0);
+                                        data.animatedChoice=animatedChoice;
+                                        let animatedChoiceStock=new Animated.Value(0);
+                                        data.animatedChoiceStock=animatedChoiceStock;
+                                        let animatedChoicePromo=new Animated.Value(0);
+                                        data.animatedChoicePromo=animatedChoicePromo;
+                                        arr.push(data);
+                                        
+                                        let defData={'SubCategoryId':item.SubCategoryId,'PromoId':data.PromoId,'isPresent':0,'Image1':'','Image1Path':'','ReasonId':0,'Reason':''};
+                                        allSKUData.push(defData);
+                                        
+                                        if(cj_index==(txnres2.rows.length-1)){  
+                                            item['promotionlist']=arr;
+                                            prom_mappings[index]=item;
+                                            if(completed_tasks==prom_mappings.length-1){
+                                                setSKUStockData(allSKUData);
+                                                setPromotionData(prom_mappings);
+                                                setGlobalPromoData(prom_mappings);
+                                                setProcessing(false);
+                                            }
+                                            completed_tasks++;
+                                            return item;
+                                        }               
+                                    }
+                                }
+                                else{
+                                    return item;
+                                }
+                                
+                            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); return item; },);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); return item; },);
+                  return item;
+                })
+            ) .then((res)=>{
+                
+            });          
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+  
+
+    async function getImage(imgdata){
+        let cat=getImageProps.cat || '';
+        let skuItem=getImageProps.skuItem || '';
+        let type=getImageProps.type || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Promotion'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_PromotionImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=SKUStockData;
+                            let defData={'SubCategoryId':cat.SubCategoryId,'PromoId':skuItem.PromoId};
+                            const cindex=allData.findIndex(ci=>ci.SubCategoryId==cat.SubCategoryId && ci.PromoId==skuItem.PromoId);
+                            const imgData=cindex>=0?(allData[cindex] || defData):defData;
+                            let image_key=type=='2'?'Image2':'Image1';
+                            let image_path_key=type=='2'?'Image2Path':'Image1Path';
+                            imgData[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=common_ImagePath+filename;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                imgData[image_path_key]=uri; 
+                                console.log(imgData);
+                                cindex>=0?allData[cindex]=imgData:allData.push(imgData);
+                                
+                                setSKUStockData(allData);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata2(!rerenderdata2);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(cat,skuItem,type='1'){  
+        setGetImageProps({'cat':cat,'skuItem':skuItem,'type':type}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.SIMPLE_PROMOHDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.SIMPLE_PROMOTION_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('promotions hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('promotions data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.SIMPLE_PROMOHDR_DATA}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData;
+
+            await db.transaction(async function (txn) {
+              var values='',child_values='',checklist_values='';
+              
+              for(var i=0;i<promotionData.length;i++){
+                seq++;
+                let catIndex=i;
+                let item=promotionData[catIndex];
+                values+=values!=''?' , ':'';
+                values+=` ('${StoreId}','${d2}','${item.SubCategoryName}','${item.SubCategoryId}','${d2}') `;
+               
+                let promotionlist=item['promotionlist'] || [];
+               
+                for(var j=0;j<promotionlist.length;j++){
+                    let skuItem=promotionlist[j];
+                    child_values+=child_values!=''?' , ':'';
+                    let allSKUData=SKUStockData;
+                    const skud_index=allSKUData.findIndex(ci=>ci.SubCategoryId==item.SubCategoryId && ci.PromoId==skuItem.PromoId);
+                    const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                    
+                    child_values+=` ('${seq}','${StoreId}','${d2}','${item.SubCategoryName}','${item.SubCategoryId}','${skuItem.Promotion}','${skuItem.PromoId}','${skud.isPresent}','${(skud.ReasonId || 0)}','${(skud.Reason || '')}','${(skud.Image1)}','${d2}') `;
+                }
+              }
+
+              let add_HdrData=`INSERT INTO ${AppTables.SIMPLE_PROMOHDR_DATA} (STORE_ID,VISIT_DATE,SUB_CATEGORY,SUB_CATEGORY_ID,ADDED_DATE) VALUES ${values} `;
+             
+              let add_ChildData=`INSERT INTO ${AppTables.SIMPLE_PROMOTION_DATA} (COMMON_ID,STORE_ID,VISIT_DATE,SUB_CATEGORY,SUB_CATEGORY_ID,PROMOTION,PROMOTION_ID,IS_PRESENT,REASON_ID,REASON,IMAGE1,ADDED_DATE ) VALUES ${child_values} `;
+              
+              
+              await txn.executeSql(add_HdrData,[],async function (txn2, txnres) { 
+                console.log('promotion header added');
+                await txn.executeSql(add_ChildData,[],async function (txn2, txnres) { 
+                    console.log('promotion child added');
+                    notify(ST.Promotionupdatedsuccessfully);
+                    setProcessing(false);
+                    props.navigation.goBack();
+                    
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.CannotupdatePromotion) },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.CannotupdatePromotion) },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        await Promise.all(
+            promotionData.map(async (item,index) => {
+            if(isValid){
+                
+                let promotionlist=item.promotionlist || [];
+                if(promotionlist.length>0){
+                    await Promise.all(
+                        promotionlist.map(async (skuItem,skuIndex) => {
+                            let Camera1Enable=(skuItem.Camera1Enable==1 || skuItem.Camera1Enable=='true')?true:false;
+                            if(isValid){
+                                let skuData=SKUStockData.find(ci=>ci.SubCategoryId==item.SubCategoryId && ci.PromoId==skuItem.PromoId) || {};
+                                if(skuData.isPresent!=0 && (skuData.isPresent==null || skuData.isPresent=='')){
+                                    notify(ST.Pleaseselectifpromotionpresentornotfor+' '+item.SubCategoryName+' '+skuItem.Promotion,'SHORT');
+                                    isValid=false;
+                                }else if((skuData.isPresent==1) && Camera1Enable==true && ((skuData.Image1==null || skuData.Image1==''))){
+                                    notify(ST.Pleaseclickallimagesfor+' '+item.SubCategoryName+' '+skuItem.Promotion,'SHORT');
+                                    isValid=false;
+                                }
+                                else if((skuData.isPresent!=1) && ((skuData.ReasonId==null || skuData.ReasonId==''))){
+                                    notify(ST.Pleaseselectreasonfor+' '+item.SubCategoryName+' '+skuItem.Promotion,'SHORT');
+                                    isValid=false;
+                                }
+                            }
+                        })
+                    );
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key,isChoiceSelect=0){
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':item.SubCategoryId,'PromoId':skuItem.PromoId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==item.SubCategoryId && i.PromoId==skuItem.PromoId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+        
+        if(isChoiceSelect==1 && (skud.isPresent!=1 && skud.isPromoTalkerAvlbl!=1 && skud.isStockAvlbl!=1 )){
+            skud.Image1='';
+            skud.Image1Path='';
+        }
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    function onChoiceSelect(item,skuItem,val,key,animatedChoice){
+        var val1=0;
+        if(val==1){
+            val1=1;
+        }
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onStockValChange(item,skuItem,val,key,1)
+    }
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let skuItem=otherData.skus,item=otherData.cat;
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':item.SubCategoryId,'DisplayId':skuItem.DisplayId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==item.SubCategoryId && i.DisplayId==skuItem.DisplayId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[keyVal]=option.value;
+        skud[keyLbl]=option.label;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        console.log('allSKUData:',allSKUData);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        var arr2=[];
+        if(searchedQry!=null && searchedQry!=''){
+            
+            for(let i=0;i<globalPromoData.length;i++){
+                let item=globalPromoData[i];
+                let promotionlist=item.promotionlist || [];
+                arr2={ 'SubCategoryName':item.SubCategoryName,'SubCategoryId':item.SubCategoryId};
+                let newpromotionlist=[];
+                
+               
+                for(let j=0;j<promotionlist.length;j++){
+                    let sku=promotionlist[j];
+                    let {Promotion}=sku;
+                    
+                    if(Promotion.toLowerCase().includes(searchedQry)){
+                        newpromotionlist.push(sku);
+                    }
+                    if(j==promotionlist.length-1){
+                        arr2.promotionlist=newpromotionlist;
+                        if(arr2.promotionlist.length>0){
+                            arr.push(arr2);
+                        }
+                    }
+                }
+
+                
+            }
+        }
+        else{
+          arr=globalPromoData;
+        }
+
+        setPromotionData(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={ST.SearchbyPromotion}
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={promotionData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                <Text style={customStyle.opening_Stock_catText}>{item.SubCategoryName}</Text>
+                        
+                            </LinearGradient>
+                            
+                        </View>
+                        <View style={customStyle.opening_Stock_prds}>
+                            {
+                                
+                                <FlatList 
+                                data={item.promotionlist}
+                                extraData={rerenderdata2}
+                                renderItem={({item,index})=>{
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.SubCategoryId==cat.SubCategoryId && i.PromoId==skus.PromoId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let isPresent=thisCatSkuData.isPresent!=null?thisCatSkuData.isPresent:'0';
+                                    let Image1Path=(thisCatSkuData.Image1Path!=null && thisCatSkuData.Image1Path!='')?thisCatSkuData.Image1Path:'';
+                                    let ReasonId=thisCatSkuData.ReasonId!=null?thisCatSkuData.ReasonId:'';
+                                    let Reason=thisCatSkuData.Reason!=null?thisCatSkuData.Reason:'';
+                                    
+                                    let Camera1Enable=(item.Camera1Enable==1 || item.Camera1Enable=='true')?true:false;
+
+                                    var xpos=isPresent==1?-75:0;
+                                    if(skus.animatedChoice!=null ){
+                                        xpos=skus.animatedChoice.interpolate({
+                                            inputRange:[0,1],
+                                            outputRange:[0,-75],
+                                        });
+                                    } 
+
+
+                                    // let isCamera1EnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Camera1Enable')
+                                    // let isCamera1EnableKPIObj=isCamera1EnableIndex>=0?KPIFields[isCamera1EnableIndex]:{};
+                                    // let isCamera1Enable=isCamera1EnableIndex>=0?isCamera1EnableKPIObj['KPIFieldEnable']:true;
+                                                        
+                                    // let isCamera2EnableIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Camera2Enable')
+                                    // let isCamera2EnableKPIObj=isCamera2EnableIndex>=0?KPIFields[isCamera2EnableIndex]:{};
+                                    // let isCamera2Enable=isCamera2EnableIndex>=0?isCamera2EnableKPIObj['KPIFieldEnable']:true;
+                                  
+
+                                    return(
+                                        <View style={customStyle.openStk_prd_Con} key={sku_index}>
+                                            <Text style={[customStyle.openStk_prd_name]}>{skus.Promotion}</Text>
+                                           
+                                            {(skus.Promotion_Line2!=null && skus.Promotion_Line2!='undefined' && skus.Promotion_Line2!='') && <Text style={[customStyle.openStk_prd_name2]}>{(skus.Promotion_Line2 || '')}</Text>}
+                                            <View style={customStyle.openStk_prd_form}>
+                                                
+                                                <View style={[customStyle.openStk_prd_cols,customStyle.openStk_prd_borderT,customStyle.mt10,customStyle.pt10]}>
+                                                <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                                
+                                                        <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                                            <View style={customStyle.openStk_prd_choiceBox}>
+                                                                <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                                                {
+                                                                    transform: [{
+                                                                        translateX:xpos
+                                                                    }],
+                                                                }
+                                                                ]}></Animated.View>
+                                                                <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(cat,skus,1,'isPresent',skus.animatedChoice)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                                                </TouchableOpacity>
+                                                                <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(cat,skus,0,'isPresent',skus.animatedChoice)}}>
+                                                                    <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                                                </TouchableOpacity>
+                                                            </View>
+                                                        </View>
+                                                    </View>
+                                                    {isPresent!='1' && <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                                                        {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{value:Reason,otherData:{cat:cat,skus:skus}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                                    </View>}
+
+                                                    {(isPresent=='1' && Camera1Enable==true) && 
+                                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                                        <Text style={[customStyle.openStk_prd_label]}>{ST.CaptureImage}</Text>
+                                                        <View style={customStyle.openStk_prdCameras}>
+                                                            <View style={customStyle.openStkCameraCon}>
+                                                            { (Image1Path=='' || Image1Path==null) && 
+                                                                <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(cat,skus,'1')}}>
+                                                                    <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                                </TouchableOpacity>
+                                                            }
+                                                            { (Image1Path!='' && Image1Path!=null) && 
+                                                                <View style={customStyle.osCatImageView}>
+                                                                    <Image style={customStyle.osCatImage} source={{uri:Image1Path}}/>
+                                                                    <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(cat,skus,'1')}}>
+                                                                        <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                                    </TouchableOpacity>
+                                                                </View>                                    
+                                                            }       
+                                                            </View>         
+                                                        </View>
+                                                    </View>
+                                                    }
+                                                    
+                                                </View>
+                                            
+                                            </View>
+                                            
+                                        </View>
+                                    )
+                                }}/>
+                            }
+                        </View>
+                    </View>
+                );
+            }}
+            />
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(SimplePromotion);
\ No newline at end of file
diff --git a/src/screens/SplashScreen.js b/src/screens/SplashScreen.js
new file mode 100644
index 0000000..0d17f93
--- /dev/null
+++ b/src/screens/SplashScreen.js
@@ -0,0 +1,73 @@
+import React, { useEffect,useContext ,useState} from 'react';
+import SplashScreen from 'react-native-splash-screen';
+import Container from '../components/container';
+import { useRoute} from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,Platform,PermissionsAndroid} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import { baseurl, logoImage } from '../constants/constants';
+
+
+//Splash Screen  
+function Splash (props) { 
+ 
+  // get dynamic styles based on dark theme or pageactive 
+  const route = useRoute();
+  const PageTheme=GetPageTheme(props.DarkMode,route.name);
+  const customStyle=customStyles(props.DarkMode,route.name);
+
+  const [state, setState] = useState({islogin:false,firsttime:true});
+
+    useEffect(() => { 
+      get_token_from_local();
+    }, []);
+
+      
+    async function get_token_from_local(){
+        // await clear_item('islogin');
+        // await clear_item('loginToken');
+        let token=await get_item('loginToken');
+        let is_login=await get_item('islogin');
+        let mpin=await get_item('mpin');
+        let firsttime=await get_item('firsttime');
+        let ft=(firsttime=='done'?false:true);
+        let isl=((is_login=='done' && token!='' && token!=null && token!=undefined)?true:false);
+        let is_mpin=(mpin!='' && mpin!=undefined && mpin!=null)?true:false;
+
+        setState({...state,firsttime:ft,islogin:isl})
+        const pdata={firsttime:ft,islogin:isl,securityToken:token};
+        props.set_session(pdata); 
+        navigateToScreen(ft,isl,is_mpin);    
+    }
+
+  async function navigateToScreen(firsttime,islogin,ismpinavlbl){
+    console.log(firsttime,islogin);
+    var routename='';
+    if(firsttime){
+      routename='Project';
+    }
+    else if(islogin && ismpinavlbl){
+      routename='MpinLogin';//'MpinLogin'; 
+    }
+    else if(islogin){
+      routename='Mpin';//'MpinLogin';      
+    }
+    else{
+      routename='Login';//'MpinLogin';   
+    }
+    
+    //clear stack and navigate 
+    props.navigation.reset({index: 0,routes: [{name: routename}],});
+    // SplashScreen.hide();
+  }
+
+  return ( 
+    <Container {...props}>      
+      
+    </Container>  
+  ); 
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Splash)
\ No newline at end of file
diff --git a/src/screens/Stock.js b/src/screens/Stock.js
new file mode 100644
index 0000000..6d88841
--- /dev/null
+++ b/src/screens/Stock.js
@@ -0,0 +1,1826 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView, BackHandler, Keyboard, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import CheckBox from '@react-native-community/checkbox';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { ConfirmSaveAlert, ExitScreenAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+import Accordion from 'react-native-collapsible/Accordion';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import { createFalse } from 'typescript';
+import CustomModal2 from '../components/CustomModal2';
+
+function Stock(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [globalBrandData, setGlobalBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [catImages, setCatImages] = useState([]);
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [currentStock, setCurrentStock] = useState({});
+    const [currentBrand, setCurrentBrand] = useState({});
+    const [currentProduct, setCurrentProduct] = useState({});
+    const [KPIFields, setKPIFields] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [showStockModal, setShowStockModal] = useState(false);
+    const [showDatePicker, setShowDatePicker] = useState(false);
+    const [rerendermodal, setrerendermodal] = useState(0);
+    const [toRemoveId, setToRemoveId] = useState('');
+    const [toRemoveCat, setToRemoveCat] = useState({});
+    const [toRemoveSKU, setToRemoveSKU] = useState({});
+    const [showRemoveConfirm_M, setShowRemoveConfirm_M] = useState(false);
+    const [searchedItem, setSearchedItem]= useState('');
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [activeSections,setActiveSections]= useState([]);
+    
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+       
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getKPIFields(menu1){
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                let q=`select * from Mapping_MenuConfiguration where ScreenName='${menu1.ScreenName}'`;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let isenable=data.KPIFieldEnable=='true' || data.KPIFieldEnable==1?true:false;
+                            data['KPIFieldEnable']=isenable;
+                            
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+                                console.log('ALl KPIs Fields:',arr);
+                                setKPIFields(arr);
+                                resolve(true)
+                            }
+                        }
+                    }
+                    else{
+                        resolve(true)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve(false) },);
+            });
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log(err);
+            return false;
+        });
+    }
+
+    async function getData(storeData1,menu1){   
+          
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+          let allSKUData=[];
+          await getKPIFields(menu1);
+          await db.transaction(async function (txn) {  
+
+            // let dq=`DELETE FROM ${AppTables.STOCK2_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            // let dq2=`DELETE FROM ${AppTables.STOCK2HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            // let dq3=`DELETE FROM ${AppTables.STOCK2_MFD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            
+            // //  remove old data
+            // await txn.executeSql(dq,[],async function (txn2, txnres) { 
+            //     console.log('stock data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // await txn.executeSql(dq2,[],async function (txn2, txnres) { 
+            //   console.log('stock header data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // await txn.executeSql(dq3,[],async function (txn2, txnres) { 
+            //   console.log('stock mfd data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+            
+            // let join=' INNER join Product_Master p on c.CategoryId=p.CategoryId ';
+            // let join2=' INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+            // let q=`SELECT DISTINCT c.CategoryId,c.CategoryName from Master_Category c ${join} ${join2}  where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreTypeId='${StoreTypeId}' order by p.CategorySequence`;
+            
+            let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+            let join2=` inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+            let q=`select distinct p.SubCategoryId,p.SubCategoryName from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' order by p.SubCategoryName`;
+            
+
+            let q2=` SELECT SUB_CATEGORY_ID as SubCategoryId,SUB_CATEGORY as SubCategoryName,IMAGE,IMAGEPATH FROM ${AppTables.STOCK2HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            
+                
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('added products subcats:',txnres.rows.length)
+                if(txnres.rows.length>0){
+                    
+                    let arr=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        data['isCollapsed']=false;
+                        let br_d=await getBrands(storeData1,menu1,data,allSKUData);
+                        let brands=br_d['brands'];
+                        let products_data=br_d['products_data'];
+                      
+                        data['brandList']=brands;
+                        let defData={'SubCategoryId':data.SubCategoryId,'ImageName':data.IMAGE,'ImagePath':data.IMAGEPATH};
+                        
+                        allCats.push(defData);
+                        allSKUData.concat(products_data);
+                        
+                        arr.push(data);
+                        if(i==txnres.rows.length-1){
+                            setCatImages(allCats);
+                            setSKUStockData(allSKUData);
+                            setBrandData(arr);
+                            setGlobalBrandData(arr);
+                            setTimeout(()=>{setrerenderdata2(!rerenderdata2);},3000);
+                            setProcessing(false);
+                        }
+                    }
+                }
+                else{
+                    await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                        console.log('cats len:',txnres2.rows.length)
+                        if(txnres2.rows.length>0){
+                            let arr=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data =txnres2.rows.item(i);
+                                data['isCollapsed']=false;
+                                console.log('cat id:',data.SubCategoryId)
+                                let br_d=await getBrands(storeData1,menu1,data);
+                                let brands=br_d['brands'];
+                                let products_data=br_d['products_data'];
+                               
+                                data['brandList']=brands;
+
+                               
+                                allSKUData.concat(products_data);
+                                arr.push(data);
+
+                                if(i==txnres2.rows.length-1){
+                                    setSKUStockData(allSKUData);
+                                   
+                                    setBrandData(arr);
+                                    setGlobalBrandData(arr);
+                                    setTimeout(()=>{setrerenderdata2(!rerenderdata2);},3000);
+                                    setProcessing(false);
+                                    
+                                }                                
+                            }
+                            
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+            // setProcessing(false);
+            
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getBrands(storeData1,menu1,item,allSKUData=[]){
+        let data_to_ret={'brands':[],'products_data':allSKUData}
+        let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+
+      
+        return await new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {  
+            
+                let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                let join2=` inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                let brands_q=`select distinct p.BrandName,p.BrandId from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}'  and p.SubCategoryId='${item.SubCategoryId}' and CompanyId='1' order by p.BrandName`;
+                
+                
+                await txn.executeSql(brands_q,[],async function (txn2, txnres) { 
+                   console.log('brands len:',txnres.rows.length);
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                           
+                            data['isBrandCollapsed']=false;
+                            let pr_d=await getSKU(storeData1,item,data,allSKUData);
+                            let products=pr_d['products'];
+                            let products_data=pr_d['products_data'];
+                            data['skulist']=products
+
+                            console.log('products len:',products.length);
+                            allSKUData.concat(products_data);
+                            arr.push(data);
+
+                            if(i==txnres.rows.length-1){
+                                data_to_ret['brands']=arr;
+                                data_to_ret['products_data']=allSKUData;
+                                resolve(data_to_ret);
+                            }
+                        }
+                    }
+                    else{
+                        resolve(data_to_ret)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(data_to_ret) },);
+                // setProcessing(false);
+                
+              });  
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log(err);
+            return data_to_ret;
+        })
+    }
+
+    async function getSKU(storeData1,cat,brand,allSKUData=[]){
+        let sku_ret={'products':[],'products_data':allSKUData};
+        let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData1;     
+        return await new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) { 
+               
+                // get from stored data if exists
+                let join3=`  inner join Mapping_ProductAssortment m on p.PRODUCT_ID=m.ProductId and m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}'`;
+                let seletlist=`p.STOCK_UID,p.PRODUCT as ProductName,p.PRODUCT_ID as ProductId,p.BRAND as BrandName,p.BRAND_ID as BrandId,p.MSL,m.MBQ,p.STOCK,p.BACKROOM_STOCK,p.DAMAGED_STOCK,p.LOST_STOCK,p.EXPIRY_STOCK,p.IS_SKU_STOCK_PRESENT,p.NREXPIRY1_STOCK,p.NREXPIRY2_STOCK,p.NREXPIRY3_STOCK,p.OUT_OF_STOCK,p.LESS_THAN_MBQ`;
+                let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCK2_DATA} p ${join3} WHERE p.STORE_ID='${StoreId}' and  p.SUB_CATEGORY_ID='${cat.SubCategoryId}' and p.BRAND_ID='${brand.BrandId}'  `;
+         
+                // else get products from masters
+                let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                let join2=`  inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                let sku_q2=`select distinct p.ProductName,p.ProductId,p.BrandName,p.BrandId,m.MSL,m.MBQ from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.SubCategoryId='${cat.SubCategoryId}' and p.BrandId='${brand.BrandId}' and CompanyId='1' order by p.ProductSequence`;
+                     
+                
+              
+                await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                    
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let ancval=data.OUT_OF_STOCK==1?1:0;
+                            let ancval2=data.LESS_THAN_MBQ==1?1:0;
+                            let animatedChoice=new Animated.Value(ancval);
+                            let animatedChoice2=new Animated.Value(ancval2);
+                            data.animatedChoice=animatedChoice;
+                            data.animatedChoice2=animatedChoice2;
+                            
+                            data['Old_Stock']=data.STOCK;
+                            data['OldDamagedStock']=data.DAMAGED_STOCK;
+                            data['OldLostStock']=data.LOST_STOCK;
+                            data['OldExStock']=data.EXPIRY_STOCK;
+                            
+                            let mfdStocks=await getMFDStockData(data);
+                            let defData={'SubCategoryId':cat.SubCategoryId,'ProductId':data.ProductId,'Stock':data.STOCK,'BackRoomStock':data.BACKROOM_STOCK,'ExpiryStock':data.EXPIRY_STOCK,'DamagedStock':data.DAMAGED_STOCK,'LostStock':data.LOST_STOCK,'mfdStocks':(mfdStocks || []),'isSKUPresent':data.IS_SKU_STOCK_PRESENT,'showAllSKU_Fields':(data.IS_SKU_STOCK_PRESENT==1),'NearExpiry1':data.NREXPIRY1_STOCK,'NearExpiry2':data.NREXPIRY2_STOCK,'NearExpiry3':data.NREXPIRY3_STOCK,"OutOfStock":data.OUT_OF_STOCK==1?1:0,"LessThanMBQ":data.LESS_THAN_MBQ==1?1:0};
+                            
+                            allSKUData.push(defData);
+                            arr.push(data);
+
+                            if(i==txnres.rows.length-1){
+                                sku_ret['products']=arr;
+                                sku_ret['products_data']=allSKUData;
+                                resolve(sku_ret);
+                            }
+                        }
+                    }
+                    else{
+                       
+                        return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                            
+                            if(txnres2.rows.length>0){
+                                let arr=[];
+                                for(var i=0;i<txnres2.rows.length;i++){
+                                    let data =txnres2.rows.item(i);
+                                    let animatedChoice=new Animated.Value(0);
+                                    let animatedChoice2=new Animated.Value(0);
+                                    data.animatedChoice=animatedChoice;
+                                    data.animatedChoice2=animatedChoice2;
+
+                                    let defData={'SubCategoryId':cat.SubCategoryId,'ProductId':data.ProductId,'Stock':'','BackRoomStock':'','ExpiryStock':'','DamagedStock':'','LostStock':'','mfdStocks':[],'isSKUPresent':'','showAllSKU_Fields':false};
+                                    allSKUData.push(defData);
+                                    arr.push(data);
+                                    if(i==(txnres2.rows.length-1)){   
+                                        sku_ret['products']=arr;
+                                        sku_ret['products_data']=allSKUData;                                     
+                                        resolve(sku_ret);
+                                    }               
+                                }
+                            }
+                            else{
+                                resolve(sku_ret);
+                            }
+                            
+                        },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); resolve(sku_ret); },);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); resolve(sku_ret); },);      
+    
+                        
+            });  
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log('getSKU err:',err);
+            return sku_ret;
+        })
+                   
+              
+    }
+
+    async function getMFDStockData(skud){
+        
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                let q=`select * from ${AppTables.STOCK2_MFD_DATA} where STOCK_UID='${skud.STOCK_UID}'`;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let obj={'date':new Date(data.DATE),'mfd':data.MFD,'stock':data.STOCK,'lotno':data.LOT_NO}
+                            
+                            arr.push(obj);
+                            if(i==txnres.rows.length-1){
+                                console.log('mfdStocks',arr);
+                                resolve(arr)
+                            }
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve([]) },);
+            });
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        })
+    }
+
+    async function getImage(imgdata){
+        let cat=getImageProps.option || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl='file://'+img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Stock'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_Stock-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allIMgs=catImages;
+                            let defData={'SubCategoryId':cat.SubCategoryId};
+                            const cindex=allIMgs.findIndex(i=>i.SubCategoryId==cat.SubCategoryId);
+                            const imgData=cindex>=0?(allIMgs[cindex] || defData):defData;
+                            imgData.ImageName=filename;
+                            
+                            // renamefile
+                            let imagePath='file://'+`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri=imagePath;
+                                console.log('image marker',uri);
+                                imgData.ImagePath=uri; 
+                                cindex>=0?allIMgs[cindex]=imgData:allIMgs.push(imgData);
+                                setCatImages(allIMgs);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log(ST.Errorimagefilewritefailed+'!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(option){ 
+        setGetImageProps({'option':option}); 
+        console.log('openCamera');
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.STOCK2_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.STOCK2HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q3=`DELETE FROM ${AppTables.STOCK2_MFD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('stock header data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q3,[],async function (txn2, txnres) { 
+                console.log('stock mfd data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.STOCK2HDR_DATA}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData;
+            console.log('insertData');
+            await db.transaction(async function (txn) {
+              var values='',stock_values='',mfdStockV='';
+              for(var i=0;i<globalBrandData.length;i++){
+                  
+                seq++;
+                let catIndex=i;
+                let item=globalBrandData[catIndex];
+                let cimage=catImages.find(ci=>ci.SubCategoryId==item.SubCategoryId) || {};
+                values+=values!=''?' , ':'';
+                
+                
+                values+=` ('${StoreId}','${d2}','${item.SubCategoryName}','${item.SubCategoryId}','','${(cimage.ImageName || '')}','${(cimage.ImagePath || '')}','${d2}') `;
+                console.log('stock hdr values added');
+
+                let brandList=item.brandList || [];
+                for(var j=0;j<brandList.length;j++){
+                    let brand=brandList[j];
+                    
+                    let skulist=brand['skulist'] || [];
+               
+                    for(var k=0;k<skulist.length;k++){
+                        let skuItem=skulist[k];
+                        let SKU_UID='SKU'+seq+j+k+(Math.floor(Math.random()*1000)+1);
+                        let {BrandId, BrandName,MSL,ProductId,ProductName}=skuItem;
+                        stock_values+=stock_values!=''?' , ':'';
+                        let allSKUData=SKUStockData;
+                        const skud_index=allSKUData.findIndex(ci=>ci.SubCategoryId==item.SubCategoryId && ci.ProductId==skuItem.ProductId);
+                        const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                        let mfdStocks=skud['mfdStocks'] || [];
+
+                        let stock=skud.Stock!=null?skud.Stock:'';
+                        let br_stock=skud.BackRoomStock!=null?skud.BackRoomStock:'';
+                        let ex_stock=skud.ExpiryStock!=null?skud.ExpiryStock:'';
+                        let damage_stock=skud.DamagedStock!=null?skud.DamagedStock:'';
+                        let lost_stock=skud.LostStock!=null?skud.LostStock:'';
+                        let isSKUPresent=skud.isSKUPresent!=null?skud.isSKUPresent:0;
+                        let OutOfStock=skud.OutOfStock!=null?skud.OutOfStock:'0';
+                        let LessThanMBQ=skud.LessThanMBQ!=null?skud.LessThanMBQ:'0';
+
+                        let NearExpiry_stock1=skud.NearExpiry1!=null?skud.NearExpiry1:'';
+                        let NearExpiry_stock2=skud.NearExpiry2!=null?skud.NearExpiry2:'';
+                        let NearExpiry_stock3=skud.NearExpiry3!=null?skud.NearExpiry3:'';
+                        
+                        stock_values+=` ('${seq}','${SKU_UID}','${StoreId}','${d2}','${item.SubCategoryId}','${item.SubCategoryName}','${BrandId}','${BrandName}','${ProductId}','${ProductName}','${MSL}','${stock}','${br_stock}','${damage_stock}','${lost_stock}','${ex_stock}','${isSKUPresent}','${NearExpiry_stock1}','${NearExpiry_stock2}','${NearExpiry_stock3}','${OutOfStock}','${LessThanMBQ}','${d2}') `;
+                        
+                        for(let m=0;m<mfdStocks.length;m++){
+                            let cstock=mfdStocks[m];
+                            let mfd_stock=cstock['stock'];
+                            let mfd_mfd=cstock['mfd'];
+                            let mfd_lotno=cstock['lotno'];
+                            let mfd_date=cstock['date']!=null?moment(cstock['date']).format('MM-DD-YYYY'):'';
+                            
+                            mfdStockV+=mfdStockV!=''?' , ':'';
+                            mfdStockV+=` ('${seq}','${SKU_UID}','${StoreId}','${d2}','${item.SubCategoryId}','${BrandId}','${ProductId}','${mfd_stock}','${mfd_mfd}','${mfd_lotno}','${mfd_date}','${d2}') `;
+                        
+                        }
+                        
+                    }
+                }
+                
+              }
+
+              
+              let add_StockHdr=`INSERT INTO ${AppTables.STOCK2HDR_DATA} (STORE_ID,VISIT_DATE,SUB_CATEGORY,SUB_CATEGORY_ID,MSL,IMAGE,IMAGEPATH,ADDED_DATE) VALUES ${values} `;
+              let add_Stock=`INSERT INTO ${AppTables.STOCK2_DATA} (COMMON_ID,STOCK_UID,STORE_ID,VISIT_DATE,SUB_CATEGORY_ID,SUB_CATEGORY,BRAND_ID,BRAND,PRODUCT_ID,PRODUCT,MSL,STOCK,BACKROOM_STOCK,DAMAGED_STOCK,LOST_STOCK,EXPIRY_STOCK,IS_SKU_STOCK_PRESENT,NREXPIRY1_STOCK,NREXPIRY2_STOCK,NREXPIRY3_STOCK,OUT_OF_STOCK,LESS_THAN_MBQ,ADDED_DATE) VALUES ${stock_values} `;
+              let add_mfd_Stock=`INSERT INTO ${AppTables.STOCK2_MFD_DATA} (COMMON_ID,STOCK_UID,STORE_ID,VISIT_DATE,SUB_CATEGORY_ID,BRAND_ID,PRODUCT_ID,STOCK,MFD,LOT_NO,DATE,ADDED_DATE) VALUES ${mfdStockV} `;
+                
+              await txn.executeSql(add_StockHdr,[],async function (txn2, txnres) { 
+                console.log('stock header added');
+                await txn.executeSql(add_Stock,[],async function (txn2, txnres) { 
+                    console.log('stock added');
+                    if(mfdStockV!=null && mfdStockV!=''){
+                        await txn.executeSql(add_mfd_Stock,[],async function (txn2, txnres) { 
+                            console.log('stock mfd added');
+                            notify(ST.Stockupdatedsuccessfully);
+                            setProcessing(false);
+                            props.navigation.goBack();
+                        },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddstock) },);
+                    }
+                    else{
+                        notify(ST.Stockupdatedsuccessfully);
+                        setProcessing(false);
+                        props.navigation.goBack();
+                    }
+                    
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddstock) },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddstock) },);
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        var i=0,j=0;
+
+        
+        let StockValidationRequiredI=KPIFields.findIndex(i=>i.KPIFieldName=='StockValidationRequired')
+        let StockValidationRequiredObj=StockValidationRequiredI>=0?KPIFields[StockValidationRequiredI]:{};
+        let StockValidationRequired=StockValidationRequiredI>=0?StockValidationRequiredObj['KPIFieldEnable']:true;
+        console.log('StockValidationRequired:',StockValidationRequired);
+        if(StockValidationRequired==false){
+            return isValid;
+        }
+
+        // validate only if permit
+
+        let isHdrImgIndex=KPIFields.findIndex(i=>i.KPIFieldName=='HeaderImageAllow')
+        let isHdrImgKPIObj=isHdrImgIndex>=0?KPIFields[isHdrImgIndex]:{};
+        let isHdrImgEnable=isHdrImgIndex>=0?isHdrImgKPIObj['KPIFieldEnable']:false;
+
+        let isListedSKUIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ListedSKU');
+        let isListedSKUKPIObj=isListedSKUIndex>=0?KPIFields[isListedSKUIndex]:{};
+        let isListedSKUEnable=isListedSKUIndex>=0?isListedSKUKPIObj['KPIFieldEnable']:true;
+
+        let isStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Stock')
+        let isStockKPIObj=isStockIndex>=0?KPIFields[isStockIndex]:{};
+        let isStockEnable=isStockIndex>=0?isStockKPIObj['KPIFieldEnable']:true;
+        let isStockDis_Name=isStockIndex>=0?isStockKPIObj['KPIFieldDisplayName']:'Stock';
+
+        let isBRStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='BackRoomStock')
+        let isBRStockKPIObj=isBRStockIndex>=0?KPIFields[isBRStockIndex]:{};
+        let isBRStockEnable=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldEnable']:true;
+        let isBRStockDis_Name=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isDStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='DamageStock')
+        let isDStockKPIObj=isDStockIndex>=0?KPIFields[isDStockIndex]:{};
+        let isDStockEnable=isDStockIndex>=0?isDStockKPIObj['KPIFieldEnable']:false;
+        let isDStockDis_Name=isDStockIndex>=0?isDStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isLStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='LostStock')
+        let isLStockKPIObj=isLStockIndex>=0?KPIFields[isLStockIndex]:{};
+        let isLStockEnable=isLStockIndex>=0?isLStockKPIObj['KPIFieldEnable']:false;
+        let isLStockDis_Name=isLStockIndex>=0?isLStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isExStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExStockKPIObj=isExStockIndex>=0?KPIFields[isExStockIndex]:{};
+        let isExStockEnable=isExStockIndex>=0?isExStockKPIObj['KPIFieldEnable']:false;
+        let isExStockDis_Name=isExStockIndex>=0?isExStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isMFDIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MFD')
+        let isMFD_KPIObj=isMFDIndex>=0?KPIFields[isMFDIndex]:{};
+        let isMFDEnable=isMFDIndex>=0?isMFD_KPIObj['KPIFieldEnable']:false;
+        let isMFDDis_Name=isMFDIndex>=0?isMFD_KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry1Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry1')
+        let NrExpiry1KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry1Index]:{};
+        let NrExpiry1Enable=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldEnable']:false;
+        let NrExpiry1_Dis_Name=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry2Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry2')
+        let NrExpiry2KPIObj=NrExpiry2Index>=0?KPIFields[NrExpiry2Index]:{};
+        let NrExpiry2Enable=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldEnable']:false;
+        let NrExpiry2_Dis_Name=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry3Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry3')
+        let NrExpiry3KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry3Index]:{};
+        let NrExpiry3Enable=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldEnable']:false;
+        let NrExpiry3_Dis_Name=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldDisplayName']:'';
+
+        let MSLIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MSL');
+        let MSLObj=MSLIndex>=0?KPIFields[MSLIndex]:{};
+        let isMSLAllow=MSLIndex>=0?MSLObj['KPIFieldEnable']:true;
+
+        let NONMSL_Index=KPIFields.findIndex(i=>i.KPIFieldName=='ChildImageAllow');
+        let NONMSL_Obj=NONMSL_Index>=0?KPIFields[NONMSL_Index]:{};
+        let isNONMSL_Allow=NONMSL_Index>=0?NONMSL_Obj['KPIFieldEnable']:false;
+
+        
+        
+
+        await Promise.all(
+            globalBrandData.map(async (item,index) => {
+            if(isValid){
+                let catId=item.SubCategoryId;
+                
+                let cimgData=catImages.find(ci=>ci.SubCategoryId==catId) || {};
+
+                
+                // let isCollapsed=item.isCollapsed!=null?item.isCollapsed:true;
+                
+                if(StoreCameraAllow && isHdrImgEnable==true && (cimgData.ImagePath== null || cimgData.ImagePath==''))
+                {
+                    notify(ST.Pleaseclickimagefor+' '+item.SubCategoryName,'SHORT');
+                    isValid=false;
+                }
+                else
+                {
+                    let brandList=item.brandList || [];
+                    
+                    if(brandList.length>0){
+                        brandList.map(async (brand,brand_index) => {
+                            let skulist=brand.skulist || [];
+                            if(isValid==true){
+                            if(skulist.length>0){
+                                await Promise.all(
+                                    skulist.map(async (skuItem,skuIndex) => {
+                                        if(isValid==true){
+                                        let skuData=SKUStockData.find(ci=>ci.SubCategoryId==item.SubCategoryId && ci.ProductId==skuItem.ProductId ) || {};
+                                        let stock=skuData.Stock!=null?skuData.Stock:'';
+                                        let ex_stock=skuData.ExpiryStock!=null?skuData.ExpiryStock:'';
+                                        let damage_stock=skuData.DamagedStock!=null?skuData.DamagedStock:'';
+                                        let lost_stock=skuData.LostStock!=null?skuData.LostStock:'';
+                                        let isSKUPresent=skuData.isSKUPresent!=null?skuData.isSKUPresent:0;
+                                        let br_stock=skuData.BackRoomStock!=null?skuData.BackRoomStock:'';
+                                        let NearExpiry_stock1=skuData.NearExpiry1!=null?skuData.NearExpiry1:'';
+                                        let NearExpiry_stock2=skuData.NearExpiry2!=null?skuData.NearExpiry2:'';
+                                        let NearExpiry_stock3=skuData.NearExpiry3!=null?skuData.NearExpiry3:'';
+                                            
+                                        let isMandatory=((isMSLAllow==1 || isMSLAllow=='true') && (skuItem.MSL==1 || skuItem.MSL=='true') ) || ((isNONMSL_Allow==1 || isNONMSL_Allow=='true') && (skuItem.MSL!=1 && skuItem.MSL!='true') ) 
+        
+        
+        
+                                        if((isListedSKUEnable==true && isSKUPresent==1) || (!isListedSKUEnable  && (isMandatory)) ){
+        
+                                            // let sumOfDamagedStocks=parseInt(ex_stock)+parseInt(damage_stock)+parseInt(lost_stock);
+                                           
+        
+                                            if(isStockEnable==true && stock!==0 && ( stock==null || stock=='')){
+                                                notify(ST.Pleaseenter+' '+isStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(isBRStockEnable==true && br_stock!==0 && ( br_stock==null || br_stock=='')){
+                                                notify(ST.Pleaseenter+' '+isBRStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(isDStockEnable==true && damage_stock!==0 && ( damage_stock==null || damage_stock=='')){
+                                                notify(ST.Pleaseenter+' '+isDStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(isLStockEnable==true && lost_stock!==0 && ( lost_stock==null || lost_stock=='')){
+                                                notify(ST.Pleaseenter+' '+isDStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(isExStockEnable==true && ex_stock!==0 && ( ex_stock==null || ex_stock=='')){
+                                                notify(ST.Pleaseenter+' '+isExStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(NrExpiry1Enable==true && NearExpiry_stock1!==0 && ( NearExpiry_stock1==null || NearExpiry_stock1=='')){
+                                                notify(ST.Pleaseenter+' '+NrExpiry1_Dis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(NrExpiry2Enable==true && NearExpiry_stock2!==0 && ( NearExpiry_stock2==null || NearExpiry_stock2=='')){
+                                                notify(ST.Pleaseenter+' '+NrExpiry2_Dis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(NrExpiry3Enable==true && NearExpiry_stock3!==0 && ( NearExpiry_stock3==null ||NearExpiry_stock3=='')){
+                                                notify(ST.Pleaseenter+' '+NrExpiry3_Dis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            // else if((isDStockEnable && isLStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                            //     notify('Sum of '+isDStockDis_Name+','+isLStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to Stock for '+skuItem.ProductName,'LONG');
+                                            //     isValid=false;
+                                            // }
+                                            // else if((isDStockEnable && isLStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                            //     notify('Sum of '+isDStockDis_Name+' and '+isLStockDis_Name+' should be less than or equal to '+isStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                            //     isValid=false;
+                                            // }
+                                            // else if((isLStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                            //     notify('Sum of '+isLStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to '+isStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                            //     isValid=false;
+                                            // }
+                                            // else if((isDStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                            //     notify('Sum of '+isDStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to '+isStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                            //     isValid=false;
+                                            // }
+                                            else{
+
+                                            }
+                                          
+                                        }
+                                        }
+                                    })
+                                );
+                            }
+                            }
+
+                        });
+                    }
+                    
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':item.SubCategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==item.SubCategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+
+        if(key=='isSKUPresent'){
+            skud['showAllSKU_Fields']=val==1?true:false;
+        }
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    // function checkStockVal(item,skuItem,key,old_key,old_val){
+    //     console.log('checkStockVal',old_val,val);
+    //     let allSKUData=SKUStockData;
+    //     let defData={'SubCategoryId':item.SubCategoryId,'ProductId':skuItem.ProductId};
+    //     const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==item.SubCategoryId && i.ProductId==skuItem.ProductId);
+    //     const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+    //     console.log('checkStockVal');
+    //     let val=skud[key] || '';
+    //     let val1=skud[key] || 0;
+    //     let product_total_stock=skud['Stock'];
+    //     if(product_total_stock!=''){
+    //         product_total_stock=parseInt(product_total_stock);
+    //         let product_damage_stock=parseInt(skud['DamagedStock'] || 0);
+    //         let product_lost_stock=parseInt(skud['LostStock'] || 0);
+    //         let product_ex_stock=parseInt(skud['ExpiryStock'] || 0);
+        
+    //         let product_stock=product_ex_stock;//product_total_stock-(product_damage_stock+product_lost_stock+product_ex_stock);
+    //         val1=parseInt(val1);
+    //         if(skud_index>=0){
+    //             let mfdStocks=skud['mfdStocks'] || [];
+    //             let sumOfAllStocks=0
+    //             for(let i in mfdStocks){
+    //                 let ds=mfdStocks[i];
+    //                 sumOfAllStocks+=parseInt(ds.stock);
+    //             }
+
+    //             if(sumOfAllStocks>product_stock){
+    //                 notify('Sum of all MFD stock cannot be greater than product stock count!');
+    //                 skud[key]=old_val;
+    //                 skud[old_key]=old_val;
+    //             }
+    //             else{
+    //                 skud[old_key]=val;
+    //             }
+    //         }
+    //         else{
+    //             skud[old_key]=val;
+    //         }
+        
+
+    //         skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+    //         setSKUStockData(allSKUData);
+    //         setHasUnsavedChanges(true);
+    //         setrerenderdata(!rerenderdata);
+    //     }
+    // }
+
+    function openAddStkModal(cat,skuItem){
+        setCurrentBrand(cat);
+        setCurrentProduct(skuItem);
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':cat.SubCategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==cat.SubCategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+
+        setShowStockModal(true);
+        // let mfdStocks=skud['mfdStocks'] || [];
+        // let product_stock=skud['Stock'];
+        // let product_ex_stock=skud['ExpiryStock'];
+        
+        // if(product_stock==null || product_stock==''){
+        //     notify('Please enter sku stock first!');
+        // }
+        // else if(product_ex_stock==null || product_ex_stock==''){
+        //     notify('Please enter expiry stock first!');
+        // }
+        // else{
+            
+        // }
+        
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false)
+    }
+
+    function setStockDate(date){
+        let d1=moment(date).format('DD/MM/YYYY');
+        let cstock=currentStock;
+        cstock['date']=date;
+        cstock['mfd']=d1;
+        setCurrentStock(cstock);
+        setShowDatePicker(false);
+    }
+
+    function setCS_Stock(key,val,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+        
+        let cstock=currentStock;
+        cstock[key]=val;
+        console.log(key,val)
+        setCurrentStock(cstock);
+        setrerendermodal(!rerendermodal);
+    }
+
+   
+
+    function getAllSum(mfdStocks=[],cstock={}){
+        let {mfd,date,stock}=cstock
+        let sumOfAllStocks=parseInt(stock);
+        return new Promise((resolve,reject)=>{
+            if(mfdStocks.length>0){
+                for(let i in mfdStocks){
+                    let ds=mfdStocks[i];
+                    sumOfAllStocks+=parseInt(ds.stock);
+                    if(i==mfdStocks.length-1){
+                        resolve(sumOfAllStocks)
+                    }
+                }
+            }
+            else{
+                resolve(sumOfAllStocks)
+            }
+        }).catch((err)=>{
+            console.log(err);
+            return 0;
+        })
+    }
+
+    async function addMFDStock(){
+        Keyboard.dismiss();
+        let cat=currentBrand
+        let skuItem=currentProduct
+        let cstock=currentStock;
+        var allSKUData=SKUStockData;
+        let defData={'SubCategoryId':cat.SubCategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==cat.SubCategoryId && i.ProductId==skuItem.ProductId);
+        var skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        let mfdStocks=skud['mfdStocks'] || [];
+        let product_total_stock=skud['Stock'];
+        let product_damage_stock=parseInt(skud['DamagedStock'] || 0);
+        let product_lost_stock=parseInt(skud['LostStock'] || 0);
+        let product_ex_stock=parseInt(skud['ExpiryStock'] || 0);
+        
+        let product_stock=product_ex_stock;//product_total_stock-(product_damage_stock+product_lost_stock+product_ex_stock);
+        let {mfd,date,stock,lotno}=cstock
+
+
+        
+
+        if(mfd==null || mfd==''){
+            notify(ST.Pleaseselectdate);
+            return ;
+        }
+        else if(stock==null || stock==''){
+            notify(ST.Pleaseenterstock);
+            return ;
+        }
+        else if(lotno==null || lotno==''){
+            notify(ST.Pleaseenterlotno);
+            return ;
+        }
+        else if(mfdStocks.findIndex(i=>i.mfd==mfd)>=0){
+            notify(ST.ThisdateisalreadyaddedPleaseselectdifferentdate);
+            return ;
+        }
+        else {
+            // let sumOfAllStocks=await getAllSum(mfdStocks,cstock);
+            // console.log('product_stock',product_stock,',sum:',sumOfAllStocks,JSON.stringify(SKUStockData))
+            // if(product_stock!==0 && (product_stock==null || product_stock=='')){
+            //     notify('Please enter sku stock');
+            //     return ;
+            // }
+            // else if(sumOfAllStocks>product_stock){
+            //     notify('Sum of all MFD stock cannot be greater than product stock count!');
+            //     return ;
+            // }else{
+                console.log('added')
+                mfdStocks.push(cstock);
+                skud['mfdStocks']=mfdStocks;
+                skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+                setSKUStockData(allSKUData);
+                setHasUnsavedChanges(true);
+                setrerenderdata(!rerenderdata);
+                setCurrentStock({});
+                setShowStockModal(false);
+            // }
+            
+        }
+    }
+
+
+    function removeMFDStock(){
+        let cat=toRemoveCat;
+        let skuItem=toRemoveSKU;
+        let cstockIndex=toRemoveId;
+        let allSKUData=SKUStockData;
+        let defData={'SubCategoryId':cat.SubCategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.SubCategoryId==cat.SubCategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        let mfdStocks=skud['mfdStocks'] || [];
+        mfdStocks.splice(cstockIndex,1);
+        skud['mfdStocks']=mfdStocks;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setShowRemoveConfirm_M(false);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showRemoveConfirm(cat,skuItem,cstock,cstockIndex){
+        setToRemoveId(cstockIndex);
+        setToRemoveCat(cat);
+        setToRemoveSKU(skuItem);
+        setShowRemoveConfirm_M(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        var arr2={};
+        var newBrand={};
+        if(searchedQry!=null && searchedQry!=''){
+            // globalBrandData.map((item,index)=>{
+            for(let i=0;i<globalBrandData.length;i++){
+                let item=globalBrandData[i];
+                let brandList=item.brandList || [];
+                arr2=Object.assign({'test':'1'} , item);
+                
+                let newBrandList=[];
+                for(let j=0;j<brandList.length;j++){
+                    let brand=brandList[j];
+                    let skulist=brand.skulist || [];
+                    newBrand=Object.assign({'test2':'2'} , brand);
+                    
+                    let newSkulist=[];
+                    for(let k=0;k<skulist.length;k++){
+                        let sku=skulist[k];
+                        let {ProductName}=sku;
+                        if(ProductName.toLowerCase().includes(searchedQry)){
+                            newSkulist.push(sku);
+                        }
+
+                        if(k==skulist.length-1){
+                            newBrand.skulist=newSkulist;
+                            
+                            if(newBrand.skulist.length>0){
+                                newBrandList.push(newBrand);
+                                if(j==brandList.length-1){
+                                    arr2.brandList=newBrandList;
+                                    arr.push(arr2);
+                                }
+                            }
+
+                        }
+                    }
+                }
+
+                
+            }
+        }
+        else{
+          arr=globalBrandData;
+        }
+
+        console.log('globalBrandData:',globalBrandData)
+        setBrandData(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function renderDatePicker(){
+        let today=new Date();
+        console.log('today:',today);
+        let d1=Object.keys(currentStock).length>0 && currentStock.date!=null && currentStock.date!='' ?new Date(currentStock.date):new Date();
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={d1}
+            mode={'date'}
+            display="default"  
+            // maximumDate={today}
+            onChange={(event, selectedDate)=>{setStockDate(selectedDate)}}
+            />    
+        );
+    }
+
+    function _render_StockModal(){
+        let mfd=Object.keys(currentStock).length>0 && currentStock.mfd!=null && currentStock.mfd!='' ?currentStock.mfd:'';
+        let stock=Object.keys(currentStock).length>0 && currentStock.stock!=null?currentStock.stock:'';
+        let lotno=Object.keys(currentStock).length>0 && currentStock.lotno!=null?currentStock.lotno:'';
+        
+        return (
+          <CustomModal2
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={ST.AddNearExpiryStock}
+            showModal={showStockModal}
+          >
+            <View style={customStyle.AddStockM_View}>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>{ST.ExpiryDate}</Text>
+                    <View style={[customStyle.AddStockM_col,customStyle.AddStockM_MFDInputCon]} >
+                        <Text style={customStyle.AddStockM_MFDInput}>{mfd}</Text>
+                        
+                        <TouchableOpacity style={customStyle.AddStockM_DatePicker} onPress={()=>{setShowDatePicker(true);}}>
+                            <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                        </TouchableOpacity>
+                    </View>
+                    {showDatePicker==true && 
+                        renderDatePicker()
+                    } 
+                </View>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>{ST.Stock}</Text>
+                    <View style={customStyle.AddStockM_col} >
+                        <TextInput 
+                            style={[customStyle.AddStockM_InputStyle]}
+                            placeholder=""
+                            placeholderTextColor={PageTheme.$placeholder_color} 
+                            keyboardType={'number-pad'}
+                            value={stock}
+                            onChangeText={(val)=>{setCS_Stock('stock',val,'numeric')}}
+                            autoComplete='off'
+                        />
+                    </View>
+                </View>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>{ST.LotNo}</Text>
+                    <View style={customStyle.AddStockM_col} >
+                        <TextInput 
+                            style={[customStyle.AddStockM_InputStyle]}
+                            placeholder=""
+                            placeholderTextColor={PageTheme.$placeholder_color} 
+                            // keyboardType={'number-pad'}
+                            value={lotno}
+                            onChangeText={(val)=>{setCS_Stock('lotno',val,'')}}
+                            autoComplete='off'
+                        />
+                    </View>
+                </View>
+            </View>
+            <View style={[customStyle.storelVisitM_options,{justifyContent:'space-between'}]}>
+             <TouchableOpacity style={[customStyle.storelVisitM_op_btn,customStyle.AddStockM_cancelBtn]} onPress={()=>{setCurrentStock({});setShowStockModal(false);}}>
+                <Text style={[customStyle.storelVisitM_op_btnText,customStyle.AddStockM_cancelBtnText]}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={[customStyle.storelVisitM_op_btn,customStyle.AddStockM_Btn]} onPress={()=>{addMFDStock()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>{ST.Add}</Text>
+              </TouchableOpacity>
+            </View>
+            
+          </CustomModal2>
+        )
+     }
+
+    
+    function toggleCollapse(cat={},catIndex){
+        let allData=brandData;
+        let isCollapsed=cat.isCollapsed;
+        cat['isCollapsed']=!isCollapsed;
+        allData[catIndex]=cat;
+        setBrandData(allData);
+        setGlobalBrandData(allData);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    function toggleCollapse2(cat={},catIndex,brand={},brand_index){
+        let allData=brandData;
+        let isBrandCollapsed=brand.isBrandCollapsed;
+        let brandList=cat.brandList || [];
+        
+        brand['isBrandCollapsed']=!isBrandCollapsed;
+        brandList[brand_index]=brand;
+        cat['brandList']=brandList;
+        allData[catIndex]=cat;
+        setBrandData(allData);
+        setGlobalBrandData(allData);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onChoiceSelect(item,skuItem,val,key,animatedChoice){
+        console.log('onChoiceSelect',animatedChoice)
+       
+        var val1=0;
+        if(val==1){
+            val1=1;
+        }
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onStockValChange(item,skuItem,val,key,'');
+    }
+    
+    function _renderStocks(){
+
+        let isHdrImgIndex=KPIFields.findIndex(i=>i.KPIFieldName=='HeaderImageAllow')
+        let isHdrImgKPIObj=isHdrImgIndex>=0?KPIFields[isHdrImgIndex]:{};
+        let isHdrImgEnable=isHdrImgIndex>=0?isHdrImgKPIObj['KPIFieldEnable']:false;
+
+        
+
+        let isListedSKUIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ListedSKU')
+        let isListedSKUKPIObj=isListedSKUIndex>=0?KPIFields[isListedSKUIndex]:{};
+        let isListedSKUEnable=isListedSKUIndex>=0?isListedSKUKPIObj['KPIFieldEnable']:true;
+
+        let isStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Stock')
+        let isStockKPIObj=isStockIndex>=0?KPIFields[isStockIndex]:{};
+        let isStockEnable=isStockIndex>=0?isStockKPIObj['KPIFieldEnable']:true;
+        let isStockDis_Name=isStockIndex>=0?isStockKPIObj['KPIFieldDisplayName']:'';
+        
+        let isBRStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='BackRoomStock')
+        let isBRStockKPIObj=isBRStockIndex>=0?KPIFields[isBRStockIndex]:{};
+        let isBRStockEnable=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldEnable']:true;
+        let isBRStockDis_Name=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isDStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='DamageStock')
+        let isDStockKPIObj=isDStockIndex>=0?KPIFields[isDStockIndex]:{};
+        let isDStockEnable=isDStockIndex>=0?isDStockKPIObj['KPIFieldEnable']:false;
+        let isDStockDis_Name=isDStockIndex>=0?isDStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isLStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='LostStock')
+        let isLStockKPIObj=isLStockIndex>=0?KPIFields[isLStockIndex]:{};
+        let isLStockEnable=isLStockIndex>=0?isLStockKPIObj['KPIFieldEnable']:false;
+        let isLStockDis_Name=isLStockIndex>=0?isLStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isExStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExStockKPIObj=isExStockIndex>=0?KPIFields[isExStockIndex]:{};
+        let isExStockEnable=isExStockIndex>=0?isExStockKPIObj['KPIFieldEnable']:false;
+        let isExStockDis_Name=isExStockIndex>=0?isExStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isMFDIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MFD')
+        let isMFD_KPIObj=isMFDIndex>=0?KPIFields[isMFDIndex]:{};
+        let isMFDEnable=isMFDIndex>=0?isMFD_KPIObj['KPIFieldEnable']:false;
+        let isMFDDis_Name=isMFDIndex>=0?isMFD_KPIObj['KPIFieldDisplayName']:'';
+        
+        let NrExpiry1Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry1')
+        let NrExpiry1KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry1Index]:{};
+        let NrExpiry1Enable=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldEnable']:false;
+        let NrExpiry1_Dis_Name=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry2Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry2')
+        let NrExpiry2KPIObj=NrExpiry2Index>=0?KPIFields[NrExpiry2Index]:{};
+        let NrExpiry2Enable=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldEnable']:false;
+        let NrExpiry2_Dis_Name=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry3Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry3')
+        let NrExpiry3KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry3Index]:{};
+        let NrExpiry3Enable=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldEnable']:false;
+        let NrExpiry3_Dis_Name=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldDisplayName']:'';
+
+        let MSLIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MSL');
+        let MSLObj=MSLIndex>=0?KPIFields[MSLIndex]:{};
+        let isMSLAllow=MSLIndex>=0?MSLObj['KPIFieldEnable']:true;
+
+        let NONMSL_Index=KPIFields.findIndex(i=>i.KPIFieldName=='ChildImageAllow');
+        let NONMSL_Obj=NONMSL_Index>=0?KPIFields[NONMSL_Index]:{};
+        let isNONMSL_Allow=NONMSL_Index>=0?NONMSL_Obj['KPIFieldEnable']:true;
+        
+
+        // yes no fields 
+        let OutofStockI=KPIFields.findIndex(i=>i.KPIFieldName=='OutofStock')
+        let OutofStockObj=OutofStockI>=0?KPIFields[OutofStockI]:{};
+        let OutofStockEnable=OutofStockI>=0?OutofStockObj['KPIFieldEnable']:false;
+        let OutofStockDisName=OutofStockI>=0?OutofStockObj['KPIFieldDisplayName']:'';
+
+        let LessThanMBQI=KPIFields.findIndex(i=>i.KPIFieldName=='LessThanMBQ')
+        let LessThanMBQObj=LessThanMBQI>=0?KPIFields[LessThanMBQI]:{};
+        let LessThanMBQEnable=LessThanMBQI>=0?LessThanMBQObj['KPIFieldEnable']:false;
+        let LessThanMBQDisName=LessThanMBQI>=0?LessThanMBQObj['KPIFieldDisplayName']:'';
+
+        let ShowMBQLabelI=KPIFields.findIndex(i=>i.KPIFieldName=='ShowMBQ')
+        let ShowMBQLabelObj=ShowMBQLabelI>=0?KPIFields[ShowMBQLabelI]:{};
+        let ShowMBQLabel=ShowMBQLabelI>=0?ShowMBQLabelObj['KPIFieldEnable']:false;
+        let ShowMBQLabelDisName=ShowMBQLabelI>=0?ShowMBQLabelObj['KPIFieldDisplayName']:'';
+
+        
+
+
+        return (
+            <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={-100} >  
+            
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const cindex=catImages.findIndex(i=>i.SubCategoryId==item.SubCategoryId);
+                const cimgName=cindex>=0?(catImages[cindex]?catImages[cindex].ImageName:''):'';
+                const cimgPath=cindex>=0?(catImages[cindex]?catImages[cindex].ImagePath:''):'';
+                const showIMg=cimgPath!='' && cimgPath!=null;
+
+                
+                let isCollapsed=cat.isCollapsed!=null?item.isCollapsed:false;
+               
+                // let isHdrImgDis_Name=isHdrImgIndex>=0?isHdrImgKPIObj['KPIFieldDisplayName']:'';
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>   
+                            <TouchableOpacity activeOpacity={0.5} style={customStyle.opening_Stock_catHdr} onPress={()=>{toggleCollapse(cat,index)}}>                  
+                                <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                    <Text style={customStyle.opening_Stock_catText}>{item.SubCategoryName}</Text>
+                                </LinearGradient>
+                                {isCollapsed==true && <Entypo name={'chevron-down'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_catHdrIcon}/>}
+                                {isCollapsed==false && <Entypo name={'chevron-up'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_catHdrIcon}/>}
+                            </TouchableOpacity>       
+                            {( !isCollapsed && isHdrImgEnable==true) && 
+                            <View style={customStyle.osCat_actions}>
+                                
+                                { !showIMg && 
+                                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(item)}}>
+                                        <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                    </TouchableOpacity>
+                                }
+                                { showIMg && 
+                                    <View style={customStyle.osCatImageView}>
+                                        <Image style={customStyle.osCatImage} source={{uri:cimgPath}}/>
+                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(item)}}>
+                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                        </TouchableOpacity>
+                                    </View>                                    
+                                }                                
+                            </View>}
+                        </View>
+                        { !isCollapsed &&
+                            item.brandList!=null && item.brandList.length>0 && 
+                            item.brandList.map((brand,brand_index)=>{
+                                let isBrandCollapsed=brand.isBrandCollapsed!=null?brand.isBrandCollapsed:false;
+                                
+                                return (
+                                    <View key={brand_index+'_brands_'+'item_'+index}>
+                                        <TouchableOpacity activeOpacity={0.5} style={customStyle.opening_Stock_SubCatHdr} onPress={()=>{toggleCollapse2(cat,index,brand,brand_index)}}>                  
+                                            <LinearGradient colors={[PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_SubCatInner}>
+                                                <Text style={customStyle.opening_Stock_SubCatText}>{brand.BrandName}</Text>
+                                            </LinearGradient>
+                                            {isBrandCollapsed==true && <Entypo name={'chevron-down'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_SubCatIcon}/>}
+                                            {isBrandCollapsed==false && <Entypo name={'chevron-up'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_SubCatIcon}/>}
+                                        </TouchableOpacity>
+                                       
+                                        <View style={customStyle.opening_Stock_prds}>
+                                        { !isBrandCollapsed &&
+                                            
+                                            <FlatList 
+                                            data={brand.skulist}
+                                            extraData={rerenderdata2}
+                                            listKey={(i,skuIndex)=>{ return skuIndex;}}
+                                            renderItem={({item,index})=>{
+                                                
+                                            const skus=item;
+                                            const sku_index=index;
+                                            let thisCatSkuData_i=SKUStockData.findIndex(i=>i.SubCategoryId==cat.SubCategoryId && i.ProductId==skus.ProductId);
+                                            let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                            let stock=thisCatSkuData.Stock!=null?thisCatSkuData.Stock:'';
+                                            let br_stock=thisCatSkuData.BackRoomStock!=null?thisCatSkuData.BackRoomStock:'';
+                                            let Old_Stock=thisCatSkuData.Old_Stock!=null?thisCatSkuData.Old_Stock:'';
+                                            let OldDamagedStock=thisCatSkuData.OldDamagedStock!=null?thisCatSkuData.OldDamagedStock:'';
+                                            let OldLostStock=thisCatSkuData.OldLostStock!=null?thisCatSkuData.OldLostStock:'';
+                                            let OldExStock=thisCatSkuData.OldExStock!=null?thisCatSkuData.OldExStock:'';
+                                            let isSKUPresent=thisCatSkuData.isSKUPresent!=null?thisCatSkuData.isSKUPresent:0;
+                                            let showAllSKU_Fields=thisCatSkuData.showAllSKU_Fields!=null?thisCatSkuData.showAllSKU_Fields:false;
+                                            let OutOfStock=thisCatSkuData.OutOfStock!=null?thisCatSkuData.OutOfStock:'0';
+                                            let LessThanMBQ=thisCatSkuData.LessThanMBQ!=null?thisCatSkuData.LessThanMBQ:'0';
+
+                                            let ex_stock=thisCatSkuData.ExpiryStock!=null?thisCatSkuData.ExpiryStock:'';
+                                            let damage_stock=thisCatSkuData.DamagedStock!=null?thisCatSkuData.DamagedStock:'';
+                                            let lost_stock=thisCatSkuData.LostStock!=null?thisCatSkuData.LostStock:'';
+                                            let mfdStocks=thisCatSkuData.mfdStocks || [];
+
+                                            let NearExpiry_stock1=thisCatSkuData.NearExpiry1!=null?thisCatSkuData.NearExpiry1:'';
+                                            let NearExpiry_stock2=thisCatSkuData.NearExpiry2!=null?thisCatSkuData.NearExpiry2:'';
+                                            let NearExpiry_stock3=thisCatSkuData.NearExpiry3!=null?thisCatSkuData.NearExpiry3:'';
+
+                                            let isMandatory=((isMSLAllow==1 || isMSLAllow=='true') && (skus.MSL==1 || skus.MSL=='true') ) || ((isNONMSL_Allow==1 || isNONMSL_Allow=='true') && (skus.MSL!=1 && skus.MSL!='true') ) 
+
+                                            // console.log('skus.MSL:',skus.MSL);
+
+                                            let xpos=OutOfStock==1?-75:0;
+                                            if(skus.animatedChoice!=null ){
+                                                xpos=skus.animatedChoice.interpolate({
+                                                    inputRange:[0,1],
+                                                    outputRange:[0,-75],
+                                                });
+                                            }
+
+                                            let xpos1=LessThanMBQ==1?-75:0;
+                                            if(skus.animatedChoice2!=null ){
+                                                xpos1=skus.animatedChoice2.interpolate({
+                                                    inputRange:[0,1],
+                                                    outputRange:[0,-75],
+                                                });
+                                            }
+
+                                            return(
+                                                <View style={[customStyle.openStk_prd_Con,(isMandatory?{backgroundColor:PageTheme.$fifth_color}:{})]} key={sku_index}>
+                                                    {isListedSKUEnable==true && 
+                                                    <View style={customStyle.openStkP_checkboxWrap}>
+                                                        <View style={customStyle.openStkP_checkboxCon}>
+                                                        <CheckBox
+                                                        boxType='square'
+                                                        value={(isSKUPresent==1)}
+                                                        onValueChange={(val)=>{console.log('valchange:',val); let val1=(val==true)?1:0; onStockValChange(cat,skus,val1,'isSKUPresent','') }}
+                                                        style={[customStyle.openStkP_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginTop:8,marginLeft:8,}:{})]}
+                                                        
+                                                        tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                                        />
+                                                        </View>
+                                                        <Text style={[customStyle.openStk_prd_name,customStyle.openStkP_checkbox_pName]}>{skus.ProductName}</Text>
+                                                    </View>
+                                                    }
+
+                                                    {isListedSKUEnable!=true && <Text style={customStyle.openStk_prd_name}>{skus.ProductName}</Text>}
+                                                    {((isListedSKUEnable==true && showAllSKU_Fields==true) || isListedSKUEnable==false) && 
+                                                    <View style={customStyle.openStk_prd_form}>
+                                                        {ShowMBQLabel==true &&
+                                                        <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                                            <View style={[customStyle.stockPrdInfo]}>
+                                                                <Text style={[customStyle.stockPrdInfoLabelHd]}>{'MBQ :'}</Text>
+                                                                <Text style={[customStyle.stockPrdInfoLabel]}>{skus.MBQ}</Text>
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {OutofStockEnable==true && <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                                            <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{OutofStockDisName}</Text>
+                                                            <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                                                <View style={customStyle.openStk_prd_choiceBox}>
+                                                                    <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(OutOfStock=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                                                    {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                                                    <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(cat,skus,1,'OutOfStock',skus.animatedChoice)}}>
+                                                                        <Text style={[customStyle.openStkCh_text,(OutOfStock=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                                                    </TouchableOpacity>
+                                                                    <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(cat,skus,0,'OutOfStock',skus.animatedChoice)}}>
+                                                                        <Text style={[customStyle.openStkCh_text,(OutOfStock=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                                                    </TouchableOpacity>
+                                                                </View>
+                                                            </View>
+                                                        </View>}
+
+                                                        {LessThanMBQEnable==true && <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                                            <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{LessThanMBQDisName}</Text>
+                                                            <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                                                <View style={customStyle.openStk_prd_choiceBox}>
+                                                                    <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(LessThanMBQ=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                                                    {   transform: [{   translateX:xpos1 }],  }]}></Animated.View>
+                                                                    <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(cat,skus,1,'LessThanMBQ',skus.animatedChoice2)}}>
+                                                                        <Text style={[customStyle.openStkCh_text,(LessThanMBQ=='1'?customStyle.openStkCh_textactive:{})]}>{ST.Yes}</Text>
+                                                                    </TouchableOpacity>
+                                                                    <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(cat,skus,0,'LessThanMBQ',skus.animatedChoice2)}}>
+                                                                        <Text style={[customStyle.openStkCh_text,(LessThanMBQ=='0'?customStyle.openStkCh_textactive:{})]}>{ST.No}</Text>
+                                                                    </TouchableOpacity>
+                                                                </View>
+                                                            </View>
+                                                        </View>}
+
+                                                        {(isStockEnable==true) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(stock+'' || '')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'Stock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'Stock','Old_Stock',Old_Stock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isBRStockEnable==true) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isBRStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(br_stock+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'BackRoomStock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'Stock','Old_Stock',Old_Stock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isDStockEnable==true) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isDStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(damage_stock+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'DamagedStock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'DamagedStock','OldDamagedStock',OldDamagedStock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isLStockEnable==true) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isLStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(lost_stock+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'LostStock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'LostStock','OldLostStock',OldLostStock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isExStockEnable==true ) &&
+                                                        // && !isMFDEnable
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isExStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(ex_stock+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'ExpiryStock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'ExpiryStock','OldExStock',OldExStock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        
+                                                        {(NrExpiry1Enable==true ) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry1_Dis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(NearExpiry_stock1+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'NearExpiry1','numeric')}}
+                                                                    autoComplete='off'
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(NrExpiry2Enable==true ) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry2_Dis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(NearExpiry_stock2+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'NearExpiry2','numeric')}}
+                                                                    autoComplete='off'
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(NrExpiry3Enable==true ) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry3_Dis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(NearExpiry_stock3+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'NearExpiry3','numeric')}}
+                                                                    autoComplete='off'
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isMFDEnable==true) &&
+                                                        <View style={[customStyle.stk_mfdView,customStyle.mb10]}>
+                                                            <Text style={customStyle.stk_mfdTbl_hd}>{isMFDDis_Name}</Text>
+                                                            <TouchableOpacity style={customStyle.stk_addStockBtn} onPress={()=>{openAddStkModal(cat,skus)}}>
+                                                                <Text style={customStyle.stk_addStockBtnText}>{ST.Add}</Text>
+                                                            </TouchableOpacity>
+                                                            <View style={customStyle.stk_mfdTblHeader}>
+                                                                <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox1]}>
+                                                                <Text style={customStyle.stk_mfdTblHeaderTxt}>{ST.Date}</Text>
+                                                                </View>
+                                                                <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox2]}>
+                                                                <Text style={customStyle.stk_mfdTblHeaderTxt}>{ST.Stock}</Text>
+                                                                </View>
+                                                                <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox3]}>
+                                                                <Text style={customStyle.stk_mfdTblHeaderTxt}>{ST.LotNo}</Text>
+                                                                </View>
+                                                                <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox4]}>
+                                                                <Text style={customStyle.stk_mfdTblHeaderTxt}>{ST.Actions}</Text>
+                                                                </View>
+                                                            </View>
+                                                            
+                                                            <View style={customStyle.stk_mfdTblBody}>
+                                                                {
+                                                                    mfdStocks.map((mfd_Item,mfd_index)=>{
+                                                                        let mfd=mfd_Item.mfd || '';
+                                                                        let stock=mfd_Item.stock || '';
+                                                                        let lotno=mfd_Item.lotno || '';
+                                                                        
+                                                                        return(
+                                                                        <View key={'mfd'+mfd_index} style={[customStyle.stk_mfdTblrow,((index==mfdStocks.length-1)?customStyle.stk_mfdTblrow_last:{})]}>
+                                                                            <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol1]}>
+                                                                                <Text style={customStyle.stk_mfdTblColText}>{mfd}</Text>
+                                                                            </View>
+                                                                            <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol2]}>
+                                                                                <Text style={customStyle.stk_mfdTblColText}>{stock}</Text>
+                                                                            </View>
+                                                                            <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol3]}>
+                                                                                <Text style={customStyle.stk_mfdTblColText}>{lotno}</Text>
+                                                                            </View>
+                                                                            <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol4]}>
+                                                                                <TouchableOpacity style={customStyle.stk_mfdTbl_DeleteBtn} onPress={()=>{showRemoveConfirm(cat,skus,mfd_Item,mfd_index)}}>
+                                                                                    <Ionicons name='trash' color={PageTheme.$red} size={18} />
+                                                                                </TouchableOpacity>
+                                                                            </View>
+                                                                        </View>
+                                                                        )
+                                                                    })
+                                                                }
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                    </View>
+                                                    }
+                                                </View>
+                                            )
+                                            }}/>
+                                        }
+                                    </View>
+                                    </View>
+                                )
+                            })
+                        }
+                        
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>   
+        )
+    }
+    
+    
+   
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showRemoveConfirm_M,()=>{setShowRemoveConfirm_M(false)},removeMFDStock,ST.Doyoureallywanttoremovethisstock)}
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {rerendermodal==rerendermodal && _render_StockModal()}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={ST.SearchByProductName}
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+          { Object.keys(storeData).length>0 &&     
+              _renderStocks()
+          }
+        
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(Stock);
\ No newline at end of file
diff --git a/src/screens/StockCat.js b/src/screens/StockCat.js
new file mode 100644
index 0000000..aabc398
--- /dev/null
+++ b/src/screens/StockCat.js
@@ -0,0 +1,249 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView, BackHandler, Keyboard} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import CheckBox from '@react-native-community/checkbox';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { ConfirmSaveAlert, ExitScreenAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+import Accordion from 'react-native-collapsible/Accordion';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import { createFalse } from 'typescript';
+import CustomModal2 from '../components/CustomModal2';
+
+function StockCat(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [productCats, setProductCats] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+
+    const [showAlert, setShowAlert] = useState(false);
+    const [rerendermodal, setrerendermodal] = useState(0);
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+        const willFocusSubscription = props.navigation.addListener('focus', () => {
+            console.log('onfocus');
+            getData(storeData1);
+        });
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+            return willFocusSubscription
+        };
+       
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    
+
+    async function getData(storeData1,menu1){   
+          
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+         
+          await db.transaction(async function (txn) {  
+            
+            let join=' INNER join Product_Master p on c.CategoryId=p.CategoryId ';
+            let join2=' INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+            let q=`SELECT DISTINCT c.CategoryId,c.CategoryName from Master_Category c ${join} ${join2}  where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreTypeId='${StoreTypeId}' order by p.CategorySequence`;
+            
+            // let q2=` SELECT CATEGORY_ID as CategoryId,CATEGORY as CategoryName FROM ${AppTables.STOCKWITHCAT_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                console.log('cats len:',txnres2.rows.length)
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        let isDone=await isCatDone(storeData1,data);
+                        data['isDone']=isDone;
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setProductCats(arr);
+                            setProcessing(false);
+                        }                                
+                    }
+                    
+                }else{
+                    setProcessing(false);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+            
+            
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function isCatDone(storeData1,cat){
+        let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+        return await new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {  
+                let seletlist=`STOCK_UID,PRODUCT as ProductName,PRODUCT_ID as ProductId,BRAND as BrandName,BRAND_ID as BrandId,SUB_CATEGORY as SubCategoryName,SUB_CATEGORY_ID as SubCategoryId,MSL,STOCK,BACKROOM_STOCK,DAMAGED_STOCK,LOST_STOCK,EXPIRY_STOCK,IS_SKU_STOCK_PRESENT,NREXPIRY1_STOCK,NREXPIRY2_STOCK,NREXPIRY3_STOCK`;
+                let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCKWITHCAT_DATA} WHERE STORE_ID='${StoreId}' and CATEGORY_ID='${cat.CategoryId}'    `;
+                await txn.executeSql(sku_q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        resolve(true);
+                    }else{
+                        resolve(false);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve(false); },);
+                
+              });   
+        }).catch((err)=>{
+            console.log(err);
+            return false;
+        })
+    }
+
+    function gotoCatProducts(cat={}){
+        props.navigation.navigate('StockWithCat',{'storeData':storeData,'menu':currentMenu,'isAdhoc':isAdhocScreen,'category':cat});
+    }
+
+
+    function _renderStocks(){
+        return (
+            <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={-100} >  
+            <FlatList 
+            data={productCats}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.prodCatsScroll} 
+            style={customStyle.prodCatsScroll_Outer}
+            renderItem={({item,index})=>{
+                const cat=item;
+                let isDone=item.isDone;
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>   
+                            <TouchableOpacity activeOpacity={0.5} style={customStyle.opening_Stock_catHdr} onPress={()=>{gotoCatProducts(cat)}}>                  
+                                <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                    <Text style={customStyle.opening_Stock_catText}>{item.CategoryName}</Text>
+                                </LinearGradient>
+                                {(item.isDone!=null && item.isDone==true) && <View style={[customStyle.stockCatDone_check]}><AntDesign color={'green'} size={23} name='checkcircle'/></View>}
+                            </TouchableOpacity>  
+                        </View>
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>   
+        )
+    }
+    
+    
+   
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+       
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper,customStyle.prodCatPageWrap]}>
+          <View style={customStyle.prodCatsHdr}>
+            <Text style={customStyle.prodCatsHdrText}>Product Categories</Text>
+          </View>
+          {Object.keys(storeData).length>0 &&     
+            _renderStocks()
+          }
+           
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(StockCat);
\ No newline at end of file
diff --git a/src/screens/StockWithCat.js b/src/screens/StockWithCat.js
new file mode 100644
index 0000000..07c9994
--- /dev/null
+++ b/src/screens/StockWithCat.js
@@ -0,0 +1,1500 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView, BackHandler, Keyboard} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,getKPIFields,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import CheckBox from '@react-native-community/checkbox';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { ConfirmSaveAlert, ExitScreenAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+import Accordion from 'react-native-collapsible/Accordion';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import { createFalse } from 'typescript';
+import CustomModal2 from '../components/CustomModal2';
+
+function StockWithCat(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [Category, setCategory] = useState({});
+    const [subCatData, setSubCatData] = useState([]);
+    const [globalSubCatData, setGlobalSubCatData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [catData, setCatData] = useState({});
+    const [SKUStockData, setSKUStockData] = useState([]);
+
+    const [currentStock, setCurrentStock] = useState({});
+    const [currentProduct, setCurrentProduct] = useState({});
+
+    const [KPIFields, setKPIFields] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [showStockModal, setShowStockModal] = useState(false);
+    const [showDatePicker, setShowDatePicker] = useState(false);
+    const [rerendermodal, setrerendermodal] = useState(0);
+    const [toRemoveId, setToRemoveId] = useState('');
+    const [toRemoveSKU, setToRemoveSKU] = useState({});
+    const [showRemoveConfirm_M, setShowRemoveConfirm_M] = useState(false);
+    const [searchedItem, setSearchedItem]= useState('');
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [activeSections,setActiveSections]= useState([]);
+    
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let cat=params.category || {};
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCategory(cat);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,cat,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+       
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+  
+
+    async function getData(storeData1,cat,menu1){   
+          
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          let AllKPIFields=await getKPIFields(menu1);
+          setKPIFields(AllKPIFields);
+
+          await db.transaction(async function (txn) {  
+
+            // let dq=`Select * FROM ${AppTables.STOCKWITHCAT_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            // let dq2=`select * FROM ${AppTables.STOCKWITHCAT_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            // let dq3=`select * FROM ${AppTables.STOCKWITHCAT_MFD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            
+            // //  remove old data
+            // await txn.executeSql(dq,[],async function (txn2, txnres) { 
+            //     console.log('stock data deleted',txnres.rows.length);
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // await txn.executeSql(dq2,[],async function (txn2, txnres) { 
+            //   console.log('stock header data deleted',txnres.rows.length);
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // await txn.executeSql(dq3,[],async function (txn2, txnres) { 
+            //   console.log('stock mfd data deleted',txnres.rows.length);
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+            let q2=` SELECT CATEGORY_ID as CategoryId,CATEGORY as CategoryName,MSL,IMAGE,IMAGEPATH FROM ${AppTables.STOCKWITHCAT_HDR_DATA} WHERE STORE_ID='${StoreId}' and CATEGORY_ID='${cat.CategoryId}' and VISIT_DATE='${d2}' `;
+            
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('added products cats:',txnres.rows.length)
+                if(txnres.rows.length>0){
+                    let data =txnres.rows.item(0);
+                    let defData={'CategoryId':data.CategoryId,'ImageName':data.IMAGE,'ImagePath':data.IMAGEPATH};
+                   
+                    let subcats=await getSubCats(storeData1,menu1,data,true);
+                    setCatData(defData);
+                    setSubCatData(subcats);
+                    setGlobalSubCatData(subcats);
+                    setProcessing(false);
+                }
+                else{
+                    let subcats=await getSubCats(storeData1,menu1,cat,false);
+                    setSubCatData(subcats);
+                    setGlobalSubCatData(subcats);
+                    setProcessing(false);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+            // setProcessing(false);
+
+            
+            
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getSubCats(storeData1,menu1,item,isInserted=false){
+        let allSKUData=[];
+        
+        let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+        return await new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {  
+            
+                let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                let join2=` inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                let s_q=`select distinct p.SubCategoryId,p.SubCategoryName from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${item.CategoryId}' and CompanyId='1' order by p.SubCategoryName,p.BrandName`;
+                await txn.executeSql(s_q,[],async function (txn2, txnres) { 
+                    console.log('SubCats len:',txnres.rows.length)
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            data['isSubCatCollapsed']=false;
+                            let pr_d=await getSKU(storeData1,item,data,allSKUData);
+                            let products=pr_d['products'];
+                            let products_data=pr_d['products_data'];
+                            data['skulist']=products
+
+                            allSKUData.concat(products_data);
+                            arr.push(data);
+
+                            if(i==txnres.rows.length-1){
+                                setSKUStockData(allSKUData);
+                                resolve(arr);
+                            }
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+                // setProcessing(false);
+                
+              });  
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        })
+    }
+
+    async function getSKU(storeData1,cat,subcat,allSKUData=[]){
+        let sku_ret={'products':[],'products_data':allSKUData};
+        let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData1;     
+        return await new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) { 
+               
+                // get from stored data if exists
+                let seletlist=`STOCK_UID,PRODUCT as ProductName,PRODUCT_ID as ProductId,BRAND as BrandName,BRAND_ID as BrandId,SUB_CATEGORY as SubCategoryName,SUB_CATEGORY_ID as SubCategoryId,MSL,STOCK,BACKROOM_STOCK,DAMAGED_STOCK,LOST_STOCK,EXPIRY_STOCK,IS_SKU_STOCK_PRESENT,NREXPIRY1_STOCK,NREXPIRY2_STOCK,NREXPIRY3_STOCK`;
+                let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCKWITHCAT_DATA} WHERE STORE_ID='${StoreId}' and CATEGORY_ID='${cat.CategoryId}'   and SUB_CATEGORY_ID='${subcat.SubCategoryId}'  `;
+         
+                // else get products from masters
+                let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                let join2=`  inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                let sku_q2=`select distinct p.ProductName,p.ProductId,p.BrandName,p.BrandId,p.SubCategoryName,p.SubCategoryId,m.MSL from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${cat.CategoryId}' and p.SubCategoryId='${subcat.SubCategoryId}' and CompanyId='1' order by p.ProductSequence`;
+                await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                    console.log('txnres.rows.length:',txnres.rows.length);
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            console.log('data',data);
+                            data['Old_Stock']=data.STOCK;
+                            data['OldDamagedStock']=data.DAMAGED_STOCK;
+                            data['OldLostStock']=data.LOST_STOCK;
+                            data['OldExStock']=data.EXPIRY_STOCK;
+                            
+                            let mfdStocks=await getMFDStockData(data);
+                            let defData={'ProductId':data.ProductId,'Stock':data.STOCK,'BackRoomStock':data.BACKROOM_STOCK,'ExpiryStock':data.EXPIRY_STOCK,'DamagedStock':data.DAMAGED_STOCK,'LostStock':data.LOST_STOCK,'mfdStocks':(mfdStocks || []),'isSKUPresent':data.IS_SKU_STOCK_PRESENT,'showAllSKU_Fields':(data.IS_SKU_STOCK_PRESENT==1),'NearExpiry1':data.NREXPIRY1_STOCK,'NearExpiry2':data.NREXPIRY2_STOCK,'NearExpiry3':data.NREXPIRY3_STOCK};
+                            
+                            allSKUData.push(defData);
+                            arr.push(data);
+
+                            if(i==txnres.rows.length-1){
+                                sku_ret['products']=arr;
+                                sku_ret['products_data']=allSKUData;
+                                resolve(sku_ret);
+                            }
+                        }
+                    }
+                    else{
+                       
+                        return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                            
+                            if(txnres2.rows.length>0){
+                                let arr=[];
+                                for(var i=0;i<txnres2.rows.length;i++){
+                                    let data =txnres2.rows.item(i);
+                                    let defData={'ProductId':data.ProductId,'Stock':'','BackRoomStock':'','ExpiryStock':'','DamagedStock':'','LostStock':'','mfdStocks':[],'isSKUPresent':'','showAllSKU_Fields':false};
+                                    allSKUData.push(defData);
+                                    arr.push(data);
+                                    if(i==(txnres2.rows.length-1)){   
+                                        sku_ret['products']=arr;
+                                        sku_ret['products_data']=allSKUData;                                     
+                                        resolve(sku_ret);
+                                    }               
+                                }
+                            }
+                            else{
+                                resolve(sku_ret);
+                            }
+                            
+                        },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); resolve(sku_ret); },);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); resolve(sku_ret); },);      
+    
+                        
+            });  
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log('getSKU err:',err);
+            return sku_ret;
+        })
+                   
+              
+    }
+
+    async function getMFDStockData(skud){
+        
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                let q=`select * from ${AppTables.STOCK2_MFD_DATA} where STOCK_UID='${skud.STOCK_UID}'`;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let obj={'date':new Date(data.DATE),'mfd':data.MFD,'stock':data.STOCK,'lotno':data.LOT_NO}
+                            
+                            arr.push(obj);
+                            if(i==txnres.rows.length-1){
+                                console.log('mfdStocks',arr);
+                                resolve(arr)
+                            }
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve([]) },);
+            });
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        })
+    }
+
+    async function getImage(imgdata){
+        let cat=getImageProps.option || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl='file://'+img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Stock'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_Stock-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allIMgData=catData;
+                            allIMgData.ImageName=filename;
+                            
+                            // renamefile
+                            let imagePath='file://'+`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri=imagePath;
+                                console.log('image marker',uri);
+                                allIMgData.ImagePath=uri; 
+                               
+                                setCatData(allIMgData);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(option){ 
+        setGetImageProps({'option':option}); 
+        console.log('openCamera');
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.STOCKWITHCAT_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and CATEGORY_ID='${Category.CategoryId}' `;
+              let q2=`DELETE FROM ${AppTables.STOCKWITHCAT_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}'  and CATEGORY_ID='${Category.CategoryId}'`;
+              let q3=`DELETE FROM ${AppTables.STOCKWITHCAT_MFD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and CATEGORY_ID='${Category.CategoryId}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('stock header data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q3,[],async function (txn2, txnres) { 
+                console.log('stock mfd data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.STOCKWITHCAT_HDR_DATA}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData;
+            console.log('insertData');
+            await db.transaction(async function (txn) {
+              var values='',stock_values='',mfdStockV='';
+            //   values+=values!=''?' , ':'';
+              values+=` ('${StoreId}','${d2}','${Category.CategoryName}','${Category.CategoryId}','','${(catData.ImageName || '')}','${(catData.ImagePath || '')}','${d2}') `;
+              
+              
+              for(var i=0;i<globalSubCatData.length;i++){
+                seq++;
+                let subcatIndex=i;
+                let item=globalSubCatData[subcatIndex];
+                let skulist=item['skulist'] || [];
+                for(var k=0;k<skulist.length;k++){
+                    let skuItem=skulist[k];
+                    let SKU_UID='SKU'+seq+k+(Math.floor(Math.random()*1000)+1);
+                    let {BrandId,BrandName,SubCategoryId,SubCategoryName,MSL,ProductId,ProductName}=skuItem;
+                    stock_values+=stock_values!=''?' , ':'';
+                    let allSKUData=SKUStockData;
+                    const skud_index=allSKUData.findIndex(ci=>ci.ProductId==skuItem.ProductId);
+                    const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                    let mfdStocks=skud['mfdStocks'] || [];
+
+                    let stock=skud.Stock!=null?skud.Stock:'';
+                    let br_stock=skud.BackRoomStock!=null?skud.BackRoomStock:'';
+                    let ex_stock=skud.ExpiryStock!=null?skud.ExpiryStock:'';
+                    let damage_stock=skud.DamagedStock!=null?skud.DamagedStock:'';
+                    let lost_stock=skud.LostStock!=null?skud.LostStock:'';
+                    let isSKUPresent=skud.isSKUPresent!=null?skud.isSKUPresent:0;
+                    let NearExpiry_stock1=skud.NearExpiry1!=null?skud.NearExpiry1:'';
+                    let NearExpiry_stock2=skud.NearExpiry2!=null?skud.NearExpiry2:'';
+                    let NearExpiry_stock3=skud.NearExpiry3!=null?skud.NearExpiry3:'';
+                    
+                    stock_values+=` ('${seq}','${SKU_UID}','${StoreId}','${d2}','${Category.CategoryId}','${Category.CategoryName}','${SubCategoryId}','${SubCategoryName}','${BrandId}','${BrandName}','${ProductId}','${ProductName}','${MSL}','${stock}','${br_stock}','${damage_stock}','${lost_stock}','${ex_stock}','${isSKUPresent}','${NearExpiry_stock1}','${NearExpiry_stock2}','${NearExpiry_stock3}','${d2}') `;
+                    
+                    for(let m=0;m<mfdStocks.length;m++){
+                        let cstock=mfdStocks[m];
+                        let mfd_stock=cstock['stock'];
+                        let mfd_mfd=cstock['mfd'];
+                        let mfd_lotno=cstock['lotno'];
+                        let mfd_date=cstock['date']!=null?moment(cstock['date']).format('MM-DD-YYYY'):'';
+                        
+                        mfdStockV+=mfdStockV!=''?' , ':'';
+                        mfdStockV+=` ('${seq}','${SKU_UID}','${StoreId}','${d2}','${item.CategoryId}','${BrandId}','${ProductId}','${mfd_stock}','${mfd_mfd}','${mfd_lotno}','${mfd_date}','${d2}') `;
+                    
+                    }
+                    
+                }
+                
+              }
+
+              
+              let add_StockHdr=`INSERT INTO ${AppTables.STOCKWITHCAT_HDR_DATA} (STORE_ID,VISIT_DATE,CATEGORY,CATEGORY_ID,MSL,IMAGE,IMAGEPATH,ADDED_DATE) VALUES ${values} `;
+              let add_Stock=`INSERT INTO ${AppTables.STOCKWITHCAT_DATA} (COMMON_ID,STOCK_UID,STORE_ID,VISIT_DATE,CATEGORY_ID,CATEGORY,SUB_CATEGORY_ID,SUB_CATEGORY,BRAND_ID,BRAND,PRODUCT_ID,PRODUCT,MSL,STOCK,BACKROOM_STOCK,DAMAGED_STOCK,LOST_STOCK,EXPIRY_STOCK,IS_SKU_STOCK_PRESENT,NREXPIRY1_STOCK,NREXPIRY2_STOCK,NREXPIRY3_STOCK,ADDED_DATE) VALUES ${stock_values} `;
+              let add_mfd_Stock=`INSERT INTO ${AppTables.STOCKWITHCAT_MFD_DATA} (COMMON_ID,STOCK_UID,STORE_ID,VISIT_DATE,CATEGORY_ID,BRAND_ID,PRODUCT_ID,STOCK,MFD,LOT_NO,DATE,ADDED_DATE) VALUES ${mfdStockV} `;
+                
+              await txn.executeSql(add_StockHdr,[],async function (txn2, txnres) { 
+                console.log('stock header added');
+                await txn.executeSql(add_Stock,[],async function (txn2, txnres) { 
+                    console.log('stock added');
+                    if(mfdStockV!=null && mfdStockV!=''){
+                        await txn.executeSql(add_mfd_Stock,[],async function (txn2, txnres) { 
+                            console.log('stock mfd added');
+                            notify('Stock updated successfully');
+                            setProcessing(false);
+                            props.navigation.goBack();
+                        },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock') },);
+                    }
+                    else{
+                        notify('Stock updated successfully');
+                        setProcessing(false);
+                        props.navigation.goBack();
+                    }
+                    
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock') },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add stock') },);
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        var i=0,j=0;
+
+        let isHdrImgIndex=KPIFields.findIndex(i=>i.KPIFieldName=='HeaderImageAllow')
+        let isHdrImgKPIObj=isHdrImgIndex>=0?KPIFields[isHdrImgIndex]:{};
+        let isHdrImgEnable=isHdrImgIndex>=0?isHdrImgKPIObj['KPIFieldEnable']:false;
+
+        let isListedSKUIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ListedSKU');
+        let isListedSKUKPIObj=isListedSKUIndex>=0?KPIFields[isListedSKUIndex]:{};
+        let isListedSKUEnable=isListedSKUIndex>=0?isListedSKUKPIObj['KPIFieldEnable']:true;
+
+        let isStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Stock')
+        let isStockKPIObj=isStockIndex>=0?KPIFields[isStockIndex]:{};
+        let isStockEnable=isStockIndex>=0?isStockKPIObj['KPIFieldEnable']:true;
+        let isStockDis_Name=isStockIndex>=0?isStockKPIObj['KPIFieldDisplayName']:'Stock';
+
+        let isBRStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='BackRoomStock')
+        let isBRStockKPIObj=isBRStockIndex>=0?KPIFields[isBRStockIndex]:{};
+        let isBRStockEnable=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldEnable']:true;
+        let isBRStockDis_Name=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldDisplayName']:'Stock';
+
+        let isDStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='DamageStock')
+        let isDStockKPIObj=isDStockIndex>=0?KPIFields[isDStockIndex]:{};
+        let isDStockEnable=isDStockIndex>=0?isDStockKPIObj['KPIFieldEnable']:false;
+        let isDStockDis_Name=isDStockIndex>=0?isDStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isLStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='LostStock')
+        let isLStockKPIObj=isLStockIndex>=0?KPIFields[isLStockIndex]:{};
+        let isLStockEnable=isLStockIndex>=0?isLStockKPIObj['KPIFieldEnable']:false;
+        let isLStockDis_Name=isLStockIndex>=0?isLStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isExStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExStockKPIObj=isExStockIndex>=0?KPIFields[isExStockIndex]:{};
+        let isExStockEnable=isExStockIndex>=0?isExStockKPIObj['KPIFieldEnable']:false;
+        let isExStockDis_Name=isExStockIndex>=0?isExStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isMFDIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MFD')
+        let isMFD_KPIObj=isMFDIndex>=0?KPIFields[isMFDIndex]:{};
+        let isMFDEnable=isMFDIndex>=0?isMFD_KPIObj['KPIFieldEnable']:false;
+        let isMFDDis_Name=isMFDIndex>=0?isMFD_KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry1Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry1')
+        let NrExpiry1KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry1Index]:{};
+        let NrExpiry1Enable=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldEnable']:false;
+        let NrExpiry1_Dis_Name=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry2Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry2')
+        let NrExpiry2KPIObj=NrExpiry2Index>=0?KPIFields[NrExpiry2Index]:{};
+        let NrExpiry2Enable=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldEnable']:false;
+        let NrExpiry2_Dis_Name=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry3Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry3')
+        let NrExpiry3KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry3Index]:{};
+        let NrExpiry3Enable=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldEnable']:false;
+        let NrExpiry3_Dis_Name=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldDisplayName']:'';
+
+        let MSLIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MSL');
+        let MSLObj=MSLIndex>=0?KPIFields[MSLIndex]:{};
+        let isMSLAllow=MSLIndex>=0?MSLObj['KPIFieldEnable']:true;
+
+        let NONMSL_Index=KPIFields.findIndex(i=>i.KPIFieldName=='ChildImageAllow');
+        let NONMSL_Obj=NONMSL_Index>=0?KPIFields[NONMSL_Index]:{};
+        let isNONMSL_Allow=NONMSL_Index>=0?NONMSL_Obj['KPIFieldEnable']:false;
+
+        let catId=Category.CategoryId;
+        if(isHdrImgEnable==true && (catData.ImagePath== null || catData.ImagePath=='')){
+            notify('Please click image for '+Category.CategoryName,'SHORT');
+            isValid=false;
+        }
+        else{
+        await Promise.all(
+            globalSubCatData.map(async (item,index) => {
+                let skulist=item.skulist || [];
+                if(isValid==true){
+                    if(skulist.length>0){
+                        await Promise.all(
+                            skulist.map(async (skuItem,skuIndex) => {
+                                if(isValid==true){
+                                let skuData=SKUStockData.find(ci=>ci.ProductId==skuItem.ProductId ) || {};
+                                let stock=skuData.Stock!=null?skuData.Stock:'';
+                                let ex_stock=skuData.ExpiryStock!=null?skuData.ExpiryStock:'';
+                                let damage_stock=skuData.DamagedStock!=null?skuData.DamagedStock:'';
+                                let lost_stock=skuData.LostStock!=null?skuData.LostStock:'';
+                                let isSKUPresent=skuData.isSKUPresent!=null?skuData.isSKUPresent:0;
+                                let br_stock=skuData.BackRoomStock!=null?skuData.BackRoomStock:'';
+                                let NearExpiry_stock1=skuData.NearExpiry1!=null?skuData.NearExpiry1:'';
+                                let NearExpiry_stock2=skuData.NearExpiry2!=null?skuData.NearExpiry2:'';
+                                let NearExpiry_stock3=skuData.NearExpiry3!=null?skuData.NearExpiry3:'';
+                                    
+                                let isMandatory=((isMSLAllow==1 || isMSLAllow=='true') && (skuItem.MSL==1 || skuItem.MSL=='true') ) || ((isNONMSL_Allow==1 || isNONMSL_Allow=='true') && (skuItem.MSL!=1 && skuItem.MSL!='true') ) 
+                                
+                                if((isListedSKUEnable==true && isSKUPresent==1) || (!isListedSKUEnable  && (isMandatory)) ){
+                                    // let sumOfDamagedStocks=parseInt(ex_stock)+parseInt(damage_stock)+parseInt(lost_stock);
+                                    if(isStockEnable==true && stock!==0 && ( stock==null || stock=='')){
+                                        notify('Please enter '+isStockDis_Name+' for '+skuItem.ProductName,'LONG');
+                                        isValid=false;
+                                    }
+                                    else if(isBRStockEnable==true && br_stock!==0 && ( br_stock==null || br_stock=='')){
+                                        notify('Please enter '+isBRStockDis_Name+' for '+skuItem.ProductName,'LONG');
+                                        isValid=false;
+                                    }
+                                    else if(isDStockEnable==true && damage_stock!==0 && ( damage_stock==null || damage_stock=='')){
+                                        notify('Please enter '+isDStockDis_Name+' for '+skuItem.ProductName,'LONG');
+                                        isValid=false;
+                                    }
+                                    else if(isLStockEnable==true && lost_stock!==0 && ( lost_stock==null || lost_stock=='')){
+                                        notify('Please enter '+isDStockDis_Name+' for '+skuItem.ProductName,'LONG');
+                                        isValid=false;
+                                    }
+                                    else if(isExStockEnable==true && ex_stock!==0 && ( ex_stock==null || ex_stock=='')){
+                                        notify('Please enter '+isExStockDis_Name+' for '+skuItem.ProductName,'LONG');
+                                        isValid=false;
+                                    }
+                                    else if(NrExpiry1Enable==true && NearExpiry_stock1!==0 && ( NearExpiry_stock1==null || NearExpiry_stock1=='')){
+                                        notify('Please enter '+NrExpiry1_Dis_Name+' for '+skuItem.ProductName,'LONG');
+                                        isValid=false;
+                                    }
+                                    else if(NrExpiry2Enable==true && NearExpiry_stock2!==0 && ( NearExpiry_stock2==null || NearExpiry_stock2=='')){
+                                        notify('Please enter '+NrExpiry2_Dis_Name+' for '+skuItem.ProductName,'LONG');
+                                        isValid=false;
+                                    }
+                                    else if(NrExpiry3Enable==true && NearExpiry_stock3!==0 && ( NearExpiry_stock3==null ||NearExpiry_stock3=='')){
+                                        notify('Please enter '+NrExpiry3_Dis_Name+' for '+skuItem.ProductName,'LONG');
+                                        isValid=false;
+                                    }
+                                    // else if((isDStockEnable && isLStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                    //     notify('Sum of '+isDStockDis_Name+','+isLStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to Stock for '+skuItem.ProductName,'LONG');
+                                    //     isValid=false;
+                                    // }
+                                    // else if((isDStockEnable && isLStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                    //     notify('Sum of '+isDStockDis_Name+' and '+isLStockDis_Name+' should be less than or equal to '+isStockDis_Name+' for '+skuItem.ProductName,'LONG');
+                                    //     isValid=false;
+                                    // }
+                                    // else if((isLStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                    //     notify('Sum of '+isLStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to '+isStockDis_Name+' for '+skuItem.ProductName,'LONG');
+                                    //     isValid=false;
+                                    // }
+                                    // else if((isDStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                    //     notify('Sum of '+isDStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to '+isStockDis_Name+' for '+skuItem.ProductName,'LONG');
+                                    //     isValid=false;
+                                    // }
+                                    else{
+
+                                    }
+                                
+                                }
+                                }
+                            })
+                        );
+                    }
+                }
+            })
+        );
+        }
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(skuItem,val,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+
+        let allSKUData=SKUStockData;
+        let defData={'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+
+        if(key=='isSKUPresent'){
+            skud['showAllSKU_Fields']=val==1?true:false;
+        }
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    // function checkStockVal(item,skuItem,key,old_key,old_val){
+    //     console.log('checkStockVal',old_val,val);
+    //     let allSKUData=SKUStockData;
+    //     let defData={'ProductId':skuItem.ProductId};
+    //     const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.ProductId==skuItem.ProductId);
+    //     const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+    //     console.log('checkStockVal');
+    //     let val=skud[key] || '';
+    //     let val1=skud[key] || 0;
+    //     let product_total_stock=skud['Stock'];
+    //     if(product_total_stock!=''){
+    //         product_total_stock=parseInt(product_total_stock);
+    //         let product_damage_stock=parseInt(skud['DamagedStock'] || 0);
+    //         let product_lost_stock=parseInt(skud['LostStock'] || 0);
+    //         let product_ex_stock=parseInt(skud['ExpiryStock'] || 0);
+        
+    //         let product_stock=product_ex_stock;//product_total_stock-(product_damage_stock+product_lost_stock+product_ex_stock);
+    //         val1=parseInt(val1);
+    //         if(skud_index>=0){
+    //             let mfdStocks=skud['mfdStocks'] || [];
+    //             let sumOfAllStocks=0
+    //             for(let i in mfdStocks){
+    //                 let ds=mfdStocks[i];
+    //                 sumOfAllStocks+=parseInt(ds.stock);
+    //             }
+
+    //             if(sumOfAllStocks>product_stock){
+    //                 notify('Sum of all MFD stock cannot be greater than product stock count!');
+    //                 skud[key]=old_val;
+    //                 skud[old_key]=old_val;
+    //             }
+    //             else{
+    //                 skud[old_key]=val;
+    //             }
+    //         }
+    //         else{
+    //             skud[old_key]=val;
+    //         }
+        
+
+    //         skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+    //         setSKUStockData(allSKUData);
+    //         setHasUnsavedChanges(true);
+    //         setrerenderdata(!rerenderdata);
+    //     }
+    // }
+
+    function openAddStkModal(skuItem){
+        setCurrentProduct(skuItem);
+        // let allSKUData=SKUStockData;
+        // let defData={'ProductId':skuItem.ProductId};
+        // const skud_index=allSKUData.findIndex(i=>i.ProductId==skuItem.ProductId);
+        // const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+
+        setShowStockModal(true);
+        // let mfdStocks=skud['mfdStocks'] || [];
+        // let product_stock=skud['Stock'];
+        // let product_ex_stock=skud['ExpiryStock'];
+        
+        // if(product_stock==null || product_stock==''){
+        //     notify('Please enter sku stock first!');
+        // }
+        // else if(product_ex_stock==null || product_ex_stock==''){
+        //     notify('Please enter expiry stock first!');
+        // }
+        // else{
+            
+        // }
+        
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false)
+    }
+
+    function setStockDate(date){
+        let d1=moment(date).format('DD/MM/YYYY');
+        let cstock=currentStock;
+        cstock['date']=date;
+        cstock['mfd']=d1;
+        setCurrentStock(cstock);
+        setShowDatePicker(false);
+    }
+
+    function setCS_Stock(key,val,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify('Please enter whole numbers only','SHORT');
+                return;
+            }
+        }
+
+        let cstock=currentStock;
+        cstock[key]=val;
+        setCurrentStock(cstock);
+        setrerendermodal(!rerendermodal);
+    }
+
+   
+
+    function getAllSum(mfdStocks=[],cstock={}){
+        let {mfd,date,stock}=cstock
+        let sumOfAllStocks=parseInt(stock);
+        return new Promise((resolve,reject)=>{
+            if(mfdStocks.length>0){
+                for(let i in mfdStocks){
+                    let ds=mfdStocks[i];
+                    sumOfAllStocks+=parseInt(ds.stock);
+                    if(i==mfdStocks.length-1){
+                        resolve(sumOfAllStocks)
+                    }
+                }
+            }
+            else{
+                resolve(sumOfAllStocks)
+            }
+        }).catch((err)=>{
+            console.log(err);
+            return 0;
+        })
+    }
+
+    async function addMFDStock(){
+        Keyboard.dismiss();
+        let skuItem=currentProduct
+        let cstock=currentStock;
+        var allSKUData=SKUStockData;
+        let defData={'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=> i.ProductId==skuItem.ProductId);
+        var skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        let mfdStocks=skud['mfdStocks'] || [];
+        let {mfd,date,stock,lotno}=cstock
+
+        if(mfd==null || mfd==''){
+            notify('Please select date!');
+            return ;
+        }
+        else if(stock==null || stock==''){
+            notify('Please enter stock!');
+            return ;
+        }
+        else if(lotno==null || lotno==''){
+            notify('Please enter lot no.!');
+            return ;
+        }
+        else if(mfdStocks.findIndex(i=>i.mfd==mfd)>=0){
+            notify('This date is already added! Please select different date');
+            return ;
+        }
+        else {
+            console.log('added')
+            mfdStocks.push(cstock);
+            skud['mfdStocks']=mfdStocks;
+            skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+            setSKUStockData(allSKUData);
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+            setCurrentStock({});
+            setShowStockModal(false);
+        }
+    }
+
+
+    function removeMFDStock(){
+        let skuItem=toRemoveSKU;
+        let cstockIndex=toRemoveId;
+        let allSKUData=SKUStockData;
+        let defData={'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        let mfdStocks=skud['mfdStocks'] || [];
+        mfdStocks.splice(cstockIndex,1);
+        skud['mfdStocks']=mfdStocks;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setShowRemoveConfirm_M(false);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showRemoveConfirm(skuItem,cstock,cstockIndex){
+        setToRemoveId(cstockIndex);
+        setToRemoveSKU(skuItem);
+        setShowRemoveConfirm_M(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        var arr2={};
+        if(searchedQry!=null && searchedQry!=''){
+            for(let i=0;i<globalSubCatData.length;i++){
+                let item=globalSubCatData[i];
+                arr2={ 'SubCategoryId':item.SubCategoryId,'SubCategoryName':item.SubCategoryName,'isSubCatCollapsed':item.isSubCatCollapsed};
+                let skulist=item.skulist;
+                let newSkulist=[];
+                for(let k=0;k<skulist.length;k++){
+                    let sku=skulist[k];
+                    let {ProductName}=sku;
+                    if(ProductName.toLowerCase().includes(searchedQry)){
+                        newSkulist.push(sku);
+                    }
+
+                    if(k==skulist.length-1){
+                        arr2.skulist=newSkulist;
+                        if(newSkulist.length>0){
+                            arr.push(arr2);
+                        }
+                    }
+                }
+
+                
+            }
+        }
+        else{
+          arr=globalSubCatData;
+        }
+
+        setSubCatData(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function renderDatePicker(){
+        let today=new Date();
+        console.log('today:',today);
+        let d1=Object.keys(currentStock).length>0 && currentStock.date!=null && currentStock.date!='' ?new Date(currentStock.date):new Date();
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={d1}
+            mode={'date'}
+            display="default"  
+            // maximumDate={today}
+            onChange={(event, selectedDate)=>{setStockDate(selectedDate)}}
+            />    
+        );
+    }
+
+    function _render_StockModal(){
+        let mfd=Object.keys(currentStock).length>0 && currentStock.mfd!=null && currentStock.mfd!='' ?currentStock.mfd:'';
+        let stock=Object.keys(currentStock).length>0 && currentStock.stock!=null?currentStock.stock:'';
+        let lotno=Object.keys(currentStock).length>0 && currentStock.lotno!=null?currentStock.lotno:'';
+        
+        return (
+          <CustomModal2
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={'Add Near Expiry Stock'}
+            showModal={showStockModal}
+          >
+            <View style={customStyle.AddStockM_View}>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>Expiry Date</Text>
+                    <View style={[customStyle.AddStockM_col,customStyle.AddStockM_MFDInputCon]} >
+                        <Text style={customStyle.AddStockM_MFDInput}>{mfd}</Text>
+                        
+                        <TouchableOpacity style={customStyle.AddStockM_DatePicker} onPress={()=>{setShowDatePicker(true);}}>
+                            <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                        </TouchableOpacity>
+                    </View>
+                    {showDatePicker==true && 
+                        renderDatePicker()
+                    } 
+                </View>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>Stock</Text>
+                    <View style={customStyle.AddStockM_col} >
+                        <TextInput 
+                            style={[customStyle.AddStockM_InputStyle]}
+                            placeholder=""
+                            placeholderTextColor={PageTheme.$placeholder_color} 
+                            keyboardType={'number-pad'}
+                            value={stock}
+                            onChangeText={(val)=>{setCS_Stock('stock',val,'numeric')}}
+                            autoComplete='off'
+                        />
+                    </View>
+                </View>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>Lot No.</Text>
+                    <View style={customStyle.AddStockM_col} >
+                        <TextInput 
+                            style={[customStyle.AddStockM_InputStyle]}
+                            placeholder=""
+                            placeholderTextColor={PageTheme.$placeholder_color} 
+                            // keyboardType={'number-pad'}
+                            value={lotno}
+                            onChangeText={(val)=>{setCS_Stock('lotno',val)}}
+                            autoComplete='off'
+                        />
+                    </View>
+                </View>
+            </View>
+            <View style={[customStyle.storelVisitM_options,{justifyContent:'space-between'}]}>
+             <TouchableOpacity style={[customStyle.storelVisitM_op_btn,customStyle.AddStockM_cancelBtn]} onPress={()=>{setCurrentStock({});setShowStockModal(false);}}>
+                <Text style={[customStyle.storelVisitM_op_btnText,customStyle.AddStockM_cancelBtnText]}>Cancel</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={[customStyle.storelVisitM_op_btn,customStyle.AddStockM_Btn]} onPress={()=>{addMFDStock()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>Add</Text>
+              </TouchableOpacity>
+            </View>
+            
+          </CustomModal2>
+        )
+     }
+
+    
+    function toggleCollapse(subcat={},subcatIndex){
+        let allData=subCatData;
+        let isSubCatCollapsed=subcat.isSubCatCollapsed;
+        subcat['isSubCatCollapsed']=!isSubCatCollapsed;
+        allData[subcatIndex]=subcat;
+        setSubCatData(allData);
+        setGlobalSubCatData(allData);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function _renderStocks(){
+
+        let isHdrImgIndex=KPIFields.findIndex(i=>i.KPIFieldName=='HeaderImageAllow')
+        let isHdrImgKPIObj=isHdrImgIndex>=0?KPIFields[isHdrImgIndex]:{};
+        let isHdrImgEnable=isHdrImgIndex>=0?isHdrImgKPIObj['KPIFieldEnable']:false;
+
+        let isListedSKUIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ListedSKU')
+        let isListedSKUKPIObj=isListedSKUIndex>=0?KPIFields[isListedSKUIndex]:{};
+        let isListedSKUEnable=isListedSKUIndex>=0?isListedSKUKPIObj['KPIFieldEnable']:false;
+
+        let isStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Stock')
+        let isStockKPIObj=isStockIndex>=0?KPIFields[isStockIndex]:{};
+        let isStockEnable=isStockIndex>=0?isStockKPIObj['KPIFieldEnable']:true;
+        let isStockDis_Name=isStockIndex>=0?isStockKPIObj['KPIFieldDisplayName']:'Stock';
+        
+        let isBRStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='BackRoomStock')
+        let isBRStockKPIObj=isBRStockIndex>=0?KPIFields[isBRStockIndex]:{};
+        let isBRStockEnable=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldEnable']:false;
+        let isBRStockDis_Name=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldDisplayName']:'Back Room Stock';
+
+        let isDStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='DamageStock')
+        let isDStockKPIObj=isDStockIndex>=0?KPIFields[isDStockIndex]:{};
+        let isDStockEnable=isDStockIndex>=0?isDStockKPIObj['KPIFieldEnable']:false;
+        let isDStockDis_Name=isDStockIndex>=0?isDStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isLStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='LostStock')
+        let isLStockKPIObj=isLStockIndex>=0?KPIFields[isLStockIndex]:{};
+        let isLStockEnable=isLStockIndex>=0?isLStockKPIObj['KPIFieldEnable']:false;
+        let isLStockDis_Name=isLStockIndex>=0?isLStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isExStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExStockKPIObj=isExStockIndex>=0?KPIFields[isExStockIndex]:{};
+        let isExStockEnable=isExStockIndex>=0?isExStockKPIObj['KPIFieldEnable']:false;
+        let isExStockDis_Name=isExStockIndex>=0?isExStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isMFDIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MFD')
+        let isMFD_KPIObj=isMFDIndex>=0?KPIFields[isMFDIndex]:{};
+        let isMFDEnable=isMFDIndex>=0?isMFD_KPIObj['KPIFieldEnable']:true;
+        let isMFDDis_Name=isMFDIndex>=0?isMFD_KPIObj['KPIFieldDisplayName']:'';
+        
+        let NrExpiry1Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry1')
+        let NrExpiry1KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry1Index]:{};
+        let NrExpiry1Enable=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldEnable']:false;
+        let NrExpiry1_Dis_Name=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry2Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry2')
+        let NrExpiry2KPIObj=NrExpiry2Index>=0?KPIFields[NrExpiry2Index]:{};
+        let NrExpiry2Enable=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldEnable']:false;
+        let NrExpiry2_Dis_Name=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry3Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry3')
+        let NrExpiry3KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry3Index]:{};
+        let NrExpiry3Enable=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldEnable']:false;
+        let NrExpiry3_Dis_Name=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldDisplayName']:'';
+
+        let MSLIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MSL');
+        let MSLObj=MSLIndex>=0?KPIFields[MSLIndex]:{};
+        let isMSLAllow=MSLIndex>=0?MSLObj['KPIFieldEnable']:true;
+
+        let NONMSL_Index=KPIFields.findIndex(i=>i.KPIFieldName=='ChildImageAllow');
+        let NONMSL_Obj=NONMSL_Index>=0?KPIFields[NONMSL_Index]:{};
+        let isNONMSL_Allow=NONMSL_Index>=0?NONMSL_Obj['KPIFieldEnable']:true;
+
+        const cimgName=catData.ImageName!=null?catData.ImageName:'';
+        const cimgPath=catData.ImagePath!=null?catData.ImagePath:'';
+        const showIMg=cimgPath!='' && cimgPath!=null;
+
+        
+
+        return (
+            <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={-100} >  
+            
+            <ScrollView 
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            >
+                {
+                ( isHdrImgEnable==true) && 
+                <View  style={customStyle.prdCat_hdImgCon}>
+                    <View style={customStyle.prdCat_hdIMgWrap}>
+                        { !showIMg && 
+                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(item)}}>
+                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                            </TouchableOpacity>
+                        }
+                        { showIMg && 
+                            <View style={customStyle.osCatImageView}>
+                                <Image style={customStyle.osCatImage} source={{uri:cimgPath}}/>
+                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(Category)}}>
+                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                </TouchableOpacity>
+                            </View>                                    
+                        }                                
+                    </View>
+                </View>
+                }
+                { (rerenderdata==rerenderdata) &&
+                    subCatData.map((item,index)=>{
+                        const subcat=item;
+                        const subcat_index=index;
+                        let isSubCatCollapsed=subcat.isSubCatCollapsed!=null?subcat.isSubCatCollapsed:false;
+                        
+                        return(
+                            <View style={customStyle.opening_Stock_wrap} key={'subcats_'+index}>
+                                <View style={customStyle.opening_Stock_cat}>   
+                                    <TouchableOpacity activeOpacity={0.5} style={customStyle.opening_Stock_catHdr} onPress={()=>{toggleCollapse(subcat,index)}}>                  
+                                        <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                            <Text style={customStyle.opening_Stock_catText}>{item.SubCategoryName}</Text>
+                                        </LinearGradient>
+                                        {isSubCatCollapsed==true && <Entypo name={'chevron-down'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_catHdrIcon}/>}
+                                        {isSubCatCollapsed==false && <Entypo name={'chevron-up'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_catHdrIcon}/>}
+                                    </TouchableOpacity>  
+                                </View>
+                                { !isSubCatCollapsed &&
+                                <View style={customStyle.prodCatsHdr_Stockprds}>
+                                {(rerenderdata2==rerenderdata2) &&
+                                subcat.skulist.map((item,index)=>{
+                                        
+                                    const skus=item;
+                                    const sku_index=index;
+                                    let thisCatSkuData_i=SKUStockData.findIndex(i=>i.ProductId==skus.ProductId);
+                                    let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                    let stock=thisCatSkuData.Stock!=null?thisCatSkuData.Stock:'';
+                                    let br_stock=thisCatSkuData.BackRoomStock!=null?thisCatSkuData.BackRoomStock:'';
+        
+                                    // let Old_Stock=thisCatSkuData.Old_Stock!=null?thisCatSkuData.Old_Stock:'';
+                                    // let OldDamagedStock=thisCatSkuData.OldDamagedStock!=null?thisCatSkuData.OldDamagedStock:'';
+                                    // let OldLostStock=thisCatSkuData.OldLostStock!=null?thisCatSkuData.OldLostStock:'';
+                                    // let OldExStock=thisCatSkuData.OldExStock!=null?thisCatSkuData.OldExStock:'';
+        
+                                    let isSKUPresent=thisCatSkuData.isSKUPresent!=null?thisCatSkuData.isSKUPresent:0;
+                                    let showAllSKU_Fields=thisCatSkuData.showAllSKU_Fields!=null?thisCatSkuData.showAllSKU_Fields:false;
+                                    let ex_stock=thisCatSkuData.ExpiryStock!=null?thisCatSkuData.ExpiryStock:'';
+                                    let damage_stock=thisCatSkuData.DamagedStock!=null?thisCatSkuData.DamagedStock:'';
+                                    let lost_stock=thisCatSkuData.LostStock!=null?thisCatSkuData.LostStock:'';
+                                    let mfdStocks=thisCatSkuData.mfdStocks || [];
+                                    let NearExpiry_stock1=thisCatSkuData.NearExpiry1!=null?thisCatSkuData.NearExpiry1:'';
+                                    let NearExpiry_stock2=thisCatSkuData.NearExpiry2!=null?thisCatSkuData.NearExpiry2:'';
+                                    let NearExpiry_stock3=thisCatSkuData.NearExpiry3!=null?thisCatSkuData.NearExpiry3:'';
+        
+                                    let isMandatory=((isMSLAllow==1 || isMSLAllow=='true') && (skus.MSL==1 || skus.MSL=='true') ) || ((isNONMSL_Allow==1 || isNONMSL_Allow=='true') && (skus.MSL!=1 && skus.MSL!='true') ) 
+        
+                                    
+                                    return(
+                                        <View style={[customStyle.openStk_prd_Con,(isMandatory?{backgroundColor:PageTheme.$fifth_color}:{})]} key={sku_index}>
+                                            {isListedSKUEnable==true && 
+                                            <View style={customStyle.openStkP_checkboxWrap}>
+                                                <View style={customStyle.openStkP_checkboxCon}>
+                                                <CheckBox
+                                                boxType='square'
+                                                
+                                                value={(isSKUPresent==1)}
+                                                onValueChange={(val)=>{console.log('valchange:',val); let val1=(val==true)?1:0; onStockValChange(skus,val1,'isSKUPresent') }}
+                                                style={[customStyle.openStkP_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginTop:8,marginLeft:8,}:{})]}
+                                                
+                                                tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                                />
+                                                </View>
+                                                <Text style={[customStyle.openStk_prd_name,customStyle.openStkP_checkbox_pName]}>{skus.ProductName}</Text>
+                                            </View>
+                                            }
+        
+                                            {isListedSKUEnable!=true && <Text style={customStyle.openStk_prd_name}>{skus.ProductName}</Text>}
+                                            {((isListedSKUEnable==true && showAllSKU_Fields==true) || isListedSKUEnable==false) && 
+                                            <View style={customStyle.openStk_prd_form}>
+                                                {(isStockEnable==true) &&
+                                                <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isStockDis_Name}</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(stock+'' || '')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(skus,val,'Stock','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                                }
+                                                {(isBRStockEnable==true) &&
+                                                <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isBRStockDis_Name}</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(br_stock+'')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(skus,val,'BackRoomStock','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                                }
+                                                {(isDStockEnable==true) &&
+                                                <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isDStockDis_Name}</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(damage_stock+'')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(skus,val,'DamagedStock','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                                }
+                                                {(isLStockEnable==true) &&
+                                                <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isLStockDis_Name}</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(lost_stock+'')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(skus,val,'LostStock','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                                }
+                                                {(isExStockEnable==true ) &&
+                                              
+                                                <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isExStockDis_Name}</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(ex_stock+'')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(skus,val,'ExpiryStock','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                                }
+                                                
+                                                {(NrExpiry1Enable==true ) &&
+                                                <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry1_Dis_Name}</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(NearExpiry_stock1+'')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(skus,val,'NearExpiry1','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                                }
+                                                {(NrExpiry2Enable==true ) &&
+                                                <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry2_Dis_Name}</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(NearExpiry_stock2+'')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(skus,val,'NearExpiry2','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                                }
+                                                {(NrExpiry3Enable==true ) &&
+                                                <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                    <View style={[customStyle.openStk_prd_colflex]}>
+                                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry3_Dis_Name}</Text>
+                                                        <TextInput 
+                                                            style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                            placeholder=""            
+                                                            placeholderTextColor={PageTheme.$placeholder_color} 
+                                                            value={(NearExpiry_stock3+'')}
+                                                            keyboardType='number-pad'
+                                                            onChangeText={(val)=>{ onStockValChange(skus,val,'NearExpiry3','numeric')}}
+                                                            autoComplete='off'
+                                                        />
+                                                    </View>
+                                                </View>
+                                                }
+                                                {(isMFDEnable==true) &&
+                                                <View style={[customStyle.stk_mfdView,customStyle.mb10]}>
+                                                    <Text style={customStyle.stk_mfdTbl_hd}>{isMFDDis_Name}</Text>
+                                                    <TouchableOpacity style={customStyle.stk_addStockBtn} onPress={()=>{openAddStkModal(skus)}}>
+                                                        <Text style={customStyle.stk_addStockBtnText}>Add</Text>
+                                                    </TouchableOpacity>
+                                                    <View style={customStyle.stk_mfdTblHeader}>
+                                                        <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox1]}>
+                                                        <Text style={customStyle.stk_mfdTblHeaderTxt}>Date</Text>
+                                                        </View>
+                                                        <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox2]}>
+                                                        <Text style={customStyle.stk_mfdTblHeaderTxt}>Stock</Text>
+                                                        </View>
+                                                        <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox3]}>
+                                                        <Text style={customStyle.stk_mfdTblHeaderTxt}>Lot No.</Text>
+                                                        </View>
+                                                        <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox4]}>
+                                                        <Text style={customStyle.stk_mfdTblHeaderTxt}>Actions</Text>
+                                                        </View>
+                                                    </View>
+                                                    
+                                                    <View style={customStyle.stk_mfdTblBody}>
+                                                        {
+                                                            mfdStocks.map((mfd_Item,mfd_index)=>{
+                                                                let mfd=mfd_Item.mfd || '';
+                                                                let stock=mfd_Item.stock || '';
+                                                                let lotno=mfd_Item.lotno || '';
+                                                                
+                                                                return(
+                                                                <View key={'mfd'+mfd_index} style={[customStyle.stk_mfdTblrow,((index==mfdStocks.length-1)?customStyle.stk_mfdTblrow_last:{})]}>
+                                                                    <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol1]}>
+                                                                        <Text style={customStyle.stk_mfdTblColText}>{mfd}</Text>
+                                                                    </View>
+                                                                    <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol2]}>
+                                                                        <Text style={customStyle.stk_mfdTblColText}>{stock}</Text>
+                                                                    </View>
+                                                                    <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol3]}>
+                                                                        <Text style={customStyle.stk_mfdTblColText}>{lotno}</Text>
+                                                                    </View>
+                                                                    <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol4]}>
+                                                                        <TouchableOpacity style={customStyle.stk_mfdTbl_DeleteBtn} onPress={()=>{showRemoveConfirm(skus,mfd_Item,mfd_index)}}>
+                                                                            <Ionicons name='trash' color={PageTheme.$red} size={18} />
+                                                                        </TouchableOpacity>
+                                                                    </View>
+                                                                </View>
+                                                                )
+                                                            })
+                                                        }
+                                                    </View>
+                                                </View>
+                                                }
+                                            </View>
+                                            }
+                                        </View>
+                                    )
+                                })
+                                }
+                                </View>
+                                }
+                            </View>
+                        );
+                    })
+                }
+            </ScrollView>
+            </KeyboardAvoidingView>   
+        )
+    }
+    
+    
+   
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showRemoveConfirm_M,()=>{setShowRemoveConfirm_M(false)},removeMFDStock,'Do you really want to remove this stock?')}
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {rerendermodal==rerendermodal && _render_StockModal()}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        <View style={customStyle.pageHdrWrap}>
+            <Text style={customStyle.pageHdrWrapText}>{`Category: ${(Category.CategoryName!=null?(Category.CategoryName.length>40?Category.CategoryName.substring(0,40)+'...':Category.CategoryName):'')}`}</Text>
+        </View>
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+            
+            <View style={customStyle.storel_searchbar}>
+                <TextInput 
+                    style={[customStyle.storel_searchInput]}
+                    placeholder="Search by Product Name"
+                    placeholderTextColor={PageTheme.$placeholder_color} 
+                    value={searchedItem}
+                    onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                    autoComplete='off'
+                />
+                <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                    <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+                </TouchableOpacity>
+            </View>
+            <View style={customStyle.colorDescriptionWrap}>
+                <View style={customStyle.colorBoxCon}>
+                    <View style={[customStyle.colorBox,customStyle.colorBox1]}></View>
+                    <Text style={customStyle.colorDesc}>MSL (Mandatory)</Text>
+                </View>
+                <View style={customStyle.colorBoxCon}>
+                    <View style={[customStyle.colorBox,customStyle.colorBox2]}></View>
+                    <Text style={customStyle.colorDesc}>Non-MSL (Non-Mandatory)</Text>
+                </View>
+            </View>
+            { Object.keys(storeData).length>0 &&     
+                _renderStocks()
+            }
+        
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(StockWithCat);
\ No newline at end of file
diff --git a/src/screens/Stock_BckUp.js b/src/screens/Stock_BckUp.js
new file mode 100644
index 0000000..851b112
--- /dev/null
+++ b/src/screens/Stock_BckUp.js
@@ -0,0 +1,1697 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, KeyboardAvoidingView, BackHandler, Keyboard} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import CheckBox from '@react-native-community/checkbox';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { ConfirmSaveAlert, ExitScreenAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+import Accordion from 'react-native-collapsible/Accordion';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import { createFalse } from 'typescript';
+import CustomModal2 from '../components/CustomModal2';
+
+function Stock(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [brandData, setBrandData] = useState([]);
+    const [globalBrandData, setGlobalBrandData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    
+    const [catImages, setCatImages] = useState([]);
+    const [SKUStockData, setSKUStockData] = useState([]);
+    const [currentStock, setCurrentStock] = useState({});
+    const [currentBrand, setCurrentBrand] = useState({});
+    const [currentProduct, setCurrentProduct] = useState({});
+    const [KPIFields, setKPIFields] = useState([]);
+    const [showAlert, setShowAlert] = useState(false);
+    const [showStockModal, setShowStockModal] = useState(false);
+    const [showDatePicker, setShowDatePicker] = useState(false);
+    const [rerendermodal, setrerendermodal] = useState(0);
+    const [toRemoveId, setToRemoveId] = useState('');
+    const [toRemoveCat, setToRemoveCat] = useState({});
+    const [toRemoveSKU, setToRemoveSKU] = useState({});
+    const [showRemoveConfirm_M, setShowRemoveConfirm_M] = useState(false);
+    const [searchedItem, setSearchedItem]= useState('');
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [activeSections,setActiveSections]= useState([]);
+    
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+       
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+    
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            ST.Doyoureallywanttoexitthescreen,
+            [
+              {
+                text: ST.Cancel,
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+
+    async function getKPIFields(menu1){
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                let q=`select * from Mapping_MenuConfiguration where ScreenName='${menu1.ScreenName}'`;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let isenable=data.KPIFieldEnable=='true' || data.KPIFieldEnable==1?true:false;
+                            data['KPIFieldEnable']=isenable;
+                            
+                            arr.push(data);
+                            if(i==txnres.rows.length-1){
+                                console.log('ALl KPIs Fields:',arr);
+                                setKPIFields(arr);
+                                resolve(true)
+                            }
+                        }
+                    }
+                    else{
+                        resolve(true)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve(false) },);
+            });
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log(err);
+            return false;
+        });
+    }
+
+    async function getData(storeData1,menu1){   
+          
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          let allCats=[];
+          let allSKUData=[];
+          await getKPIFields(menu1);
+          await db.transaction(async function (txn) {  
+
+            // let dq=`DELETE FROM ${AppTables.STOCK2_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            // let dq2=`DELETE FROM ${AppTables.STOCK2HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            // let dq3=`DELETE FROM ${AppTables.STOCK2_MFD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            
+            // //  remove old data
+            // await txn.executeSql(dq,[],async function (txn2, txnres) { 
+            //     console.log('stock data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // await txn.executeSql(dq2,[],async function (txn2, txnres) { 
+            //   console.log('stock header data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // await txn.executeSql(dq3,[],async function (txn2, txnres) { 
+            //   console.log('stock mfd data deleted');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+
+            
+            let join=' INNER join Product_Master p on c.CategoryId=p.CategoryId ';
+            let join2=' INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+            let q=`SELECT DISTINCT c.CategoryId,c.CategoryName from Master_Category c ${join} ${join2}  where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreTypeId='${StoreTypeId}' order by p.CategorySequence`;
+            
+            let q2=` SELECT CATEGORY_ID as CategoryId,CATEGORY as CategoryName,IMAGE,IMAGEPATH FROM ${AppTables.STOCK2HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+            
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('added products cats:',txnres.rows.length)
+                if(txnres.rows.length>0){
+                    
+                    let arr=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        data['isCollapsed']=false;
+                        let br_d=await getBrands(storeData1,menu1,data,allSKUData);
+                        let brands=br_d['brands'];
+                        let products_data=br_d['products_data'];
+                      
+                        data['brandList']=brands;
+                        let defData={'CategoryId':data.CategoryId,'ImageName':data.IMAGE,'ImagePath':data.IMAGEPATH};
+                        
+                        allCats.push(defData);
+                        allSKUData.concat(products_data);
+                        arr.push(data);
+                        if(i==txnres.rows.length-1){
+                            setCatImages(allCats);
+                            setSKUStockData(allSKUData);
+                            setBrandData(arr);
+                            setGlobalBrandData(arr);
+                            setTimeout(()=>{setrerenderdata2(!rerenderdata2);},3000);
+                            setProcessing(false);
+                        }
+                    }
+                }
+                else{
+                    await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                        console.log('cats len:',txnres2.rows.length)
+                        if(txnres2.rows.length>0){
+                            let arr=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data =txnres2.rows.item(i);
+                                data['isCollapsed']=false;
+                                let br_d=await getBrands(storeData1,menu1,data);
+                                let brands=br_d['brands'];
+                                let products_data=br_d['products_data'];
+                               
+                                data['brandList']=brands;
+
+                                allSKUData.concat(products_data);
+                                arr.push(data);
+
+                                if(i==txnres2.rows.length-1){
+                                    setSKUStockData(allSKUData);
+                                   
+                                    setBrandData(arr);
+                                    setGlobalBrandData(arr);
+                                    setTimeout(()=>{setrerenderdata2(!rerenderdata2);},3000);
+                                    setProcessing(false);
+                                    
+                                }                                
+                            }
+                            
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+            // setProcessing(false);
+            
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getBrands(storeData1,menu1,item,allSKUData=[]){
+        let data_to_ret={'brands':[],'products_data':allSKUData}
+        let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+
+      
+        return await new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {  
+            
+                let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                let join2=` inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                let brands_q=`select distinct p.BrandName,p.BrandId from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}'  and p.CategoryId='${item.CategoryId}' and CompanyId='1' order by p.ProductSequence`;
+                
+                
+                await txn.executeSql(brands_q,[],async function (txn2, txnres) { 
+                    console.log('brands len:',txnres.rows.length)
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                           
+                            data['isBrandCollapsed']=false;
+                            let pr_d=await getSKU(storeData1,item,data,allSKUData);
+                            let products=pr_d['products'];
+                            let products_data=pr_d['products_data'];
+                            data['skulist']=products
+
+                            allSKUData.concat(products_data);
+                            arr.push(data);
+
+                            if(i==txnres.rows.length-1){
+                                data_to_ret['brands']=arr;
+                                data_to_ret['products_data']=allSKUData;
+                                resolve(data_to_ret);
+                            }
+                        }
+                    }
+                    else{
+                        resolve(data_to_ret)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(data_to_ret) },);
+                // setProcessing(false);
+                
+              });  
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log(err);
+            return data_to_ret;
+        })
+    }
+
+    async function getSKU(storeData1,cat,brand,allSKUData=[]){
+        let sku_ret={'products':[],'products_data':allSKUData};
+        let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData1;     
+        return await new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) { 
+               
+                // get from stored data if exists
+                let seletlist=`STOCK_UID,PRODUCT as ProductName,PRODUCT_ID as ProductId,BRAND as BrandName,BRAND_ID as BrandId,MSL,STOCK,BACKROOM_STOCK,DAMAGED_STOCK,LOST_STOCK,EXPIRY_STOCK,IS_SKU_STOCK_PRESENT,NREXPIRY1_STOCK,NREXPIRY2_STOCK,NREXPIRY3_STOCK`;
+                let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCK2_DATA} WHERE STORE_ID='${StoreId}' and  CATEGORY_ID='${cat.CategoryId}' and BRAND_ID='${brand.BrandId}'  `;
+         
+                // else get products from masters
+                let join=`  inner join Mapping_ProductAssortment m on p.ProductId=m.ProductId `;
+                let join2=`  inner join Master_Category mc on mc.CategoryId=p.CategoryId `;
+                let sku_q2=`select distinct p.ProductName,p.ProductId,p.BrandName,p.BrandId,m.MSL from Product_Master p  ${join} ${join2} where m.ChainId='${ChainId}' and m.StateId='${StateId}' and m.StoreTypeId='${StoreTypeId}' and p.CategoryId='${cat.CategoryId}' and p.BrandId='${brand.BrandId}' and CompanyId='1' order by p.ProductSequence`;
+                     
+                
+              
+                await txn.executeSql(sku_q,[],async function (txn2, txnres) { 
+                    
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            
+                            data['Old_Stock']=data.STOCK;
+                            data['OldDamagedStock']=data.DAMAGED_STOCK;
+                            data['OldLostStock']=data.LOST_STOCK;
+                            data['OldExStock']=data.EXPIRY_STOCK;
+                            
+                            let mfdStocks=await getMFDStockData(data);
+                            let defData={'CategoryId':cat.CategoryId,'ProductId':data.ProductId,'Stock':data.STOCK,'BackRoomStock':data.BACKROOM_STOCK,'ExpiryStock':data.EXPIRY_STOCK,'DamagedStock':data.DAMAGED_STOCK,'LostStock':data.LOST_STOCK,'mfdStocks':(mfdStocks || []),'isSKUPresent':data.IS_SKU_STOCK_PRESENT,'showAllSKU_Fields':(data.IS_SKU_STOCK_PRESENT==1),'NearExpiry1':data.NREXPIRY1_STOCK,'NearExpiry2':data.NREXPIRY2_STOCK,'NearExpiry3':data.NREXPIRY3_STOCK};
+                            
+                            allSKUData.push(defData);
+                            arr.push(data);
+
+                            if(i==txnres.rows.length-1){
+                                sku_ret['products']=arr;
+                                sku_ret['products_data']=allSKUData;
+                                resolve(sku_ret);
+                            }
+                        }
+                    }
+                    else{
+                       
+                        return await txn.executeSql(sku_q2,[],async function (txn2, txnres2) { 
+                            
+                            if(txnres2.rows.length>0){
+                                let arr=[];
+                                for(var i=0;i<txnres2.rows.length;i++){
+                                    let data =txnres2.rows.item(i);
+                                    let defData={'CategoryId':cat.CategoryId,'ProductId':data.ProductId,'Stock':'','BackRoomStock':'','ExpiryStock':'','DamagedStock':'','LostStock':'','mfdStocks':[],'isSKUPresent':'','showAllSKU_Fields':false};
+                                    allSKUData.push(defData);
+                                    arr.push(data);
+                                    if(i==(txnres2.rows.length-1)){   
+                                        sku_ret['products']=arr;
+                                        sku_ret['products_data']=allSKUData;                                     
+                                        resolve(sku_ret);
+                                    }               
+                                }
+                            }
+                            else{
+                                resolve(sku_ret);
+                            }
+                            
+                        },function (txn2, txnerr) { console.log(txnerr); setProcessing(false); resolve(sku_ret); },);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); resolve(sku_ret); },);      
+    
+                        
+            });  
+        }).then((val)=>{
+            return val;
+        }).catch((err)=>{
+            console.log('getSKU err:',err);
+            return sku_ret;
+        })
+                   
+              
+    }
+
+    async function getMFDStockData(skud){
+        
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                let q=`select * from ${AppTables.STOCK2_MFD_DATA} where STOCK_UID='${skud.STOCK_UID}'`;
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    if(txnres.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres.rows.length;i++){
+                            let data =txnres.rows.item(i);
+                            let obj={'date':new Date(data.DATE),'mfd':data.MFD,'stock':data.STOCK,'lotno':data.LOT_NO}
+                            
+                            arr.push(obj);
+                            if(i==txnres.rows.length-1){
+                                console.log('mfdStocks',arr);
+                                resolve(arr)
+                            }
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve([]) },);
+            });
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        })
+    }
+
+    async function getImage(imgdata){
+        let cat=getImageProps.option || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl='file://'+img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Stock'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_Stock-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allIMgs=catImages;
+                            let defData={'CategoryId':cat.CategoryId};
+                            const cindex=allIMgs.findIndex(i=>i.CategoryId==cat.CategoryId);
+                            const imgData=cindex>=0?(allIMgs[cindex] || defData):defData;
+                            imgData.ImageName=filename;
+                            
+                            // renamefile
+                            let imagePath='file://'+`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri=imagePath;
+                                console.log('image marker',uri);
+                                imgData.ImagePath=uri; 
+                                cindex>=0?allIMgs[cindex]=imgData:allIMgs.push(imgData);
+                                setCatImages(allIMgs);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log(ST.Errorimagefilewritefailed+'!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(option){ 
+        setGetImageProps({'option':option}); 
+        console.log('openCamera');
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function submitOpeningStock(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.STOCK2_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q2=`DELETE FROM ${AppTables.STOCK2HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              let q3=`DELETE FROM ${AppTables.STOCK2_MFD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('stock header data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              await txn.executeSql(q3,[],async function (txn2, txnres) { 
+                console.log('stock mfd data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+
+              let seq_q=` select seq from sqlite_sequence where name="${AppTables.STOCK2HDR_DATA}" `;
+              await txn.executeSql(seq_q,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let data=txnres.rows.item(0);
+                    let seq=data.seq;
+                    insertData(seq);
+                }
+                else{
+                    insertData(0);
+                }
+              },function (txn2, txnerr) { console.log(txnerr); insertData(0); },);
+             
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function insertData(seq=0){
+        try {   
+            console.log(seq);
+            let {StoreId,ChainId,StateId,StoreTypeId,ExpiryStock}=storeData;
+            console.log('insertData');
+            await db.transaction(async function (txn) {
+              var values='',stock_values='',mfdStockV='';
+              for(var i=0;i<globalBrandData.length;i++){
+                  
+                seq++;
+                let catIndex=i;
+                let item=globalBrandData[catIndex];
+                let cimage=catImages.find(ci=>ci.CategoryId==item.CategoryId) || {};
+                values+=values!=''?' , ':'';
+                
+                
+                values+=` ('${StoreId}','${d2}','${item.CategoryName}','${item.CategoryId}','','${(cimage.ImageName || '')}','${(cimage.ImagePath || '')}','${d2}') `;
+                console.log('stock hdr values added');
+
+                let brandList=item.brandList || [];
+                for(var j=0;j<brandList.length;j++){
+                    let brand=brandList[j];
+
+                    let skulist=brand['skulist'] || [];
+               
+                    for(var k=0;k<skulist.length;k++){
+                        let skuItem=skulist[k];
+                        let SKU_UID='SKU'+seq+j+k+(Math.floor(Math.random()*1000)+1);
+                        let {BrandId, BrandName,MSL,ProductId,ProductName}=skuItem;
+                        stock_values+=stock_values!=''?' , ':'';
+                        let allSKUData=SKUStockData;
+                        const skud_index=allSKUData.findIndex(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId);
+                        const skud=skud_index>=0?(allSKUData[skud_index] || {}) : {};
+                        let mfdStocks=skud['mfdStocks'] || [];
+
+                        let stock=skud.Stock!=null?skud.Stock:'';
+                        let br_stock=skud.BackRoomStock!=null?skud.BackRoomStock:'';
+                        let ex_stock=skud.ExpiryStock!=null?skud.ExpiryStock:'';
+                        let damage_stock=skud.DamagedStock!=null?skud.DamagedStock:'';
+                        let lost_stock=skud.LostStock!=null?skud.LostStock:'';
+                        let isSKUPresent=skud.isSKUPresent!=null?skud.isSKUPresent:0;
+
+                        let NearExpiry_stock1=skud.NearExpiry1!=null?skud.NearExpiry1:'';
+                        let NearExpiry_stock2=skud.NearExpiry2!=null?skud.NearExpiry2:'';
+                        let NearExpiry_stock3=skud.NearExpiry3!=null?skud.NearExpiry3:'';
+                        
+                        stock_values+=` ('${seq}','${SKU_UID}','${StoreId}','${d2}','${item.CategoryId}','${item.CategoryName}','${BrandId}','${BrandName}','${ProductId}','${ProductName}','${MSL}','${stock}','${br_stock}','${damage_stock}','${lost_stock}','${ex_stock}','${isSKUPresent}','${NearExpiry_stock1}','${NearExpiry_stock2}','${NearExpiry_stock3}','${d2}') `;
+                        
+                        for(let m=0;m<mfdStocks.length;m++){
+                            let cstock=mfdStocks[m];
+                            let mfd_stock=cstock['stock'];
+                            let mfd_mfd=cstock['mfd'];
+                            let mfd_lotno=cstock['lotno'];
+                            let mfd_date=cstock['date']!=null?moment(cstock['date']).format('MM-DD-YYYY'):'';
+                            
+                            mfdStockV+=mfdStockV!=''?' , ':'';
+                            mfdStockV+=` ('${seq}','${SKU_UID}','${StoreId}','${d2}','${item.CategoryId}','${BrandId}','${ProductId}','${mfd_stock}','${mfd_mfd}','${mfd_lotno}','${mfd_date}','${d2}') `;
+                        
+                        }
+                        
+                    }
+                }
+                
+              }
+
+              
+              let add_StockHdr=`INSERT INTO ${AppTables.STOCK2HDR_DATA} (STORE_ID,VISIT_DATE,CATEGORY,CATEGORY_ID,MSL,IMAGE,IMAGEPATH,ADDED_DATE) VALUES ${values} `;
+              let add_Stock=`INSERT INTO ${AppTables.STOCK2_DATA} (COMMON_ID,STOCK_UID,STORE_ID,VISIT_DATE,CATEGORY_ID,CATEGORY,BRAND_ID,BRAND,PRODUCT_ID,PRODUCT,MSL,STOCK,BACKROOM_STOCK,DAMAGED_STOCK,LOST_STOCK,EXPIRY_STOCK,IS_SKU_STOCK_PRESENT,NREXPIRY1_STOCK,NREXPIRY2_STOCK,NREXPIRY3_STOCK,ADDED_DATE) VALUES ${stock_values} `;
+              let add_mfd_Stock=`INSERT INTO ${AppTables.STOCK2_MFD_DATA} (COMMON_ID,STOCK_UID,STORE_ID,VISIT_DATE,CATEGORY_ID,BRAND_ID,PRODUCT_ID,STOCK,MFD,LOT_NO,DATE,ADDED_DATE) VALUES ${mfdStockV} `;
+                
+              await txn.executeSql(add_StockHdr,[],async function (txn2, txnres) { 
+                console.log('stock header added');
+                await txn.executeSql(add_Stock,[],async function (txn2, txnres) { 
+                    console.log('stock added');
+                    if(mfdStockV!=null && mfdStockV!=''){
+                        await txn.executeSql(add_mfd_Stock,[],async function (txn2, txnres) { 
+                            console.log('stock mfd added');
+                            notify(ST.Stockupdatedsuccessfully);
+                            setProcessing(false);
+                            props.navigation.goBack();
+                        },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddstock) },);
+                    }
+                    else{
+                        notify(ST.Stockupdatedsuccessfully);
+                        setProcessing(false);
+                        props.navigation.goBack();
+                    }
+                    
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddstock) },);
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddstock) },);
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        }  
+    }
+
+
+    async function validate(){
+        let isValid=true;
+        var i=0,j=0;
+
+        let isHdrImgIndex=KPIFields.findIndex(i=>i.KPIFieldName=='HeaderImageAllow')
+        let isHdrImgKPIObj=isHdrImgIndex>=0?KPIFields[isHdrImgIndex]:{};
+        let isHdrImgEnable=isHdrImgIndex>=0?isHdrImgKPIObj['KPIFieldEnable']:false;
+
+        let isListedSKUIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ListedSKU');
+        let isListedSKUKPIObj=isListedSKUIndex>=0?KPIFields[isListedSKUIndex]:{};
+        let isListedSKUEnable=isListedSKUIndex>=0?isListedSKUKPIObj['KPIFieldEnable']:true;
+
+        let isStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Stock')
+        let isStockKPIObj=isStockIndex>=0?KPIFields[isStockIndex]:{};
+        let isStockEnable=isStockIndex>=0?isStockKPIObj['KPIFieldEnable']:true;
+        let isStockDis_Name=isStockIndex>=0?isStockKPIObj['KPIFieldDisplayName']:'Stock';
+
+        let isBRStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='BackRoomStock')
+        let isBRStockKPIObj=isBRStockIndex>=0?KPIFields[isBRStockIndex]:{};
+        let isBRStockEnable=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldEnable']:true;
+        let isBRStockDis_Name=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isDStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='DamageStock')
+        let isDStockKPIObj=isDStockIndex>=0?KPIFields[isDStockIndex]:{};
+        let isDStockEnable=isDStockIndex>=0?isDStockKPIObj['KPIFieldEnable']:false;
+        let isDStockDis_Name=isDStockIndex>=0?isDStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isLStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='LostStock')
+        let isLStockKPIObj=isLStockIndex>=0?KPIFields[isLStockIndex]:{};
+        let isLStockEnable=isLStockIndex>=0?isLStockKPIObj['KPIFieldEnable']:false;
+        let isLStockDis_Name=isLStockIndex>=0?isLStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isExStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExStockKPIObj=isExStockIndex>=0?KPIFields[isExStockIndex]:{};
+        let isExStockEnable=isExStockIndex>=0?isExStockKPIObj['KPIFieldEnable']:false;
+        let isExStockDis_Name=isExStockIndex>=0?isExStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isMFDIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MFD')
+        let isMFD_KPIObj=isMFDIndex>=0?KPIFields[isMFDIndex]:{};
+        let isMFDEnable=isMFDIndex>=0?isMFD_KPIObj['KPIFieldEnable']:false;
+        let isMFDDis_Name=isMFDIndex>=0?isMFD_KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry1Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry1')
+        let NrExpiry1KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry1Index]:{};
+        let NrExpiry1Enable=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldEnable']:false;
+        let NrExpiry1_Dis_Name=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry2Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry2')
+        let NrExpiry2KPIObj=NrExpiry2Index>=0?KPIFields[NrExpiry2Index]:{};
+        let NrExpiry2Enable=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldEnable']:false;
+        let NrExpiry2_Dis_Name=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry3Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry3')
+        let NrExpiry3KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry3Index]:{};
+        let NrExpiry3Enable=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldEnable']:false;
+        let NrExpiry3_Dis_Name=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldDisplayName']:'';
+
+        let MSLIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MSL');
+        let MSLObj=MSLIndex>=0?KPIFields[MSLIndex]:{};
+        let isMSLAllow=MSLIndex>=0?MSLObj['KPIFieldEnable']:true;
+
+        let NONMSL_Index=KPIFields.findIndex(i=>i.KPIFieldName=='ChildImageAllow');
+        let NONMSL_Obj=NONMSL_Index>=0?KPIFields[NONMSL_Index]:{};
+        let isNONMSL_Allow=NONMSL_Index>=0?NONMSL_Obj['KPIFieldEnable']:false;
+
+        
+
+        await Promise.all(
+            globalBrandData.map(async (item,index) => {
+            if(isValid){
+                let catId=item.CategoryId;
+                
+                let cimgData=catImages.find(ci=>ci.CategoryId==catId) || {};
+
+                
+                // let isCollapsed=item.isCollapsed!=null?item.isCollapsed:true;
+                
+                if(isHdrImgEnable==true && (cimgData.ImagePath== null || cimgData.ImagePath=='')){
+                    notify(ST.Pleaseclickimagefor+' '+item.CategoryName,'SHORT');
+                    isValid=false;
+                }
+                else{
+                    let brandList=item.brandList || [];
+                    
+                    if(brandList.length>0){
+                        brandList.map(async (brand,brand_index) => {
+                            let skulist=brand.skulist || [];
+                            if(isValid==true){
+                            if(skulist.length>0){
+                                await Promise.all(
+                                    skulist.map(async (skuItem,skuIndex) => {
+                                        if(isValid==true){
+                                        let skuData=SKUStockData.find(ci=>ci.CategoryId==item.CategoryId && ci.ProductId==skuItem.ProductId ) || {};
+                                        let stock=skuData.Stock!=null?skuData.Stock:'';
+                                        let ex_stock=skuData.ExpiryStock!=null?skuData.ExpiryStock:'';
+                                        let damage_stock=skuData.DamagedStock!=null?skuData.DamagedStock:'';
+                                        let lost_stock=skuData.LostStock!=null?skuData.LostStock:'';
+                                        let isSKUPresent=skuData.isSKUPresent!=null?skuData.isSKUPresent:0;
+                                        let br_stock=skuData.BackRoomStock!=null?skuData.BackRoomStock:'';
+                                        let NearExpiry_stock1=skuData.NearExpiry1!=null?skuData.NearExpiry1:'';
+                                        let NearExpiry_stock2=skuData.NearExpiry2!=null?skuData.NearExpiry2:'';
+                                        let NearExpiry_stock3=skuData.NearExpiry3!=null?skuData.NearExpiry3:'';
+                                            
+                                        let isMandatory=((isMSLAllow==1 || isMSLAllow=='true') && (skuItem.MSL==1 || skuItem.MSL=='true') ) || ((isNONMSL_Allow==1 || isNONMSL_Allow=='true') && (skuItem.MSL!=1 && skuItem.MSL!='true') ) 
+        
+        
+        
+                                        if((isListedSKUEnable==true && isSKUPresent==1) || (!isListedSKUEnable  && (isMandatory)) ){
+        
+                                            // let sumOfDamagedStocks=parseInt(ex_stock)+parseInt(damage_stock)+parseInt(lost_stock);
+                                           
+        
+                                            if(isStockEnable==true && stock!==0 && ( stock==null || stock=='')){
+                                                notify(ST.Pleaseenter+' '+isStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(isBRStockEnable==true && br_stock!==0 && ( br_stock==null || br_stock=='')){
+                                                notify(ST.Pleaseenter+' '+isBRStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(isDStockEnable==true && damage_stock!==0 && ( damage_stock==null || damage_stock=='')){
+                                                notify(ST.Pleaseenter+' '+isDStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(isLStockEnable==true && lost_stock!==0 && ( lost_stock==null || lost_stock=='')){
+                                                notify(ST.Pleaseenter+' '+isDStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(isExStockEnable==true && ex_stock!==0 && ( ex_stock==null || ex_stock=='')){
+                                                notify(ST.Pleaseenter+' '+isExStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(NrExpiry1Enable==true && NearExpiry_stock1!==0 && ( NearExpiry_stock1==null || NearExpiry_stock1=='')){
+                                                notify(ST.Pleaseenter+' '+NrExpiry1_Dis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(NrExpiry2Enable==true && NearExpiry_stock2!==0 && ( NearExpiry_stock2==null || NearExpiry_stock2=='')){
+                                                notify(ST.Pleaseenter+' '+NrExpiry2_Dis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            else if(NrExpiry3Enable==true && NearExpiry_stock3!==0 && ( NearExpiry_stock3==null ||NearExpiry_stock3=='')){
+                                                notify(ST.Pleaseenter+' '+NrExpiry3_Dis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                                isValid=false;
+                                            }
+                                            // else if((isDStockEnable && isLStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                            //     notify('Sum of '+isDStockDis_Name+','+isLStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to Stock for '+skuItem.ProductName,'LONG');
+                                            //     isValid=false;
+                                            // }
+                                            // else if((isDStockEnable && isLStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                            //     notify('Sum of '+isDStockDis_Name+' and '+isLStockDis_Name+' should be less than or equal to '+isStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                            //     isValid=false;
+                                            // }
+                                            // else if((isLStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                            //     notify('Sum of '+isLStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to '+isStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                            //     isValid=false;
+                                            // }
+                                            // else if((isDStockEnable && isExStockEnable) && sumOfDamagedStocks>parseInt(stock)){
+                                            //     notify('Sum of '+isDStockDis_Name+' and '+isExStockDis_Name+' should be less than or equal to '+isStockDis_Name+' '+ST.for+' '+skuItem.ProductName,'LONG');
+                                            //     isValid=false;
+                                            // }
+                                            else{
+
+                                            }
+                                          
+                                        }
+                                        }
+                                    })
+                                );
+                            }
+                            }
+
+                        });
+                    }
+                    
+                }
+            }
+            })
+        );
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    function onStockValChange(item,skuItem,val,key,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':item.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        skud[key]=val;
+
+        if(key=='isSKUPresent'){
+            skud['showAllSKU_Fields']=val==1?true:false;
+        }
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    // function checkStockVal(item,skuItem,key,old_key,old_val){
+    //     console.log('checkStockVal',old_val,val);
+    //     let allSKUData=SKUStockData;
+    //     let defData={'CategoryId':item.CategoryId,'ProductId':skuItem.ProductId};
+    //     const skud_index=allSKUData.findIndex(i=>i.CategoryId==item.CategoryId && i.ProductId==skuItem.ProductId);
+    //     const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+    //     console.log('checkStockVal');
+    //     let val=skud[key] || '';
+    //     let val1=skud[key] || 0;
+    //     let product_total_stock=skud['Stock'];
+    //     if(product_total_stock!=''){
+    //         product_total_stock=parseInt(product_total_stock);
+    //         let product_damage_stock=parseInt(skud['DamagedStock'] || 0);
+    //         let product_lost_stock=parseInt(skud['LostStock'] || 0);
+    //         let product_ex_stock=parseInt(skud['ExpiryStock'] || 0);
+        
+    //         let product_stock=product_ex_stock;//product_total_stock-(product_damage_stock+product_lost_stock+product_ex_stock);
+    //         val1=parseInt(val1);
+    //         if(skud_index>=0){
+    //             let mfdStocks=skud['mfdStocks'] || [];
+    //             let sumOfAllStocks=0
+    //             for(let i in mfdStocks){
+    //                 let ds=mfdStocks[i];
+    //                 sumOfAllStocks+=parseInt(ds.stock);
+    //             }
+
+    //             if(sumOfAllStocks>product_stock){
+    //                 notify('Sum of all MFD stock cannot be greater than product stock count!');
+    //                 skud[key]=old_val;
+    //                 skud[old_key]=old_val;
+    //             }
+    //             else{
+    //                 skud[old_key]=val;
+    //             }
+    //         }
+    //         else{
+    //             skud[old_key]=val;
+    //         }
+        
+
+    //         skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+    //         setSKUStockData(allSKUData);
+    //         setHasUnsavedChanges(true);
+    //         setrerenderdata(!rerenderdata);
+    //     }
+    // }
+
+    function openAddStkModal(cat,skuItem){
+        setCurrentBrand(cat);
+        setCurrentProduct(skuItem);
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':cat.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+
+        setShowStockModal(true);
+        // let mfdStocks=skud['mfdStocks'] || [];
+        // let product_stock=skud['Stock'];
+        // let product_ex_stock=skud['ExpiryStock'];
+        
+        // if(product_stock==null || product_stock==''){
+        //     notify('Please enter sku stock first!');
+        // }
+        // else if(product_ex_stock==null || product_ex_stock==''){
+        //     notify('Please enter expiry stock first!');
+        // }
+        // else{
+            
+        // }
+        
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false)
+    }
+
+    function setStockDate(date){
+        let d1=moment(date).format('DD/MM/YYYY');
+        let cstock=currentStock;
+        cstock['date']=date;
+        cstock['mfd']=d1;
+        setCurrentStock(cstock);
+        setShowDatePicker(false);
+    }
+
+    function setCS_Stock(key,val,type=''){
+        if(type=='numeric' && val!=''){
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric=regex.test(val);
+            if(!isNUmeric){
+                notify(ST.Pleaseenterwholenumbersonly,'SHORT');
+                return;
+            }
+        }
+        
+        let cstock=currentStock;
+        cstock[key]=val;
+        console.log(key,val)
+        setCurrentStock(cstock);
+        setrerendermodal(!rerendermodal);
+    }
+
+   
+
+    function getAllSum(mfdStocks=[],cstock={}){
+        let {mfd,date,stock}=cstock
+        let sumOfAllStocks=parseInt(stock);
+        return new Promise((resolve,reject)=>{
+            if(mfdStocks.length>0){
+                for(let i in mfdStocks){
+                    let ds=mfdStocks[i];
+                    sumOfAllStocks+=parseInt(ds.stock);
+                    if(i==mfdStocks.length-1){
+                        resolve(sumOfAllStocks)
+                    }
+                }
+            }
+            else{
+                resolve(sumOfAllStocks)
+            }
+        }).catch((err)=>{
+            console.log(err);
+            return 0;
+        })
+    }
+
+    async function addMFDStock(){
+        Keyboard.dismiss();
+        let cat=currentBrand
+        let skuItem=currentProduct
+        let cstock=currentStock;
+        var allSKUData=SKUStockData;
+        let defData={'CategoryId':cat.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skuItem.ProductId);
+        var skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        let mfdStocks=skud['mfdStocks'] || [];
+        let product_total_stock=skud['Stock'];
+        let product_damage_stock=parseInt(skud['DamagedStock'] || 0);
+        let product_lost_stock=parseInt(skud['LostStock'] || 0);
+        let product_ex_stock=parseInt(skud['ExpiryStock'] || 0);
+        
+        let product_stock=product_ex_stock;//product_total_stock-(product_damage_stock+product_lost_stock+product_ex_stock);
+        let {mfd,date,stock,lotno}=cstock
+
+
+        
+
+        if(mfd==null || mfd==''){
+            notify(ST.Pleaseselectdate);
+            return ;
+        }
+        else if(stock==null || stock==''){
+            notify(ST.Pleaseenterstock);
+            return ;
+        }
+        else if(lotno==null || lotno==''){
+            notify(ST.Pleaseenterlotno);
+            return ;
+        }
+        else if(mfdStocks.findIndex(i=>i.mfd==mfd)>=0){
+            notify(ST.ThisdateisalreadyaddedPleaseselectdifferentdate);
+            return ;
+        }
+        else {
+            // let sumOfAllStocks=await getAllSum(mfdStocks,cstock);
+            // console.log('product_stock',product_stock,',sum:',sumOfAllStocks,JSON.stringify(SKUStockData))
+            // if(product_stock!==0 && (product_stock==null || product_stock=='')){
+            //     notify('Please enter sku stock');
+            //     return ;
+            // }
+            // else if(sumOfAllStocks>product_stock){
+            //     notify('Sum of all MFD stock cannot be greater than product stock count!');
+            //     return ;
+            // }else{
+                console.log('added')
+                mfdStocks.push(cstock);
+                skud['mfdStocks']=mfdStocks;
+                skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+                setSKUStockData(allSKUData);
+                setHasUnsavedChanges(true);
+                setrerenderdata(!rerenderdata);
+                setCurrentStock({});
+                setShowStockModal(false);
+            // }
+            
+        }
+    }
+
+
+    function removeMFDStock(){
+        let cat=toRemoveCat;
+        let skuItem=toRemoveSKU;
+        let cstockIndex=toRemoveId;
+        let allSKUData=SKUStockData;
+        let defData={'CategoryId':cat.CategoryId,'ProductId':skuItem.ProductId};
+        const skud_index=allSKUData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skuItem.ProductId);
+        const skud=skud_index>=0?(allSKUData[skud_index] || defData) : defData;
+        let mfdStocks=skud['mfdStocks'] || [];
+        mfdStocks.splice(cstockIndex,1);
+        skud['mfdStocks']=mfdStocks;
+
+        skud_index>=0?allSKUData[skud_index]=skud:allSKUData.push(skud);
+        setShowRemoveConfirm_M(false);
+        setSKUStockData(allSKUData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showRemoveConfirm(cat,skuItem,cstock,cstockIndex){
+        setToRemoveId(cstockIndex);
+        setToRemoveCat(cat);
+        setToRemoveSKU(skuItem);
+        setShowRemoveConfirm_M(true);
+    }
+
+    function FilterStores(searchedQry){
+        searchedQry=searchedQry.toLowerCase();
+        console.log('searchedQry',searchedQry);
+        let arr=[];
+        var arr2={};
+        var newBrand={};
+        if(searchedQry!=null && searchedQry!=''){
+            // globalBrandData.map((item,index)=>{
+            for(let i=0;i<globalBrandData.length;i++){
+                let item=globalBrandData[i];
+                let brandList=item.brandList || [];
+                arr2={ 'CategoryId':item.CategoryId,'CategoryName':item.CategoryName,"MSL":item.MSL,"IMAGE":(item.IMAGE || ''),'IMAGEPATH':(item.IMAGEPATH || ''),'isCollapsed':item.isCollapsed};
+                
+                let newBrandList=[];
+                for(let j=0;j<brandList.length;j++){
+                    let brand=brandList[j];
+                    let skulist=brand.skulist || [];
+                    newBrand={'BrandName':brand.BrandName,'BrandId':brand.BrandId,'isCollapsed':brand.isBrandCollapsed };
+
+                    let newSkulist=[];
+                    for(let k=0;k<skulist.length;k++){
+                        let sku=skulist[k];
+                        let {ProductName}=sku;
+                        if(ProductName.toLowerCase().includes(searchedQry)){
+                            newSkulist.push(sku);
+                        }
+
+                        if(k==skulist.length-1){
+                            newBrand.skulist=newSkulist;
+                            
+                            if(newBrand.skulist.length>0){
+                                newBrandList.push(newBrand);
+                                if(j==brandList.length-1){
+                                    arr2.brandList=newBrandList;
+                                    arr.push(arr2);
+                                }
+                            }
+
+                        }
+                    }
+                }
+
+                
+            }
+        }
+        else{
+          arr=globalBrandData;
+        }
+
+        console.log('globalBrandData:',globalBrandData)
+        setBrandData(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function renderDatePicker(){
+        let today=new Date();
+        console.log('today:',today);
+        let d1=Object.keys(currentStock).length>0 && currentStock.date!=null && currentStock.date!='' ?new Date(currentStock.date):new Date();
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={d1}
+            mode={'date'}
+            display="default"  
+            // maximumDate={today}
+            onChange={(event, selectedDate)=>{setStockDate(selectedDate)}}
+            />    
+        );
+    }
+
+    function _render_StockModal(){
+        let mfd=Object.keys(currentStock).length>0 && currentStock.mfd!=null && currentStock.mfd!='' ?currentStock.mfd:'';
+        let stock=Object.keys(currentStock).length>0 && currentStock.stock!=null?currentStock.stock:'';
+        let lotno=Object.keys(currentStock).length>0 && currentStock.lotno!=null?currentStock.lotno:'';
+        
+        return (
+          <CustomModal2
+            style={customStyle.storelVisitM_Style}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            title={ST.AddNearExpiryStock}
+            showModal={showStockModal}
+          >
+            <View style={customStyle.AddStockM_View}>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>{ST.ExpiryDate}</Text>
+                    <View style={[customStyle.AddStockM_col,customStyle.AddStockM_MFDInputCon]} >
+                        <Text style={customStyle.AddStockM_MFDInput}>{mfd}</Text>
+                        
+                        <TouchableOpacity style={customStyle.AddStockM_DatePicker} onPress={()=>{setShowDatePicker(true);}}>
+                            <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                        </TouchableOpacity>
+                    </View>
+                    {showDatePicker==true && 
+                        renderDatePicker()
+                    } 
+                </View>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>{ST.Stock}</Text>
+                    <View style={customStyle.AddStockM_col} >
+                        <TextInput 
+                            style={[customStyle.AddStockM_InputStyle]}
+                            placeholder=""
+                            placeholderTextColor={PageTheme.$placeholder_color} 
+                            keyboardType={'number-pad'}
+                            value={stock}
+                            onChangeText={(val)=>{setCS_Stock('stock',val,'numeric')}}
+                            autoComplete='off'
+                        />
+                    </View>
+                </View>
+                <View style={customStyle.AddStockM_row} >
+                    <Text style={customStyle.AddStockM_label}>{ST.LotNo}</Text>
+                    <View style={customStyle.AddStockM_col} >
+                        <TextInput 
+                            style={[customStyle.AddStockM_InputStyle]}
+                            placeholder=""
+                            placeholderTextColor={PageTheme.$placeholder_color} 
+                            // keyboardType={'number-pad'}
+                            value={lotno}
+                            onChangeText={(val)=>{setCS_Stock('lotno',val,'')}}
+                            autoComplete='off'
+                        />
+                    </View>
+                </View>
+            </View>
+            <View style={[customStyle.storelVisitM_options,{justifyContent:'space-between'}]}>
+             <TouchableOpacity style={[customStyle.storelVisitM_op_btn,customStyle.AddStockM_cancelBtn]} onPress={()=>{setCurrentStock({});setShowStockModal(false);}}>
+                <Text style={[customStyle.storelVisitM_op_btnText,customStyle.AddStockM_cancelBtnText]}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={[customStyle.storelVisitM_op_btn,customStyle.AddStockM_Btn]} onPress={()=>{addMFDStock()}}>
+                <Text style={customStyle.storelVisitM_op_btnText}>{ST.Add}</Text>
+              </TouchableOpacity>
+            </View>
+            
+          </CustomModal2>
+        )
+     }
+
+    
+    function toggleCollapse(cat={},catIndex){
+        let allData=brandData;
+        let isCollapsed=cat.isCollapsed;
+        cat['isCollapsed']=!isCollapsed;
+        allData[catIndex]=cat;
+        setBrandData(allData);
+        setGlobalBrandData(allData);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    function toggleCollapse2(cat={},catIndex,brand={},brand_index){
+        let allData=brandData;
+        let isBrandCollapsed=brand.isBrandCollapsed;
+        let brandList=cat.brandList || [];
+        console.log('already brandList len:',brandList.length);
+        brand['isBrandCollapsed']=!isBrandCollapsed;
+        brandList[brand_index]=brand;
+        cat['brandList']=brandList;
+        allData[catIndex]=cat;
+        setBrandData(allData);
+        setGlobalBrandData(allData);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function _renderStocks(){
+
+        let isHdrImgIndex=KPIFields.findIndex(i=>i.KPIFieldName=='HeaderImageAllow')
+        let isHdrImgKPIObj=isHdrImgIndex>=0?KPIFields[isHdrImgIndex]:{};
+        let isHdrImgEnable=isHdrImgIndex>=0?isHdrImgKPIObj['KPIFieldEnable']:false;
+
+        
+
+        let isListedSKUIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ListedSKU')
+        let isListedSKUKPIObj=isListedSKUIndex>=0?KPIFields[isListedSKUIndex]:{};
+        let isListedSKUEnable=isListedSKUIndex>=0?isListedSKUKPIObj['KPIFieldEnable']:true;
+
+        let isStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='Stock')
+        let isStockKPIObj=isStockIndex>=0?KPIFields[isStockIndex]:{};
+        let isStockEnable=isStockIndex>=0?isStockKPIObj['KPIFieldEnable']:true;
+        let isStockDis_Name=isStockIndex>=0?isStockKPIObj['KPIFieldDisplayName']:'';
+        
+        let isBRStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='BackRoomStock')
+        let isBRStockKPIObj=isBRStockIndex>=0?KPIFields[isBRStockIndex]:{};
+        let isBRStockEnable=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldEnable']:true;
+        let isBRStockDis_Name=isBRStockIndex>=0?isBRStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isDStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='DamageStock')
+        let isDStockKPIObj=isDStockIndex>=0?KPIFields[isDStockIndex]:{};
+        let isDStockEnable=isDStockIndex>=0?isDStockKPIObj['KPIFieldEnable']:false;
+        let isDStockDis_Name=isDStockIndex>=0?isDStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isLStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='LostStock')
+        let isLStockKPIObj=isLStockIndex>=0?KPIFields[isLStockIndex]:{};
+        let isLStockEnable=isLStockIndex>=0?isLStockKPIObj['KPIFieldEnable']:false;
+        let isLStockDis_Name=isLStockIndex>=0?isLStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isExStockIndex=KPIFields.findIndex(i=>i.KPIFieldName=='ExpiredStock')
+        let isExStockKPIObj=isExStockIndex>=0?KPIFields[isExStockIndex]:{};
+        let isExStockEnable=isExStockIndex>=0?isExStockKPIObj['KPIFieldEnable']:false;
+        let isExStockDis_Name=isExStockIndex>=0?isExStockKPIObj['KPIFieldDisplayName']:'';
+
+        let isMFDIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MFD')
+        let isMFD_KPIObj=isMFDIndex>=0?KPIFields[isMFDIndex]:{};
+        let isMFDEnable=isMFDIndex>=0?isMFD_KPIObj['KPIFieldEnable']:false;
+        let isMFDDis_Name=isMFDIndex>=0?isMFD_KPIObj['KPIFieldDisplayName']:'';
+        
+        let NrExpiry1Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry1')
+        let NrExpiry1KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry1Index]:{};
+        let NrExpiry1Enable=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldEnable']:false;
+        let NrExpiry1_Dis_Name=NrExpiry1Index>=0?NrExpiry1KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry2Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry2')
+        let NrExpiry2KPIObj=NrExpiry2Index>=0?KPIFields[NrExpiry2Index]:{};
+        let NrExpiry2Enable=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldEnable']:false;
+        let NrExpiry2_Dis_Name=NrExpiry2Index>=0?NrExpiry2KPIObj['KPIFieldDisplayName']:'';
+
+        let NrExpiry3Index=KPIFields.findIndex(i=>i.KPIFieldName=='NrExpiry3')
+        let NrExpiry3KPIObj=NrExpiry1Index>=0?KPIFields[NrExpiry3Index]:{};
+        let NrExpiry3Enable=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldEnable']:false;
+        let NrExpiry3_Dis_Name=NrExpiry1Index>=0?NrExpiry3KPIObj['KPIFieldDisplayName']:'';
+
+        let MSLIndex=KPIFields.findIndex(i=>i.KPIFieldName=='MSL');
+        let MSLObj=MSLIndex>=0?KPIFields[MSLIndex]:{};
+        let isMSLAllow=MSLIndex>=0?MSLObj['KPIFieldEnable']:true;
+
+        let NONMSL_Index=KPIFields.findIndex(i=>i.KPIFieldName=='ChildImageAllow');
+        let NONMSL_Obj=NONMSL_Index>=0?KPIFields[NONMSL_Index]:{};
+        let isNONMSL_Allow=NONMSL_Index>=0?NONMSL_Obj['KPIFieldEnable']:true;
+
+        
+
+        // isMandatory=true;
+
+
+        return (
+            <KeyboardAvoidingView style={[customStyle.keyba_view,customStyle.keyba_viewContent]} behavior="position" enabled   keyboardVerticalOffset={-100} >  
+            <FlatList 
+            data={brandData}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.opening_Stock_scroll} 
+            style={customStyle.opening_Stock_scrollOuter}
+            renderItem={({item,index})=>{
+                const cat=item;
+                const cindex=catImages.findIndex(i=>i.CategoryId==item.CategoryId);
+                const cimgName=cindex>=0?(catImages[cindex]?catImages[cindex].ImageName:''):'';
+                const cimgPath=cindex>=0?(catImages[cindex]?catImages[cindex].ImagePath:''):'';
+                const showIMg=cimgPath!='' && cimgPath!=null;
+
+                console.log('brand render:',item.brandList.length);
+
+                let isCollapsed=cat.isCollapsed!=null?item.isCollapsed:false;
+               
+                // let isHdrImgDis_Name=isHdrImgIndex>=0?isHdrImgKPIObj['KPIFieldDisplayName']:'';
+                return(
+                    <View style={customStyle.opening_Stock_wrap}>
+                        <View style={customStyle.opening_Stock_cat}>   
+                            <TouchableOpacity activeOpacity={0.5} style={customStyle.opening_Stock_catHdr} onPress={()=>{toggleCollapse(cat,index)}}>                  
+                                <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_catInner}>
+                                    <Text style={customStyle.opening_Stock_catText}>{item.CategoryName}</Text>
+                                </LinearGradient>
+                                {isCollapsed==true && <Entypo name={'chevron-down'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_catHdrIcon}/>}
+                                {isCollapsed==false && <Entypo name={'chevron-up'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_catHdrIcon}/>}
+                            </TouchableOpacity>       
+                            {( !isCollapsed && isHdrImgEnable==true) && 
+                            <View style={customStyle.osCat_actions}>
+                                
+                                { !showIMg && 
+                                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(item)}}>
+                                        <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                    </TouchableOpacity>
+                                }
+                                { showIMg && 
+                                    <View style={customStyle.osCatImageView}>
+                                        <Image style={customStyle.osCatImage} source={{uri:cimgPath}}/>
+                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(item)}}>
+                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                        </TouchableOpacity>
+                                    </View>                                    
+                                }                                
+                            </View>}
+                        </View>
+                        { !isCollapsed &&
+                            item.brandList!=null && item.brandList.length>0 && 
+                            item.brandList.map((brand,brand_index)=>{
+                                let isBrandCollapsed=brand.isBrandCollapsed!=null?brand.isBrandCollapsed:false;
+                                console.log('brand render:',brand.BrandName,', cat:',item.CategoryName);
+
+                                return (
+                                    <View key={brand_index+'_brands'}>
+                                        <TouchableOpacity activeOpacity={0.5} style={customStyle.opening_Stock_SubCatHdr} onPress={()=>{toggleCollapse2(cat,index,brand,brand_index)}}>                  
+                                            <LinearGradient colors={[PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.opening_Stock_SubCatInner}>
+                                                <Text style={customStyle.opening_Stock_SubCatText}>{brand.BrandName}</Text>
+                                            </LinearGradient>
+                                            {isBrandCollapsed==true && <Entypo name={'chevron-down'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_SubCatIcon}/>}
+                                            {isBrandCollapsed==false && <Entypo name={'chevron-up'} color={PageTheme.$text_color} size={20} style={customStyle.opening_Stock_SubCatIcon}/>}
+                                        </TouchableOpacity>
+                                       
+                                        <View style={customStyle.opening_Stock_prds}>
+                                        { !isBrandCollapsed &&
+                                            
+                                            <FlatList 
+                                            data={brand.skulist}
+                                            extraData={rerenderdata2}
+                                            listKey={(i,skuIndex)=>{ return skuIndex;}}
+                                            renderItem={({item,index})=>{
+                                                
+                                            const skus=item;
+                                            const sku_index=index;
+                                            let thisCatSkuData_i=SKUStockData.findIndex(i=>i.CategoryId==cat.CategoryId && i.ProductId==skus.ProductId);
+                                            let thisCatSkuData=thisCatSkuData_i>=0?(SKUStockData[thisCatSkuData_i] || {}):{};
+                                            let stock=thisCatSkuData.Stock!=null?thisCatSkuData.Stock:'';
+                                            let br_stock=thisCatSkuData.BackRoomStock!=null?thisCatSkuData.BackRoomStock:'';
+                                            let Old_Stock=thisCatSkuData.Old_Stock!=null?thisCatSkuData.Old_Stock:'';
+                                            let OldDamagedStock=thisCatSkuData.OldDamagedStock!=null?thisCatSkuData.OldDamagedStock:'';
+                                            let OldLostStock=thisCatSkuData.OldLostStock!=null?thisCatSkuData.OldLostStock:'';
+                                            let OldExStock=thisCatSkuData.OldExStock!=null?thisCatSkuData.OldExStock:'';
+                                            let isSKUPresent=thisCatSkuData.isSKUPresent!=null?thisCatSkuData.isSKUPresent:0;
+                                            let showAllSKU_Fields=thisCatSkuData.showAllSKU_Fields!=null?thisCatSkuData.showAllSKU_Fields:false;
+
+                                            let ex_stock=thisCatSkuData.ExpiryStock!=null?thisCatSkuData.ExpiryStock:'';
+                                            let damage_stock=thisCatSkuData.DamagedStock!=null?thisCatSkuData.DamagedStock:'';
+                                            let lost_stock=thisCatSkuData.LostStock!=null?thisCatSkuData.LostStock:'';
+                                            let mfdStocks=thisCatSkuData.mfdStocks || [];
+
+                                            let NearExpiry_stock1=thisCatSkuData.NearExpiry1!=null?thisCatSkuData.NearExpiry1:'';
+                                            let NearExpiry_stock2=thisCatSkuData.NearExpiry2!=null?thisCatSkuData.NearExpiry2:'';
+                                            let NearExpiry_stock3=thisCatSkuData.NearExpiry3!=null?thisCatSkuData.NearExpiry3:'';
+
+                                            let isMandatory=((isMSLAllow==1 || isMSLAllow=='true') && (skus.MSL==1 || skus.MSL=='true') ) || ((isNONMSL_Allow==1 || isNONMSL_Allow=='true') && (skus.MSL!=1 && skus.MSL!='true') ) 
+
+                                            // console.log('skus.MSL:',skus.MSL);
+
+                                            return(
+                                                <View style={[customStyle.openStk_prd_Con,(isMandatory?{backgroundColor:PageTheme.$fifth_color}:{})]} key={sku_index}>
+                                                    {isListedSKUEnable==true && 
+                                                    <View style={customStyle.openStkP_checkboxWrap}>
+                                                        <View style={customStyle.openStkP_checkboxCon}>
+                                                        <CheckBox
+                                                        boxType='square'
+                                                        value={(isSKUPresent==1)}
+                                                        onValueChange={(val)=>{console.log('valchange:',val); let val1=(val==true)?1:0; onStockValChange(cat,skus,val1,'isSKUPresent','') }}
+                                                        style={[customStyle.openStkP_checkbox,(Platform.OS=='ios'?{height:20,width:20,marginTop:8,marginLeft:8,}:{})]}
+                                                        
+                                                        tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                                                        />
+                                                        </View>
+                                                        <Text style={[customStyle.openStk_prd_name,customStyle.openStkP_checkbox_pName]}>{skus.ProductName}</Text>
+                                                    </View>
+                                                    }
+
+                                                    {isListedSKUEnable!=true && <Text style={customStyle.openStk_prd_name}>{skus.ProductName}</Text>}
+                                                    {((isListedSKUEnable==true && showAllSKU_Fields==true) || isListedSKUEnable==false) && 
+                                                    <View style={customStyle.openStk_prd_form}>
+                                                        {(isStockEnable==true) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(stock+'' || '')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'Stock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'Stock','Old_Stock',Old_Stock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isBRStockEnable==true) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isBRStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(br_stock+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'BackRoomStock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'Stock','Old_Stock',Old_Stock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isDStockEnable==true) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isDStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(damage_stock+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'DamagedStock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'DamagedStock','OldDamagedStock',OldDamagedStock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isLStockEnable==true) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isLStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(lost_stock+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'LostStock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'LostStock','OldLostStock',OldLostStock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isExStockEnable==true ) &&
+                                                        // && !isMFDEnable
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{isExStockDis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(ex_stock+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'ExpiryStock','numeric')}}
+                                                                    autoComplete='off'
+                                                                    // onEndEditing={(e)=>{ checkStockVal(cat,skus,'ExpiryStock','OldExStock',OldExStock)}}
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        
+                                                        {(NrExpiry1Enable==true ) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry1_Dis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(NearExpiry_stock1+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'NearExpiry1','numeric')}}
+                                                                    autoComplete='off'
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(NrExpiry2Enable==true ) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry2_Dis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(NearExpiry_stock2+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'NearExpiry2','numeric')}}
+                                                                    autoComplete='off'
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(NrExpiry3Enable==true ) &&
+                                                        <View style={[customStyle.openStk_prd_row,customStyle.mb10]}>
+                                                            <View style={[customStyle.openStk_prd_colflex]}>
+                                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{NrExpiry3_Dis_Name}</Text>
+                                                                <TextInput 
+                                                                    style={[customStyle.openStk_prd_inputStyle,customStyle.openStk_prd_flex_inputStyle,customStyle.stk_inptSTyle]}              
+                                                                    placeholder=""            
+                                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                    value={(NearExpiry_stock3+'')}
+                                                                    keyboardType='number-pad'
+                                                                    onChangeText={(val)=>{ onStockValChange(cat,skus,val,'NearExpiry3','numeric')}}
+                                                                    autoComplete='off'
+                                                                />
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                        {(isMFDEnable==true) &&
+                                                        <View style={[customStyle.stk_mfdView,customStyle.mb10]}>
+                                                            <Text style={customStyle.stk_mfdTbl_hd}>{isMFDDis_Name}</Text>
+                                                            <TouchableOpacity style={customStyle.stk_addStockBtn} onPress={()=>{openAddStkModal(cat,skus)}}>
+                                                                <Text style={customStyle.stk_addStockBtnText}>{ST.Add}</Text>
+                                                            </TouchableOpacity>
+                                                            <View style={customStyle.stk_mfdTblHeader}>
+                                                                <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox1]}>
+                                                                <Text style={customStyle.stk_mfdTblHeaderTxt}>{ST.Date}</Text>
+                                                                </View>
+                                                                <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox2]}>
+                                                                <Text style={customStyle.stk_mfdTblHeaderTxt}>{ST.Stock}</Text>
+                                                                </View>
+                                                                <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox3]}>
+                                                                <Text style={customStyle.stk_mfdTblHeaderTxt}>{ST.LotNo}</Text>
+                                                                </View>
+                                                                <View style={[customStyle.stk_mfdTblHeaderBox,customStyle.stk_mfdTblHeaderBox4]}>
+                                                                <Text style={customStyle.stk_mfdTblHeaderTxt}>{ST.Actions}</Text>
+                                                                </View>
+                                                            </View>
+                                                            
+                                                            <View style={customStyle.stk_mfdTblBody}>
+                                                                {
+                                                                    mfdStocks.map((mfd_Item,mfd_index)=>{
+                                                                        let mfd=mfd_Item.mfd || '';
+                                                                        let stock=mfd_Item.stock || '';
+                                                                        let lotno=mfd_Item.lotno || '';
+                                                                        
+                                                                        return(
+                                                                        <View key={'mfd'+mfd_index} style={[customStyle.stk_mfdTblrow,((index==mfdStocks.length-1)?customStyle.stk_mfdTblrow_last:{})]}>
+                                                                            <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol1]}>
+                                                                                <Text style={customStyle.stk_mfdTblColText}>{mfd}</Text>
+                                                                            </View>
+                                                                            <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol2]}>
+                                                                                <Text style={customStyle.stk_mfdTblColText}>{stock}</Text>
+                                                                            </View>
+                                                                            <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol3]}>
+                                                                                <Text style={customStyle.stk_mfdTblColText}>{lotno}</Text>
+                                                                            </View>
+                                                                            <View style={[customStyle.stk_mfdTblCol,customStyle.stk_mfdTblCol4]}>
+                                                                                <TouchableOpacity style={customStyle.stk_mfdTbl_DeleteBtn} onPress={()=>{showRemoveConfirm(cat,skus,mfd_Item,mfd_index)}}>
+                                                                                    <Ionicons name='trash' color={PageTheme.$red} size={18} />
+                                                                                </TouchableOpacity>
+                                                                            </View>
+                                                                        </View>
+                                                                        )
+                                                                    })
+                                                                }
+                                                            </View>
+                                                        </View>
+                                                        }
+                                                    </View>
+                                                    }
+                                                </View>
+                                            )
+                                            }}/>
+                                        }
+                                    </View>
+                                    </View>
+                                )
+                            })
+                        }
+                        
+                    </View>
+                );
+            }}
+            />
+            </KeyboardAvoidingView>   
+        )
+    }
+    
+    
+   
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showRemoveConfirm_M,()=>{setShowRemoveConfirm_M(false)},removeMFDStock,ST.Doyoureallywanttoremovethisstock)}
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {rerendermodal==rerendermodal && _render_StockModal()}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          <View style={customStyle.storel_searchbar}>
+              <TextInput 
+                style={[customStyle.storel_searchInput]}
+                placeholder={ST.SearchByProductName}
+                placeholderTextColor={PageTheme.$placeholder_color} 
+                value={searchedItem}
+                onChangeText={(val)=>{setSearchedItem(val); FilterStores(val)}}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={()=>{FilterStores(searchedItem)}}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color}/>
+              </TouchableOpacity>
+          </View>
+          { Object.keys(storeData).length>0 &&     
+              _renderStocks()
+          }
+        
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{submitOpeningStock()}}/> 
+            </View>  
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(Stock);
\ No newline at end of file
diff --git a/src/screens/StoreDailyMenu.js b/src/screens/StoreDailyMenu.js
new file mode 100644
index 0000000..6052c92
--- /dev/null
+++ b/src/screens/StoreDailyMenu.js
@@ -0,0 +1,416 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useIsFocused, useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import {checkFilledSurveys, getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_GetAvailabityDefaultData, Q_getCategoryforAdditional, Q_getdefaltShareofSelf, Q_getpaidvisibility, Q_getpromotionmappingList, Q_getSamplingData, Q_getSurveys, Q_MenuList} from '../constants/ConstantQueries';
+
+import grey_bg_image from '../assets/performics/circle_grey.svg';
+import { SvgXml } from 'react-native-svg';
+
+function StoreDailyMenu(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [StoreIntro, setStoreIntro] = useState(false);
+    const [StorePhotosDone, setStorePhotosDone] = useState(false);
+    const [StoreSKUPhotosDone, setStoreSKUPhotosDone] = useState(false);
+    const [StoreSKUActPhotosDone, setStoreSKUActPhotosDone] = useState(false);
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [dailyMenu, setDailyMenu] = useState([]);
+    const [refreshMenuStatus, setRefreshMenuStatus] = useState(false);
+    const [checkAvailable, setcheckAvailable] = useState(false);
+    const [refreshMenuRender, setRefreshMenuRender] = useState(0);
+    const [isLoaded, setIsLoaded] = useState(false);
+    const [EmpData, setEmpData] = useState([]);
+    const [isNPNDScreen, setisNPNDScreen] = useState(false);
+
+    const isNPNDRef=useRef(isNPNDScreen)
+
+  
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...')
+       let params=props.route.params? props.route.params:{};
+       let storeData1=params.storeData || {};
+       let isAdhoc=params.isAdhoc!=null?params.isAdhoc:false;
+       let empData1=params.empData || {};
+       let isNPND=params.isNPND!=null?params.isNPND:false;
+      
+       isNPNDRef.current=isNPND
+       setisNPNDScreen(isNPND);
+       setIsAdhocScreen(isAdhoc);
+       setStoreData(storeData1);
+       setEmpData(empData1);
+       
+        getDailyMenu(storeData1,false,isAdhoc,isNPND);
+        const willFocusSubscription = props.navigation.addListener('focus', () => {
+          console.log('storedailymenu onfocus');
+          getDailyMenu(storeData1,false,isAdhoc,isNPNDRef.current);
+        });
+
+        return willFocusSubscription;
+    }, []);
+
+    // useEffect(() => { 
+    //   if(refreshMenuStatus==true){
+    //     updateStatus();
+    //   }       
+    // }, [refreshMenuStatus]);
+
+    // useEffect(() => { 
+    //   if(checkAvailable==true){
+    //     checkAvailability();
+    //   }       
+    // }, [checkAvailable]);
+
+    useEffect(() => {
+      console.log('AutoGoToPrev dailmenu onchange',props.AutoGoToPrev);
+      if(props.AutoGoToPrev==true){
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        getDailyMenu(storeData1,true,isAdhocScreen,isNPNDRef.current);
+      }
+    }, [props.AutoGoToPrev]);
+
+
+    const isFocused = useIsFocused();
+    const [prevRoute , setprevRoute] = useState('')
+
+    useEffect(()=> {
+      const routes = props?.navigation?.getState()?.routes;
+      const prevRoute = routes?.[routes.length - 2];
+      console.log("prevRoute?.name",prevRoute?.name)
+      setprevRoute(prevRoute?.name);
+      // if (prevRoute?.name === 'SearchStoreList') {
+      //   props?.navigation.replace('StoreList');
+      // } else {
+      //   props?.navigation.goBack();
+      // }
+    },[isFocused])
+
+
+    async function getDailyMenu(storeData1,isAutoBack=false,isAdhoc=false,isNPND=false){
+      console.log("getDailyMenu called")
+      setProcessing(true);
+        try {   
+          let d1=new Date();
+          let d2=moment(d1).format('MM/DD/YYYY');
+          let {StoreId,ChannelId,RegionId,StoreTypeId}=storeData1;
+          await db.transaction(async function (txn) {        
+             
+            let q=Q_MenuList(storeData1,isAdhoc,isNPND);
+            console.log('KEYYYYYYYYYYYYYYYYq',q)
+            await txn.executeSql(q,[],async function (txn2, txnres) { 
+              if(txnres.rows.length>0){     
+                let arr=[];      
+                let allDone=true;          
+                for(var i=0;i<txnres.rows.length;i++){
+                  let data =txnres.rows.item(i);
+                  let isAvlbl=await checkAvailability(storeData1,data);
+                  let isDone=await updateStatus(storeData1,data,isAvlbl);
+
+
+                  console.log("getdailymenuisdone",isDone)
+
+
+                  data['isAvlbl']=isAvlbl;
+                  data['isKPI_Done']=isDone;
+                  arr.push(data);
+
+                  if(isAvlbl && !isDone){
+                    allDone=false;
+                  }
+
+                  if(i==(txnres.rows.length-1)){
+                    setDailyMenu(arr);
+                    console.log(arr, "ARRAYAYAYA")
+                    setIsLoaded(true);
+                    setProcessing(false);
+                    console.log('isAllKPIDone dailymenu :',allDone,props.AutoGoToPrev,isAutoBack)
+                    if(allDone==true && props.AutoGoToPrev==true && isAutoBack==true){
+                      // props.set_autoback({'AutoGoToPrev':true});
+                      setTimeout(() => {
+                        
+                        // props.navigation.goBack();
+                        if (prevRoute == 'SearchStoreList') {
+                          props?.navigation.replace('StoreList');
+                        } else {
+                          props?.navigation.goBack();
+                        }
+                      },3000);
+                    }
+                  }
+                }
+              }
+              else{
+                setProcessing(false);
+              }
+            },function (txn2, txnerr) { console.log(txnerr); setProcessing(false);},);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function checkAvailability(storeData1,data){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let q2=getAvailblQuery(data.ScreenName,storeData1,data);
+
+          if(data.ScreenName=='POSM'){
+            console.log('POSM query:',q2);
+          }
+          if(q2!='' && q2!=null){
+            await txn.executeSql(q2,[],async function (txn2, txnres2) {  
+              if(data.ScreenName=='POSM'){
+                console.log('POSM count:',txnres2.rows.length);
+                for(var n=0;n<txnres2.rows.length;n++){
+                  let dkeh=txnres2.rows.item(n);
+                  console.log(dkeh);
+                }
+              }             
+
+              let isAvlbl=getIfAvlbl(data.ScreenName,txnres2,storeData1);
+              
+              resolve(isAvlbl);
+            },function (txn2, txnerr) { console.log(txnerr); resolve(false);},);
+          }
+          else{
+            let isAvlbl=getIfAvlbl(data.ScreenName,{},storeData1);
+            resolve(isAvlbl);
+          }
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });     
+    }
+
+    async function updateStatus(storeData1,data,isAvlbl){
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let q2=getQuery(data.ScreenName,storeData1,data);
+          console.log('in store daily menu',data.ScreenName)
+          if(q2!='' && q2!=null && ( isAvlbl==true || isAvlbl.isAvlbl==true)){
+              await txn.executeSql(q2,[],async function (txn2, txnres2) {  
+                
+                console.log(q2, "Query update status of KPI done")
+                let isDone=await getIfKPIDone(data.ScreenName,txnres2,storeData1,isAvlbl,data);
+
+                console.log(isDone , "---update status of KPI done")
+
+                resolve(isDone);
+              },function (txn2, txnerr) { console.log(txnerr); resolve(false);},);
+          }
+          else{
+              resolve(false);
+          }
+        });   
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      }); 
+             
+    }
+   
+    async function gotoKPITaskScreen(item){
+
+      console.log(item, "item.ScreenName")
+
+      switch(item.ScreenName){
+        case 'STOREAUDIT':{
+          gotoPage('SurveyList',item);
+        }
+        return;
+        case 'STOREPHOTO':{
+          gotoPage('StoreImages',item);
+        }
+        return;
+        // case 'COMPETITIONSKU':{
+        //   gotoPage('CompetitionVisibility',item);
+        // }
+        // return;
+        // case 'COMPETITIONACT':{
+        //   gotoPage('CompetitionPromotion',item);
+        // }
+        // return;
+        case  'COMPVISI':{
+          gotoPage('CompetitionVisibility',item);
+        }
+        return;
+        case 'COMPPROMO':{
+          gotoPage('CompetitionPromotion',item);
+        }
+        return;
+        case 'VISIBILITYAUDIT':{
+          gotoPage('VisibilityAuditList',item);
+        }
+        return;
+        case 'POSSALE':{
+          gotoPage('POSSale',item);
+        }
+        return;
+        default:return;
+      }
+    }
+
+    function gotoPage(screenname='',item){
+      props.set_autoback({'AutoGoToPrev':false});
+      props.navigation.navigate(screenname,{storeData:storeData,empData:EmpData,menu:item,'isAdhoc':isAdhocScreen,'isNPND':isNPNDScreen})
+    }
+  
+
+    function _renderLeftMenuItem(index,RowContent){
+      return(
+        <View style={customStyle.dialyMenu_Rows} key={index}> 
+          {RowContent[0]}
+        </View>
+      )
+    }
+
+
+    function _renderRightMenuItem(item,index,RowContent){
+      return(
+        <View style={customStyle.dialyMenu_Rows} key={index}> 
+          {RowContent[0]}
+          {_renderMenuItem(item,index)}
+        </View>
+      )
+
+    }
+
+    function _renderMenuItem(item,index){
+      let newi=index>2?((index%3)):index;
+      let firstitem=(index%2==0)?true:false;            
+      let arr=colors_Arr[newi]?colors_Arr[newi].bg:colors_Arr["0"].bg;
+      let unavlbl_bg=['#bfbfbf','#bfbfbf'];
+      let arr_new=item.isAvlbl==false?unavlbl_bg:arr;
+      let iconColor=colors_Arr[newi]?colors_Arr[newi].color:colors_Arr["0"].color;
+      const imgPath=item.MenuPath+(item.isAvlbl==false?item.GreyIcon:item.NormalIcon);
+      
+      let m_bgimage=colors_Arr[newi]?colors_Arr[newi].bgImage:colors_Arr["0"].bgImage;
+      m_bgimage=item.isAvlbl==false?grey_bg_image:m_bgimage;
+      
+      return(
+        <TouchableOpacity activeOpacity={(item.isAvlbl==false?1:0.7)}  style={[customStyle.daily_menu_outer,firstitem?customStyle.daily_menu_first:{}]} key={index} onPress={() => {if(item.isAvlbl!=false){gotoKPITaskScreen(item)}}}> 
+          <View style={customStyle.daily_menu_tilebgShadow}>
+          <LinearGradient colors={arr_new} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.daily_menu}>
+          </LinearGradient>  
+          <View style={[customStyle.daily_menu_innerImgCon]}> 
+              <SvgXml xml={m_bgimage} width={90} height={90} style={customStyle.daily_menu_bgImg}/>
+          </View>
+          <View style={[customStyle.daily_menu_inner2]}> 
+              {(imgPath!=null && imgPath!='') && <Image source={{uri:imgPath}} style={customStyle.daily_menu_Icon}/>}
+          </View>
+          
+          <Text style={customStyle.daily_menu_title}>{item.MenuName}</Text>
+          {item.isKPI_Done==true &&
+            <View style={customStyle.daily_menu_done}><AntDesign color={'green'} size={30} name='checkcircle'/></View>
+          }  
+          </View>     
+        </TouchableOpacity>
+      )
+    }
+
+
+    function _renderDailyMenu(){
+      var RowContent=[];
+      return(
+        <View style={customStyle.dailymenu_listcon}>
+        <View style={customStyle.dailymenu_list}>
+          {refreshMenuRender==refreshMenuRender && dailyMenu.length>0 &&
+            dailyMenu.map((item,index)=>{ 
+              let firstitem=(index%2==0)?true:false;
+              
+              if(firstitem){
+                var content=_renderMenuItem(item,index);
+                RowContent=[content];
+                if(index==dailyMenu.length-1){
+                  return _renderLeftMenuItem(index,RowContent);
+                }
+              }
+              else{
+                return _renderRightMenuItem(item,index,RowContent);
+              }
+              
+            })
+          }
+          
+        </View>
+        </View>
+      );
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}> 
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={ST.DailyMenu} prevRoute={prevRoute}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&
+            <ScrollView contentContainerStyle={[customStyle.geotag_scroll]} style={{}}>            
+            
+              <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                    <View style={customStyle.storel_card_subtitle}>
+                      <Text style={customStyle.storel_card_subtitleTxt}>{storeData.StoreType}</Text>
+                    </View>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.StoreId+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                    </View>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.StoreCode+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                    </View>
+                  </View>
+                </View>                
+              </View> 
+
+              </View>
+              {isLoaded==true && _renderDailyMenu()}  
+            </ScrollView>
+          }
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(StoreDailyMenu);
\ No newline at end of file
diff --git a/src/screens/StoreDailyMenuCat.js b/src/screens/StoreDailyMenuCat.js
new file mode 100644
index 0000000..5a12298
--- /dev/null
+++ b/src/screens/StoreDailyMenuCat.js
@@ -0,0 +1,221 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import {checkFilledSurveys, getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_GetAvailabityDefaultData, Q_getCategoryforAdditional, Q_getdefaltShareofSelf, Q_getpaidvisibility, Q_getpromotionmappingList, Q_getSamplingData, Q_getSurveys} from '../constants/ConstantQueries';
+
+import grey_bg_image from '../assets/performics/circle_grey.svg';
+import { SvgXml } from 'react-native-svg';
+import CheckBox from '@react-native-community/checkbox';
+
+function StoreDailyMenuCat(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+   
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCategories, setStoreCategories] = useState([]);
+ 
+    const [refreshMenuRender, setRefreshMenuRender] = useState(0);
+   
+    
+  
+    useEffect(() => { 
+       let params=props.route.params? props.route.params:{};
+       let storeData1=params.storeData || {};
+       let isAdhoc=params.isAdhoc || false;
+       setIsAdhocScreen(isAdhoc);
+       setStoreData(storeData1);
+       
+        getStoreCategories(storeData1);
+        const willFocusSubscription = props.navigation.addListener('focus', () => {
+          getStoreCategories(storeData1);
+        });
+
+        return willFocusSubscription;
+    }, []);
+
+   
+
+    // useEffect(() => {
+    //   console.log('AutoGoToPrev dailmenu onchange',props.AutoGoToPrev);
+    //   if(props.AutoGoToPrev==true){
+    //     let params=props.route.params? props.route.params:{};
+    //     let storeData1=params.storeData || {};
+    //     getDailyMenu(storeData1,true);
+    //   }
+    // }, [props.AutoGoToPrev]);
+
+
+    async function getStoreCategories(storeData1){
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+           
+            await db.transaction(async function (txn) {  
+              
+              let join=' INNER join Product_Master p on c.CategoryId=p.CategoryId ';
+              let join2=' INNER join Mapping_ProductAssortment mp on p.ProductId=mp.ProductId ';
+              let q=`SELECT DISTINCT c.CategoryId,c.CategoryName from Master_Category c ${join} ${join2}  where mp.StateId='${StateId}' and mp.ChainId='${ChainId}' and mp.StoreTypeId='${StoreTypeId}' order by p.CategorySequence`;
+              
+              await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                  console.log('cats len:',txnres2.rows.length)
+                  if(txnres2.rows.length>0){
+                      let arr=[];
+                      for(var i=0;i<txnres2.rows.length;i++){
+                          let data =txnres2.rows.item(i);
+                        //   let isDone=await isCatDone(storeData1,data);
+                        //   data['isDone']=isDone;
+                          data['isCatPresent']=false;
+                          arr.push(data);
+                          if(i==txnres2.rows.length-1){
+                            setStoreCategories(arr);
+                            setProcessing(false);
+                          }                                
+                      }
+                      
+                  }else{
+                      setProcessing(false);
+                  }
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        }   
+    }
+
+    async function isCatDone(storeData1,cat){
+        let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+        return await new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {  
+                let seletlist=`STOCK_UID,PRODUCT as ProductName,PRODUCT_ID as ProductId,BRAND as BrandName,BRAND_ID as BrandId,SUB_CATEGORY as SubCategoryName,SUB_CATEGORY_ID as SubCategoryId,MSL,STOCK,BACKROOM_STOCK,DAMAGED_STOCK,LOST_STOCK,EXPIRY_STOCK,IS_SKU_STOCK_PRESENT,NREXPIRY1_STOCK,NREXPIRY2_STOCK,NREXPIRY3_STOCK`;
+                let sku_q=`SELECT ${seletlist} FROM ${AppTables.STOCKWITHCAT_DATA} WHERE STORE_ID='${StoreId}' and CATEGORY_ID='${cat.CategoryId}'    `;
+                await txn.executeSql(sku_q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        resolve(true);
+                    }else{
+                        resolve(false);
+                    }
+                },function (txn2, txnerr) { console.log(txnerr);resolve(false); },);
+                
+              });   
+        }).catch((err)=>{
+            console.log(err);
+            return false;
+        })
+    }
+
+
+    function gotoPage(item){
+      props.set_autoback({'AutoGoToPrev':false});
+      props.navigation.navigate('StoreDailyMenu',{'storeData':storeData,'isAdhoc':isAdhocScreen,'category':item,'CategoryWiseMenu':true});
+    }
+
+    async function setCatSelected(item,index,val){
+        let allData=StoreCategories;
+        let data=allData[index]!=null?allData[index]:{};
+        data['isCatPresent']=val;
+        setStoreCategories(allData);
+        setRefreshMenuRender(!refreshMenuRender);
+    }
+  
+
+
+
+    function _renderCats(){
+   
+      return(
+        <View style={customStyle.catDMenu_listcon}>
+        <View style={customStyle.catDMenu_list}>
+          {refreshMenuRender==refreshMenuRender && StoreCategories.length>0 &&
+            StoreCategories.map((item,index)=>{ 
+                let isCatPresent=item.isCatPresent!=null?item.isCatPresent:false;
+                return (
+                    <TouchableOpacity style={[customStyle.catDMenuI_Wrap]} key={index} onPress={()=>{gotoPage(item);}}>
+                       <View style={customStyle.catDMenuI_CheckBoxCon} >
+                            <CheckBox
+                            boxType='square'
+                            value={(isCatPresent==1)}
+                            onValueChange={(val)=>{console.log('valchange:',val); let val1=(val==true)?1:0; setCatSelected(item,index,val1); }}
+                            style={[customStyle.catDMenuI_CheckBox,(Platform.OS=='ios'?{height:20,width:20,marginTop:8,marginLeft:8,}:{})]}
+                            tintColors={{ true:PageTheme.$primary_color, false:PageTheme.$text_color_light }}
+                            />
+                        </View>
+                        <Text style={[customStyle.openStk_prd_name,customStyle.catDMenuI_CheckBox_pName]}>{item.CategoryName}</Text>
+                    </TouchableOpacity>
+                )
+            })
+          }
+          
+        </View>
+        </View>
+      );
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}> 
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={'Store Categories'}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 &&
+            <ScrollView contentContainerStyle={[customStyle.geotag_scroll]} style={{}}>            
+            
+              <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeLbl}>Store Id:</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                    </View>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>Store Code:</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                    </View>
+                  </View>
+                </View>                
+              </View> 
+
+              </View>
+              {_renderCats()}  
+            </ScrollView>
+          }
+         </View>      
+       </LinearGradient> 
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(StoreDailyMenuCat);
\ No newline at end of file
diff --git a/src/screens/StoreImages.js b/src/screens/StoreImages.js
new file mode 100644
index 0000000..847a486
--- /dev/null
+++ b/src/screens/StoreImages.js
@@ -0,0 +1,193 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert,BackHandler, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+
+
+function StoreImages(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [ImageTypes, setImageTypes] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [EmpData, setEmpData] = useState([]);
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let empData1=params.empData || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setEmpData(empData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1,menu1);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('focus', () => {
+          getData(storeData1,menu1);
+        });
+
+       
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+           props.navigation.removeListener('focus', () => {
+            console.log('storedailymenu onfocus');
+            getData(storeData1,menu1);
+          });
+        };
+    }, []);   
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    function  onBeforeRemove(e){
+        if (hasUnsavedChanges==true) {
+            e.preventDefault(); // Prevent default behavior of leaving the screen
+            onRemoveScreen(e);
+        }
+        else{
+           return;
+        }   
+    }
+    function onRemoveScreen(e){   
+      {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} 
+  
+        // Alert.alert(
+        //     "",
+        //     ST.Doyoureallywanttoexitthescreen,
+        //     [
+        //       {
+        //         text: ST.Cancel,
+        //         onPress: () => {},
+        //         style: "cancel"
+        //       },
+        //       { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+        //     ]
+        //   );
+    }
+    
+
+    async function getData(storeData1,menu1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+        
+          await db.transaction(async function (txn) {  
+            let q=`Select * From Sup_ImageType`;
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        let imageCount=await getImagesCount(storeData1,data);
+                        data['ImageCount']=imageCount;
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setImageTypes(arr);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getImagesCount(storeData1,imageType){
+      return await new Promise((resolve,reject)=>{
+        let {StoreId}=storeData1;
+        db.transaction(async function (txn) {  
+            
+          let q=`Select count(*) as ImageCount From ${AppTables.STORE_IMAGES} where STORE_ID='${StoreId}' and EMP_ID='${storeData1.MerchandiserId}' and VISIT_DATE='${d2}' and IMAGE_TYPE_ID='${imageType.ImageTypeId}'`;
+          await txn.executeSql(q,[],async function (txn2, txnres2) { 
+              if(txnres2.rows.length>0){
+                let data =txnres2.rows.item(0);
+                let count=data.ImageCount;
+                
+                resolve(count);
+              }
+              else{
+                resolve(0);
+              }
+          },function (txn2, txnerr) { console.log(txnerr);resolve(0); },);
+
+        });  
+      }).catch((err)=>{
+        console.log(err);
+        return 0;
+      })
+    }
+   
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper,customStyle.ImageTypesPageWrap]}>
+            <View style={customStyle.ImageTypesLHd}>
+                <Text  style={customStyle.ImageTypesLHdText}>{ST.ImageTypes}</Text>
+            </View>
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={ImageTypes}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.ImageTypesL} 
+            style={customStyle.ImageTypesLOuter}
+            renderItem={({item,index})=>{
+                let ImageCount=item.ImageCount!=null?item.ImageCount:0;
+                return(
+                    <TouchableOpacity style={customStyle.ImageTypesLCon} key={'ImageType'+index} onPress={()=>{props.navigation.navigate('StoreImagesCap',{storeData:storeData,'empData':EmpData,menu:currentMenu,'isAdhoc':isAdhocScreen,imageType:item})}}>
+                        <Text style={customStyle.ImageTypesLName}>{item.ImageType}</Text>
+                        {ImageCount>0 &&
+                          <View style={customStyle.ImageTypesLImageCountBox}>
+                            <Text style={customStyle.ImageTypesLImageCountText}>{ImageCount}</Text>
+                          </View>
+                        }
+                    </TouchableOpacity>
+                );
+            }}
+            />
+          }
+         </View>    
+         
+       </LinearGradient> 
+       
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(StoreImages);
\ No newline at end of file
diff --git a/src/screens/StoreImagesCap.js b/src/screens/StoreImagesCap.js
new file mode 100644
index 0000000..d2cc9a2
--- /dev/null
+++ b/src/screens/StoreImagesCap.js
@@ -0,0 +1,612 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert,BackHandler, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2, validateNumber} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+
+import cameraImg from '../assets/performics/add_image.svg'
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import { ConfirmSaveAlert, ExitScreenAlert } from '../components/alert';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import { getKPIFields } from '../controller/functions';
+
+function StoreImagesCap(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [ImageType, setImageType] = useState({});
+    const [AllImagesData, setAllImagesData] = useState([]);
+    const [rerenderdata, setrerenderdata]= useState(0);
+
+   
+    const [showAlert, setShowAlert] = useState(false);
+    const [showRemoveAlert, setShowRemoveAlert] = useState(false);
+    const [toRemoveIndex, setToRemoveIndex] = useState(0);
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [EmpData, setEmpData] = useState([]);
+    const [MenuConfig, setMenuConfig] = useState([]);
+    // const [KPIFields, setKPIFields] = useState([]);
+    const zoomView=useRef(null);
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        let imageType=params.imageType || {};
+        let empData1=params.empData || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setEmpData(empData1);
+        setCurrentMenu(menu1);
+        setImageType(imageType);
+        
+        getData(storeData1,menu1,imageType);
+        getKPIFieldsmenu(menu1);
+
+       
+
+        // let t={"Uploadxml":"<DATA><USER_DATA><STORE_ID>4521</STORE_ID><CREATED_BY>testpromo</CREATED_BY><VISIT_DATE>06/27/2022</VISIT_DATE><STATUS>U</STATUS></USER_DATA></DATA>"}
+
+        // console.log(JSON.stringify(t));
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);   
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]);   
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+
+    async function getKPIFieldsmenu(menu1){
+       
+        let menuconfig = await getKPIFields(menu1);
+        setMenuConfig(menuconfig)
+     console.log('menuconfig',menuconfig)
+    }
+
+
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+                return;
+            }  
+        } 
+    }
+
+
+    
+    function onRemoveScreen(e){    
+        {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);}  
+        // Alert.alert(
+        //     "",
+        //     ST.Doyoureallywanttoexitthescreen,
+        //     [
+        //       {
+        //         text: ST.Cancel,
+        //         onPress: () => {},
+        //         style: "cancel"
+        //       },
+        //       { text: ST.OK, onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+        //     ]
+        //   );
+    }
+    
+
+    async function getData(storeData1,menu1,imageType){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId,MerchandiserId}=storeData1;
+         
+          
+          await db.transaction(async function (txn) {  
+        
+            
+            let q=`Select * From ${AppTables.STORE_IMAGES} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' and VISIT_DATE='${d2}' and IMAGE_TYPE_ID='${imageType.ImageTypeId}'`;
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                console.log('dataq',q)
+                console.log('txn2',txnres2.rows.length)
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        console.log('data',data)
+                        let imgPath='file://'+common_ImagePath+data.IMAGE;
+                        let obj={'ImageName':data.IMAGE,'ImagePath':imgPath, remark:data.REMARK};
+                        
+                        console.log('check value',obj,"---", data)
+                        arr.push(obj);
+                        if(i==txnres2.rows.length-1){
+                           
+                            setAllImagesData(arr);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                    setProcessing(false);
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+  
+  
+
+    async function getImage(imgdata){
+        let imageTypeName=ImageType.ImageType;
+        let imageTypeId=ImageType.ImageTypeId;
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify(ST.Cameraunavailable);
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl='file://'+img.uri, imgWidth=img.width, imgHeight=img.height;
+            let picture_clicked_time2=new Date();
+            picture_clicked_time2=moment(picture_clicked_time2).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time2;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: '+imageTypeName+' | Date:'+picture_clicked_time2;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+(props.UserId || '')+'_'+imageTypeId+'Img-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                           
+                            // console.log('remarkdata',remarkdata)
+
+                            
+                            let allData=AllImagesData;
+                            let imgData={}
+                            let image_key='ImageName';
+                            let image_path_key='ImagePath';
+                            imgData[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath='file://'+common_ImagePath+filename;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri=imagePath;
+                                // imgData=remarkdata;
+                                console.log('image marker',uri);
+                                imgData[image_path_key]=uri; 
+                                // imgData=remarkdata;
+                                allData.push(imgData);
+                                console.log('alldata',allData)
+                                setAllImagesData(allData);
+                                setHasUnsavedChanges(true);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write fail   ed!!!');
+                                console.log(err.message, err.code);
+                            });
+                                          
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify(ST.Pleasecaptureaimage);
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify(ST.Pleasecaptureaimage);
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(){  
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function removeImage(){
+        let index=toRemoveIndex;
+        let allData=AllImagesData;
+        let imgData=allData[index];
+        let imgPath=imgData.ImagePath || '';
+        if(imgPath!=''){
+            let imgPath1='file://'+imgPath;
+            RNFS.unlink(imgPath1);
+        }
+        allData.splice(index,1);
+        setAllImagesData(allData);
+        setShowRemoveAlert(false);
+        setrerenderdata(!rerenderdata);
+    }
+
+    async function  onRemoveImage(imgName,index){
+        setToRemoveIndex(index);
+        setShowRemoveAlert(true);
+    }
+
+    async function submit(){
+        let isvalid=await validate();
+        console.log('isvalid:',isvalid);
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function validate()
+    {
+        var isValid=true;
+        let isBRStockMandIndex=MenuConfig.findIndex(i=>i.KPIFieldName=='ShowRemark')
+        let isBRStockMandKPIObj=isBRStockMandIndex>=0?MenuConfig[isBRStockMandIndex]:{};
+        let isRemarkEnable=isBRStockMandIndex>=0?isBRStockMandKPIObj['KPIFieldEnable']:false;
+        let isRemarkEnableMand=isBRStockMandIndex>=0?isBRStockMandKPIObj['KPIMandatory']:false;
+    
+        let isRemarkDisName=isRemarkEnable>=0?isBRStockMandKPIObj['KPIFieldDisplayName']:'';
+       
+        
+    
+        if(AllImagesData.length<=0){
+            notify('Please click atleast one image!');
+            console.log('error found');
+            isValid=false;
+        
+         }
+         else if(AllImagesData.length>0){
+            for(var i=0;i<AllImagesData.length;i++){
+            AllImagesData.map((item,index)=>{
+             let Remark=item.remark;
+             console.log('remarkvalid',Remark)
+             console.log('Validate isRemarkEnableMand:',isRemarkEnable,isRemarkEnableMand,(Remark==null || Remark==undefined || Remark=='undefined' || Remark==''));
+                if(isRemarkEnable && isRemarkEnableMand  && (Remark==null || Remark==undefined || Remark=='undefined' || Remark=='') ){
+                notify('Please enter ' + isRemarkDisName+ '!');
+                console.log('error found');
+                isValid=false;
+                }
+         }
+         
+    )}
+        }
+   
+        return isValid;
+    }
+
+    // function onFormDataChange(val,key,type=''){
+       
+    //     let data=AllImagesData;
+    //     data[key]=val;
+    //     setAllImagesData(data);
+    //     setHasUnsavedChanges(true);
+    //     setrerenderdata(!rerenderdata);
+    // }
+
+        
+    function onTextChange(key, val,type='',index){
+        console.log("onTextChange AllImagesData:",AllImagesData,index)
+        if(val!=''){
+            let isValid=validateNumber(val,type);
+            if(!isValid){
+                return;
+            }
+        }
+
+        if(index!=null && index>=0) {
+            let data=AllImagesData;
+            console.log('',AllImagesData)
+            let obj = data[index];
+            obj[key]=val;
+            data[index]=obj;
+            console.log('onTextChangeData',data)
+        
+        
+            setAllImagesData(data);
+            setrerenderdata(!rerenderdata);
+            setHasUnsavedChanges(true);
+        }
+        
+        
+    }
+
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData+'...');
+        setProcessing(true);
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            let imgType=ImageType.ImageType;
+            let imgTypeId=ImageType.ImageTypeId;
+
+            await db.transaction(async function (txn) {   
+
+                let q=`DELETE FROM ${AppTables.STORE_IMAGES} where STORE_ID='${StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' and IMAGE_TYPE_ID='${ImageType.ImageTypeId}' `;
+                //  remove old data
+               
+                await txn.executeSql(q,[],async function (txn2, txnres) { 
+                    console.log('Images data deleted');
+                    let values='';
+                    if(AllImagesData.length>0){
+                    for(var i=0;i<AllImagesData.length;i++){
+                        let imgData=AllImagesData[i];
+                        console.log('saveImageData',imgData)
+                        console.log('saveimgData',imgData)
+                        let img=imgData.ImageName || '';
+                        let remark=imgData.remark
+                        values+=values!=''?' , ':'';
+                        values+=` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${imgTypeId}','${imgType}','${img}','${remark}','${d2}') `;
+                        console.log('values add_HdrData:',values)
+                    }
+                   
+                    let add_HdrData=`INSERT INTO ${AppTables.STORE_IMAGES} (EMP_ID,STORE_ID,VISIT_DATE,IMAGE_TYPE_ID,IMAGE_TYPE,IMAGE,REMARK,ADDED_DATE) VALUES ${values} `;
+                    console.log('add_HdrData',add_HdrData)
+                    console.log('txnres2',txnres)
+                    await txn.executeSql(add_HdrData,[],async function (txn2, txnres) { 
+                      
+                        console.log('Images added');
+                        notify(ST.Imagesaddedsuccessfully);
+                        setProcessing(false);
+                        props.navigation.goBack();
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddimages) },);
+                    }
+                    else{
+                        notify(ST.Imagesaddedsuccessfully);
+                        setProcessing(false);
+                        props.navigation.goBack();
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); },);
+
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    function onRemoveCancel(){
+        setShowRemoveAlert(false);
+    }
+
+
+    async function sendEmail(){
+        console.log('uploadIMage');
+        var message='<html><body><h3>This is Esha </h3></body></html>';
+    
+        await fetch(`http://192.168.2.127:8101/api/email`, {
+            method: 'post',
+            headers: {
+              Accept: 'application/json',
+              'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                To:'eshakhare32@gmail.com',
+                CC:'',
+                Subject:'Test mail',
+                HTMLContent:message,
+            }),
+        })
+        .then((response)=>{
+        //   console.log('response',response);
+          if(response.status === 404) {}else { return response.json()}
+    
+        }).then((response)=>{
+            console.log(response);
+    
+        }).catch((error)=>{
+            console.log('error:',error);
+        })
+    
+    
+    }
+
+    async function showImage(item,index){
+        let ImagePath=item.ImagePath;
+        let imgObj={imgIndex:1,url: ImagePath, props: {}}
+        let arr=[imgObj];
+        setZoomImageUrl(arr);     
+        setShow_zoomImage(true);
+    }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={[customStyle.album_ZOOM_topBar,{backgroundColor:'#000',overflow:'hidden'}]}>
+                {/*,borderWidth:1,borderColor:'#fff',position:'absolute',top:0,zIndex:1  */}
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={[customStyle.album_ZOOM_backBtn]} onPress={()=>{setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#fff'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+
+
+    function _renderImages(){
+        let isBRStockMandIndex=MenuConfig.findIndex(i=>i.KPIFieldName=='ShowRemark')
+        console.log('isBRStockMandIndex',isBRStockMandIndex)
+        let isBRStockMandKPIObj=isBRStockMandIndex>=0?MenuConfig[isBRStockMandIndex]:{};
+        let isBRStockMandEnable=isBRStockMandIndex>=0?isBRStockMandKPIObj['KPIFieldEnable']:false;
+        console.log('isBRStockMandEnable',isBRStockMandEnable)
+        let ShowMBQLabelDisName=isBRStockMandEnable>=0?isBRStockMandKPIObj['KPIFieldDisplayName']:'';
+
+
+        return(
+            <View style={customStyle.ImageCapViewWrap}>
+            {AllImagesData.length>0 &&
+                AllImagesData.map((item,index)=>{
+                    console.log('renderitem',item)
+                    let ImagePath=item.ImagePath;
+                    let ImageName=item.ImageName;
+                    let Remark=item.remark;
+                    console.log('remarkView',Remark)
+                    if(ImagePath!=null && ImagePath!=''){
+                        return (
+                            <View style={[customStyle.ImageCapImgViewOuter,(index%3==0?customStyle.ImageCapImgView1:(index%3==1?customStyle.ImageCapImgView2:customStyle.ImageCapImgView3))]} key={index}>
+                                <TouchableOpacity activeOpacity={0.7} style={[customStyle.ImageCapImgView]} onPress={()=>{showImage(item,index)}}>
+                                    <Image style={customStyle.ImageCapImg} source={{uri:ImagePath}}/>
+                                    <TouchableOpacity style={[customStyle.ImageCapImgRemove]} onPress={()=>{onRemoveImage(ImageName,index)}}>
+                                        <Ionicons name='trash' size={19} color={PageTheme.$accent_color}/>                                   
+                                    </TouchableOpacity>
+                                </TouchableOpacity> 
+                               {
+                                isBRStockMandEnable == true &&
+                                <View style = {[customStyle.Remarkdirection,{height:40}]}>
+                                    {/* <Text style={customStyle.TextRemarkfont}>{ShowMBQLabelDisName}</Text> */}
+                                    <TextInput 
+                                        style={[customStyle.textRemark_Input,{height:40}]}
+                                        placeholderTextColor={PageTheme.$placeholder_color} 
+                                        value ={(Remark)}
+                                        multiline={true}
+                                        onChangeText={(val)=>{onTextChange('remark',val,'text',index)}}
+                                        autoComplete='off'
+                                    />
+                                </View>
+                                }
+                            </View> 
+                        )
+                    }
+                    else
+                    {
+                        return null
+                    }
+                    
+                })
+            }
+            </View>
+        )
+    }
+  
+    return ( 
+        
+
+        
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        {ConfirmSaveAlert(props,showRemoveAlert,onRemoveCancel,removeImage,ST.DoyoureallywanttoremovethisImage)}
+        <CustomCamera cameraType={'back'} enableCameraFlip={true} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper,customStyle.ImgCapWrap]}>
+            <View style={customStyle.ImageTypesLHd}>
+                <Text  style={customStyle.ImageTypesLHdText}>{(ImageType.ImageType!=null?`${ST.Add} ${ImageType.ImageType}`:'')}</Text>
+            </View>
+        
+            {/* <View style={{alignItems:'center'}}>
+            <GradientButton {...props} title={'Send Email'} onPress={()=>{sendEmail()}}/> 
+            </View> */}
+            
+            <ScrollView
+            contentContainerStyle={customStyle.hr_scroll} 
+            style={customStyle.resume_scrollOuter}
+            showsVerticalScrollIndicator={false}>
+                <View style={customStyle.ImageCapCamWrap}>
+           
+                <View style={customStyle.ImageCapCamCon}>
+                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin,{backgroundColor:PageTheme.$secondary_color_dark,borderRadius:13,paddingHorizontal:6,paddingVertical:4,}]} onPress={()=>{openCamera()}}>
+                        <SvgXml width={50} height={50} xml={cameraImg} />                                     
+                    </TouchableOpacity> 
+                    </View>
+                
+                
+            </View>
+            {_renderImages()}
+          
+            </ScrollView>
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{submit()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={[customStyle.album_ZOOM]} imageUrls={zoomImageUrl} 
+            renderHeader={_renderHeader} renderIndicator={()=>null} 
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(StoreImagesCap);
\ No newline at end of file
diff --git a/src/screens/StoreList.js b/src/screens/StoreList.js
new file mode 100644
index 0000000..d452df4
--- /dev/null
+++ b/src/screens/StoreList.js
@@ -0,0 +1,2182 @@
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import Container from '../components/container';
+import { useRoute, useFocusEffect } from '@react-navigation/native';
+import { customStyles, GetPageTheme } from "../styles/Global";
+import { Image, TextInput, View, Text, ScrollView, TouchableOpacity, Platform, FlatList } from 'react-native';
+import { connect } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { checkRange, UploadData2, UpdateStoreStatus, getKPIS, marktext1, marktext2, UploadFormData, getDownloadJson1, fetchProjectConfig } from '../controller/functions';
+import { get_item } from '../components/localStorage';
+import { db, AppVersion } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { AntDesign, Feather, MaterialCommunityIcons } from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import { SvgXml } from 'react-native-svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+import Geolocation from 'react-native-geolocation-service';
+import { getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_MenuList } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { uploadAllData, uploadAllImages, uploadStoreStatus } from '../constants/uploadData';
+import * as RNFS from 'react-native-fs';
+
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CustomCamera from '../components/Camera';
+import StoreItem from '../components/StoreItem';
+
+
+function StoreList(props) {
+   console.log("propss:",props)
+
+   const route = useRoute();
+   const ST = props.StaticText || {};
+
+   const PageTheme = GetPageTheme(props.DarkMode, route.name);
+   const customStyle = customStyles(props.DarkMode, route.name);
+   const [loaderTitle, setLoaderTitle] = useState();
+   const [processing, setProcessing] = useState((props.isDataDownloaded ? true : false));
+   const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+   const [isNPNDScreen, setisNPNDScreen] = useState(false);
+
+   const isNPNDRef = useRef(isNPNDScreen);
+   const isAdhocRef = useRef(isAdhocScreen);
+
+   const [nodataFound, setNodataFound] = useState(false);
+   const [showStoreVisitModal, setShowStoreVisitModal] = useState(false);
+   const [showGeoTagModal, setShowGeoTagModal] = useState(false);
+   const [showDistanceModal, setShowDistanceModal] = useState(false);
+   const [currentStore, setCurrentStore] = useState({});
+   const [storeDistance, setStoreDistance] = useState('0 M');
+   const [storeDistanceinM, setStoreDistanceinM] = useState(0);
+   const [showAlert, setShowAlert] = useState(false);
+   const [checkOutStore, setCheckOutStore] = useState({});
+   const [rerenderdata, setrerenderdata] = useState(false);
+   let [state, setState] = useState({ storeList: [] });
+   const [globalStorelist, setGlobalStorelist] = useState([]);
+   const [cancelCheckOutStore, setCancelCheckOutStore] = useState({});
+   const [showCancelCIModal, setShowCancelCIModal] = useState(false);
+   const [searchedItem, setSearchedItem] = useState('');
+   const [CheckOutImage, setCheckOutImage] = useState('');
+   const [CheckOutImagePath, setCheckOutImagePath] = useState('');
+   const [CheckOutImageModal, setCheckOutImageModal] = useState(false);
+   const [CheckOutLoc, setCheckOutLoc] = useState({});
+   const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+   const [showCamera, setShowCamera] = useState(false);
+   const showCameraRef = useRef(false);
+   const [GeoFenceEnable_Checkout, setGeoFenceEnable_Checkout] = useState(false);
+   const [GeoFenceRadius_Checkout, setGeoFenceRadius_Checkout] = useState('');
+   const [showSearchWiseStore, setShowSearchWiseStore] = useState(false);
+   const [showStoreSearchLabel, setShowStoreSearchLabel] = useState('');
+
+   const [EmpData, setEmpData] = useState([]);
+   const [storeData, setStoreData] = useState([]);
+   const [isAsyncDone, setIsAsyncDone] = useState(false);
+   const [desig, setDesig] = useState('');
+   const [storewisePjp, setStorewisePjp] = useState('');
+   const [showsearchwise_dummy, setShowSearchWise_Dummy] = useState(false)
+
+
+   // useEffect(() => {
+   //    // let ShowStoreSearch = props?.ShowStoreSearch ?? false;
+   //    // setShowSearchWise_Dummy(ShowStoreSearch);
+
+   //    const params = props.route.params || {};
+   //    const empData1 = params.empData || {};
+
+   //    fetchProjectConfig(props.ManagerAppConfig)
+   //       .then(storewisePjp => {
+   //          setStorewisePjp(storewisePjp);
+   //          console.log('storewisePjpTop>>:', storewisePjp);
+   //       });
+
+   //    DownloadMappingSurvey(empData1, storewisePjp.StorewisePJP);
+   // }, []);
+
+   useEffect(() => {
+  const params = props.route.params || {};
+  const empData1 = params.empData || {};
+
+  fetchProjectConfig(props.ManagerAppConfig)
+    .then(storewisePjp => {
+      setStorewisePjp(storewisePjp);
+
+      console.log('storewisePjpTop>>:', storewisePjp);
+
+      // ✅ SAFE: yahi se call
+      DownloadMappingSurvey(empData1, storewisePjp?.StorewisePJP);
+    })
+    .catch(err => {
+      console.error('Config error', err);
+    });
+
+}, []);
+
+
+
+   useFocusEffect(
+      useCallback(
+         () => {
+            fetchLoginInfo();
+         }, []));
+
+   const fetchLoginInfo = async () => {
+      try {
+         const loginInfo = await get_item('loginInfo');
+         const loginDetails = loginInfo ? JSON.parse(loginInfo) : null;
+         await new Promise((resolve) => setTimeout(resolve, 2000)); // Simulate delay
+         setDesig(loginDetails?.Designation || '');
+         console.log('Async useEffect completed');
+         setIsAsyncDone(true); // Mark async operation as done
+         return loginDetails?.Designation || ""
+      } catch (error) {
+         console.error('Error in async useEffect:', error);
+         setIsAsyncDone(true); // Still mark as done to proceed
+      }
+   };
+
+
+   useFocusEffect(
+      useCallback(() => {
+         let isActive = true; // prevents state updates after unmount
+
+         const run = async () => {
+            try {
+               setLoaderTitle(ST.Loading + '...');
+
+               const params = props.route.params || {};
+               const empData1 = params.empData || {};
+
+               const showSearchWiseStore1 =
+                  params.showSearchWiseStore != null && params.showSearchWiseStore !== ''
+                     ? params.showSearchWiseStore
+                     : false;
+
+                      const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+                      console.log('storewisePjpMid::', storewisePjp, storeSearch);
+
+
+               const ShowStoreSearch = storeSearch ?storeSearch: false;
+               const ShowStoreSearchLabel = props?.ShowStoreSearchLabel ?? false;
+
+               const isAdhoc = params.isAdhoc ?? false;
+               const isNPND = params.isNPND ?? false;
+
+               isAdhocRef.current = isAdhoc;
+               isNPNDRef.current = isNPND;
+
+               if (!isActive) return;
+
+               // ---- SET STATES ----
+               setIsAdhocScreen(isAdhoc);
+               setisNPNDScreen(isNPND);
+               setEmpData(empData1);
+               setShowSearchWiseStore(ShowStoreSearch);
+               setShowStoreSearchLabel(ShowStoreSearchLabel);
+
+               const CO_GeoFenceEnable = props.GFEnable_checkout ?? false;
+               const CO_GeoFenceRadius = props.GFRadius_checkout ?? '';
+
+               setGeoFenceEnable_Checkout(CO_GeoFenceEnable);
+               setGeoFenceRadius_Checkout(CO_GeoFenceRadius);
+
+               // ---- NAVIGATION CHECK ----
+               if (props.isDataDownloaded && !props.isAttendanceMarked) {
+                  props.navigation.pop();
+                  props.navigation.push('Attendance');
+                  return;
+               }
+
+               let dS = await fetchLoginInfo()
+               let ds2 = dS || desig
+
+               console.log("desig-----", ShowStoreSearch, dS);
+
+               // ---- CONDITIONAL ASYNC CALL ----
+               if (ShowStoreSearch && ds2 !== "Supervisor") {
+                  console.log("THIS IS MANAGER");
+                  await getCheckedInData(isAdhocRef.current, isNPNDRef.current, empData1);
+               } else {
+                  console.log("THIS IS SUPERVISOR");
+                  await getData(empData1, isAdhoc, isNPND);
+               }
+
+            } catch (err) {
+               console.log("Error in useFocusEffect async:", err);
+            }
+         };
+
+         run();
+
+         return () => {
+            isActive = false; // cleanup
+         };
+      }, [])
+   );
+
+
+
+   function onBeforeRemove(e) {
+      if (showCameraRef.current == true) {
+         e.preventDefault();
+         ChangeShowCamera(false);
+      }
+      else {
+         return;
+      }
+   }
+
+   function ChangeShowCamera(val) {
+      showCameraRef.current = val;
+      setShowCamera(val);
+   }
+
+   async function calLocatDistance() {
+      if (currentStore.Latitude != '' && currentStore.Latitude != null) {
+         const hasPermission = await _checkLocationPermission();
+         if (hasPermission == true) {
+            Geolocation.getCurrentPosition(
+               async (position) => {
+                  let loc = { lat: position.coords.latitude, lng: position.coords.longitude };
+                  var distance = checkRange(loc.lat, loc.lng, currentStore.Latitude, currentStore.Longitude);
+                  console.log("distanceeee-->",distance)
+                  let dinKM = (distance / 1000);
+                  let distanceinM = (distance == '' || distance == null || isNaN(distance)) ? ' 0 m' : (dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+                  setStoreDistance(distanceinM);
+                  setStoreDistanceinM(distance);
+
+                  if (props.GeoFenceEnable == true && distance > props.GeoFenceRadius) {
+                     setShowDistanceModal(true);
+                  }
+                  else {
+                     props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': showSearchWiseStore, 'isNPND': isNPNDScreen });
+                  }
+               },
+               (error) => {
+                  notify(ST.Cannotgetuserposition);
+               },
+               { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+            );
+         }
+         else {
+            notify(ST.Pleaseallowlocationpermission);
+         }
+      }
+      else {
+         notify(ST.Storelocationnotavailable);
+      }
+
+   }
+
+   async function getData(empData1, isAdhoc, isNPND) {
+      setLoaderTitle("Loading...");
+      setProcessing(true);
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      let projectInfo = await get_item('projectInfo');
+      //  const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+       const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+      console.log('storewisePjpMid::', storewisePjp, storeSearch);
+
+      let projectDetails = projectInfo != null ? JSON.parse(projectInfo) : {};
+      let SUP_StorewisePJP = projectDetails?.SUP_StorewisePJP != null ? projectDetails?.SUP_StorewisePJP : ''
+      let columKey = loginDetails?.Designation == "Supervisor" ? "MerchandiserId" : "EmpId";
+
+      console.log("storewisePjpGetData>>:", storewisePjp);
+
+      try {
+         let q = '';
+         // when SUP_StorewisePJPis is true then check if data exists or not 
+         if (loginDetails?.Designation == "Supervisor" && storewisePjp == true) {
+            if (isAdhoc == true) {
+               q = `Select * from Sup_JourneyPlanStorewiseSup_Adhoc where VisitDate='${d2}'  `;
+            } else if (isNPND) {
+               q = `Select * from Sup_NPNDStore where VisitDate='${d2}' `;
+            }
+            else {
+               q = `Select * from Sup_JourneyPlanStorewiseSup where VisitDate='${d2}' `;
+            }
+         }
+
+         // when SUP_StorewisePJPis is false  
+         else {
+            if (isAdhoc == true) {
+               q = `Select * from Sup_AdhocJourneyPlan where VisitDate='${d2}' and ${columKey}='${empData1?.EmpId}' `;
+            } else if (isNPND) {
+               q = `Select * from Sup_NPNDStore where VisitDate='${d2}' `;
+            }
+            else {
+               q = `Select * from Sup_JourneyPlan where VisitDate='${d2}' and ${columKey}='${empData1?.EmpId}' `;
+            }
+            console.log('YE WALA DATA');
+
+            //  For non-supervisor case ========
+            if (showSearchWiseStore === true) {
+               //  Case 1 & 2 merged ( teamwise case (any of them like sup or am/pm)
+               if (isAdhoc == true) {
+                  q = `Select * from Sup_AdhocJourneyPlan where VisitDate='${d2}' and ${columKey}='${empData1?.EmpId}' `;
+               } else if (isNPND) {
+                  q = `Select * from Sup_NPNDStore where VisitDate='${d2}' `;
+               } else {
+                  q = `Select * from Sup_JourneyPlan where VisitDate='${d2}' and ${columKey}='${empData1?.EmpId}' `;
+               }
+            }
+
+
+            //  CONDITIONS FOR STOREWISE PJP
+            else if (storewisePjp === true && showSearchWiseStore === false) {
+               // console.log('Case 3 storewisepjp true + no search');
+               //  Case 3 storewisepjp true + no search
+               if (isAdhoc == true) {
+                  // q = `Select * from Sup_JourneyPlanStorewiseSup_Adhoc where VisitDate='${d2}' and ${columKey}='${empData1?.EmpId}' `;  //changes by Ajeet
+                  q = `Select * from Sup_JourneyPlanStorewiseSup_Adhoc where VisitDate='${d2}' `;
+               } else if (isNPND) {
+                  q = `Select * from NPNDStore where VisitDate='${d2}' `;
+               } else {
+                  // q = `Select * from Sup_JourneyPlanStorewiseSup where VisitDate='${d2}' and ${columKey}='${empData1?.EmpId}' `;  //changes by Ajeet
+                  q = `Select * from Sup_JourneyPlanStorewiseSup where VisitDate='${d2}' `;
+               }
+            }
+         }
+
+         // console.log("Queryyyyyy in getData() ==> ", q)
+
+         db.transaction(async function (txn) {
+
+            txn.executeSql(q, [], async function (txn2, txnres2) {
+               await DownloadMappingSurvey(empData1, storewisePjp);
+               console.log('AllStores check:', txnres2.rows.length);
+               if (txnres2.rows.length > 0) {
+                  let AllStores = await getdownloadedPJP(empData1, isAdhoc, isNPND, storewisePjp);
+                  console.log('AllStores:', AllStores.length, JSON.stringify(AllStores));
+                  console.log("console 1");
+                  setState({ storeList: AllStores });
+                  setGlobalStorelist(AllStores);
+                  setProcessing(false); setNodataFound(false);
+               }
+               else if (storewisePjp == false) { // download PJP emp only when Store list is shown Employee Wise i.e. SUP_StorewisePJP is false   
+                  let AllStores = await DownloadPJP(empData1, isAdhoc, isNPND, storewisePjp);
+                  let isdataNotFound = AllStores.length > 0 ? false : true;
+                  console.log("console 2");
+                  setState({ storeList: AllStores });
+                  setGlobalStorelist(AllStores);
+                  setrerenderdata(!rerenderdata);
+                  setProcessing(false); setNodataFound(isdataNotFound);
+               }
+               else {
+                  setProcessing(false); setNodataFound(true);
+               }
+            }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); notify(ST.Nodatafound); setNodataFound(true); });
+         });
+      }
+      catch (err) {
+         console.log(err);
+      }
+   }
+
+   async function getCheckedInData(isAdhoc, isNPND, empData1) {
+      setLoaderTitle("Loading...");
+      setProcessing(true);
+      try {
+         let AllStores = await getAlreadyCheckedInStores(isAdhoc, isNPND);
+         console.log('AllStores:', AllStores.length);
+         setState({ storeList: AllStores });
+         setGlobalStorelist(AllStores);
+
+         if (AllStores.length > 0) {
+            setNodataFound(false);
+         }
+         else {
+            // getData(empData1, isAdhoc, isNPND);
+            setNodataFound(true);
+         }
+         setProcessing(false);
+      } catch (err) {
+         console.log("err in getCheckedInData:");
+      }
+   }
+
+   async function getAlreadyCheckedInStores(isAdhoc, isNPND) { // need check
+      console.log("get already checkedin store ------")
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+
+      return new Promise((resolve, reject) => {
+
+         var q = '', join_tbl = 'Sup_JourneyPlan', tb2 = AppTables.CHECKIN_DATA;
+
+         var join = ` left outer join ${tb2} on ${tb2}.STORE_ID=${join_tbl}.StoreId and ${tb2}.JCP_TYPE='${join_tbl}' and ${tb2}.VISIT_DATE='${d2}' and ${tb2}.EMP_ID=${join_tbl}.MerchandiserId  and ${join_tbl}.UploadStatus in ('I','C','D','U','L')  `;
+         var orderby = ` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+
+         // get data from PJP /adhoc table
+         q = `Select ${join_tbl}.*,${tb2}.CHECKIN_TIME as CheckInTime ,${tb2}.CHECKOUT_TIME as CheckOutTime from ${join_tbl} ${join}  where ${join_tbl}.VisitDate='${d2}' and UploadStatus!='N' `;
+         q += ` ${orderby}`;
+
+         // q=`select * from ${join_tbl}`;
+         console.log("storelist q getAlreadyCheckedInStores:", q);
+         db.transaction(async function (txn) {
+
+
+            txn.executeSql(q, [], async function (txn2, txnres2) {
+               console.log('storelist len', txnres2.rows.length);
+               if (txnres2.rows.length > 0) {
+                  // show from local
+                  var storeArr = [];
+                  console.log(txn2, 'storelist len2', txnres2.rows.length);
+                  for (var i = 0; i < txnres2.rows.length; i++) {
+                     console.log("txnres2.rows==========", txnres2.rows);
+                     console.log("txnres2.rows.length", txnres2.rows.length, txnres2.rows.item(i));
+                     let sdata = txnres2.rows.item(i);
+
+                     console.log("sdata---->>>>", sdata);
+                     let { InTime, OutTime, UploadStatus, StoreId, MID } = sdata;
+
+
+                     let time = sdata?.CheckInTime
+                        ? moment(sdata?.CheckInTime, sdata?.CheckInTime.includes('/')
+                           ? "MM/DD/YYYY HH:mm:ss"
+                           : "HH:mm:ss"
+                        ).format("HH:mm:ss")
+                        : '';
+
+                     let time2 = sdata?.CheckOutTime
+                        ? moment(sdata?.CheckOutTime, sdata?.CheckOutTime.includes('/')
+                           ? "MM/DD/YYYY HH:mm:ss"
+                           : "HH:mm:ss"
+                        ).format("HH:mm:ss")
+                        : '';
+
+                     let In_Time = (time == '' && UploadStatus != '' && UploadStatus != 'N') ? InTime : time;
+                     let Out_Time = (time2 == '' && UploadStatus != '' && UploadStatus != 'N' && UploadStatus != 'I') ? OutTime : time2;
+                     sdata.CheckInTime = In_Time;
+                     sdata.CheckOutTime = Out_Time;
+
+                    
+                     console.log("MenuList=======12");
+                     let MenuList = await getMenuList(sdata, isAdhoc, isNPND, checkPosale = false);
+                     console.log("MenuList=======", MenuList);
+                     let allDone = MenuList.length > 0 ? await getDailyMenu(sdata, isAdhoc, isNPND) : true;
+
+                     sdata.allDone = allDone;
+                     sdata.MenuList = MenuList || [];
+                     storeArr.push(sdata);
+                     setStoreData(sdata);
+
+                     if (i == (txnres2.rows.length - 1)) {
+                        console.log("storeArr:", storeArr.length);
+                        resolve(storeArr);
+                     }
+                  }
+               }
+               else {
+                  resolve([]);
+               }
+            }, function (txn2, txnerr) { console.log(txnerr); resolve([]); });
+         });
+      }).catch((err) => {
+         console.log(err);
+         return [];
+      })
+
+   }
+
+   async function DownloadPJP(empData1, isAdhoc, isNPND, storewisePjp) {
+      console.log("download PJPPP12")
+      setLoaderTitle("Downloading " + (isAdhoc ? "Adhoc" : "") + " Storelist Data...");
+      setProcessing(true);
+      let downloadKey = isAdhoc == true ? "Sup_AdhocJourneyPlan" : isNPND ? "Sup_NPNDStore" : "Sup_JourneyPlan";
+
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+      let data = '';
+
+      console.log('props.SUP_StorewisePJP-->', storewisePjp);
+
+      if (storewisePjp == true || storewisePjp == 1) {
+         console.log('STORE WISE CALLED');
+
+         data = {
+            Downloadtype: downloadKey,
+            Username: loginDetails.UserId,
+            Param1: 0,
+            Param2: storewisePjp != '' ? storewisePjp == true ? 1 : 0 : '',
+         };
+      }
+      // Team wise condition------
+      else {
+         console.log('TEAM WISE CALLED');
+
+         data = {
+            Downloadtype: downloadKey,
+            Username: loginDetails.UserId,
+            Param1: empData1?.EmpId || EmpData?.EmpId,
+            Param2: 0,
+         };
+      }
+
+      console.log('TEAMWISE DATA+++++++++++>:', data);
+
+
+      return await getDownloadJson1(url, data)
+         .then(async (res) => {
+            // console.log("DownloadPJP res:",res);
+            if (res.Sup_AdhocJourneyPlan != null || res.Sup_JourneyPlan != null) {
+               let storeArr = isAdhoc == true ? (res.Sup_AdhocJourneyPlan || []) : isNPND ? (res.Sup_NPNDStore || []) : (res.Sup_JourneyPlan || []);
+               let isInserted = await InsertDownloadedPJP(isAdhoc, empData1?.EmpId, storeArr);
+               console.log('isInserted:', isInserted)
+               if (isInserted) {
+                  let loginInfo = await get_item('loginInfo');
+                  const loginDetails = JSON.parse(loginInfo);
+                  const configData = (() => {
+                     try {
+                        return typeof props.ManagerAppConfig === "string"
+                           ? JSON.parse(props.ManagerAppConfig)
+                           : props.ManagerAppConfig;
+                     } catch (e) {
+                        return null;
+                     }
+                  })();
+
+                  const configArray = configData?.ManagerAppConfig ?? [];
+                  const currentConfig = configArray.find(
+                     item => item.Designation?.toLowerCase() === loginDetails?.Designation?.toLowerCase()
+                  );
+
+                  const storewisePjp = currentConfig?.StorewisePJP;
+
+                  let AllStores = await getdownloadedPJP(empData1, isAdhoc, isNPND, storewisePjp);
+                  console.log("getdownloadedPJP res after download:", AllStores.length);
+                  setProcessing(false);
+                  notify("Storelist downloaded successfully.");
+                  return AllStores;
+               }
+               else {
+                  setProcessing(false);
+                  notify("Cannot download storelist data! Error in saving data.");
+                  return [];
+               }
+            }
+            else {
+               notify('No data found!');
+               setProcessing(false);
+               return [];
+            }
+
+         })
+         .catch((err) => {
+            console.log('onPage Team error', err);
+            setProcessing(false);
+            notify("Cannot download storelist data!")
+            return [];
+         });
+   }
+
+   async function DownloadMappingSurvey(empData1, storewisePjp) {
+      // console.log("download PJPPP");
+      setLoaderTitle("Downloading....");
+      setProcessing(true);
+      const loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      const url = props.baseurl + getMethodName(METHODS.DOWNLOADJSON_METHOD);
+      // Define multiple keys
+      let downloadKeys = [];
+      downloadKeys.push("Mapping_SurveySup")
+
+      let combinedStoreArr = [];
+      // console.log('empData1?.EmpId------>', empData1?.EmpId, EmpData?.EmpId);
+
+      console.log("storewisePjpDownloadMappingSurvey>>", storewisePjp)
+
+      for (let key of downloadKeys) {
+         let data = {
+            Downloadtype: key,
+            Username: loginDetails.UserId,
+            Param1: storewisePjp ? '' : empData1?.EmpId || EmpData?.EmpId,
+            Param2: storewisePjp !== '' ? (storewisePjp === true ? 1 : 0) : '',
+         };
+
+         // console.log(`Downloading for key: ${key}`, data);
+
+         try {
+            const res = await getDownloadJson1(url, data);
+
+            const storeArr =
+               key === "Mapping_SurveySup" ? (res?.Mapping_SurveySup || []) : [];
+
+            combinedStoreArr = combinedStoreArr.concat(storeArr);
+         } catch (err) {
+            console.log(`Error downloading ${key}:`, err);
+         }
+      }
+
+      if (combinedStoreArr.length > 0) {
+
+         let res = combinedStoreArr;
+         if (res != null && !res.includes("No Data") && res?.length > 0) {
+            let data_arr = res || [];
+            // console.log('surveys:', data_arr.length)
+            let values = [];
+
+            // const sanitize = (str) => (str || '').replace(/'/g, "''");
+
+            data_arr.map((data_obj) => {
+               let { SurveyId, StoreId } = data_obj;
+               values.push(` ('${StoreId}','${SurveyId}')`);
+            });
+
+            let all_vals = values.join(',');
+            let sql_stmnt = `INSERT INTO Mapping_SurveySup(StoreId,SurveyId) values ${all_vals}`;
+            // console.log('SQL:', sql_stmnt);
+
+            await new Promise((resolve, reject) => {
+               db.transaction(function (txn) {
+                  txn.executeSql(`DELETE FROM Mapping_SurveySup WHERE 1=1`, [], function (txn1, txnres) {
+                     txn.executeSql(sql_stmnt, [], function (txn1, txnres) {
+                        // console.log('Mapping_SurveySup added-----');
+                        resolve(true);
+                     }, function (txn1, txnerr) {
+                        console.log('insert err:', txnerr);
+                        reject(txnerr);
+                     });
+                  }, function (txn1, txnerr) {
+                     console.log('delete err:', txnerr);
+                     reject(txnerr);
+                  });
+               });
+            });
+         } else {
+            setProcessing(false);
+            notify("No data found!");
+            return [];
+         }
+
+
+      } else {
+         setProcessing(false);
+         notify("No data found!");
+         return [];
+      }
+   }
+
+   async function InsertDownloadedPJP(isAdhoc, empData1, storeArr) {
+      console.log("InsertDownloadedPJP======", InsertDownloadedPJP);
+      return new Promise((resolve, reject) => {
+
+         var values = [], sql_stmnt = '', all_vals = '';
+         let d1 = new Date();
+         let d2 = moment(d1).format('MM/DD/YYYY');
+         let tbname = isAdhoc == true ? 'Sup_AdhocJourneyPlan' : 'Sup_JourneyPlan';
+         let q = `Delete from ${tbname} where VisitDate='${d2}'  `;
+
+         storeArr.map((data_obj) => {
+            let { MID, ChannelId, StoreId, StoreCode, EmpId, MerchandiserId, VisitDate, ChainId, ChainName, StoreName, Address, Location, Landmark, CityId, CityName, StateId, StateName, RegionId, StoreTypeId, StoreType, Pincode, Latitude, Longitude, Phone, Mobile, ContactPerson, Email, UploadStatus, GeoTag, GeoFenceRadius, InTime, OutTime, CameraAllow } = data_obj;
+            values.push(` ('${MID}', '${ChannelId}', '${StoreId}', '${StoreCode}', '${EmpId}', '${MerchandiserId}', '${VisitDate}', '${ChainId}', '${ChainName}', '${StoreName}', '${Address}', '${Location}', '${Landmark}', '${CityId}', '${CityName}', '${StateId}', '${StateName}', '${RegionId}', '${StoreTypeId}', '${StoreType}', '${Pincode}', '${Latitude}', '${Longitude}', '${Phone}', '${Mobile}', '${ContactPerson}', '${Email}', '${UploadStatus}', '${GeoTag}', '${GeoFenceRadius}', '${InTime}', '${OutTime}','${CameraAllow}')`);
+         });
+         all_vals = values.join(',');
+         sql_stmnt = `INSERT INTO ${tbname}(MID,ChannelId,StoreId,StoreCode,EmpId,MerchandiserId,VisitDate,ChainId,ChainName,StoreName,Address,Location,Landmark,CityId,CityName,StateId,StateName,RegionId,StoreTypeId,StoreType,Pincode,Latitude,Longitude,Phone,Mobile,ContactPerson,Email,UploadStatus,GeoTag,GeoFenceRadius,InTime,OutTime,CameraAllow) 
+        values ${all_vals}`;
+
+         console.log("sql_stmnt---qweq", sql_stmnt)
+
+         db.transaction(async function (txn) {
+            await txn.executeSql(q, [], async function (txn2, txnres4) {
+               console.log('removeddata');
+               await txn.executeSql(sql_stmnt, [], async function (txn2, txnres2) {
+                  resolve(true);
+               }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+            }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+         })
+      }).catch((err) => {
+         console.log(err);
+         return false;
+      })
+
+   }
+
+ const isValidTime = (time) => {
+  if (!time) return false;
+
+  return moment(
+    time,
+    ["MM/DD/YYYY HH:mm:ss", "HH:mm:ss"],
+    true
+  ).isValid();
+};
+
+   async function getdownloadedPJP(empData1, isAdhoc, isNPND, storewisePjp) {
+
+      console.log("callledddd get download PJP--")
+      console.log("isNPND---", isNPND);
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      // console.log("loginDetails--------",loginDetails )
+      let columKey = loginDetails?.Designation == "Supervisor" ? "MerchandiserId" : "EmpId";
+      console.log("isAdhoc=========", isAdhoc);
+      return new Promise((resolve, reject) => {
+         var join_tbl = '';
+         var q = '',
+            tb1 = 'Sup_JourneyPlan',
+            tb2 = AppTables.CHECKIN_DATA,
+            tb3 = 'Sup_AdhocJourneyPlan',
+            tb4 = 'Sup_JourneyPlanStorewiseSup',
+            tb5 = 'Sup_JourneyPlanStorewiseSup_Adhoc',
+            tb6 = 'Sup_NPNDStore';
+
+
+         if (loginDetails?.Designation == "Supervisor" && storewisePjp == true) {
+            join_tbl = isAdhoc == true ? tb5 : isNPND ? tb6 : tb4;
+         }
+         else {
+
+            join_tbl = isAdhoc == true ? tb3 : isNPND ? tb6 : tb1;
+            //  Non-supervisor logic
+            if (showSearchWiseStore == true) {
+               join_tbl = isAdhoc == true ? tb3 : isNPND ? tb6 : tb1;
+            } else if (storewisePjp == true && showSearchWiseStore == false) {
+               join_tbl = isAdhoc == true ? tb5 : isNPND ? tb6 : tb4;
+            }
+         }
+
+         console.log('join_tbl', join_tbl)
+         var join = ` left outer join ${tb2} on ${tb2}.STORE_ID=${join_tbl}.StoreId and ${tb2}.JCP_TYPE='${join_tbl}' and ${tb2}.VISIT_DATE='${d2}' and ${tb2}.EMP_ID=${join_tbl}.MerchandiserId  and ${join_tbl}.UploadStatus in ('I','C','D','U','L')  `;
+         var orderby = ` group by ${join_tbl}.StoreId,${join_tbl}.VisitDate  order by ${join_tbl}.StoreName,${tb2}.KEY_ID desc`;
+
+
+         // get data from PJP /adhoc table
+         q = `Select ${join_tbl}.*,${tb2}.CHECKIN_TIME as CheckInTime ,${tb2}.CHECKOUT_TIME as CheckOutTime from ${join_tbl} ${join}  where ${join_tbl}.VisitDate='${d2}' `;
+
+         // if SUP_StorewisePJP is true , then we don't need to include below condition in query 
+         if (storewisePjp != true) {
+            q += ` and ${join_tbl}.${columKey}='${empData1?.EmpId || EmpData?.EmpId}' `;
+            // q+=` and ${join_tbl}.MerchandiserId='${empData1.EmpId}' `;
+         }
+
+         q += ` ${orderby}`;
+
+console.log("storelist q getdownloadedPJP:", q);
+         db.transaction(async function (txn) {
+            txn.executeSql(q, [], async function (txn2, txnres2) {
+               console.log('storelist len', txnres2.rows.length);
+               if (txnres2.rows.length > 0) {
+                  // show from local
+                  var storeArr = []; ``;
+                  for (var i = 0; i < txnres2.rows.length; i++) {
+                     let sdata = txnres2.rows.item(i);
+                     console.log("sdata--------", sdata);
+                     let { InTime, OutTime, UploadStatus, StoreId, MID } = sdata;
+                     console.log("InTime, OutTime, UploadStatus, StoreId, MID----->>", InTime, OutTime, UploadStatus, StoreId, MID,sdata.CheckInTime,sdata.CheckOutTime );
+
+                     let time = sdata?.CheckInTime
+                        ? moment(sdata?.CheckInTime, sdata?.CheckInTime.includes('/')
+                           ? "MM/DD/YYYY HH:mm:ss"
+                           : "HH:mm:ss"
+                        ).format("HH:mm:ss")
+                        : '';
+
+                     let time2 = sdata?.CheckOutTime
+                        ? moment(sdata?.CheckOutTime, sdata?.CheckOutTime.includes('/')
+                           ? "MM/DD/YYYY HH:mm:ss"
+                           : "HH:mm:ss"
+                        ).format("HH:mm:ss")
+                        : '';
+                      console.log("time time2----->>", time, time2);
+                     let In_Time = (time == '' && UploadStatus != '' && UploadStatus != 'N') ? InTime : time;
+                     let Out_Time = (time2 == '' && UploadStatus != '' && UploadStatus != 'N' && UploadStatus != 'I') ? OutTime : time2;
+                     sdata.CheckInTime = In_Time;
+                     sdata.CheckOutTime = Out_Time;
+
+                    
+                     console.log("checkintime---->>",sdata.CheckInTime,sdata.CheckOutTime );
+                     let MenuList = await getMenuList(sdata, isAdhoc, isNPND, true);
+                     let allDone = MenuList.length > 0 ? await getDailyMenu(sdata, isAdhoc, isNPND) : true;
+                     sdata.allDone = allDone;
+                     sdata.MenuList = MenuList || [];
+                     storeArr.push(sdata);
+                     setStoreData(sdata);
+
+                     if (i == (txnres2.rows.length - 1)) {
+                        console.log("storeArr:", storeArr.length);
+                        resolve(storeArr);
+                     }
+                  }
+               }
+               else {
+                  resolve([]);
+               }
+            }, function (txn2, txnerr) { console.log(txnerr); resolve([]); });
+         });
+      }).catch((err) => {
+         console.log(err);
+         return [];
+      })
+
+
+   }
+
+   async function getDailyMenu(storeData1, isAdhoc, isNPND, checkPosale = false) {
+
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      let { StoreId, ChannelId, RegionId, StoreTypeId } = storeData1;
+      return new Promise((resolve, reject) => {
+         db.transaction(async function (txn) {
+            let q = Q_MenuList(storeData1, isAdhoc, isNPND);
+
+            txn.executeSql(q, [], async function (txn2, txnres) {
+
+               if (txnres.rows.length > 0) {
+                  let allDone = true;
+                  for (var i = 0; i < txnres.rows.length; i++) {
+                     let data = txnres.rows.item(i);
+                     let isAvlbl = await checkAvailability(storeData1, data, checkPosale);
+
+
+                     let isDone = await updateStatus(storeData1, data, isAvlbl);
+
+                     if (((isAvlbl == true) || (isAvlbl.isAvlbl == true)) && !isDone) {
+                        allDone = false;
+                        resolve(allDone);
+                        break;
+                     }
+                     if (i == (txnres.rows.length - 1)) {
+                        resolve(allDone);
+                     }
+                  }
+               }
+               else {
+                  resolve(true);
+               }
+            }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+         });
+      }).then((val) => {
+         return val;
+      }).catch((err) => {
+         console.log(err);
+         return false;
+      });
+
+   }
+
+   async function getMenuList(storeData1, isAdhoc, isNPND, checkPosale = false) {
+      let { StoreId, ChannelId, RegionId, StoreTypeId } = storeData1;
+
+      return new Promise((resolve, reject) => {
+
+         db.transaction(async function (txn) {
+            let q = Q_MenuList(storeData1, isAdhoc, isNPND);
+
+
+            txn.executeSql(q, [], async function (txn2, txnres) {
+
+               if (txnres.rows.length > 0) {
+                  let arr = [];
+                  for (var i = 0; i < txnres.rows.length; i++) {
+                     let data = txnres.rows.item(i);
+                     let isAvlbl = await checkAvailability(storeData1, data, checkPosale);
+                     // if (isAvlbl) {
+                     arr.push(data);
+                     // }
+                     if (i == (txnres.rows.length - 1)) {
+                        resolve(arr);
+                     }
+                  }
+               }
+               else {
+                  resolve([]);
+               }
+            }, function (txn2, txnerr) { console.log(txnerr); resolve([]); });
+         });
+      }).then((val) => {
+         return val;
+      }).catch((err) => {
+         console.log('')
+         return []
+      })
+   }
+
+
+   async function checkAvailability(storeData1, data, checkPosale = false) {
+
+      return new Promise((resolve, reject) => {
+         db.transaction(async function (txn) {
+            let q2 = getAvailblQuery(data.ScreenName, storeData1, data, checkPosale);
+            if (q2 != '' && q2 != null) {
+               // console.log("checkAvailability", q2)
+               txn.executeSql(q2, [], async function (txn2, txnres2) {
+                  let isAvlbl = getIfAvlbl(data.ScreenName, txnres2, storeData1);
+                  resolve(isAvlbl);
+               }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+            }
+            else {
+               let isAvlbl = getIfAvlbl(data.ScreenName, {}, storeData1);
+               resolve(isAvlbl);
+            }
+         });
+      }).then((val) => {
+         return val;
+      }).catch((err) => {
+         console.log(err);
+         return false;
+      });
+   }
+
+
+   async function updateStatus(storeData1, data, isAvlbl) {
+      return new Promise((resolve, reject) => {
+         db.transaction(async function (txn) {
+            let q2 = getQuery(data.ScreenName, storeData1, data);
+
+
+            if (q2 != '' && q2 != null && ((isAvlbl == true) || (isAvlbl && (isAvlbl.isAvlbl == true)))) {
+               txn.executeSql(q2, [], async function (txn2, txnres2) {
+                  let isDone = await getIfKPIDone(data.ScreenName, txnres2, storeData1, isAvlbl, data);
+                  resolve(isDone);
+
+               }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+            }
+            else {
+               resolve(false);
+            }
+         });
+      }).then((val) => {
+         return val;
+      }).catch((err) => {
+         console.log(err);
+         return false;
+      });
+
+   }
+
+   async function onCheckOut(storeData1) {
+      console.log('storeData1--onCheckOut-->', storeData1);
+
+      let isAlldone = await getDailyMenu(storeData1, isAdhocScreen, isNPNDScreen);
+      // let isAlldone=await getDailyMenu(storeData1,EmpData,isAdhocScreen,isNPNDScreen);
+      if (isAlldone == true) {
+         setCheckOutStore(storeData1);
+         setShowAlert(true);
+      }
+      else {
+         notify(ST.PleasefillallKPI, false);
+      }
+   }
+
+   function onSaveCancel() {
+      setShowAlert(false);
+   }
+
+
+   async function getLocOnCheckout() {
+      setShowAlert(false);
+      setLoaderTitle(ST.Gettinglocation + '...');
+      setProcessing(true);
+
+      Geolocation.getCurrentPosition(
+         async (position) => {
+            let { latitude, longitude } = position.coords;
+            let loc = { lat: latitude, lng: longitude };
+            var distance = checkRange(loc.lat, loc.lng, checkOutStore.Latitude, checkOutStore.Longitude);
+            // console.log('COut distance:',distance);
+            setProcessing(false);
+            // let dinKM=(distance / 1000);
+            // let distanceinM=(distance=='' || distance==null || isNaN(distance))?' 0 m':( dinKM > 1 ? dinKM.toFixed(1) + ' Km' : distance + ' m');
+            if (GeoFenceEnable_Checkout == true) {
+               if (GeoFenceRadius_Checkout != '' && distance > GeoFenceRadius_Checkout) {
+                  notify(ST.Youcannotcheckout + ' ' + ST.Youarenotwithinthealloweddistancefromthestore + ' ' + GeoFenceRadius_Checkout + ' m', 'LONG')
+               }
+               else {
+                  checkOutAfterLoc(loc);
+               }
+            }
+            else {
+               checkOutAfterLoc(loc);
+            }
+
+         },
+         (error) => {
+            notify(ST.Cannotgetuserposition);
+            setProcessing(false);
+         },
+         { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+      );
+   }
+
+   async function checkOutAfterLoc(loc) {
+      let CheckOut_PhotoReq = props.CheckOut_PhotoReq != null ? props.CheckOut_PhotoReq : false;
+      if (CheckOut_PhotoReq) {
+         setCheckOutLoc(loc);
+         setShowAlert(false);
+         setCheckOutImageModal(true);
+      }
+      else {
+         UpdateCheckOutStatus(loc);
+      }
+   }
+
+   async function UpdateCheckOutStatus(loc) {
+
+      setLoaderTitle(ST.UpdatingCheckoutStatus + '...');
+      setProcessing(true);
+      let { StoreId, MID, EmpId, MerchandiserId } = checkOutStore;
+      let CheckOut_PhotoReq = props.CheckOut_PhotoReq != null ? props.CheckOut_PhotoReq : false;
+
+      console.log(CheckOut_PhotoReq, "CheckOut_PhotoReq")
+
+      let d = new Date();
+      let d2 = moment(d).format('MM/DD/YYYY');
+      let d3 = moment(d).format('MM/DD/YYYY HH:mm:ss');
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      let data1 = '';
+
+       const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+      console.log("storewisePjpStatuss::",storeSearch, storewisePjp);
+
+      // const loginDetails = JSON.parse(loginInfo);
+      // let data1 = '';
+      // const configData = (() => {
+      //    try {
+      //       return typeof props.ManagerAppConfig === "string"
+      //          ? JSON.parse(props.ManagerAppConfig)
+      //          : props.ManagerAppConfig;
+      //    } catch (e) {
+      //       return null;
+      //    }
+      // })();
+
+      // const configArray = configData?.ManagerAppConfig ?? [];
+      // const currentConfig = configArray.find(
+      //    item => item.Designation?.toLowerCase() === loginDetails?.Designation.toLowerCase()
+      // );
+
+      // const storewisePjp = currentConfig?.StorewisePJP;
+
+      data1 = {
+         "UserId": loginDetails.UserId,
+         "StoreId": StoreId,
+         "MerchandiserId": MerchandiserId,
+         "Latitude": loc.lat,
+         "Longitude": loc.lng,
+         "CheckoutDate": d2,
+         "CheckOutImage": CheckOut_PhotoReq == true ? CheckOutImage : '',
+
+      }
+
+      // let fpath=Platform.OS=='ios'?CheckOutImagePath.replace('file://',''):CheckOutImagePath;
+      var data2 = new FormData();
+      data2.append('file', {
+         uri: CheckOutImagePath,
+         type: 'image/jpg',
+         name: CheckOutImage,
+      });
+
+      let foldername = getFolderName(CheckOutImage);
+      data2.append('Foldername', foldername);
+      data2.append('Path', d2);
+
+      console.log('data1=====>', data1);
+      console.log('data2--------->', data2);
+
+
+      const url = props.baseurl + getMethodName(METHODS.CHECKOUTDETAIL_METHOD);
+      const url1 = (props.imageUploadUrl || URL_IMAGE) + getMethodName(METHODS.UPLOADIMAGES_METHOD);
+      console.log(url, data1);
+      await UploadData2(url, data1)
+         .then(async (res) => {
+            console.log('StoreCheckOutSup1:', res, 'MID:', MID);
+            if (!res.error) {
+               if (res == 1) {
+                  //Check out completed
+                  if (CheckOut_PhotoReq) {
+                     // Upload Image 
+                     await UploadFormData(url1, data2)
+                        .then(async (res1) => {
+                           console.log('checkout image upload:', res1);
+                           cancelImage();
+                        })
+                        .catch((err) => {
+                           console.log(err);
+                        });
+                  }
+
+
+                  let data = { checkout_image: '' };
+                  const isCheckOutUpdated = await UpdateStoreCheckOut(data);
+
+                  if (isCheckOutUpdated == true) {
+                     let datan = '';
+
+                     let ShowStoreSearch = storeSearch?storeSearch : false;
+
+                     if (ShowStoreSearch && designation != "Supervisor") {
+                        datan = { StoreId: StoreId, UploadStatus: 'C', tbname: 'Sup_JourneyPlan', EmpId: MerchandiserId };
+                     }
+                     else if (ShowStoreSearch ? (designation == "Supervisor" && storewisePjp == true) : storewisePjp == true) {
+                        datan = { StoreId: StoreId, UploadStatus: 'C', tbname: (isAdhocScreen == true ? 'Sup_JourneyPlanStorewiseSup_Adhoc' : isNPNDScreen ? "Sup_NPNDStore" : 'Sup_JourneyPlanStorewiseSup'), EmpId: MerchandiserId };
+                     }
+                     else {
+                        datan = { StoreId: StoreId, UploadStatus: 'C', tbname: (isAdhocScreen == true ? 'Sup_AdhocJourneyPlan' : isNPNDScreen ? "Sup_NPNDStore" : 'Sup_JourneyPlan'), EmpId: MerchandiserId };
+                     }
+
+                     console.log("datan==============1", datan);
+
+                     const isUpdated = await UpdateStoreStatus(props, datan);
+                     if (isUpdated == true) {
+                        let outtime = moment(d).format('HH:mm:ss');;
+                        await updateStoreStatuslocal('C', checkOutStore, false, true, outtime);
+                        setLoaderTitle(ST.UploadingData + '...');
+                        UploadOnCheckOut(loc, storewisePjp,storeSearch);
+                     }
+                     else {
+                        setProcessing(false); notify(ST.Erroroccurwhilecheckout, 'LONG');
+                     }
+                  }
+                  else {
+                     notify(ST.Erroroccurwhilecheckout, 'LONG');
+                  }
+
+               }
+               else {
+                  notify(ST.Somethingwentwrong, 'SHORT'); setProcessing(false);
+               }
+            }
+            else {
+               notify(ST.Somethingwentwrong, 'SHORT'); setProcessing(false);
+            }
+         })
+         .catch((err) => {
+            console.log('onPage Team error', err);
+            notify(ST.Somethingwentwrong, 'SHORT'); setProcessing(false);
+         });
+
+
+   }
+
+   async function updateStoreStatuslocal(status, storeData1, updateCheckin = false, uCOut = false, cout_time = '') {
+
+      let storeArr = state.storeList;
+      let sdata_index = storeArr.findIndex(i => i.StoreId == storeData1.StoreId);
+      if (sdata_index >= 0) {
+         let sdata = storeArr[sdata_index];
+         sdata['UploadStatus'] = status;
+         if (updateCheckin == true) {
+            sdata['CheckInTime'] = '';
+         }
+         if (uCOut == true) {
+            sdata['CheckOutTime'] = cout_time;
+         }
+         storeArr[sdata_index] = sdata;
+         // console.log('storeArr',storeArr)
+         console.log("console 4")
+         setState({ ...state, storeArr });
+         setGlobalStorelist(storeArr);
+         setrerenderdata(!rerenderdata);
+      }
+   }
+
+   async function UpdateStoreCheckOut(data) {
+      console.log('UpdateStoreCheckOut')
+      let CheckOut_PhotoReq = props.CheckOut_PhotoReq != null ? props.CheckOut_PhotoReq : false;
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      let now = moment(d1).format('MM/DD/YYYY HH:mm:ss');
+      return new Promise((resolve, reject) => {
+         db.transaction(async function (txn) {
+            let q2 = `UPDATE ${AppTables.COVERAGE_DATA} SET CHECKOUT_TIME='${now}', CHECKOUT_IMAGE='${CheckOut_PhotoReq ? CheckOutImage : ''}' WHERE STORE_ID='${checkOutStore.StoreId}' and EMP_ID='${checkOutStore.MerchandiserId}' and VISIT_DATE='${d2}' `;
+
+            txn.executeSql(q2, [], async function (txn2, txnres2) {
+               console.log('store coverage updated');
+            }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+            let q = `UPDATE ${AppTables.CHECKIN_DATA} SET CHECKOUT_TIME='${now}', CHECKOUT_IMAGE='${CheckOut_PhotoReq ? CheckOutImage : ''}' WHERE STORE_ID='${checkOutStore.StoreId}' and EMP_ID='${checkOutStore.MerchandiserId}' and VISIT_DATE='${d2}' `;
+            txn.executeSql(q, [], async function (txn2, txnres2) {
+               console.log('store checkout updated');
+               resolve(true);
+            }, function (txn2, txnerr) { console.log(txnerr); resolve(false); });
+
+         });
+      }).then((val) => {
+         return val;
+      }).catch((err) => {
+         console.log(err);
+         return false;
+      });
+
+   }
+
+   async function UploadOnCheckOut(loc, storewisePjp,storeSearch) {
+      try {
+         console.log('UploadOnCheckOut');
+         let d1 = new Date();
+         let d2 = moment(d1).format('MM/DD/YYYY');
+         let token = await get_item('loginToken');
+         let loginInfo = await get_item('loginInfo');
+         const loginDetails = JSON.parse(loginInfo);
+
+         let PJPStores = '', PJPStores1 = '', AllStores = '';
+
+         let ShowStoreSearch = storeSearch ? storeSearch : false;
+
+         if ((ShowStoreSearch ? (designation == "Supervisor" && storewisePjp == true) : storewisePjp == true)) {
+            PJPStores = await getPJPStoresData('Sup_JourneyPlanStorewiseSup', [], d2);
+            console.log('Allstores', PJPStores);
+            if (isNPNDScreen) {
+               PJPStores1 = await getPJPStoresData('Sup_NPNDStore', PJPStores, d2);
+            } else {
+               PJPStores1 = PJPStores;
+            }
+
+            AllStores = await getPJPStoresData('Sup_JourneyPlanStorewiseSup_Adhoc', PJPStores1, d2);
+         }
+         else {
+            PJPStores = await getPJPStoresData('Sup_JourneyPlan', [], d2);
+            if (isNPNDScreen) {
+               PJPStores1 = await getPJPStoresData('Sup_NPNDStore', PJPStores, d2);
+            } else {
+               PJPStores1 = PJPStores;
+            }
+            AllStores = await getPJPStoresData('Sup_AdhocJourneyPlan', PJPStores1, d2);
+
+         }
+
+
+         db.transaction(async function (txn) {
+            console.log('stores to upload:', AllStores.length);
+            if (AllStores.length > 0) {
+               for (var i = 0; i < AllStores.length; i++) {
+                  let data = AllStores[i];
+                  console.log("data===2", data);
+                  const index = i;
+                  let { StoreId, StoreName, EmpId, MerchandiserId, MID, UploadStatus, Status, VisitDate, REASON_ID, IMAGE, JCP_TYPE, ChannelId, StoreTypeId, ChainId, CHECKOUT_IMAGE } = data;
+                  let Deviation = isAdhocScreen == true ? 1 : isNPNDScreen ? 2 : 0;
+
+                  console.log(data, "dattaaaaaaa store list");
+
+                  let MenuList = await getMenuList(data, isAdhocScreen, isNPNDScreen, true);
+                  let allKPIs = await getKPIS(MenuList);
+                  console.log("allKPIs---", allKPIs, UploadStatus);
+                  // get all checkout ids data
+                  // let allKPIs=['Stocks','BRS','SOS','PaidVis','AddVis','CompVis','Promotion','CompPromo','Contacts','Sale','Survey'];
+                  let pdata = '';
+
+                  if (UploadStatus == 'C') {
+                     pdata = {
+                        "StoreId": StoreId,
+                        "VisitDate": d2,
+                        // "Mid":MID,
+                        "MerchandiserId": MerchandiserId,
+                        "Latitude": loc.lat,
+                        "Longitude": loc.lng,
+                        "ReasonId": REASON_ID != '' ? REASON_ID : 0,
+                        "Remark": "",
+                        "CheckInImage": IMAGE,
+                        "AppVersion": AppVersion,
+                        "Checkout_Image": CHECKOUT_IMAGE,
+                        "ChainId": ChainId,
+                        "StoreTypeId": StoreTypeId,
+                        "ChannelId": ChannelId,
+                        "UploadStatus": 'P',
+                        "UserId": loginDetails.UserId,
+                        "Deviation": Deviation,
+                     };
+
+
+                     const url2 = props.baseurl + getMethodName(METHODS.GETCOVERAGE_METHOD);
+                     console.log(url2, pdata, "data sending by me on Storelist ..........");
+                     await UploadData2(url2, pdata)
+                        .then(async (res) => {
+                           console.log('status uploadres:', res, 'MID:', MID);
+
+                           if (!res.error) {
+                              let tbname = JCP_TYPE;
+                              let datan = { StoreId: StoreId, UploadStatus: 'P', tbname: tbname, EmpId: MerchandiserId };
+                              const isUpdated = await UpdateStoreStatus(props, datan);
+                              if (isUpdated == true) {
+
+                                 await updateStoreStatuslocal('P', data);
+                                 await uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE);
+
+                              }
+                              else {
+                                 if (index == AllStores.length - 1) {
+                                    setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+                                 }
+                              }
+                           }
+                           else {
+                              if (index == AllStores.length - 1) {
+                                 setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+                              }
+                           }
+
+                        })
+                        .catch((err) => {
+                           console.log(err);
+                           if (index == AllStores.length - 1) {
+                              setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+                           }
+                        });
+                  }
+                  else if (UploadStatus == 'D') {
+                     //  this never be called if there is no KPI
+                     console.log("UploadStatusD");
+                     let allFilesToUpload = await uploadAllData(props, data, allKPIs, props.UserId, JCP_TYPE, false, MenuList,false);
+
+                     if (allFilesToUpload.length > 0) {
+                        await UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload);
+                     }
+                     else {
+                        notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+                        if (index == AllStores.length - 1) {
+                           setProcessing(false);
+                        }
+                     }
+                  }
+                  else if (UploadStatus == 'P') {
+                     await uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE);
+                  }
+                  else if (UploadStatus == 'L') {
+                     let isAllUploaded_S = await uploadStoreStatus(props, data, 'U', JCP_TYPE, EmpData);
+                     if (isAllUploaded_S == true) {
+                        await updateStoreStatuslocal('U', data);
+                        notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+                        if (index == AllStores.length - 1) {
+                           setProcessing(false);
+                        }
+                     }
+                     else {
+                        if (index == AllStores.length - 1) {
+                           setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+                        }
+                     }
+                  }
+               }
+
+            }
+         });
+
+
+
+      } catch (err) {
+         console.log(err);
+      }
+   }
+
+   async function uploadAfter_P_status(index, AllStores, data, MenuList, allKPIs, JCP_TYPE) {
+      console.log("JCP_TYPEJCP_TYPE", JCP_TYPE)
+      let { StoreName } = data;
+      if (MenuList.length > 0) {
+         // Upload data with Images
+         let allFilesToUpload = await uploadAllData(props, data, allKPIs, props.UserId, JCP_TYPE, true, MenuList,false);
+         console.log('allFilesToUpload:', allFilesToUpload.length);
+         await updateStoreStatuslocal('D', data);
+         UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload);
+      }
+      else {
+         //  Upload statua u if no data exists
+         let isAllUploaded_S = await uploadStoreStatus(props, data, 'U', JCP_TYPE, EmpData);
+         if (isAllUploaded_S == true) {
+            await updateStoreStatuslocal('U', data);
+            notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+            if (index == AllStores.length - 1) {
+               setProcessing(false);
+            }
+         }
+         else {
+            if (index == AllStores.length - 1) {
+               setProcessing(false); notify(ST.Erroroccurwhileuploadingdata, 'LONG');
+            }
+         }
+      }
+   }
+
+   async function UploadDataWithImages(index, AllStores, data, MenuList, allKPIs, JCP_TYPE, allFilesToUpload) {
+      console.log("JCP_TYPEJCP_TYPE", JCP_TYPE)
+      let { StoreName } = data;
+      console.log("data== store list", data)
+      if (allFilesToUpload.length > 0) {
+         setLoaderTitle(ST.UploadingImages + '...');
+         console.log('set loader title');
+
+         let isAllUploaded = await uploadAllImages(props, data, allFilesToUpload, JCP_TYPE, EmpData);
+
+         console.log('isAllUploaded-->', isAllUploaded);
+
+
+         if (isAllUploaded == true) {
+
+            await uploadStoreStatus(props, data, 'U', JCP_TYPE, EmpData);
+            await updateStoreStatuslocal('U', data);
+            notify(ST.Alldataandimagesuploadedfor + ' ' + StoreName, 'SHORT');
+            if (index == AllStores.length - 1) {
+               setProcessing(false);
+            }
+         } else {
+            notify(ST.Cannotuploadimagesfor + ' ' + StoreName, 'SHORT');
+            if (index == AllStores.length - 1) {
+               setProcessing(false);
+            }
+         }
+      }
+      else {
+         let isupdatedU = await uploadStoreStatus(props, data, 'U', JCP_TYPE, EmpData);
+         console.log('on no files found to upload , isupdated::', isupdatedU);
+         if (isupdatedU) {
+            await updateStoreStatuslocal('U', data);
+            notify(ST.Alldatauploadedfor + ' ' + StoreName, 'SHORT');
+         }
+         if (index == AllStores.length - 1) {
+            setProcessing(false);
+         }
+      }
+   }
+
+   async function getPJPStoresData(tbname, Stores = [], d2) {
+      return new Promise((resolve, reject) => {
+         db.transaction(async function (txn) {
+            let join, qt;
+            join = `INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.EMP_ID=t1.MerchandiserId and t2.JCP_TYPE='${tbname}' `;
+            qt = `Select t1.*,t2.REASON_ID,t2.IMAGE,t2.CHECKOUT_IMAGE,t2.JCP_TYPE from ${tbname} t1 ${join} where t1.VisitDate='${d2}' and t1.UploadStatus in ('C','P','D','L','I')`
+            console.log('qt111', qt);
+
+            txn.executeSql(qt, [], async function (txn2, txnres2) {
+               console.log('length of pjp', txnres2.rows.length);
+               if (txnres2.rows.length > 0) {
+
+                  for (var i = 0; i < txnres2.rows.length; i++) {
+                     let data = txnres2.rows.item(i);
+                     Stores.push(data);
+                  }
+                  resolve(Stores);
+               }
+               else {
+                  resolve(Stores);
+               }
+            }, function (txnE, txnerr) { console.log(txnerr); resolve(Stores); });
+
+         });
+      }).then((val) => {
+         return val;
+      })
+         .catch((err) => {
+            console.log(err);
+            return Stores;
+         })
+   }
+
+   async function storeVisited() {
+      console.log('isgeotag:', currentStore.GeoTag);
+      setShowStoreVisitModal(false);
+
+      if (currentStore.GeoTag == 'N') {
+         setShowGeoTagModal(true);
+      }
+      else if (currentStore.UploadStatus == 'N' || currentStore.UploadStatus == '') {
+         // calLocatDistance();
+           props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': showSearchWiseStore, 'isNPND': isNPNDScreen });
+      }
+      else {
+
+      }
+   }
+
+   async function storeNotVisited() {
+      setShowStoreVisitModal(false);
+      props.navigation.navigate('StoreNonWorkingReasons', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': showSearchWiseStore, 'isNPND': isNPNDScreen });
+   }
+
+   async function onVisitCancel() {
+      let d1 = new Date();
+      let d2 = moment(d1).format('MM/DD/YYYY');
+      setLoaderTitle(ST.DeletingCheckInData + '...')
+      setShowCancelCIModal(false);
+      setProcessing(true);
+      let { MID, StoreId, EmpId, MerchandiserId } = cancelCheckOutStore;
+      let postdata = '';
+      // const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+       const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+
+      console.log("storewisePjpVisitCancel::", storewisePjp);
+
+      console.log("MerchandiserId:", MerchandiserId);
+      let methodN = getMethodName(METHODS.DELETECOVERAGE_METHOD);
+      postdata = { 'StoreId': StoreId, "UserId": props.UserId, "MerchandiserId": MerchandiserId, "VisitDate": d2 }
+
+      if (storewisePjp == true) {
+         methodN = getMethodName(METHODS.DELETECOVERAGE_METHOD_SUPWISE);
+         postdata = { "MId": MID, "UserId": props.UserId }
+      }
+      const url = props.baseurl + methodN;
+      console.log(url, postdata);
+      await UploadData2(url, postdata)
+         .then(async (res) => {
+            console.log('delete coverage res:', res);
+            if (res == '1') {
+               let isdeleted = await deleteStore(cancelCheckOutStore);
+               if (isdeleted == true) {
+
+                  let data = '';
+
+                  let ShowStoreSearch = storeSearch ? storeSearch : false;
+                  let loginInfo = await get_item('loginInfo');
+                  const loginDetails = JSON.parse(loginInfo);
+
+                  let designation = loginDetails?.Designation
+
+                  console.log("designation===", designation);
+
+                  if (showSearchWiseStore && designation != "Supervisor") {
+                     data = { "StoreId": StoreId, UploadStatus: "N", tbname: "Sup_JourneyPlan", EmpId: MerchandiserId };
+                  }
+                  else if (ShowStoreSearch ? (designation == "Supervisor" && storewisePjp == true) : storewisePjp == true) {
+                     data = { "StoreId": StoreId, UploadStatus: "N", tbname: (isAdhocScreen == true ? 'Sup_JourneyPlanStorewiseSup_Adhoc' : 'Sup_JourneyPlanStorewiseSup'), EmpId: MerchandiserId };
+                  }
+                  else {
+                     data = { "StoreId": StoreId, UploadStatus: "N", tbname: (isAdhocScreen == true ? 'Sup_AdhocJourneyPlan' : 'Sup_JourneyPlan'), EmpId: MerchandiserId };
+                  }
+                  let isUpdated = await UpdateStoreStatus(props, data);
+                  if (isUpdated == true) {
+                     await updateStoreStatuslocal('N', cancelCheckOutStore, true);
+                     setProcessing(false);
+                     console.log("check in removed called ======")
+                     notify(ST.CheckInRemoved);
+                     // if(showSearchWiseStore){
+                     //   getCheckedInData(); // refresh user data
+                     // }
+
+                     if (ShowStoreSearch && desig != "Supervisor") {
+                        getCheckedInData(isAdhocRef.current, isNPNDRef.current);
+                     }
+                  }
+                  else {
+                     setProcessing(false);
+                     notify(ST.CheckInremovedsuccessfullybutcannotupdatestatus);
+                  }
+               }
+               else {
+                  setProcessing(false);
+                  notify(ST.CheckInremovedsuccessfullybutcannotupdatestatus);
+               }
+            }
+            else {
+               setProcessing(false);
+               notify(ST.CannotRemoveCheckIn);
+            }
+
+         }).catch(err => {
+            console.log('onPage Team error', err);
+            setProcessing(false);
+            notify(ST.CannotRemoveCheckIn);
+         });
+
+   }
+
+   async function deleteStore(storeData1) {
+      let { StoreId, MerchandiserId } = storeData1;
+      let allQueries = [
+         `Delete from ${AppTables.COVERAGE_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}'`,
+         `Delete from ${AppTables.CHECKIN_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         `Delete from ${AppTables.GEOTAG} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.HEADER_BACK_OF_STORE} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.CHILD_BACK_OF_STORE} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.SALES} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.INSERT_OPENINGHEADER_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.STOCK_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.SHARE_OF_SHELF_IMAGE} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.SHARE_OF_SHELF_FACING_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.INSERT_SAMPLED_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.CONTACT_CONVERSION} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.INSERT_ERROR_TRACKING} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.GROOMING_IMAGE_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.ADDITIONAL_VISIBILITY} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         `Delete from ${AppTables.COMPETITION_VISIBILITY} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         `Delete from ${AppTables.COMPETITION_PROMOTION} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.PROMOTION_HEADER_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.PROMOTION_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.PAID_VISIBILITY_HEADER_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.PAID_VISIBILITY_CHILD_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         // `Delete from ${AppTables.PAID_VIS_CHECKLIST} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         `Delete from ${AppTables.STORE_IMAGES} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         `Delete from ${AppTables.SURVEY} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         `Delete from ${AppTables.VISAUDIT_HDR_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         `Delete from ${AppTables.VISAUDIT_CHILD_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+         `Delete from ${AppTables.VISAUDIT_STOCK_DATA} where STORE_ID='${StoreId}' and EMP_ID='${MerchandiserId}' `,
+      ]
+
+      return await Promise.all(
+         allQueries.map(async (q, index) => {
+            let isDeleted = await executeQuery(q);
+            return isDeleted == true;
+         })
+      )
+         .then((val) => {
+            // if(val.indexOf(false)<0){}
+            return true;
+         }).catch((err) => {
+            console.log(err);
+            return false;
+         })
+   }
+
+   async function executeQuery(q, type = '1') {
+      return new Promise((resolve, reject) => {
+         db.transaction(async function (txn) {
+            txn.executeSql(q, [], async function (txn2, txnres2) {
+               if (type == '1') {
+                  resolve(true);
+               }
+               else {
+                  let arr = [];
+                  if (txnres2.rows.length > 0) {
+                     for (var i = 0; i < txnres2.rows.length; i++) {
+                        let data = txnres2.rows.item(i);
+                        arr.push(data);
+                     }
+                     resolve(arr);
+                  }
+                  else {
+                     resolve([]);
+                  }
+               }
+            }, function (txn2, txnerr) { console.log(txnerr); type == '1' ? resolve(false) : resolve([]); });
+         });
+      }).then((val) => {
+         return val;
+      }).catch((err) => {
+         console.log(err);
+         let d = type == '1' ? false : [];
+         return d;
+      })
+   }
+
+   function FilterStores(searchedQry) {
+      searchedQry = searchedQry.toLowerCase();
+      console.log('searchedQry', searchedQry);
+      let { storeList } = state;
+      let arr = []
+
+      if (searchedQry != null && searchedQry != '') {
+         globalStorelist.map((item, index) => {
+            console.log('itemstorelist', item)
+            let { StoreName, StoreId, StoreCode } = item;
+            StoreId = StoreId + '';
+
+            console.log('itemteamlist', item)
+            if (StoreName.toLowerCase().includes(searchedQry) || StoreCode.toLowerCase().includes(searchedQry) || StoreId.includes(searchedQry)) {
+               arr.push(item);
+            }
+         });
+      }
+      else {
+         arr = globalStorelist;
+      }
+      console.log("console 5")
+      setState({ storeList: arr });
+      setrerenderdata(!rerenderdata)
+   }
+
+   function _render_StoreVisitModal() {
+      return (
+         <CustomModal
+            style={customStyle.storelVisitM_Style}
+            title={ST.StoreVisited}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            showModal={showStoreVisitModal}
+         >
+            <View style={customStyle.storelVisitM_options}>
+               <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { storeVisited() }}>
+                  <Text style={customStyle.storelVisitM_op_btnText}>{ST.Yes}</Text>
+               </TouchableOpacity>
+               <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { storeNotVisited() }}>
+                  <Text style={customStyle.storelVisitM_op_btnText}>{ST.No}</Text>
+               </TouchableOpacity>
+            </View>
+         </CustomModal>
+      )
+   }
+
+   function _render_GeoTagModal() {
+      return (
+         <CustomModal
+            style={customStyle.storelVisitM_Style}
+            title={ST.Youneedtogeotagstore}
+            titleStyle={customStyle.storelVisitM_titleStyle}
+            showModal={showGeoTagModal}
+         >
+            <View style={customStyle.storelVisitM_options}>
+               <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { setShowGeoTagModal(false) }}>
+                  <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+               </TouchableOpacity>
+               <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { setShowGeoTagModal(false); props.navigation.navigate('GeoTag', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': showSearchWiseStore, 'isNPND': isNPNDScreen }); }}>
+                  <Text style={customStyle.storelVisitM_op_btnText}>{ST.OK}</Text>
+               </TouchableOpacity>
+            </View>
+         </CustomModal>
+      )
+
+   }
+
+   function _render_CancelCheckinModal() {
+      let storename = cancelCheckOutStore.StoreName || '';
+      return (
+         <CustomModal
+            style={customStyle.storelVisitM_Style}
+            title={ST.DoyoureallywanttoCancelCheckIn}
+            titleStyle={customStyle.storelCancelM_titleStyle}
+            messageStyle={customStyle.storelCancelM_subtitleStyle}
+            message={storename}
+            showModal={showCancelCIModal}
+         >
+            <View style={customStyle.storelCM_alertCon}>
+               <Feather name='alert-triangle' size={20} color={'#ff0000'} />
+               <Text style={customStyle.storelCM_alert}>{ST.Yourallcheckindatawillbelost}</Text>
+            </View>
+
+            <View style={customStyle.storelVisitM_options}>
+
+               <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { setShowCancelCIModal(false); }}>
+                  <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+               </TouchableOpacity>
+               <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={() => { onVisitCancel() }}>
+                  <Text style={customStyle.storelVisitM_op_btnText}>{ST.OK}</Text>
+               </TouchableOpacity>
+            </View>
+         </CustomModal>
+      )
+   }
+
+   async function onDistanceM_OK() {
+      console.log('storeDistanceinMpjp', storewisePjp);
+
+      if (storewisePjp == true) {
+         if (props.GeoFenceEnable) {
+            if (storeDistanceinM > props.GeoFenceRadius) {
+               setShowDistanceModal(false);
+               notify(ST.Youcannotcheckin + ' ' + ST.Youarenotwithinthealloweddistancefromthestore + ' ' + props.GeoFenceRadius + ' m', 'LONG')
+            }
+            else {
+               setShowDistanceModal(false); props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: storeData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': showSearchWiseStore, 'isNPND': isNPNDScreen });
+            }
+         }
+         else {
+            setShowDistanceModal(false); props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: storeData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': showSearchWiseStore, 'isNPND': isNPNDScreen });
+         }
+      }
+
+      else {
+         if (props.GeoFenceEnable) {
+            if (storeDistanceinM > props.GeoFenceRadius) {
+               setShowDistanceModal(false);
+               notify(ST.Youcannotcheckin + ' ' + ST.Youarenotwithinthealloweddistancefromthestore + ' ' + props.GeoFenceRadius + ' m', 'LONG')
+            }
+            else {
+               setShowDistanceModal(false); props.navigation.navigate('StoreCheckin', { storeData: currentStore, empData: EmpData, 'isAdhoc': isAdhocScreen, 'IsSearchedStore': showSearchWiseStore, 'isNPND': isNPNDScreen });
+            }
+         }
+      }
+   }
+
+
+   function closeImageModal() {
+      setCheckOutImageModal(false);
+   }
+
+   function cancelImage() {
+      setCheckOutImage('');
+      setCheckOutImagePath('');
+      closeImageModal();
+   }
+
+   async function openCamera() {
+      setCheckOutImageModal(false);
+      ChangeShowCamera(true);
+      // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front'});
+   }
+
+   async function getImage(imgdata) {
+      let storeData = checkOutStore
+      if (typeof imgdata == 'object' && imgdata.errorCode == 'camera_unavailable') {
+         notify(ST.Cameraunavailable);
+      }
+      else if (typeof imgdata == 'object' && imgdata.uri != null) {
+         const img = imgdata;
+         const imgurl = img.uri, imgWidth = img.width, imgHeight = img.height;
+
+
+         let picture_clicked_time = new Date();
+         picture_clicked_time = moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+
+
+         const mark_text1 = picture_clicked_time;
+         const mark_text2 = 'Store Name:' + storeData.StoreName + ' | Store Id:' + storeData.StoreId + ' | User Id:' + storeData.EmpId + ' | Image Type: Check Out' + ' | Date:' + picture_clicked_time;
+
+         await marktext1(mark_text1, imgurl)
+            .then((res) => {
+               if (res.success) {
+                  let uri = res.uri;
+                  marktext2(mark_text2, uri, imgWidth, imgHeight)
+                     .then((res) => {
+                        if (res.success) {
+                           let picture_clickedd = new Date();
+                           let picture_clicked_date = moment(picture_clickedd).format('YYYYMMDD');
+                           let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                           let filename = storeData.StoreId + '_CheckoutImg-' + picture_clicked_date + '_' + picture_clicked_time + '.jpg';
+
+                           setCheckOutImage(filename);
+                           // renamefile
+                           let imagePath = `${RNFS.DocumentDirectoryPath}/${filename}`;
+                           RNFS.copyFile(res.uri, imagePath)
+                              .then(resn => {
+                                 let uri = 'file://' + imagePath;
+                                 console.log('image marker', uri);
+                                 setCheckOutImagePath(uri);
+                              })
+                              .catch(err => {
+                                 console.log(ST.Errorimagefilewritefailed + '!!!');
+                                 console.log(err.message, err.code);
+                              });
+
+                        }
+                        else {
+                           if (res.imagenotfound) {
+                              notify(ST.Pleasecaptureaimage);
+                           }
+                           else {
+                              notify(res.error);
+                           }
+                        }
+                     });
+               }
+               else {
+                  if (res.imagenotfound) {
+                     notify(ST.Pleasecaptureaimage);
+                  }
+                  else {
+                     notify(res.error);
+                  }
+               }
+            });
+      }
+   }
+
+
+   function _OpenCaptureImage_Modal() {
+      const isImageCap = (CheckOutImagePath == '' || CheckOutImagePath == null) ? false : true;
+      return (
+         <CustomModal
+            style={customStyle.nonWCapImgModal}
+            title={ST.CheckOutImage}
+            message={ST.Pleaseclickselfieinfrontofstore}
+            titleStyle={customStyle.nonWCapImgModal_title}
+            messageStyle={customStyle.nonWCapImgModal_subtitle}
+            showModal={CheckOutImageModal}
+         >
+            {
+               !isImageCap &&
+               <View style={customStyle.nonWCapImgModalCon}>
+                  <TouchableOpacity style={customStyle.nonWCapImgModal_Camera} onPress={() => { openCamera() }}>
+                     <SvgXml width={100} height={100} xml={CameraImg2} />
+                  </TouchableOpacity>
+                  <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={() => { closeImageModal() }}>
+                     <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+                  </TouchableOpacity>
+               </View>
+            }
+            {
+               isImageCap &&
+               <View style={customStyle.nonWCapImgModalCon}>
+                  <View style={customStyle.nonWCapImgModal_ImgWrap}>
+                     <Image style={[customStyle.nonWCapImgModal_Img, (Platform.OS == 'ios' ? customStyle.android_flipIMageView : {})]} source={{ uri: CheckOutImagePath }} />
+                  </View>
+                  <TouchableOpacity style={customStyle.nonWCapImgModal_CameraSmall} onPress={() => { openCamera() }}>
+                     <MaterialCommunityIcons name='camera-retake' size={30} color={PageTheme.$primary_color} />
+                  </TouchableOpacity>
+                  {showImageSaveOp &&
+                     <View style={customStyle.nonWCapImgModal_btng}>
+                        <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={() => { cancelImage() }}>
+                           <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+                        </TouchableOpacity>
+                        <TouchableOpacity style={customStyle.nonWCapImgModal_Save_btn} onPress={() => { closeImageModal(); UpdateCheckOutStatus(CheckOutLoc); }}>
+                           <Text style={customStyle.nonWCapImgModal_Save_btnText}>{ST.Save}</Text>
+                        </TouchableOpacity>
+                     </View>}
+                  {!showImageSaveOp &&
+                     <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={() => { closeImageModal() }}>
+                        <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Close}</Text>
+                     </TouchableOpacity>
+                  }
+
+               </View>
+
+            }
+         </CustomModal>
+      )
+   }
+
+   function _render_DistanceModal() {
+      return (
+         <CustomModal
+            style={customStyle.storeDistance_Modal}
+            title={'Performics'}
+            titleStyle={customStyle.storeDistanceM_title}
+            showModal={showDistanceModal}
+         >
+            <View style={customStyle.storeDistanceM_Con}>
+               <Text style={customStyle.storeDistanceM_message}>{ST.Youneedtobeinthestore}</Text>
+               <Text style={[customStyle.storeDistanceM_message, customStyle.mb20]}>{ST.toCheckInCheckOut}</Text>
+               <Text style={customStyle.storeDistanceM_submessage}>{`${ST.Alloweddistancefromstore}: ${(props.GeoFenceEnable == true ? props.GeoFenceRadius : '500')} m`}</Text>
+               <Text style={customStyle.storeDistanceM_submessage}>{`${ST.Yourdistancefromstore}: ${storeDistance}`}</Text>
+               <TouchableOpacity style={customStyle.storeDistanceM_btn} onPress={() => { onDistanceM_OK() }}>
+                  <Text style={customStyle.storeDistanceM_btnText}>Ok</Text>
+               </TouchableOpacity>
+            </View>
+         </CustomModal>
+      )
+
+   }
+
+   async function gotoStoreSearch() {
+      props.navigation.navigate('SearchStoreList', { teamlistEmpData: EmpData, 'isAdhoc': isAdhocScreen, 'isNPND': isNPNDScreen });
+      // props.navigation.navigate("SearchStoreList",{"teamlistEmpData":EmpData}); // addby me (17 apr);
+   }
+
+
+   const [designation, setDesignation] = useState('')
+
+   useEffect(() => {
+      (async () => {
+         let loginInfo = await get_item('loginInfo');
+         const loginDetails = JSON.parse(loginInfo);
+
+         // console.log("loginDetails--------",loginDetails )
+         setDesignation(loginDetails?.Designation)
+         let columKey = loginDetails?.Designation == "Supervisor" ? "" : "";
+
+      })()
+   }, [])
+
+
+   // console.log("designation showSearchWiseStore showsearchwise_dummy SUP_StorewisePJP --> ", designation, showSearchWiseStore, showsearchwise_dummy, props?.SUP_StorewisePJP)
+
+  
+
+   return (
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+         {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+         <CustomHeader {...props} title={(isAdhocScreen == true ? ST.Adhoc + ' ' + ST.StoreList : ST.StoreList)} />
+         {_render_StoreVisitModal()}
+         {_render_GeoTagModal()}
+         {_render_DistanceModal()}
+         {_render_CancelCheckinModal()}
+         {_OpenCaptureImage_Modal()}
+         {ConfirmSaveAlert(props, showAlert, onSaveCancel, getLocOnCheckout, ST.Doyoureallywanttocheckout)}
+         {/* <CustomCamera cameraType={'front'} onImageCaptured={(imgData) => { ChangeShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { ChangeShowCamera(false); }} /> */}
+
+         {console.log("setCheckOutImageModal==>", CheckOutImageModal)}
+         {/* <CustomCamera
+            cameraType={'front'}
+            onImageCaptured={(imgData) => { ChangeShowCamera(false); getImage(imgData); setCheckOutImageModal(false) }}
+            showCamera={showCamera}
+            onHideCamera={() => { ChangeShowCamera(false); }}
+         /> */}
+
+           <CustomCamera cameraType={'front'} onImageCaptured={(imgData) => { setCheckOutImageModal(true); ChangeShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { ChangeShowCamera(false); }} />
+
+         <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+            <View style={customStyle.pageContentWrapper}>
+               {!props.isDataDownloaded && <NoDataComponent {...props} />}
+
+
+               <View style={[customStyle.storelist_parentwrap]}>
+
+                  {/* {designation != 'Supervisor' && showSearchWiseStore == true && (
+                     <>
+                        <TouchableOpacity style={customStyle.storel_searchBtnMain} onPress={() => gotoStoreSearch()}>
+                           <AntDesign name="search1" size={20} color={PageTheme.$accent_color} />
+                           <Text style={customStyle.storel_searchBtnMainText}>
+                              {showStoreSearchLabel ? showStoreSearchLabel : 'Store Search'}
+                           </Text>
+                        </TouchableOpacity>
+
+                        <View style={customStyle.storel_headCon}>
+                           <Text style={customStyle.storel_headingText}>Added Stores</Text>
+                        </View>
+                     </>
+                  )} */}
+
+                  {designation == 'Supervisor' &&
+                     <View style={customStyle.storeTab_Con}>
+                        <ScrollView style={customStyle.storeTab_MenuCon} contentContainerStyle={customStyle.storeTab_Menu} horizontal={true}>
+                           <TouchableOpacity disabled={(!isAdhocScreen && !isNPNDScreen) ? true : false} style={[customStyle.storeTab_pill, (!isAdhocScreen && !isNPNDScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.pop(); props.navigation.push('StoreList', { 'showSearchWiseStore': showSearchWiseStore, 'empData': EmpData, 'isAdhoc': false, isNPND: false }) }}>
+                              <Text style={[customStyle.storeTab_pillText, (!isAdhocScreen && !isNPNDScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{ST.Planned}</Text>
+                           </TouchableOpacity>
+                           <TouchableOpacity disabled={isAdhocScreen ? true : false} style={[customStyle.storeTab_pill, (isAdhocScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.pop(); props.navigation.push('StoreList', { 'showSearchWiseStore': showSearchWiseStore, 'empData': EmpData, 'isAdhoc': true, isNPND: false }) }}>
+                              <Text style={[customStyle.storeTab_pillText, (isAdhocScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{ST.Adhoc}</Text>
+                           </TouchableOpacity>
+                           {props.ShowNPND == true &&
+                              <TouchableOpacity style={[customStyle.storeTab_pill, (isNPNDScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.pop(); props.navigation.push('StoreList', { 'showSearchWiseStore': showSearchWiseStore, 'empData': EmpData, 'isAdhoc': false, isNPND: true }) }}>
+                                 <Text style={[customStyle.storeTab_pillText, (isNPNDScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{props.ShowNPNDLabel}</Text>
+                              </TouchableOpacity>
+                           }
+                        </ScrollView>
+                     </View>}
+
+
+                  {designation != 'Supervisor' && storewisePjp.StorewisePJP == false && storewisePjp.StoreSearch == false &&
+                     <View style={customStyle.storeTab_Con}>
+                        <ScrollView style={customStyle.storeTab_MenuCon} contentContainerStyle={customStyle.storeTab_Menu} horizontal={true}>
+                           <TouchableOpacity disabled={(!isAdhocScreen && !isNPNDScreen) ? true : false} style={[customStyle.storeTab_pill, (!isAdhocScreen && !isNPNDScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.pop(); props.navigation.push('StoreList', { 'showSearchWiseStore': showSearchWiseStore, 'empData': EmpData, 'isAdhoc': false, isNPND: false }) }}>
+                              <Text style={[customStyle.storeTab_pillText, (!isAdhocScreen && !isNPNDScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{ST.Planned}</Text>
+                           </TouchableOpacity>
+                           <TouchableOpacity disabled={isAdhocScreen ? true : false} style={[customStyle.storeTab_pill, (isAdhocScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.pop(); props.navigation.push('StoreList', { 'showSearchWiseStore': showSearchWiseStore, 'empData': EmpData, 'isAdhoc': true, isNPND: false }) }}>
+                              <Text style={[customStyle.storeTab_pillText, (isAdhocScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{ST.Adhoc}</Text>
+                           </TouchableOpacity>
+                           {props.ShowNPND == true &&
+                              <TouchableOpacity style={[customStyle.storeTab_pill, (isNPNDScreen ? customStyle.storeTab_pillActive : {})]} onPress={() => { props.navigation.pop(); props.navigation.push('StoreList', { 'showSearchWiseStore': showSearchWiseStore, 'empData': EmpData, 'isAdhoc': false, isNPND: true }) }}>
+                                 <Text style={[customStyle.storeTab_pillText, (isNPNDScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color })]}>{props.ShowNPNDLabel}</Text>
+                              </TouchableOpacity>
+                           }
+                        </ScrollView>
+                     </View>}
+
+
+
+
+
+
+
+
+
+                  {designation !== 'Supervisor' && (
+                     <>
+                        {/* Case 1 & 2: props?.SUP_StorewisePJP doesn't matter, show search when showSearchWiseStore = true */}
+                        {showSearchWiseStore == true && (
+                           <>
+                              <TouchableOpacity style={customStyle.storel_searchBtnMain} onPress={() => gotoStoreSearch()}>
+                                 <AntDesign name="search1" size={20} color={PageTheme.$accent_color} />
+                                 <Text style={customStyle.storel_searchBtnMainText}>
+                                    {showStoreSearchLabel ? showStoreSearchLabel : 'Store Search'}
+                                 </Text>
+                              </TouchableOpacity>
+
+                              <View style={customStyle.storel_headCon}>
+                                 <Text style={customStyle.storel_headingText}>Added Stores</Text>
+                              </View>
+                           </>
+                        )}
+
+                        {/* Case 3: props?.SUP_StorewisePJP = true & showSearchWiseStore = false */}
+                        {/* {console.log("Rendering store tabs::",storewisePjp.StorewisePJP)} */}
+                        {storewisePjp.StorewisePJP == true && storewisePjp.StoreSearch == false && (
+                           <View style={customStyle.storeTab_Con}>
+                              <ScrollView
+                                 style={customStyle.storeTab_MenuCon}
+                                 contentContainerStyle={customStyle.storeTab_Menu}
+                                 horizontal={true}
+                              >
+                                 <TouchableOpacity disabled={(!isAdhocScreen && !isNPNDScreen) ? true : false} style={[customStyle.storeTab_pill, !isAdhocScreen && !isNPNDScreen ? customStyle.storeTab_pillActive : {}]}
+                                    onPress={() => { props.navigation.pop(); props.navigation.push('StoreList', { showSearchWiseStore, empData: EmpData, isAdhoc: false, isNPND: false }) }}>
+                                    <Text style={[customStyle.storeTab_pillText, !isAdhocScreen && !isNPNDScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color }]}>
+                                       {ST.Planned}
+                                    </Text>
+                                 </TouchableOpacity>
+
+                                 <TouchableOpacity disabled={isAdhocScreen ? true : false} style={[customStyle.storeTab_pill, isAdhocScreen ? customStyle.storeTab_pillActive : {}]}
+                                    onPress={() => {
+                                       props.navigation.pop(); props.navigation.push('StoreList', {
+                                          showSearchWiseStore, empData: EmpData, isAdhoc: true, isNPND: false
+                                       })
+                                    }} >
+                                    <Text style={[customStyle.storeTab_pillText, isAdhocScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color }]} >
+                                       {ST.Adhoc}
+                                    </Text>
+                                 </TouchableOpacity>
+
+                                 {props.ShowNPND == true && (
+                                    <TouchableOpacity
+                                       style={[
+                                          customStyle.storeTab_pill,
+                                          isNPNDScreen ? customStyle.storeTab_pillActive : {}
+                                       ]}
+                                       onPress={() => { props.navigation.pop(); props.navigation.push('StoreList', { showSearchWiseStore, empData: EmpData, isAdhoc: false, isNPND: true }) }}>
+                                       <Text style={[customStyle.storeTab_pillText, isNPNDScreen ? customStyle.storeTab_pillActiveText : { color: PageTheme.$text_color }]}>
+                                          {props.ShowNPNDLabel}
+                                       </Text>
+                                    </TouchableOpacity>
+                                 )}
+                              </ScrollView>
+                           </View>
+                        )}
+                     </>
+                  )}
+
+
+
+                  <View style={customStyle.storel_searchbar}>
+                     <TextInput
+                        style={[customStyle.storel_searchInput]}
+                        placeholder={ST.Searchby + ` ${ST.StoreName}, ${ST.StoreId}, ${ST.StoreCode}`}
+                        placeholderTextColor={PageTheme.$placeholder_color}
+                        value={searchedItem}
+                        onChangeText={(val) => { setSearchedItem(val); FilterStores(val) }}
+                        autoComplete='off'
+                     />
+                     <TouchableOpacity style={customStyle.storel_searchBtn} onPress={() => { FilterStores(searchedItem) }}>
+                        <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color} />
+                     </TouchableOpacity>
+                  </View>
+
+
+                  {nodataFound &&
+                     <View style={customStyle.noDataCon}>
+                        {
+                           showSearchWiseStore == true ?
+                              <Text style={customStyle.noDataText}>{`${ST.NoDataAvailable}\n Tap on Store Search on top.`}</Text>
+                              :
+                              <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+
+                        }
+                     </View>
+                  }
+                  {(props.isDataDownloaded == true && !nodataFound) &&
+                     <View style={customStyle.storel_Con}>
+                        <FlatList
+                           data={state.storeList}
+                           extraData={rerenderdata}
+                           style={customStyle.listcon}
+                           initialNumToRender={4}
+                           contentContainerStyle={customStyle.iteml_con}
+                           renderItem={({ item, index, separators }) => {
+                              return (
+                                 <StoreItem  {...props} item={item} EmpData={EmpData} index={index} isAdhocScreen={isAdhocScreen} isNPNDScreen={isNPNDScreen} setShowStoreVisitModal={setShowStoreVisitModal} setCurrentStore={setCurrentStore} onCheckOut={onCheckOut} storeList={state.storeList} setLoaderTitle={setLoaderTitle} setProcessing={setProcessing} setShowCancelCIModal={setShowCancelCIModal} setCancelCheckOutStore={setCancelCheckOutStore} IsSearchedStore={showSearchWiseStore} />
+                              );
+                           }}
+                        />
+                     </View>
+                  }
+               </View>
+
+
+            </View>
+         </LinearGradient>
+
+      </Container>
+   );
+}
+
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(StoreList);
\ No newline at end of file
diff --git a/src/screens/StoreNonWorkingReasons.js b/src/screens/StoreNonWorkingReasons.js
new file mode 100644
index 0000000..cd0f682
--- /dev/null
+++ b/src/screens/StoreNonWorkingReasons.js
@@ -0,0 +1,906 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme } from "../styles/Global";
+import {Image,View,Text,ScrollView,TouchableOpacity,FlatList} from 'react-native';
+import { connect } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {marktext1,marktext2, UpdateStoreStatus, UploadData, UploadData2, UploadFormData,fetchProjectConfig} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {AppVersion, db, URL_IMAGE, version} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {AntDesign, Entypo, MaterialCommunityIcons,} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import CustomModal from '../components/CustomModal';
+import GradientButton from '../components/gradientButton';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+// import Geolocation from '@react-native-community/geolocation';
+import Geolocation from 'react-native-geolocation-service';
+
+import {_checkLocationPermission} from '../components/geolocation';
+import CustomCamera from '../components/Camera';
+
+import cameraImg from '../assets/performics/camera_front_image.svg';
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CameraImg3 from '../assets/performics/camera_tick.svg';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { AppTables } from '../constants/tableConstants';
+import { uploadStoreStatus } from '../constants/uploadData';
+import { ConfirmSaveAlert } from '../components/alert';
+
+
+function StoreNonWorkingReasons(props) { 
+  console.log('StoreNonWorkingReasons props:',props);
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState((props.isDataDownloaded?true:false));
+    
+    const [storeData, setStoreData] = useState({});
+    const [nonWorkingRsns, setNonWorkingRsns] = useState([]);
+    const [selectedReason, setSelectedReason] = useState({});
+    const [reason, setReason] = useState('');
+    const [reasonId, setReasonId] = useState('');
+    const [Image1, setImage1] = useState('');
+    const [Image1Path, setImage1Path] = useState('');
+    const [showModal, setShowModal] = useState(false);
+    const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+    const [showAlert, setShowAlert] = useState(false);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [location, setLocation] = useState({});
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [isNPNDScreen, setisNPNDScreen] = useState(false);
+    const [isAnyStoreUploaded, setIsAnyStoreUploaded] = useState(false);
+
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const [EmpData, setEmpData] = useState([]);
+    const [IsSearchedStore, setIsSearchedStore] = useState(false);
+    const [designation, setDesignation] = useState('');
+
+
+    useEffect(()=>{
+      (async() => {
+      let params=props.route.params? props.route.params:{};
+      
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+
+     // const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+      const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+      console.log("storewisePjp_get>>:",storeSearch, storewisePjp);
+    
+      setDesignation(loginDetails?.Designation)
+    })()
+  },[])
+
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...')
+      let params = props.route.params ? props.route.params : {};
+      let storeData1 = params.storeData || {};
+      let empData1 = params.empData || {};
+      let IsSearchedStore1 = params.IsSearchedStore != null && params.IsSearchedStore == 1 ? true : false;
+      
+      let isAdhoc = params.isAdhoc || false;
+      let isNPND=params.isNPND!=null?params.isNPND:false;
+      setIsAdhocScreen(isAdhoc);
+      setisNPNDScreen(isNPND)
+      setIsSearchedStore(IsSearchedStore1);
+      setStoreData(storeData1);
+      setEmpData(empData1);
+      
+      getNonWorkingRsns(storeData1, isAdhoc);
+      getData(storeData1, isAdhoc);
+
+      const willFocusSubscription = props.navigation.addListener('focus', onBeforeRemove);
+
+      return function cleanup() {
+        willFocusSubscription(); // Call the unsubscribe function
+      };
+    }, []);
+
+    useEffect(() => {
+      const beforeRemoveListener = props.navigation.addListener('beforeRemove', onBeforeRemove);
+      
+      return function cleanup() {
+        beforeRemoveListener(); // Call the unsubscribe function
+      };
+    }, [showCamera]);
+
+    function onBeforeRemove(e) {
+      if (showCamera == true) {
+        e.preventDefault();
+        setShowCamera(false);
+      }
+      // No else needed - if showCamera is false, the event will proceed normally
+    }
+
+
+    async function getNonWorkingRsns(storeData1,isAdhoc){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+
+      let q=`SELECT * FROM Sup_NonWorkingReason where ShowStore='1'`;
+
+      await db.transaction(async function (txn) {  
+
+        await txn.executeSql(q,[],async function (txn2, txnres2) {           
+          if(txnres2.rows.length>0){ 
+            // show from local
+            var storeArr=[];
+            for(var i=0;i<txnres2.rows.length;i++){
+              let sdata=txnres2.rows.item(i);            
+              storeArr.push(sdata); 
+            
+              if(i==(txnres2.rows.length-1)){
+                console.log(storeArr);
+                setNonWorkingRsns(storeArr);
+                setProcessing(false);
+              }
+            }            
+          }
+          else{            
+            setProcessing(false); 
+            notify(ST.Nodatafound);
+          }
+        },function(txn2,txnerr){console.log(txnerr);});
+      });   
+    }
+
+    async function getData(storeData1,isAdhoc){
+      let isAny=await checkIfAlreadyUploaded();
+      setIsAnyStoreUploaded(isAny);
+    }
+
+    async function checkIfAlreadyUploaded(){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let loginInfo=await get_item('loginInfo');
+     // const storewisePjp = await fetchProjectConfig(props.ManagerAppConfig);
+      const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+
+      console.log("storewisePjpcheckIfAlreadyUploaded>>:", storewisePjp);
+  
+      return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+     
+            let ShowStoreSearch= storeSearch?storeSearch:false;
+            console.log("designation",designation)
+
+            let tbname1='',tbname2='',checkTbl2=true;
+            if (ShowStoreSearch && designation != 'Supervisor'){
+              tbname1="Sup_JourneyPlan";
+              checkTbl2=false;
+            }
+            else if(ShowStoreSearch ? (designation == "Supervisor" && storewisePjp==true):storewisePjp==true){
+              tbname1="Sup_JourneyPlanStorewiseSup";
+              tbname2="Sup_JourneyPlanStorewiseSup_Adhoc";
+            }
+            else{
+              tbname1="Sup_JourneyPlan";
+              tbname2="Sup_AdhocJourneyPlan";
+            }
+
+            let q=`Select t1.* from ${tbname1} t1 where t1.VisitDate='${d2}' and t1.UploadStatus!='N' and t1.UploadStatus!='' `
+            
+            let q2=`Select t1.* from ${tbname2} t1 where t1.VisitDate='${d2}' and t1.UploadStatus!='N' and t1.UploadStatus!='' `
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+                if(txnres2.rows.length>0){ 
+                  // show from local
+                  resolve(true);      
+                }
+                else if(checkTbl2){            
+                  await txn.executeSql(q2,[],async function (txn2, txnres3) {           
+                    if(txnres3.rows.length>0){ 
+                      // show from local
+                      resolve(true);      
+                    }
+                    else{   
+                      resolve(false);
+                    }
+                  },function(txn2,txnerr){console.log(txnerr);resolve(false);  });
+                }
+                else{
+                  resolve(false);
+                }
+            },function(txn2,txnerr){console.log(txnerr);resolve(false); });
+  
+          }); 
+  
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        return false;
+      });
+    }
+
+    async function _getCurrentLocation() {  
+      const {StorewisePJP: storewisePjp, StoreSearch: storeSearch } = await fetchProjectConfig(props.ManagerAppConfig);
+      console.log("storewisePjp_get>>:",storeSearch, storewisePjp);
+      const hasPermission=await _checkLocationPermission();
+      if(hasPermission==true)
+      {    
+        setProcessing(true);
+        Geolocation.getCurrentPosition(
+          async (position) => {
+              let loc={lat:position.coords.latitude,lng:position.coords.longitude}; 
+              setLocation(loc);  
+              if(selectedReason.EntryAllow=='true' || selectedReason.EntryAllow==true || selectedReason.EntryAllow==1){
+             (storewisePjp && (isAdhocScreen || isNPNDScreen))  ? await createJCP(loc,storewisePjp,storeSearch): await uploadNonWRsnWithImage(loc,'L',storewisePjp,storeSearch);
+                //await uploadNonWRsnWithImage(loc,'L');
+              } 
+              else{
+                await uploadNonWRsn(loc,'U',storewisePjp);
+              }  
+          },
+          (error) => {
+              notify(ST.Cannotgetuserposition);
+              setProcessing(false);
+          },
+          { enableHighAccuracy: true, distanceFilter: 0, interval: 1000, fastestInterval: 2000 }
+        );
+      }
+      else{        
+        notify(ST.Pleaseallowlocationpermission);
+      }
+    }
+
+    async function uploadNonWRsn(loc,UploadStatus='U',storewisePjp){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');      
+      let data={
+        "Mid":storeData.MID,
+        "StoreId":storeData.StoreId,
+        "VisitDate":d2,
+        "Latitude":(loc.lat || ''),
+        "Longitude":(loc.lng || ''),
+        "ReasonId":reasonId,
+        "Remark":"",
+        "Appversion":AppVersion,
+        "UploadStatus":UploadStatus,
+        "UserName":(props.UserId || ''),
+      }
+
+      const url=props.baseurl+getMethodName(METHODS.COVERAGENOTALLOW_METHOD);
+      console.log('url',url);
+      console.log('data',data);
+      await UploadData(url,data)
+      .then(async(res)=>{  
+        console.log('COVERAGENOTALLOW_METHOD',res);
+        if(res=='1'){
+          let isupdated=await update_Store_UploadStatus(false);
+          if(isupdated==true){
+            notify(ST.AllDataUploaded+'!','SHORT');
+            setProcessing(false);
+            console.log('')
+            goBack();
+          }
+          else{
+            notify(ST.DataUploadedButcouldnotupdatestorestatus,'SHORT');
+            setProcessing(false);
+          }
+        }
+        else{
+          setProcessing(false);
+          notify(ST.Cannotuploaddata,'SHORT');
+        }
+      })
+      .catch((err)=>{
+        console.log(err);
+      });
+    }
+
+    async function uploadNonWRsnWithImage(loc,UploadStatus='L',storewisePjp,storeSearch){
+      console.log('uploadNonWRsnWithImage called');
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');  
+       let Deviation=(isAdhocScreen==true)?1:isNPNDScreen?2:0;  
+
+      var data1 = new FormData();         
+      if(Image1Path!='' && Image1Path!=null){
+         
+        data1.append('file', {
+          uri: Image1Path,
+          type: 'image/jpg',
+          name: Image1,
+        });
+
+        let foldername=getFolderName(Image1);
+        data1.append('Foldername',foldername);
+        data1.append('Path', d2);
+      }
+      
+      // data1.append('UserName', (props.UserId || ''));
+     
+      
+      let data={
+        "StoreId": storeData.StoreId,
+        "VisitDate": d2, 
+        "MerchandiserId": storeData.MerchandiserId, 
+        "Latitude": (loc.lat || ''), 
+        "Longitude" :(loc.lng || ''), 
+        "ReasonId": reasonId, 
+        "Remark":"",
+        "CheckInImage":"", 
+        "AppVersion":AppVersion, 
+        "Checkout_Image": Image1, 
+        "ChainId":  storeData.ChainId, 
+        "StoreTypeId": storeData.StoreTypeId,
+        "ChannelId": storeData.ChannelId, 
+        "UploadStatus":UploadStatus, 
+        "UserId":(props.UserId || ''), 
+        "Deviation": Deviation
+      }
+
+      const url=props.baseurl+getMethodName(METHODS.GETCOVERAGE_METHOD);
+      const url1=(props.imageUploadUrl || URL_IMAGE)+getMethodName(METHODS.UPLOADIMAGES_METHOD);
+      console.log('url',url);
+      console.log('data',data);
+      console.log('url1',url1);
+
+      let ShowStoreSearch= storeSearch?storeSearch:false;
+      console.log("designation",designation)
+
+      let tbname='';
+      if (ShowStoreSearch && designation != 'Supervisor'){
+        tbname="Sup_JourneyPlan";
+      }
+      else if(ShowStoreSearch ? (designation == "Supervisor" && storewisePjp==true):storewisePjp==true){
+        tbname=isAdhocScreen==true?"Sup_JourneyPlanStorewiseSup_Adhoc":"Sup_JourneyPlanStorewiseSup";
+        console.log('tbnamestore',tbname)
+      }
+      else{
+        tbname=isAdhocScreen==true?"Sup_AdhocJourneyPlan":"Sup_JourneyPlan";
+        console.log('tbnameteamlist',tbname)
+      }
+
+      await UploadData2(url,data)
+      .then(async(res)=>{         
+        console.log('res:',res);
+        if(parseInt(res)>0){
+          let isUpdated=await InsertCoverageData(UploadStatus,storewisePjp,storeSearch);
+          console.log('is inserted:',isUpdated);
+          if(isUpdated==true){
+            // Upload Image 
+            if((selectedReason.ImageAllow=='true' || selectedReason.ImageAllow=='1' || selectedReason.ImageAllow==true) && Image1Path!='' && Image1Path!=null){
+              console.log('upload IMage');
+              await UploadFormData(url1,data1)
+              .then(async(res1)=>{         
+                console.log('res1:',res1);   
+                
+
+                let isuploaded=await uploadStoreStatus(props,storeData,'U',tbname);
+                
+                if(isuploaded==true){
+                  notify(ST.DataUploaded+'!');
+                  setProcessing(false);
+                  console.log('222222222')
+                  props.navigation.goBack();
+                }
+                else
+                {
+                  console.log('IMage not uploaded');
+                  notify(ST.Cannotuploaddata);
+                 
+                  setProcessing(false);
+                }
+                
+              })
+              .catch((err)=>{
+                console.log(err);
+              });
+            }
+            else{
+              console.log('upload status:',isuploaded);
+             
+              let isuploaded=await uploadStoreStatus(props,storeData,'U',tbname);
+              console.log('upload status:',isuploaded);
+              if(isuploaded==true){
+                notify(ST.DataUploaded+'!');
+                setProcessing(false);
+                console.log('11111111111')
+                goBack();
+              }
+              else{
+                notify(ST.Cannotuploaddata);
+                setProcessing(false);
+              }
+              
+            }
+          }
+          else{
+            setProcessing(false);
+            notify(ST.Cannotuploaddata);
+          }
+        }
+        else{
+          setProcessing(false);
+          notify(ST.Cannotuploaddata);
+        }
+      })
+      .catch((err)=>{
+        console.log(err);setProcessing(false);notify(ST.Cannotuploaddata);
+      });
+    }
+
+    async function InsertCoverageData(UploadStatus,storewisePjp,storeSearch){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let now=moment(d1).format('MM/DD/YYYY HH:mm:ss');
+
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) {  
+          let ShowStoreSearch=storeSearch?storeSearch:false;
+          console.log("designation",designation)
+    
+          let {StoreId,MID}=storeData;
+          let {lat,lng}=location;
+          let q=`delete from ${AppTables.COVERAGE_DATA} where STORE_ID='${StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' `; 
+          
+          let JcpType="";
+          if (ShowStoreSearch && designation != 'Supervisor'){
+            JcpType="Sup_JourneyPlan";
+          }
+          else if(ShowStoreSearch ? (designation == "Supervisor" && storewisePjp==true):storewisePjp==true){
+            JcpType=isAdhocScreen==true?"Sup_JourneyPlanStorewiseSup_Adhoc":"Sup_JourneyPlanStorewiseSup";
+          }
+          else{
+            JcpType=isAdhocScreen==true?"Sup_AdhocJourneyPlan":"Sup_JourneyPlan";
+          }
+
+          let values=` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${lat}','${lng}','${Image1}','${now}','${Image1Path}','${reasonId}','${reason}','','','${MID}','${JcpType}','${d2}')`; 
+          let insert_q=` insert into ${AppTables.COVERAGE_DATA}(EMP_ID,STORE_ID,VISIT_DATE ,LATITUDE,LONGITUDE,IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REASON_ID,REASON,REMARK,STORE_FLAG,MID,JCP_TYPE,ADDED_DATE) values ${values}`;
+
+          await txn.executeSql(q,[],async function (txn2, txnres2) {
+            console.log('store coverage deleted');
+            await txn.executeSql(insert_q,[],async function (txn2, txnres3) {
+              console.log('InsertCoverageData done');         
+              
+            },function(txn2,txnerr){console.log(txnerr);});
+          },function(txn2,txnerr){console.log(txnerr);});
+
+
+          let values2=` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${lat}','${lng}','${now}','${Image1Path}','${now}','${Image1Path}','','${JcpType}','${d2}')`; 
+          let insert_q2=` INSERT INTO ${AppTables.CHECKIN_DATA}(EMP_ID,STORE_ID,VISIT_DATE,LATITUDE,LONGITUDE,CHECKIN_TIME,CHECKIN_IMAGE,CHECKOUT_TIME,CHECKOUT_IMAGE,REMARK,JCP_TYPE,ADDED_DATE) values ${values2}`;
+          await txn.executeSql(`delete from ${AppTables.CHECKIN_DATA} where STORE_ID='${StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}'`,[],async function (txn2, txnres2) {
+            console.log('store checkin deleted');
+            await txn.executeSql(insert_q2,[],async function (txn2, txnres3) {
+
+              console.log('store checkin added as leave'); 
+              let issup=await update_Store_UploadStatus(true,storewisePjp,storeSearch);  
+              resolve(issup);
+
+            },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+          },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+          
+        }); 
+      }).then((val)=>{
+        console.log('on InsertCoverageData complete:',val);
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      });
+      
+       
+      
+      
+    }
+
+    async function createJCP(loc,storewisePjp,storeSearch){
+      console.log('create JCP called');
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');      
+      let data={"UserId":(props.UserId || ''),"JcpType":1,"StoreId":storeData.StoreId,"VisitDate":d2}
+      const url=props.baseurl+getMethodName(METHODS.CREATEJP_METHOD);
+      console.log(url,data);
+      await UploadData(url,data)
+      .then(async(res)=>{  
+        console.log(res);
+        if(res!=null && res!='' && res!='0' && parseInt(res)>0){          
+          updateMID(res,loc,storewisePjp,storeSearch);// update mid in db
+        }
+        else{
+          setProcessing(false);notify(ST.OopsSomethingwentwrongcannotcreateJCP,'SHORT');
+        }
+        
+      })
+      .catch((err)=>{
+        setProcessing(false);console.log(err);
+      });
+
+    }
+
+    const goBack=()=>{
+      props.navigation.goBack();
+    }
+
+    async function updateMID(MID=0,loc,storewisePjp,storeSearch){
+      console.log('updateMID called',MID);
+      try{
+        await db.transaction(async function (txn) {   
+          let q=`UPDATE  Sup_AdhocJourneyPlan SET MID='${MID}' WHERE StoreId='${storeData.StoreId}' `;               
+          await txn.executeSql(q,[],async function (txn2, txnres2) {
+            console.log('mid updated',storeData.StoreId,MID);  
+            let new_st=storeData;   
+            new_st['MID']=MID;
+            setStoreData(new_st);
+            uploadNonWRsnWithImage(loc,'L',storewisePjp,storeSearch);
+
+          },function(txn2,txnerr){console.log(txnerr);});
+        }); 
+      }
+      catch(e){
+        setProcessing(false);
+        notify(ST.CouldnotcreateJCP,'SHORT');
+      }
+    }
+
+    async function update_Store_UploadStatus(entryAllowed=true,storewisePjp,storeSearch){  
+      return new Promise((resolve,reject)=>{
+        db.transaction(async function (txn) { 
+          let ShowStoreSearch=storeSearch?storeSearch:false;
+          console.log("designation",designation)
+
+          if(entryAllowed==false){  
+            let tbname1='',tbname2='',checkTbl2=true;
+            if (ShowStoreSearch && designation != 'Supervisor'){
+              tbname1="Sup_JourneyPlan";
+              checkTbl2=false;
+            }
+            else if(ShowStoreSearch ? (designation == "Supervisor" && storewisePjp==true):storewisePjp==true){
+              tbname1="Sup_JourneyPlanStorewiseSup";
+              tbname2="Sup_JourneyPlanStorewiseSup_Adhoc";
+            }
+            else{
+              tbname1="Sup_JourneyPlan";
+              tbname2="Sup_AdhocJourneyPlan";
+            }
+          
+            let q=`UPDATE ${tbname1} SET UploadStatus='U' `;
+            await txn.executeSql(q,[],async function (txn2, txnres1) {           
+              console.log('store status updated')
+
+              if(checkTbl2){
+                let q2=`UPDATE ${tbname2} SET UploadStatus='U' `;
+                await txn.executeSql(q2,[],async function (txn2, txnres2) {           
+                  console.log('store status updated')
+                  resolve(true);
+                },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+              }
+              else{
+                resolve(true);
+              }
+            },function(txn2,txnerr){console.log(txnerr);resolve(false);});
+          }
+          else{
+            let tbname='';
+            if (ShowStoreSearch && designation != 'Supervisor'){
+              tbname="Sup_JourneyPlan";
+            }
+            else if(ShowStoreSearch ? (designation == "Supervisor" && storewisePjp==true):storewisePjp==true){
+              tbname=isAdhocScreen==true?"Sup_JourneyPlanStorewiseSup_Adhoc":"Sup_JourneyPlanStorewiseSup";
+              console.log('tbnamestore',tbname)
+            }
+            else{
+              tbname=isAdhocScreen==true?"Sup_AdhocJourneyPlan":"Sup_JourneyPlan";
+              console.log('tbnameteamlist',tbname)
+            }
+
+
+            let datan={StoreId:storeData.StoreId,UploadStatus:'L',tbname:tbname} ;            
+            const isUpdated=await UpdateStoreStatus(props,datan);
+            resolve(isUpdated);
+            
+          }
+        }); 
+      }).then((val)=>{
+        return val;
+      }).catch((err)=>{
+        console.log(err);
+        return false;
+      })
+    }
+
+    async function submitNonWorkingRsns(){
+      let isvalid=await validate();
+      if(isvalid){
+        setShowAlert(true);
+      }   
+    }
+
+    async function validate(){
+      if(reasonId=='' || reasonId==null || reason=='' || reason==null){
+        notify(ST.Pleaseselectreasonfornotworking,'SHORT');
+        return false;
+      }
+      if( (selectedReason.ImageAllow=='true' || selectedReason.ImageAllow=='1' || selectedReason.ImageAllow==true) && (Image1Path=='' || Image1Path==null)){
+        notify(ST.Pleaseclickselfieinfrontofstore,'SHORT');
+        return false;
+      }
+      return true;
+    }
+
+    async function selectReason(item){
+      if(isAnyStoreUploaded==true && (item.EntryAllow=='false' || item.EntryAllow==false)){
+        notify(ST.Youcannotselectthisreasonasthereisalreadyastore);
+        return;
+      }
+
+      setSelectedReason(item);
+      setReason(item.Reason);
+      setReasonId(item.ReasonId);
+      setrerenderdata(!rerenderdata);
+      
+      if(item.ImageAllow=='1' || item.ImageAllow=='true' || item.ImageAllow==true){
+        if((Image1Path!='' && Image1Path!=null)){
+          setShowImageSaveOp(false);
+        }
+        else{
+          setShowImageSaveOp(true);
+        }
+        openImageModal();
+      }
+    }
+
+    function openImageModal(){
+      setShowModal(true);    
+    }
+
+    function closeImageModal(){
+      setShowModal(false);
+    }
+
+    function cancelImage(){
+      setImage1('');
+      setImage1Path('');
+      closeImageModal();
+    }
+
+    async function getImage(imgdata){
+
+      console.log('imgdata',imgdata);
+        
+      if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+        notify(ST.Cameraunavailable);
+      }
+      else if(typeof imgdata =='object' && imgdata.uri!=null){
+        const img=imgdata;
+          const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+         
+          
+          let picture_clicked_time=new Date();
+          picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+          
+          
+          const mark_text1=picture_clicked_time;
+          const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Not Working'+' | Date:'+picture_clicked_time;
+         console.log('mark_text1',mark_text1,imgurl);
+          await marktext1(mark_text1,imgurl)
+          .then((res)=>{
+            console.log("res.success",res.success)
+              if(res.success){
+                  let uri=res.uri;
+                  marktext2(mark_text2,uri,imgWidth,imgHeight)
+                  .then((res)=>{
+                      if(res.success){
+                          let picture_clickedd=new Date();
+                          let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                          let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                          let filename=storeData.StoreId+'_NonworkImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                          
+                          setImage1(filename);
+                          // renamefile
+                          let imagePath=`${RNFS.DocumentDirectoryPath}/${filename}`;
+                          RNFS.copyFile(res.uri, imagePath)
+                          .then(resn => {
+                              let uri='file://'+imagePath;
+                              console.log('image marker',uri);
+                              setImage1Path(uri);  
+                          })
+                          .catch(err => {
+                              console.log(ST.Errorimagefilewritefailed+'!!!');
+                              console.log(err.message, err.code);
+                          });                           
+                                   
+                      }
+                      else{
+                          if(res.imagenotfound){
+                              notify(ST.Pleasecaptureaimage);
+                          }
+                          else{
+                              notify(res.error);
+                          }
+                      }
+                  });
+              }
+              else{
+                  if(res.imagenotfound){
+                      notify(ST.Pleasecaptureaimage);
+                  }
+                  else{
+                      notify(res.error);
+                  }
+              }
+          }).catch((err)=>{
+            console.log("error--",err)
+          });            
+      }        
+    }
+
+    async function openCamera(){   
+      setShowCamera(true);
+      setShowModal(false);
+      // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front'})
+    }
+
+    function onSaveCancel(){
+      setShowAlert(false);
+    }
+
+    async function saveData(){
+      setShowAlert(false);
+      setLoaderTitle(ST.UploadingData+'...');
+      _getCurrentLocation();   
+    }
+  
+    function _OpenCaptureImage_Modal(){
+      const isImageCap=(Image1Path=='' || Image1Path==null)?false:true;
+
+      console.log('isImageCap',isImageCap);
+      return (
+        <CustomModal 
+          style={customStyle.nonWCapImgModal}
+          title={ST.NonWorkingReason}
+          message={ST.Pleaseclickselfieinfrontofstore}
+          titleStyle={customStyle.nonWCapImgModal_title}
+          messageStyle={customStyle.nonWCapImgModal_subtitle}
+          showModal={showModal}
+        >
+          {
+            !isImageCap && 
+            <View style={customStyle.nonWCapImgModalCon}>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Camera} onPress={()=>{openCamera()}}>
+                <SvgXml width={100} height={100} xml={CameraImg2}/>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+            </View>
+          }
+          { 
+          isImageCap && 
+          <View style={customStyle.nonWCapImgModalCon}>
+            <View style={customStyle.nonWCapImgModal_ImgWrap}>
+              <Image  style={[customStyle.nonWCapImgModal_Img,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:Image1Path}} />
+            </View>
+            <TouchableOpacity style={customStyle.nonWCapImgModal_CameraSmall} onPress={()=>{openCamera()}}>
+              <MaterialCommunityIcons name='camera-retake' size={30} color={PageTheme.$primary_color}/>
+            </TouchableOpacity>
+            { showImageSaveOp &&
+            <View style={customStyle.nonWCapImgModal_btng}>              
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{cancelImage()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Save_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Save_btnText}>{ST.Save}</Text>
+              </TouchableOpacity>
+            </View>}
+            {!showImageSaveOp &&
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Close}</Text>
+              </TouchableOpacity>
+            }
+            
+          </View>
+
+          }
+        </CustomModal>
+      )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={ST.NotWorking}/>        
+        {_OpenCaptureImage_Modal()}
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'front'} onImageCaptured={(imgData)=>{setShowModal(true);setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper,customStyle.pageContentWrapper_bgLight]}>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          {props.isDataDownloaded && Object.keys(storeData).length>0 &&
+            <View style={customStyle.storeD_Main}>
+              <View style={[customStyle.storeD_storelMain]}>
+              <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+              <View style={customStyle.storel_card_outer}> 
+                <View style={customStyle.storel_card}>
+                  <View style={customStyle.storel_card_content}>
+                    <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                  </View>                  
+                </View>
+                <View style={customStyle.storel_details}>
+                  <View style={customStyle.storel_code}>
+                    <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.StoreId+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                    </View>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.StoreCode+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                    </View>
+                  </View>
+                  <View style={customStyle.storel_code}>                    
+                    <View style={[customStyle.storel_codeCon]}>
+                      <Text style={customStyle.storel_codeLbl}>{ST.Address+':'}</Text>
+                      <Text style={customStyle.storel_codeText}>{storeData.Address}</Text>
+                    </View>
+                  </View>                                 
+                </View>                
+              </View> 
+
+              </View>
+              </View>
+
+              <View style={customStyle.nonWorking_con}>
+                <View style={customStyle.nonWorking_form}> 
+                  <Text style={customStyle.nonWform_hd}>{ST.Reasonfornotworkinginstore}</Text>                          
+                  <FlatList 
+                  contentContainerStyle={customStyle.storeD_scroll}
+                  extraData={rerenderdata}
+                  style={customStyle.storeD_scrollCon}
+                  data={nonWorkingRsns}
+                  renderItem={({item,index})=>{
+
+                    const nWselStyle=reasonId==item.ReasonId?customStyle.nWselStyle:{};
+                    const nWselStyleText=reasonId==item.ReasonId?customStyle.nWselStyleText:{};
+                    const CapImageShow=(Image1Path!='' && Image1Path!=null) && reasonId==item.ReasonId?true:false;
+                    let isDisabled=(isAnyStoreUploaded==true && (item.EntryAllow=='false' || item.EntryAllow==false));
+                    return (
+                      <TouchableOpacity key={index} style={[customStyle.nonWlist,nWselStyle,isDisabled==true?{backgroundColor:'#cdcdcd'}:{}]} disabled={isDisabled} onPress={()=>{selectReason(item)}}>
+                        <Text style={[customStyle.nonWlist_Text,nWselStyleText]}>{item.Reason}</Text>
+                        { (item.ImageAllow=='1' || item.ImageAllow=='true' || item.ImageAllow==true) && 
+                            <TouchableOpacity  style={customStyle.nonWlist_camera} disabled={isDisabled} onPress={()=>{selectReason(item)}}>
+                                {!CapImageShow && <SvgXml width={30} height={30} xml={CameraImg2} />}
+                                {CapImageShow && <SvgXml width={30} height={30} xml={CameraImg3} />}
+                            </TouchableOpacity>
+                            }
+                      </TouchableOpacity>
+                    );
+                  }}
+                  />
+                </View>                
+              </View>
+              
+              <View style={customStyle.nonW_btnWrap}>
+                <GradientButton {...props} title={ST.Save} onPress={()=>{submitNonWorkingRsns();}}/> 
+              </View>    
+
+            </View>   
+            
+          }          
+         </View>      
+       </LinearGradient>       
+        
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(StoreNonWorkingReasons);
\ No newline at end of file
diff --git a/src/screens/SurveyCat.js b/src/screens/SurveyCat.js
new file mode 100644
index 0000000..1ab9a10
--- /dev/null
+++ b/src/screens/SurveyCat.js
@@ -0,0 +1,196 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import {Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, Alert,Animated} from 'react-native';
+import { connect  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { AntDesign } from '../components/icons';
+import { checkIf_surveyCatDone } from '../constants/ConstantQueries';
+
+
+function SurveyCat(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [surveys, setSurveys] = useState([]);
+    const [ActiveSurvey, setActiveSurvey]= useState({});
+    const [EmpData, setEmpData] = useState([]);
+    
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+      setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let empData1=params.empData || {};
+        let surveydata=params.surveyData || {};
+        let menu1=params.menu || {};
+        console.log("menu1========",menu1)
+        let isAdhoc=params.isAdhocScreen || false;
+
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setEmpData(empData1);
+        setActiveSurvey(surveydata)
+        setCurrentMenu(menu1);
+        getData(surveydata,storeData1);
+
+        const willFocusSubscription = props.navigation.addListener('focus', () => {
+          console.log('onfocus');
+          getData(surveydata,storeData1);
+        });
+
+        return willFocusSubscription;
+        
+    }, []);
+
+    useEffect(() => {
+      console.log('on AutoGoToPrev change',props.AutoGoToPrev);
+      if(props.AutoGoToPrev==true){
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let surveydata=params.surveyData || {};
+        getData(surveydata,storeData1,true);
+      }
+    }, [props.AutoGoToPrev]);
+
+    
+    
+    // async function getData(surveydata,storeData1){        
+    //     try {   
+    //         let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+    //         let surveyQtns=require('../constants/s_qtns.json');
+    //         // setSurveyJson(surveyQtns);
+    //         let arr=[]
+    //         for(const i in surveyQtns){
+    //             let item=surveyQtns[i]
+    //             let {SurveyName,SurveyId,ShowCat,CategoryId,Category,CategorySequence}=item;
+    //             let obj={SurveyName,SurveyId,ShowCat,Category,CategoryId}
+                
+    //             if(item.SurveyId==surveydata.SurveyId && arr.findIndex(a=>a.CategoryId==item.CategoryId)<0)
+    //             {    
+    //                 arr.push(obj);
+    //             }
+    //         }
+    //         setSurveys(arr);setProcessing(false);
+   
+    //     } catch (err) {
+    //       console.log(err);          
+    //     }        
+    // }
+
+    async function getData(surveydata,storeData1,isAutoBack=false){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {   
+
+            // await txn.executeSql(`Delete from  ${AppTables.SURVEY} where SURVEY_ID='2' and CATEGORY_ID='13'`,[],async function (txn2, txnres) { 
+            //   console.log('deleted cat data');
+            // },function (txn2, txnerr) { console.log(txnerr); },);
+
+
+            let q2=`SELECT DISTINCT T.Category,T.CategoryId , T.CategorySequence FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M ON T.SurveyId=M.SurveyId WHERE M.StoreId='${StoreId}' and T.SurveyId='${surveydata.SurveyId}' order by T.CategorySequence`;
+          
+            console.log('q2q2q2q2q2q2q2q2q2------',q2);
+          
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                console.log('survey cats:',txnres.rows.length);
+                if(txnres.rows.length>0){
+                    let arr=[],isAllSurveyDone=true;
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        console.log('data============================>',data);
+                        
+                        let isDone=await checkIf_surveyCatDone(storeData1,surveydata.SurveyId,data.CategoryId,true)
+                        data['isDone']=isDone;
+                        arr.push(data);
+                        if(!isDone){
+                          isAllSurveyDone=false;
+                        }
+                        if(i==txnres.rows.length-1){
+                          setSurveys(arr);
+                          setProcessing(false);
+                          console.log('isAllSurveyDone cat :',isAllSurveyDone,props.AutoGoToPrev,isAutoBack)
+                          if(isAllSurveyDone==true && props.AutoGoToPrev==true && isAutoBack==true){
+                            props.navigation.goBack();
+                          }
+                        }
+                    }
+                }
+                
+            },function (txn2, txnerr) { console.log(txnerr); },);
+           
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    
+    
+    function openSurveyView(item){
+        props.set_autoback({'AutoGoToPrev':false});
+        props.navigation.navigate('SurveyView',{'surveyData':ActiveSurvey,'catData':item,'storeData':storeData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen,'ShowCat':true});
+    }
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.roundScrollZIndex]}>
+          <View style={[customStyle.pageContentWrapper,customStyle.surveyPageWrapper]}>
+            <View style={customStyle.SVn_activeSurvey}>
+                <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$gradient1]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.SVn_activeSurvey_tile}>
+                    <Text style={customStyle.SV_activeSurvey_name}>{(ActiveSurvey.SurveyName!=null?(ActiveSurvey.SurveyName.length>26?ActiveSurvey.SurveyName.substring(0,26)+'...':ActiveSurvey.SurveyName) : '')}</Text>
+                </LinearGradient>
+            </View>
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={surveys}
+            contentContainerStyle={customStyle.surveyListInner} 
+            style={[customStyle.surveyCatList]}
+            renderItem={({item,index})=>{
+                return(
+                    <TouchableOpacity activeOpacity={0.7} style={customStyle.surveyItem} onPress={()=>{openSurveyView(item)}}>
+                        <View style={customStyle.surveyCatItem}>
+                            <View style={customStyle.surveyCatItem_Circle}>
+                                <Text style={customStyle.surveyCatItem_CircleText}>{item.Category.substring(0,1)}</Text>
+                            </View>
+                            <Text style={customStyle.surveyCatItem_name}>{item.Category}</Text>
+                            {(item.isDone!=null && item.isDone==true) && <View style={customStyle.surveyCatItem_Check}><AntDesign color={'green'} size={23} name='checkcircle'/></View>}
+                        </View>
+                    </TouchableOpacity>
+                );
+            }}
+            />
+          }  
+         </View> 
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(SurveyCat);
\ No newline at end of file
diff --git a/src/screens/SurveyList.js b/src/screens/SurveyList.js
new file mode 100644
index 0000000..208b6ab
--- /dev/null
+++ b/src/screens/SurveyList.js
@@ -0,0 +1,170 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import {Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, Alert,Animated} from 'react-native';
+import { connect  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { checkIf_surveyDone } from '../constants/ConstantQueries';
+import { AntDesign } from '../components/icons';
+
+
+function SurveyList(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [surveys, setSurveys] = useState([]);
+    const [EmpData, setEmpData] = useState([]);
+    const [isNPNDScreen, setisNPNDScreen] = useState(false);
+
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let empData1=params.empData || {};
+        let menu1=params.menu || {};
+        let isAdhoc=params.isAdhocScreen || false;
+        let isNPND=params.isNPND!=null?params.isNPND:false;
+      
+
+        setisNPNDScreen(isNPND);
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setEmpData(empData1);
+        setCurrentMenu(menu1);
+        getData(storeData1,false,menu1);
+        console.log('AA TO RHA H');
+        
+
+        const willFocusSubscription = props.navigation.addListener('focus', () => {
+            console.log('onfocus');
+            getData(storeData1,false,menu1);
+        });
+
+        return willFocusSubscription;
+    }, []);
+
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let menu1=params.menu || {};
+        console.log('on AutoGoToPrev change (in list view)',props.AutoGoToPrev);
+        if(props.AutoGoToPrev==true){
+            getData(storeData,true,menu1);
+        }
+    }, [props.AutoGoToPrev]);
+    
+   
+    async function getData(storeData1,isAutoBack=false,menu1){ 
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {   
+            let q2=`SELECT DISTINCT T.SurveyName,T.SurveyId,T.ShowCat FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M ON T.SurveyId=M.SurveyId WHERE T.MenuId='${menu1?.MenuId}'  AND M.StoreId='${StoreId}'  `;
+           
+           console.log('q2q2========0------------->',q2);
+           
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let arr=[],isAllSurveyDone=true;
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        let ShowCat=data.ShowCat;
+                        let isshowcat=(ShowCat==1 || ShowCat=='true' || ShowCat==true);
+                        let isDone=await checkIf_surveyDone(storeData1,data.SurveyId,isshowcat,menu1)
+                        data['isDone']=isDone;
+                        arr.push(data);
+                        if(!isDone){
+                            isAllSurveyDone=false;
+                        }
+                        if(i==txnres.rows.length-1){
+                            setSurveys(arr);
+                            setProcessing(false);
+                            console.log('isAllSurveyDone surveylist :',isAllSurveyDone,props.AutoGoToPrev,isAutoBack)
+                            if(isAllSurveyDone==true && props.AutoGoToPrev==true && isAutoBack==true){
+                                // props.set_autoback({'AutoGoToPrev':true});
+                                // setTimeout(() => {
+                                //     props.navigation.goBack();
+                                // }, 1500);
+                            }
+                        }
+                    }
+                    
+                }
+                
+            },function (txn2, txnerr) { console.log(txnerr); },);
+           
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    
+    function openSurveyView(item){
+        let {ShowCat}=item
+        console.log('ShowCat:',ShowCat);
+        props.set_autoback({'AutoGoToPrev':false});
+        if(ShowCat==1 || ShowCat=='true' || ShowCat==true){
+            console.log('go to SurveyCat');
+            props.navigation.navigate('SurveyCat',{'surveyData':item,'storeData':storeData,'empData':EmpData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen,'isNPND':isNPNDScreen});
+        }
+        else{
+            props.navigation.navigate('SurveyView',{'surveyData':item,'storeData':storeData,'empData':EmpData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen,'isNPND':isNPNDScreen,'ShowCat':false});
+        }
+    }
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.roundScrollZIndex]}>
+          <View style={[customStyle.pageContentWrapper,customStyle.surveyPageWrapper]}>
+          
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={surveys}
+            contentContainerStyle={customStyle.surveyListInner} 
+            style={customStyle.surveyList}
+            renderItem={({item,index})=>{
+                return(
+                    <TouchableOpacity style={customStyle.surveyItem} onPress={()=>{openSurveyView(item)}}>
+                        <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$gradient2]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={[customStyle.surveyItem_tile,{padding:10}]}>
+                            <View style={customStyle.surveyItemCircle}>
+                                <Text style={customStyle.surveyItemCircle_Text}>{item.SurveyName.substring(0,1)}</Text>
+                            </View>
+                            <Text style={customStyle.surveyItem_name}>{item.SurveyName}</Text>
+                            {(item.isDone!=null && item.isDone==true) && <View style={customStyle.surveyItem_Check}><AntDesign color={'green'} size={23} name='checkcircle'/></View>}
+                        </LinearGradient>
+                    </TouchableOpacity>
+                );
+            }}
+            />
+          }  
+         </View> 
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+export default connect(mapStateToProps, mapDispatchToProps)(SurveyList)
\ No newline at end of file
diff --git a/src/screens/SurveyNew.js b/src/screens/SurveyNew.js
new file mode 100644
index 0000000..e241ea8
--- /dev/null
+++ b/src/screens/SurveyNew.js
@@ -0,0 +1,135 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import {Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, Alert,Animated} from 'react-native';
+import { connect  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { checkIf_surveyDone } from '../constants/ConstantQueries';
+import { AntDesign } from '../components/icons';
+
+
+function SurveyNew(props) { 
+    const route = useRoute();
+    
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [surveys, setSurveys] = useState([]);
+    
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+       let storeData1={"Address": "test", "ChainId": 1, "ChainName": "GT", "ChannelId": 1, "CheckInTime": "", "CheckOutTime": "", "CityId": 3, "CityName": "Thailand", "ContactPerson": "bhhvhhhhhhh be", "Email": "njj", "EmpId": 4, "ExpiryStock": "N", "GeoFenceRadius": 500, "GeoTag": "Y", "InTime": "00:00:00", "Landmark": "-j", "Latitude": "28.5376374", "Location": "Lower Parel", "Longitude": "77.297907", "MID": 852, "Mobile": "9969999999", "OutTime": "00:00:00", "Phone": "6699996669", "Pincode": "400001", "RegionId": 1, "StateId": 1, "StateName": "Chiang Mai", "StoreCode": "W-S-LS-ST00008", "StoreId": 1, "StoreName": "teststore1", "StoreType": "D150", "StoreTypeId": 1, "UploadStatus": "N", "VisitDate": "05/09/2022"};
+       let menu1={"MenuName":"Survey","MenuId":"1"};
+       let isAdhoc=false;
+       setIsAdhocScreen(isAdhoc);
+       setStoreData(storeData1);
+       setCurrentMenu(menu1);
+       getData(storeData1);
+
+        const willFocusSubscription = props.navigation.addListener('focus', () => {
+            console.log('onfocus');
+            getData(storeData1);
+        });
+
+        return willFocusSubscription;
+    }, []);
+    
+   
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {   
+            let q2=`SELECT DISTINCT T.SurveyName as SurveyName,T.SurveyId as SurveyId,T.ShowCat FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_Survey M ON T.SurveyId=M.SurveyId WHERE M.StoreId='${StoreId}' `;
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        let ShowCat=data.ShowCat;
+                        let isshowcat=(ShowCat==1 || ShowCat=='true' || ShowCat==true);
+                        let isDone=await checkIf_surveyDone(storeData1,data.SurveyId,isshowcat)
+                        data['isDone']=isDone;
+                        arr.push(data);
+                        if(i==txnres.rows.length-1){
+                            setSurveys(arr);
+                            setProcessing(false);
+                        }
+                    }
+                }
+                
+            },function (txn2, txnerr) { console.log(txnerr); },);
+           
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    
+    function openSurveyView(item){
+        let {ShowCat}=item
+        // console.log('ShowCat:',ShowCat);
+        // if(ShowCat==1 || ShowCat=='true' || ShowCat==true){
+        //     console.log('go to SurveyCat');
+        //     props.navigation.navigate('SurveyCat',{'surveyData':item,'storeData':storeData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen});
+        // }
+        // else{
+            props.navigation.navigate('QuestionsScreen',{'surveyData':item,'storeData':storeData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen,'ShowCat':false});
+        // }
+    }
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.roundScrollZIndex]}>
+          <View style={[customStyle.pageContentWrapper,customStyle.surveyPageWrapper]}>
+          
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={surveys}
+            contentContainerStyle={customStyle.surveyListInner} 
+            style={customStyle.surveyList}
+            renderItem={({item,index})=>{
+                return(
+                    <TouchableOpacity style={customStyle.surveyItem} onPress={()=>{openSurveyView(item)}}>
+                        <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$gradient2]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.surveyItem_tile}>
+                            <View style={customStyle.surveyItemCircle}>
+                                <Text style={customStyle.surveyItemCircle_Text}>{item.SurveyName.substring(0,1)}</Text>
+                            </View>
+                            <Text style={customStyle.surveyItem_name}>{item.SurveyName}</Text>
+                            {(item.isDone!=null && item.isDone==true) && <View style={customStyle.surveyItem_Check}><AntDesign color={'green'} size={23} name='checkcircle'/></View>}
+                        </LinearGradient>
+                    </TouchableOpacity>
+                );
+            }}
+            />
+          }  
+         </View> 
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(SurveyNew)
\ No newline at end of file
diff --git a/src/screens/SurveyView.js b/src/screens/SurveyView.js
new file mode 100644
index 0000000..baebbf9
--- /dev/null
+++ b/src/screens/SurveyView.js
@@ -0,0 +1,1821 @@
+import React, { useState, useEffect, useRef } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles, GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import { Image, TextInput, View, Text, ScrollView, TouchableOpacity, Platform, FlatList, Alert, Dimensions, Animated, Easing } from 'react-native';
+import { connect } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getKPIFields, marktext1, marktext2 } from '../controller/functions';
+import { db, common_ImagePath } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { AntDesign, Entypo, FontAwesome, FontAwesome5, Fontisto, MaterialCommunityIcons } from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector';
+import MultiSelect from 'react-native-multiple-select';
+import { PrimaryTheme } from '../styles/Themes';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import DraggableFlatList, { ScaleDecorator } from 'react-native-draggable-flatlist'
+// import AudioRecorderPlayer, { AudioEncoderAndroidType, AudioSourceAndroidType, AVEncoderAudioQualityIOSType, AVEncodingOption, AVModeIOSOption } from 'react-native-audio-recorder-player';
+import CustomCamera from '../components/Camera';
+import { SvgXml } from 'react-native-svg';
+import CameraImg5 from '../assets/image/astrickcamera.svg';
+
+const { height, width } = Dimensions.get('window');
+const topbarht = STATUSBAR_HEIGHT + 50;
+const actualWindowHt = parseInt((height - topbarht) + 10);
+
+
+
+function SurveyView(props) {
+    const route = useRoute();
+    const ST = props.StaticText || {};
+    const audioRecorderPlayer = ""; //new AudioRecorderPlayer();
+    const AudioSet = {}
+    // {
+    //     AudioEncoderAndroid: AudioEncoderAndroidType.AAC,
+    //     AudioSourceAndroid: AudioSourceAndroidType.MIC,
+    //     AVModeIOS: AVModeIOSOption.measurement,
+    //     AVEncoderAudioQualityKeyIOS: AVEncoderAudioQualityIOSType.high,
+    //     AVNumberOfChannelsKeyIOS: 2,
+    //     AVFormatIDKeyIOS: AVEncodingOption.aac,
+    // };
+    // get all theme styles acc to current theme set 
+    const PageTheme = GetPageTheme(props.DarkMode, route.name);
+    const customStyle = customStyles(props.DarkMode, route.name);
+
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+    const [showRecorder, setShowRecorder] = useState(false);
+    const [VRS, setVRS] = useState({});
+    const [RecorderTimer, setRecorderTimer] = useState({});
+    const [playerTimer, setPlayerTimer] = useState({});
+    const [rerenderView, setRerenderView] = useState(0);
+    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+    const [VoiceRecorderStatus, setVoiceRecorderStatus] = useState(ST.Pressmictostartrecordingvoice);
+    const [RecFilePath, setRecFilePath] = useState({});
+    const [dateValue, setDateValue] = useState('');
+    const [openDatePicker, setOpenDatePicker] = useState(0);
+    const [storeData, setStoreData] = useState({});
+    const [ShowCat, setShowCat] = useState(false);
+    const [ActiveSurvey, setActiveSurvey] = useState({});
+    const [ActiveCategory, setActiveCategory] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata] = useState(0);
+    const [SurveySubCats, setSurveySubCats] = useState([]);
+    const [SurveyQuestions, setSurveyQuestions] = useState([]);
+    const [QuestionsData, setQuestionsData] = useState({});
+    const [showAlert, setShowAlert] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps, setGetImageProps] = useState({});
+    const [KPIFields, setKPIFields] = useState([]);
+    const [EmpData, setEmpData] = useState([]);
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+
+    // error field states
+    const [errorfield, setErrorField] = useState({});
+    const [error, setError] = useState(false);
+
+    const animatedRipple = useRef(new Animated.Value(0)).current;
+    const animatedRipple2 = useRef(new Animated.Value(0.5)).current;
+
+    const d1 = new Date();
+    const d2 = moment(d1).format('MM/DD/YYYY');
+
+    useEffect(() => {
+        console.log('print ho rha h');
+        
+        setLoaderTitle(ST.Loading + '...')
+        let params = props.route.params ? props.route.params : {};
+        let storeData1 = params.storeData || {};
+        let surveydata = params.surveyData || {};
+        let catData = params.catData || {};
+        let menu1 = params.menu || {};
+        let ShowCat1 = params.ShowCat || false;
+        let isAdhoc = params.isAdhocScreen || false;
+        let empData1 = params.empData || {};
+
+        // STORE WISE CAMERA 
+         let cameraAllow=storeData1.CameraAllow=='true' || storeData1.CameraAllow==1?true:false;
+        setStoreCameraAllow(cameraAllow);
+
+        //
+
+        setShowCat(ShowCat1);
+        setIsAdhocScreen(isAdhoc);
+        setEmpData(empData1);
+        setStoreData(storeData1);
+        setActiveSurvey(surveydata)
+        setCurrentMenu(menu1);
+        setActiveCategory(catData)
+        console.log('catData =>',catData);
+        
+
+        getSurveyData(surveydata, catData, storeData1, ShowCat1, menu1);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+        return (() => {
+            // audioRecorderPlayer.removePlayBackListener();
+            // audioRecorderPlayer.removeRecordBackListener();
+            props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        });
+    }, []);
+
+    // useEffect(() => {
+    //     props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    //     props.navigation.addListener('beforeRemove', onBeforeRemove);
+    // }, [hasUnsavedChanges]);
+
+    // useEffect(() => {
+    //     props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    //     props.navigation.addListener('beforeRemove', onBeforeRemove);
+    // }, [showCamera]);
+
+    function onBeforeRemove(e) {
+        if (showCamera == true) {
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else {
+            if (hasUnsavedChanges == true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else {
+                return;
+            }
+        }
+    }
+
+    function onRemoveScreen(e) {
+        { setHasUnsavedChanges(false); props.navigation.dispatch(e.data.action); }
+    }
+
+
+    async function getSurveyData(item, catData = {}, storeData1, ShowCat1, menu1) {
+        try {
+            let { StoreId, MerchandiserId } = storeData1;
+            let { CategoryId } = catData;
+            let { SurveyId } = item;
+
+            await db.transaction(async function (txn) {
+
+
+                let q2 = `SELECT DISTINCT SubCategory,SubCategoryId,SubCategorySequence FROM Sup_Master_SurveyQuestion T INNER JOIN Mapping_SurveySup M ON T.SurveyId=M.SurveyId WHERE M.StoreId='${StoreId}' and T.SurveyId='${SurveyId}' `;
+                if (ShowCat1 == true) {
+                    q2 += ` and CategoryId='${CategoryId}' `;
+                }
+                q2 += ` order by SubCategorySequence`;
+
+                console.log('q2q2q2q2q2===========>', q2);
+
+
+                await txn.executeSql(q2, [], async function (txn2, txnres) {
+                    console.log('survey subcats:', txnres.rows.length);
+                    if (txnres.rows.length > 0) {
+                        let arr = [], allQtns = [];
+                        for (var i = 0; i < txnres.rows.length; i++) {
+                            let data = txnres.rows.item(i);
+
+                            let all_scat_qtns = await getSurveyQtns(item, catData, storeData1, ShowCat1, data, menu1)
+                            console.log('all_scat_qtns:', all_scat_qtns.length)
+                            data['Questions'] = all_scat_qtns;
+                            allQtns = allQtns.concat(all_scat_qtns);
+                            arr.push(data);
+                            if (i == txnres.rows.length - 1) {
+                                setSurveySubCats(arr);
+                                setSurveyQuestions(allQtns);
+                                setProcessing(false);
+                            }
+                        }
+                    } else {
+                        setProcessing(false);
+                        // console.log('ASDFASDFAsdf asdfasdf');
+
+                        // return(
+                        //     <View style={{flex:1,backgroundColor:'red'}}>
+                        //        <Text style={{color:'red'}}>No Data</Text>
+                        //     </View>
+                        // )
+                    }
+
+                }, function (txn2, txnerr) { console.log(txnerr); },);
+
+            });
+        } catch (err) {
+            console.log(err);
+        }
+    }
+
+
+    async function getSurveyQtns(item, catData, storeData1, ShowCat1, subCat, menu1) {
+
+        return new Promise((resolve, reject) => {
+            try {
+                let { StoreId, MerchandiserId } = storeData1;
+                let { CategoryId } = catData;
+                let { SurveyId } = item;
+                let { SubCategoryId } = subCat;
+
+                db.transaction(async function (txn) {
+
+                    // get inserted audit
+                    let selectlist = ` DISTINCT T.MaxLength as MaxLength,T.CalFormula,T.RefImage,T.MinLength as MinLength,T.CategoryId,T.Category,T.SubCategoryId,T.SubCategory, T.Image1Mandatory, T.Image2Mandatory,T.QuestionImageMandatory,T.LengthValidation as LengthValidation,T.QuestionImageAllow as QuestionImageAllow,T.DateRange as DateRange,T.QEnable,T.Question as Question,T.QuestionId as QuestionId,T.QuestionType as QuestionType,T.QuestionTypeNew as QuestionTypeNew,T.OTP as OTP,T1.ANSWER As Answer, T1.ANSWER_ID as AnswerId,T1.IMAGE_ALLOW1 as ImageAllow1,T1.IMAGE1 as Image1,T1.IMAGE_ALLOW2 as ImageAllow2,T1.IMAGE2 as Image2,T1.MULTI_OPTIONS_IDS as multi_op_ids,T1.IS_DISABLED as isDisabled `;
+                    let join = ` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+                    let join2 = ` INNER JOIN ${AppTables.SURVEY} T1 on T.SurveyId=T1.SURVEY_ID and T.CategoryId=T1.CATEGORY_ID and T.SubCategoryId=T1.SUB_CATEGORY_ID And T.QuestionId=T1.QUESTION_ID AND T1.MENUID='${menu1?.MenuId}'`;
+                    let q2 = `Select ${selectlist} FROM Sup_Master_SurveyQuestion T ${join} ${join2} WHERE T1.STORE_ID='${StoreId}' AND T1.EMP_ID='${MerchandiserId}' AND T1.VISIT_DATE= '${d2}' AND T1.SURVEY_ID=${SurveyId} AND T1.SUB_CATEGORY_ID='${SubCategoryId}'  `;
+                    if (ShowCat1 == true) {
+                        q2 += ` AND  T1.CATEGORY_ID=${CategoryId} `;
+                    }
+                    q2 += `group by T.QuestionId  ORDER BY T.QuestionSequence `;
+
+                    console.log('getSurveyQtn query==>',q2);
+                    
+
+                    await txn.executeSql(q2, [], async function (txn2, txnres) {
+                        console.log('getSurveyData len', txnres.rows.length);
+                        if (txnres.rows.length > 0) {
+
+                            let arr = [];
+                            var QD = QuestionsData;
+                            for (var i = 0; i < txnres.rows.length; i++) {
+                                let data = txnres.rows.item(i);
+                                let qtn = data;
+                                // data.QEnable = data.QEnable === 1 || data.QEnable == 'true' || data.QEnable === true ? true : false;
+                                data.QEnable = qtn.isDisabled == 1 || qtn.isDisabled == '1' || data.QEnable === true ? true : false
+                                console.log('data.QEnable===>',data.QEnable);
+
+                                let answers = [];
+
+                                qtn.isDisabled = qtn.isDisabled == 1 || qtn.isDisabled == '1' || data.QEnable === true ? true : false
+
+                                if (data.QuestionTypeNew == 'Multi choice list' || data.QuestionTypeNew == 'Single choice list' || data.QuestionTypeNew == 'Rating') {
+                                    let allanswers = await getAnswers(data, item.SurveyId, storeData1, true);
+
+                                    answers = allanswers.Answers || [];
+                                    if (data.QuestionTypeNew == 'Rating') {
+                                        data.showRating = false;
+                                    }
+                                }
+                                else if (data.QuestionTypeNew == 'Date') {
+                                    data.showDatePicker = false;
+                                }
+                                data.Answers = answers;
+
+                                let id_key = qtn.QuestionId + '_AnswerId';
+                                let ans_key = qtn.QuestionId + '_Answer';
+                                let multi_key = qtn.QuestionId + '_MultiOption';
+                                let date_key = qtn.QuestionId + '_Date';
+                                let img_key = qtn.QuestionId + '_ImagePath1';
+                                let imgname_key = qtn.QuestionId + '_ImageName1';
+                                let img_key2 = qtn.QuestionId + '_ImagePath2';
+                                let imgname_key2 = qtn.QuestionId + '_ImageName2';
+                                let rating_key = qtn.QuestionId + '_Rating';
+                                let voiceClip_key = qtn.QuestionId + '_VoiceClip';
+
+                                let showImageTag = (data.QuestionImageAllow == true || data.QuestionImageAllow == 'true' || data.QuestionImageAllow == 1);
+                                let showImageTag2 = false;
+
+                                QD[id_key] = data.AnswerId;
+                                QD[ans_key] = data.Answer;
+
+
+                                let selansid = data.AnswerId;
+                                if (qtn.QuestionTypeNew == 'Multi choice list') {
+                                    selansid = data.multi_op_ids ? data.multi_op_ids.split(',') : [];
+                                    QD[multi_key] = data.multi_op_ids;
+                                }
+
+                                if ((qtn.QuestionTypeNew == 'Single choice list' || qtn.QuestionTypeNew == 'Multi choice list')) {
+                                    if (qtn.Answers && qtn.Answers.length > 0) {
+                                        for (var k = 0; k < qtn.Answers.length; k++) {
+                                            let ansss = qtn.Answers[k];
+                                            let isandImgAl = (ansss.ImageAllow1 == true || ansss.ImageAllow1 == 'true' || ansss.ImageAllow1 == 1);
+                                            let isandImgAl2 = (ansss.ImageAllow2 == true || ansss.ImageAllow2 == 'true' || ansss.ImageAllow2 == 1);
+                                            if (qtn.QuestionTypeNew == 'Single choice list' && (isandImgAl && ansss.AnswerId == selansid)) {
+                                                showImageTag = true;
+                                            }
+                                            else if (qtn.QuestionTypeNew == 'Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                                showImageTag = true;
+                                            }
+
+                                            if (qtn.QuestionTypeNew == 'Single choice list' && (isandImgAl2 && ansss.AnswerId == selansid)) {
+                                                showImageTag2 = true;
+                                            }
+                                            else if (qtn.QuestionTypeNew == 'Multi choice list' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                                showImageTag2 = true;
+                                            }
+
+                                        }
+                                    }
+                                }
+
+                                if (showImageTag) {
+                                    let imgPath = data.Image1 != '' ? ((Platform.OS == 'ios' ? 'file://' : '') + common_ImagePath + data.Image1) : '';
+                                    QD[imgname_key] = data.Image1;
+                                    QD[img_key] = imgPath;
+                                }
+
+                                if (showImageTag2) {
+                                    let imgPath = data.Image2 != '' ? ((Platform.OS == 'ios' ? 'file://' : '') + common_ImagePath + data.Image2) : '';
+                                    QD[imgname_key2] = data.Image2;
+                                    QD[img_key2] = imgPath;
+                                }
+
+                                if (qtn.QuestionTypeNew == 'Audio') {
+                                    let voicefile_path = (Platform.OS == 'ios' ? 'file://' : '') + common_ImagePath + 'Recordings/' + data.Answer;
+                                    QD[voiceClip_key] = { 'path': voicefile_path, 'filename': data.Answer };
+                                }
+
+                                if (qtn.QuestionTypeNew == 'Date') {
+                                    let dayonly = moment().format('DD');
+                                    let actual_date = data.Answer ? data.Answer.split('/') : [];
+                                    let month = actual_date[0], year = actual_date[1];
+                                    let fulldate = month + '/' + dayonly + '/' + year;
+                                    QD[date_key] = fulldate;
+
+                                }
+                                arr.push(data);
+                                if (i == txnres.rows.length - 1) {
+                                    setQuestionsData(QD);
+                                    resolve(arr);
+                                    //   setSurveyQuestions(arr);
+                                    //   setProcessing(false);
+                                }
+                            }
+                        }
+                        else {
+                            let sl = ` DISTINCT T.CategoryId,T.Category,T.CalFormula,T.RefImage,T.QuestionRefImage,T.Image1Mandatory, T.Image2Mandatory,T.QuestionImageMandatory,T.SubCategoryId,T.SubCategory,T.MaxLength,T.MinLength,T.LengthValidation,T.Question,T.QuestionId,T.QuestionTypeNew,T.OTP,T.QuestionImageAllow,T.DateRange,T.QEnable`;
+                            let q = ` SELECT ${sl} FROM Sup_Master_SurveyQuestion T  INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId WHERE T.SurveyId='${SurveyId}' and T.SubCategoryId='${SubCategoryId}' and T.MenuId='${menu1?.MenuId}'  `;
+                            if (ShowCat1 == true) {
+                                q += ` and T.CategoryId='${CategoryId}'  `;
+                            }
+                            q += `group by T.QuestionId  ORDER BY T.QuestionSequence `;
+                            console.log(q, "else queryyyy");
+                            await txn.executeSql(q, [], async function (txn2, txnres2) {
+                                // console.log('Surveys:', txnres2.rows.length)
+                                let arr = [];
+                                if (txnres2.rows.length > 0) {
+                                    for (var i = 0; i < txnres2.rows.length; i++) {
+                                        let data = txnres2.rows.item(i);
+                                        data.QEnable = data.QEnable === 1 || data.QEnable == 'true' || data.QEnable == '1' || data.QEnable === true ? true : false;
+
+                                        data['isDisabled'] = !data.QEnable
+
+                                        let answers = [];
+                                        if (data.QuestionTypeNew == 'Multi choice list' || data.QuestionTypeNew == 'Single choice list' || data.QuestionTypeNew == 'Rating') {
+                                            let allanswers = await getAnswers(data, item.SurveyId, storeData1, false);
+                                            answers = allanswers.Answers || [];
+                                            if (data.QuestionTypeNew == 'Rating') {
+                                                data.showRating = false;
+                                            }
+                                        }
+                                        else if (data.QuestionTypeNew == 'Date') {
+                                            data.showDatePicker = false;
+                                        }
+
+                                        data.Answers = answers;
+                                        arr.push(data);
+
+                                        if (i == txnres2.rows.length - 1) {
+                                            resolve(arr);
+                                        }
+                                    }
+                                }
+                                else {
+                                    resolve([]);
+                                }
+
+                            }, function (txn2, txnerr) { console.log(txnerr); resolve([]); },);
+                        }
+
+                    }, function (txn2, txnerr) { console.log(txnerr); resolve([]); },);
+
+                });
+            } catch (err) {
+                console.log(err);
+            }
+        })
+    }
+
+    async function getAnswers(qtn, SurveyId, storeData1, isInserted) {
+        let { StoreId, ChainId, StateId, StoreTypeId } = storeData1;
+        return new Promise((resolve, reject) => {
+            db.transaction(async function (txn) {
+                // get inserted audit
+                let selectlist = ` DISTINCT T.Answer,T.AnswerId,T.ImageAllow1,T.ImageAllow2,T.EnableQuestion,T.DisableQuestion`;
+                let join = ` INNER JOIN Mapping_SurveySup M on T.SurveyId=M.SurveyId`;
+                let q2 = `Select ${selectlist} FROM Sup_Master_SurveyQuestion T ${join} WHERE T.QuestionId='${qtn.QuestionId}'  AND T.SurveyId==${SurveyId} AND T.SubCategoryId='${qtn.SubCategoryId}' ORDER BY T.AnswerSequence `;
+
+
+                txn.executeSql(q2, [], async function (txn2, txnres) {
+                    // console.log('answers len',txnres.rows.length);
+                    if (txnres.rows.length > 0) {
+                        let arr = [];
+                        for (var i = 0; i < txnres.rows.length; i++) {
+                            let data = txnres.rows.item(i);
+                            arr.push(data);
+                            if (i == txnres.rows.length - 1) {
+                                setSurveyQuestions(arr);
+                                resolve(arr);
+                            }
+                        }
+                    }
+                    else {
+                        resolve([]);
+                    }
+                }, function (txn2, txnerr) { console.log(txnerr); resolve([]); });
+
+            });
+        }).then((val) => {
+            return { 'Answers': val, 'Success': true };
+        }).catch((err) => {
+            console.log(err);
+            return { 'Success': false, 'Error': err }
+        });
+    }
+
+    async function getImage(imgdata) {
+        let qtn = getImageProps.qtn || '';
+        let type = getImageProps.type || '1';
+        if (typeof imgdata == 'object' && imgdata.errorCode == 'camera_unavailable') {
+            notify(ST.Cameraunavailable);
+        }
+        else if (typeof imgdata == 'object' && imgdata.uri != null) {
+            const img = imgdata;
+            const imgurl = img.uri, imgWidth = img.width, imgHeight = img.height;
+
+
+            let picture_clicked_time = new Date();
+            picture_clicked_time = moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+
+
+            const mark_text1 = picture_clicked_time;
+            const mark_text2 = 'Store Name:' + storeData.StoreName + ' | Store Id:' + storeData.StoreId + ' | Survey Id:' + ActiveSurvey.SurveyId + ' | Question Id :' + qtn.QuestionId + ' | Image Type: Survey' + ' | Date:' + picture_clicked_time;
+
+            await marktext1(mark_text1, imgurl)
+                .then((res) => {
+                    if (res.success) {
+                        let uri = res.uri;
+                        marktext2(mark_text2, uri, imgWidth, imgHeight)
+                            .then((res) => {
+                                if (res.success) {
+                                    let picture_clickedd = new Date();
+                                    let picture_clicked_date = moment(picture_clickedd).format('YYYYMMDD');
+                                    let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                                    let filename = storeData.StoreId + '_' + ActiveSurvey.SurveyId + '_' + qtn.QuestionId + '_SurveyImg_' + picture_clicked_date + '_' + picture_clicked_time + '.jpg';
+
+                                    let qd = QuestionsData;
+                                    let img_key = type == '1' ? qtn.QuestionId + '_ImagePath1' : qtn.QuestionId + '_ImagePath2';
+                                    let imgname_key = type == '1' ? qtn.QuestionId + '_ImageName1' : qtn.QuestionId + '_ImageName2';
+                                    qd[imgname_key] = filename;
+
+                                    // renamefile
+                                    let imagePath = `${common_ImagePath}${filename}`;
+                                    RNFS.copyFile(res.uri, imagePath)
+                                        .then(resn => {
+                                            let uri = 'file://' + imagePath;
+                                            // console.log('image marker', uri);
+                                            qd[img_key] = uri;
+
+                                            setQuestionsData(qd);
+                                            setHasUnsavedChanges(true);
+                                            setrerenderdata(!rerenderdata);
+                                        })
+                                        .catch(err => {
+                                            console.log('ERROR: image file write failed!!!');
+                                            console.log(err.message, err.code);
+                                        });
+
+                                }
+                                else {
+                                    if (res.imagenotfound) {
+                                        notify(ST.Pleasecaptureaimage);
+                                    }
+                                    else {
+                                        notify(res.error);
+                                    }
+                                }
+                            });
+                    }
+                    else {
+                        if (res.imagenotfound) {
+                            notify(ST.Pleasecaptureaimage);
+                        }
+                        else {
+                            notify(res.error);
+                        }
+                    }
+                });
+        }
+    }
+
+    async function openCamera(qtn, type) {
+        setGetImageProps({ 'qtn': qtn, 'type': type });
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function disableQtns(sqtns, DQtns, data, isreturn = false) {
+
+        console.log('data=======>', data);
+
+
+        if (DQtns.length > 0) {
+            new Promise.all(
+                DQtns.map((qid, q_index) => {
+                    let s_qtnindex = sqtns.findIndex(i => i.QuestionId == qid) || {};
+                    console.log('sqtns qid', qid, s_qtnindex)
+                    let s_qtn = s_qtnindex >= 0 ? sqtns[s_qtnindex] : {};
+
+                    console.log('s_qtnindex=====>', s_qtnindex);
+
+
+                    if (s_qtnindex >= 0) {
+                        console.log('sqtns not found', s_qtnindex)
+                        s_qtn['isDisabled'] = true
+                        sqtns[s_qtnindex] = s_qtn;
+                        let id_key = s_qtn.QuestionId + '_AnswerId';
+                        let ans_key = s_qtn.QuestionId + '_Answer';
+                        data[id_key] = 0;
+                        data[ans_key] = '';
+
+                        let imgname_key = s_qtn.QuestionId + '_ImageName1';
+                        let imgname_key2 = s_qtn.QuestionId + '_ImageName2';
+                        let img_key = s_qtn.QuestionId + '_ImagePath1';
+                        let img_key2 = s_qtn.QuestionId + '_ImagePath2';
+
+                        data[img_key] = '';
+                        data[img_key2] = '';
+                        data[imgname_key] = '';
+                        data[imgname_key2] = '';
+
+
+                    }
+                    return false
+                })
+            ).then(async (val) => {
+                setSurveyQuestions(sqtns);
+                setQuestionsData(data);
+                setHasUnsavedChanges(true);
+                setrerenderdata(!rerenderdata);
+            })
+        }
+    }
+
+    async function enableQtns(sqtns, EQtns, DQtns, data) {
+        new Promise.all(
+            EQtns.map((qid, q_index) => {
+                let s_qtnindex = sqtns.findIndex(i => i.QuestionId == qid) || {};
+                let s_qtn = s_qtnindex >= 0 ? sqtns[s_qtnindex] : {};
+                if (s_qtnindex >= 0) {
+                    s_qtn['isDisabled'] = false
+                    sqtns[s_qtnindex] = s_qtn;
+                }
+                return false
+            })
+        ).then(async (val) => {
+            if (DQtns.length > 0) {
+                disableQtns(sqtns, DQtns, data)
+            }
+            else {
+                setSurveyQuestions(sqtns);
+                setHasUnsavedChanges(true);
+                setrerenderdata(!rerenderdata);
+            }
+        })
+    }
+
+    function onselectionChange(option, qtn) {
+
+        console.log('onselecting called');
+
+        let data = QuestionsData;
+        let id_key = qtn.QuestionId + '_AnswerId';
+        let ans_key = qtn.QuestionId + '_Answer';
+        data[id_key] = option.value;
+        data[ans_key] = option.label;
+
+        let qid = qtn.QuestionId
+
+        console.log('qid==>', qid);
+
+
+        setQuestionsData(data);
+
+        console.log('datadatadatadatadatadatadatadatadatadata', data);
+        // console.log('option=============',qtn);
+        console.log('option=============', option?.value);
+
+
+
+
+        let aq_ans = qtn.Answers != null ? qtn.Answers : [];
+        let ans_obj = aq_ans.find(i => i.AnswerId == option.value) || {};
+        let EQtns = ans_obj.EnableQuestion != null && ans_obj.EnableQuestion != '' ? ans_obj.EnableQuestion.replace(' ', '').split(',') : [];
+        let DQtns = ans_obj.DisableQuestion != null && ans_obj.DisableQuestion != '' ? ans_obj.DisableQuestion.replace(' ', '').split(',') : [];
+
+        console.log('EQtns:', EQtns, DQtns);
+        let sqtns = SurveyQuestions
+
+        // console.log('sqtns======>', JSON.stringify(sqtns));
+        const answer = qtn?.Answers?.find(a => a?.AnswerId === option?.value);
+        console.log('answer===>', answer);
+
+        // {"Answer": "Yes", "AnswerId": 155, "DisableQuestion": "", "EnableQuestion": "", "ImageAllow1": "true", "ImageAllow2": "false"}
+
+        if (answer != null && (answer?.ImageAllow1 || answer?.ImageAllow2)) {
+
+            let imgname_key = qid + '_ImageName1';
+            let imgname_key2 = qid + '_ImageName2';
+            let img_key = qid + '_ImagePath1';
+            let img_key2 = qid + '_ImagePath2';
+
+            data[img_key] = '';
+            data[img_key2] = '';
+            data[imgname_key] = '';
+            data[imgname_key2] = '';
+
+        }
+
+        if (EQtns.length > 0) {
+            enableQtns(sqtns, EQtns, DQtns, data)
+            console.log('----------- called if--------');
+
+        }
+        else if (DQtns.length > 0) {
+
+            console.log('----------- called  else if--------');
+
+            disableQtns(sqtns, DQtns, data)
+
+
+        }
+        else {
+            console.log('----------- else only--------');
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+
+
+
+    }
+
+    function setTextValue(value, qtn) {
+        let id_key = qtn.QuestionId + '_AnswerId';
+        let ans_key = qtn.QuestionId + '_Answer';
+
+        let obj = QuestionsData;
+        if (qtn.QuestionTypeNew == 'Date') {
+            let date_key = qtn.QuestionId + '_Date';
+            let d = value != null ? new Date(value) : new Date();
+            let mfdate = moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn, false);
+            obj[id_key] = 0;
+            obj[ans_key] = mfdate;
+            obj[date_key] = moment(d).format('MM/DD/YYYY');
+        }
+        else {
+            obj[id_key] = 0;
+            obj[ans_key] = value;
+        }
+        console.log(value, obj);
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setRatingValue(data) {
+        // let ids=[];
+        // data.map((item,index)=>{
+        //     ids.push(item.AnswerId);
+        // })
+        setRatingOrder(data);
+    }
+
+    async function setMultiSelectValue(selectedItems = [], qtn) {
+        console.log('setMultiSelectValue', selectedItems);
+        let id_key = qtn.QuestionId + '_AnswerId';
+        let ans_key = qtn.QuestionId + '_Answer';
+        let multi_key = qtn.QuestionId + '_MultiOption';
+        let obj = QuestionsData;
+        obj[id_key] = 0;
+        obj[multi_key] = selectedItems.join(',');
+        let anss = [];
+        selectedItems.map((itemValue) => {
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue);
+            if (ans.Answer) { anss.push(ans.Answer) }
+        });
+        obj[ans_key] = anss.join(',');
+        console.log('obj:', obj);
+
+
+
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    function showQtnDatePicker(qtn, show = false) {
+        let newqtnIndex = SurveyQuestions.findIndex(q => q.QuestionId == qtn.QuestionId);
+        console.log('showQtnDatePicker:', newqtnIndex);
+        if (newqtnIndex >= 0) {
+            let sq = SurveyQuestions;
+            let newqtn = sq[newqtnIndex];
+            newqtn.showDatePicker = show;
+            sq[newqtnIndex] = newqtn;
+            setSurveyQuestions(sq);
+            if (show == true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+
+    function setShowQtnKey(qtn, key, show = false) {
+        if (key != null && key != '') {
+            let newqtnIndex = SurveyQuestions.findIndex(q => q.QuestionId == qtn.QuestionId);
+            console.log('setShowQtnKey:', newqtnIndex);
+            if (newqtnIndex >= 0) {
+                let sq = SurveyQuestions;
+                let newqtn = sq[newqtnIndex];
+                newqtn[key] = show;
+                sq[newqtnIndex] = newqtn;
+                setSurveyQuestions(sq);
+                if (show == true) setrerenderdata(!rerenderdata);
+            }
+        }
+    }
+
+    function onRatingCancel() {
+        setShowRating(false);
+
+    }
+
+    function onRatingSave() {
+        setShowRating(false);
+
+        let qtn = RatingQtn;
+        let id_key = qtn.QuestionId + '_AnswerId';
+        let ans_key = qtn.QuestionId + '_Answer';
+        let rating_key = qtn.QuestionId + '_Rating';
+        let ids = [], anss = [];
+        RatingOrder.map((item, index) => {
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+        let obj = QuestionsData;
+        obj[rating_key] = ids.join(',');
+        obj[id_key] = 0;
+        obj[ans_key] = anss.join(',');
+
+        console.log(obj);
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onRecordCancel() {
+        setShowRecorder(false);
+    }
+
+    function onRecordSave() {
+
+        let isRecorderPlaying = VRS.RecorderPlayStatus != null && VRS.RecorderPlayStatus == true;
+        let isPlayerPlaying = VRS.PlayerPlayStatus != null && VRS.PlayerPlayStatus == true;
+
+        if (isRecorderPlaying) {
+            notify(ST.Pleasestoprecordingfirst);
+            return;
+        }
+        else if (isPlayerPlaying) {
+            stopPlayer(VRS);
+            // notify('Please stop playing audio first');
+            // return;
+        }
+
+        setShowRecorder(false);
+        let qtn = RatingQtn;
+        let id_key = qtn.QuestionId + '_AnswerId';
+        let ans_key = qtn.QuestionId + '_Answer';
+        let voiceClip_key = qtn.QuestionId + '_VoiceClip';
+
+        let obj = QuestionsData;
+        obj[ans_key] = RecFilePath.filename || '';
+        obj[id_key] = 0;
+        obj[voiceClip_key] = RecFilePath;
+
+        setQuestionsData(obj);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    const RippleAnimation = (value, minValue, maxValue, delay) =>
+        Animated.loop(
+            Animated.sequence([
+                Animated.timing(value, {
+                    toValue: maxValue,
+                    duration: 1000,
+                    delay: delay,
+                    useNativeDriver: (Platform.OS == 'ios' ? false : true),
+                }),
+                Animated.timing(value, {
+                    toValue: minValue,
+                    duration: 1000,
+                    delay: delay,
+                    useNativeDriver: (Platform.OS == 'ios' ? false : true),
+                }),
+            ]),
+
+        ).start();
+
+    const startRecorder = React.useCallback(async (storeData1, qtn, ActiveSurvey1, vrStatus) => {
+        try {
+            console.log('startRecorder')
+            if (audioRecorderPlayer != null) {
+
+                if (vrStatus['RecorderPlayStatus'] == true) {
+                    notify(ST.AlreadyRecording + '...')
+                    return;
+                }
+                else if (vrStatus['PlayerPlayStatus'] == true) {
+                    notify(ST.Pleasestopplayerfirst)
+                    return;
+                }
+
+                stopPlayer(vrStatus);
+
+                let picture_clickedd = new Date();
+                let picture_clicked_date = moment(picture_clickedd).format('YYYYMMDD');
+                let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                let commname = storeData1.StoreId + '_' + ActiveSurvey1.SurveyId + '_' + qtn.QuestionId + '_SurveyRecording_' + picture_clicked_date + '_' + picture_clicked_time;
+                let filename = Platform.OS == 'ios' ? commname + '.m4a' : commname + '.mp3';
+
+                const url = Platform.OS == 'ios' ? 'file://' + common_ImagePath + 'Recordings/' + filename : common_ImagePath + 'Recordings/' + filename;
+                const url_dir = common_ImagePath + 'Recordings/';
+                console.log('write file url:', url);
+                RNFS.mkdir(url_dir).then((res) => {
+
+                    RNFS.writeFile(url, '')
+                        .then(async (success) => {
+                            // if(success!=null){
+                            const path = Platform.select({
+                                ios: url,
+                                android: url,
+                            });
+
+                            const result = await audioRecorderPlayer.startRecorder(path, AudioSet);
+
+                            if (result != null && result != '') {
+                                console.log('start recording now');
+                                vrStatus['RecorderPlayStatus'] = true;
+                                setVRS(vrStatus);
+                                setRecFilePath({ 'path': url, 'filename': filename });
+                                // animate
+                                RippleAnimation(animatedRipple, 0, 1, 0);
+                                RippleAnimation(animatedRipple2, 0, 1, 100);
+
+                                audioRecorderPlayer.addRecordBackListener((e) => {
+                                    let recordsec = e.currentPosition;
+                                    let data = { 'recordSecs': recordsec, 'recordTime': audioRecorderPlayer.mmssss(Math.floor(recordsec)) };
+                                    if (vrStatus['RecorderPlayStatus'] == true) {
+                                        setRecorderTimer(data);
+                                        setHasUnsavedChanges(true);
+                                        setVoiceRecorderStatus(ST.RecordingPressmictostoprecording);
+                                    }
+
+                                    console.log('recordsec:', recordsec);
+                                    if (recordsec >= 60 * 1000) {
+                                        stopRecorder(vrStatus);
+                                        notify(ST.Maximumrecordtimelimitreached, 'LONG');
+                                    }
+                                    return;
+                                });
+                            }
+                            console.log('start recorder:', result);
+                            // }
+                            // else{
+                            //     notify('Something Went Wrong! Cannot open file for recording!');
+                            // }
+
+                        })
+                        .catch((err) => {
+                            console.log('eerriur1', err.message);
+                            notify(ST.Somethingwentwrong + ' ' + ST.Cannotopenfileforrecording);
+                        });
+                })
+                    .catch((err) => {
+                        console.log('eerriur2', err.message);
+                        notify(ST.Somethingwentwrong + ' ' + ST.Cannotopenfileforrecording);
+                    });
+
+            }
+        }
+        catch (e) {
+            console.log('error:', e);
+        }
+
+    }, []);
+
+
+
+
+
+
+    const stopRecorder = React.useCallback(async (vrStatus) => {
+        try {
+            console.log('stopRecorder');
+            if (audioRecorderPlayer != null) {
+
+                animatedRipple.setValue(0);
+                animatedRipple2.setValue(0.5);
+                const uri = await audioRecorderPlayer.stopRecorder();
+                // audioRecorderPlayer.removeRecordBackListener();
+
+                vrStatus['RecorderPlayStatus'] = false;
+                vrStatus['PlayerPlayStatus'] = false;
+                setPlayerTimer({});
+                setVRS({ ...VRS, vrStatus });
+                setVoiceRecorderStatus(ST.Pressmictostartrecordingvoice);
+            }
+        }
+        catch (e) {
+            console.log('error:', e);
+        }
+
+    }, []);
+
+    const startPlayer = React.useCallback(async (url, vrStatus1, type = '0') => {
+        try {
+            let vrStatus = VRS;
+            let qtn = RatingQtn;
+            if (audioRecorderPlayer != null) {
+                console.log('startPlayer1', url);
+                if (vrStatus['PlayerPlayStatus'] == true) {
+                    notify(ST.AlreadyPlaying + '...')
+                    return;
+                }
+                else if (vrStatus['RecorderPlayStatus'] == true) {
+                    notify(ST.Pleasestoprecordingfirst)
+                    return;
+                }
+                else if (url == '' || url == null) {
+                    notify(ST.Filenotfound)
+                    return;
+                }
+
+                const result = await audioRecorderPlayer.startPlayer(url);
+                if (result != null) {
+                    vrStatus['PlayerPlayStatus'] = true;
+                    setVRS(vrStatus);
+
+                    audioRecorderPlayer.addPlayBackListener((e) => {
+                        let playDuration = audioRecorderPlayer.mmssss(Math.floor(e.duration));
+                        let vrs = VRS;
+                        let data = { 'playerSecs': e.currentPosition, 'totalDuration': e.duration, 'playDuration': playDuration, 'playTime': audioRecorderPlayer.mmssss(Math.floor(e.currentPosition),) };
+                        let data2 = { 'playerSecs': '0000', 'totalDuration': e.duration, 'playDuration': playDuration, 'playTime': "00:00:00" };
+                        if (vrs['PlayerPlayStatus'] == true) {
+                            setPlayerTimer(e.currentPosition < 0 ? data2 : data);
+                        }
+                        if (e.currentPosition < 0) {
+                            return;
+                        }
+                        let wp = e.duration != null ? Math.floor((e.currentPosition / e.duration) * 100) : 0;
+                        console.log('wp:', wp);
+                        if (wp >= 100 || isNaN(wp)) {
+                            stopPlayer(vrs);
+                        }
+                        else if (type == '1' && wp < 1) {
+                            pausePlayer();
+                        }
+                        setProcessing(false);
+                        return;
+                    });
+                }
+                else {
+                    setProcessing(false);
+                }
+            }
+        }
+        catch (e) {
+            console.log('error:', e);
+            setProcessing(false);
+        }
+
+    }, []);
+
+    const resumePlayer = React.useCallback(async (url) => {
+        console.log('resume player')
+        let vrStatus = VRS;
+        const res = await audioRecorderPlayer.resumePlayer();
+        console.log('res:', res);
+        if (res == 'No audio playing') {
+            startPlayer(url, vrStatus);
+        }
+        vrStatus['PlayerPlayStatus'] = true;
+        setVRS({ ...VRS, vrStatus });
+    }, []);
+
+
+    const pausePlayer = React.useCallback(() => {
+        console.log('pause player')
+        let vrStatus = VRS;
+        audioRecorderPlayer.pausePlayer();
+        vrStatus['PlayerPlayStatus'] = false;
+        setVRS({ ...VRS, vrStatus });
+    }, []);
+
+    const stopPlayer = React.useCallback(async (vrStatus) => {
+        try {
+            console.log('stop player now');
+
+            if (audioRecorderPlayer != null) {
+                const uri = await audioRecorderPlayer.stopPlayer();
+                audioRecorderPlayer.removePlayBackListener();
+                vrStatus['PlayerPlayStatus'] = false;
+                setVRS({ ...VRS, vrStatus });
+            }
+        }
+        catch (e) {
+            console.log('error:', e);
+        }
+
+    }, []);
+
+    async function show_recorder(qtn) {
+        let voiceClip_key = qtn.QuestionId + '_VoiceClip';
+        let url = QuestionsData[voiceClip_key] ? QuestionsData[voiceClip_key].path : '';
+        setRatingQtn(qtn);
+        if ((RecorderTimer == null || Object.keys(RecorderTimer).length <= 0) && (playerTimer == null || Object.keys(playerTimer).length <= 0) && url != null && url != '') {
+            setLoaderTitle(ST.Loading + '...');
+            setProcessing(true);
+            await startPlayer(url, VRS, '1');
+        }
+        setRecFilePath((QuestionsData[voiceClip_key] || {}));
+        setShowRecorder(true);
+    }
+
+    async function onSubmitData() {
+        let isvalid = await validate();
+        if (isvalid) {
+            setShowAlert(true);
+        }
+    }
+
+    function onSaveCancel() {
+        setShowAlert(false);
+    }
+
+    async function saveData() {
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData + '...');
+        setProcessing(true);
+        try {
+            let { StoreId, ChainId, StateId, StoreTypeId } = storeData;
+            await db.transaction(async function (txn) {
+
+
+                let q = `DELETE FROM ${AppTables.SURVEY} WHERE STORE_ID='${StoreId}' and EMP_ID='${storeData.MerchandiserId}' and VISIT_DATE='${d2}' and SURVEY_ID='${ActiveSurvey.SurveyId}' `;
+                if (ShowCat == true) {
+                    q += ` and CATEGORY_ID='${ActiveCategory.CategoryId}' `;
+                }
+
+                //  remove old data
+                await txn.executeSql(q, [], async function (txn2, txnres) {
+                    console.log('survey data deleted');
+                }, function (txn2, txnerr) { console.log(txnerr); },);
+
+
+                var values = '';
+                let { SurveyId, SurveyName } = ActiveSurvey;
+                for (var i = 0; i < SurveyQuestions.length; i++) {
+                    values += values != '' ? ' , ' : '';
+
+                    let qtn = SurveyQuestions[i];
+
+                    let id_key = qtn.QuestionId + '_AnswerId';
+                    let ans_key = qtn.QuestionId + '_Answer';
+                    let multi_key = qtn.QuestionId + '_MultiOption';
+                    let date_key = qtn.QuestionId + '_Date';
+                    let img_key1 = qtn.QuestionId + '_ImagePath1';
+                    let imgname_key1 = qtn.QuestionId + '_ImageName1';
+                    let img_key2 = qtn.QuestionId + '_ImagePath2';
+                    let imgname_key2 = qtn.QuestionId + '_ImageName2';
+                    let rating_key = qtn.QuestionId + '_Rating';
+                    let voiceClip_key = qtn.QuestionId + '_VoiceClip';
+
+                    let { CategoryId, Category, SubCategory, SubCategoryId, DateRange, LengthValidation, MaxLength, MinLength, OTP, Question, QuestionId, QuestionImageAllow, QuestionTypeNew } = qtn;
+
+                    let selansid = QuestionsData[id_key] || 0;
+                    let selans = QuestionsData[ans_key] || '';
+                    let imgName1 = QuestionsData[imgname_key1] || '';
+                    let imgName2 = QuestionsData[imgname_key2] || '';
+                    let multiops = QuestionsData[multi_key] || '';
+                    let isQtnDisabled = qtn.isDisabled != null && qtn.isDisabled != '' ? qtn.isDisabled ? 1 : 0 : 0;
+                    let allanss = qtn.Answers || {};
+                    let ans_obj = allanss.find(i => i.AnswerId == selansid)
+                    let imgallow1 = ans_obj != null && ans_obj['ImageAllow1'] != null ? ans_obj.ImageAllow1 : false;
+                    let imgallow2 = ans_obj != null && ans_obj['ImageAllow2'] != null ? ans_obj.ImageAllow2 : false;
+                    let f_imgalloq1 = (QuestionImageAllow == 'true' || QuestionImageAllow == 1) || (imgallow1 == 'true' || imgallow1 == 1)
+
+                    values += ` ('${storeData.MerchandiserId}','${StoreId}','${d2}','${SurveyId}','${CategoryId}','${SubCategoryId}','${Question}','${QuestionId}','${QuestionTypeNew}','${selans}','${selansid}','${f_imgalloq1}','${(imgName1 || '')}','${imgallow2}','${(imgName2 || '')}','${multiops}','${isQtnDisabled}','${d2}','${currentMenu.MenuId}') `;
+                }
+
+                let add_data = `INSERT INTO ${AppTables.SURVEY} (EMP_ID,STORE_ID,VISIT_DATE,SURVEY_ID,CATEGORY_ID,SUB_CATEGORY_ID,QUESTION,QUESTION_ID,QUESTION_TYPE,ANSWER,ANSWER_ID,IMAGE_ALLOW1,IMAGE1,IMAGE_ALLOW2,IMAGE2,MULTI_OPTIONS_IDS,IS_DISABLED,ADDED_DATE,MENUID) VALUES ${values} `;
+
+                await txn.executeSql(add_data, [], async function (txn2, txnres) {
+                    console.log('surveys added');
+                    // props.set_autoback({'AutoGoToPrev':true});
+                    notify(ST.Surveyupdatedsuccessfully, 'SHORT');
+                    setProcessing(false);
+                    props.navigation.goBack();
+                    // props.navigation.navigate("SurveyList")
+
+                }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); notify(ST.Cannotupdatesurvey) },);
+
+
+            });
+        } catch (err) {
+            console.log(err);
+        }
+    }
+
+    async function validate() {
+        function showError(obj, isErr) {
+            setErrorField(obj);
+            setError(isErr);
+        }
+
+        var isvalid = true;
+        const QD = QuestionsData;
+
+        // console.log('SurveyQuestions====>', JSON.stringify(SurveyQuestions));
+
+
+        console.log(SurveyQuestions.length);
+        for (var i = 0; i < SurveyQuestions.length; i++) {
+            let qtn = SurveyQuestions[i];
+            let selansid = '', selanswer = '', selimg = '', showImageTag = false, showImageTag2 = false;
+            let id_key = qtn.QuestionId + '_AnswerId';
+            let ans_key = qtn.QuestionId + '_Answer';
+            let multi_key = qtn.QuestionId + '_MultiOption';
+            let date_key = qtn.QuestionId + '_Date';
+            let img_key = qtn.QuestionId + '_ImagePath1';
+            let imgname_key = qtn.QuestionId + '_ImageName1';
+            let img_key2 = qtn.QuestionId + '_ImagePath2';
+            let imgname_key2 = qtn.QuestionId + '_ImageName2';
+            let rating_key = qtn.QuestionId + '_Rating';
+            let voiceClip_key = qtn.QuestionId + '_VoiceClip';
+            let list_mcdata = [];
+
+            let isDisabled = qtn.isDisabled != null ? qtn.isDisabled : false
+
+
+            let errorobj = { 'EF_Qtn': qtn };
+
+            if (isDisabled == true) {
+
+            }
+            else {
+                let isImgAllowed = (qtn.QuestionImageAllow == true || qtn.QuestionImageAllow == 'true' || qtn.QuestionImageAllow == 1 && (qtn.QuestionTypeNew == "Image"));
+                let isImg1mandatory = (qtn?.Image1Mandatory == true || qtn?.Image1Mandatory == 'true' || qtn?.Image1Mandatory == '1' || qtn?.Image1Mandatory == 1);
+                let isImg2mandatory = (qtn?.Image2Mandatory == true || qtn?.Image2Mandatory == 'true' || qtn?.Image2Mandatory == '1' || qtn?.Image2Mandatory == 1);
+                let checkForAnsKey = (qtn.QuestionTypeNew == 'Decimal' || qtn.QuestionTypeNew == 'Number' || qtn.QuestionTypeNew == 'Text' || qtn.QuestionTypeNew == 'Date' || qtn.QuestionTypeNew == 'Rating');
+
+
+
+                if (qtn.QuestionTypeNew == 'Single choice list') {
+                    selansid = QD[id_key];
+                }
+                else if (qtn.QuestionTypeNew == 'Multi choice list') {
+                    selansid = QD[multi_key] != null && QD[multi_key] != '' ? QD[multi_key].split(',') : [];
+                }
+
+
+                if (qtn.QuestionTypeNew == 'Multi choice list' && selansid.length <= 0) {
+                    isvalid = false;
+                    notify(ST.Pleaseselectoptionsfortherequiredfield, 'SHORT');
+                    break;
+                }
+                else if (checkForAnsKey && (Object.keys(QD).indexOf(ans_key) < 0 || (Object.keys(QD).indexOf(ans_key) >= 0 && QD[ans_key] === ''))) {
+                    isvalid = false;
+                    let msg = (qtn.QuestionTypeNew == 'Date' ? ST.Pleasepickadate : (qtn.QuestionTypeNew == 'Rating' ? ST.Pleaseselectrating : ST.Pleasefillalldetails));
+                    notify(msg, 'SHORT');
+                    break;
+                }
+                else if (qtn.QuestionTypeNew == 'Audio' && (Object.keys(QD).indexOf(voiceClip_key) < 0 || (Object.keys(QD).indexOf(voiceClip_key) >= 0 && (QD[voiceClip_key] == null || QD[voiceClip_key].filename == null || QD[voiceClip_key].filename == '')))) {
+                    isvalid = false;
+                    notify(ST.Pleaserecordaudioclipfortherequiredfield, 'SHORT');
+                    break;
+                }
+                else if (qtn.QuestionTypeNew!='Image' && Object.keys(QD).indexOf(id_key) < 0 || (Object.keys(QD).indexOf(id_key) >= 0 && (QD[id_key] === ''))) {
+                    isvalid = false;
+                    notify(ST.Pleasefillalldetails, 'SHORT');
+                    console.log(QD[id_key], QD, id_key)
+                    break;
+                }
+                else if (isImgAllowed && (Object.keys(QD).indexOf(img_key) < 0 || (Object.keys(QD).indexOf(img_key) >= 0 && QD[img_key] === ''))) {
+                    isvalid = false;
+                    notify(ST.Pleaseaddimages, 'SHORT');
+                    break;
+                } else {
+                    console.log('no condition found');
+                }
+
+                if ((qtn.QuestionTypeNew == 'Single choice list' || qtn.QuestionTypeNew == 'Multi choice list')) {
+                    if (qtn.Answers && qtn.Answers.length > 0) {
+                        for (var j = 0; j < qtn.Answers.length; j++) {
+                            let ansss = qtn.Answers[j];
+                            let isandImgAl = (ansss.ImageAllow1 == true || ansss.ImageAllow1 == 'true' || ansss.ImageAllow1 == 1);
+                            if (qtn.QuestionTypeNew == 'Single choice list' && (isandImgAl && ansss.AnswerId == selansid)) {
+                                showImageTag = true;
+                            }
+                            else if (qtn.QuestionTypeNew == 'Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                showImageTag = true;
+                            }
+
+                            let isandImgAl2 = (ansss.ImageAllow2 == true || ansss.ImageAllow2 == 'true' || ansss.ImageAllow2 == 1);
+                            if (qtn.QuestionTypeNew == 'Single choice list' && (isandImgAl2 && ansss.AnswerId == selansid)) {
+                                showImageTag2 = true;
+                            }
+                            else if (qtn.QuestionTypeNew == 'Multi choice list' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                showImageTag2 = true;
+                            }
+                        }
+                    }
+                }
+
+                // if((isImage1Mand=='1' || isImage1Mand==true) && showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                //     isvalid=false;
+                //     notify(ST.Pleaseaddimages,'SHORT');
+                //     break;
+                // }
+
+                // if((isImage2Mand=='1' || isImage2Mand==true) &&  showImageTag2 && (Object.keys(QD).indexOf(img_key2)<0 || (Object.keys(QD).indexOf(img_key2)>=0 && QD[img_key2]===''))){
+                //     isvalid=false;
+                //     notify(ST.Pleaseaddimages,'SHORT');
+                //     break;
+                // }
+
+                if ( StoreCameraAllow==true && isImg1mandatory && showImageTag && (Object.keys(QD).indexOf(img_key) < 0 || (Object.keys(QD).indexOf(img_key) >= 0 && QD[img_key] === ''))) {
+                    errorobj["EF_Image"] = 'Image';
+                    showError(errorobj, true);
+                    // let refIn1=inputRefs.current['input1_'+qtn.QuestionId]
+                    // refIn1.focus();
+                    isvalid = false;
+                    notify(ST.Pleaseaddimages, 'SHORT');
+                    break;
+                }
+
+                if (StoreCameraAllow==true && isImg2mandatory && showImageTag2 && (Object.keys(QD).indexOf(img_key2) < 0 || (Object.keys(QD).indexOf(img_key2) >= 0 && QD[img_key2] === ''))) {
+                    errorobj["EF_Image"] = 'Image';
+                    showError(errorobj, true);
+                    // let refIn1=inputRefs.current['input1_'+qtn.QuestionId]
+                    // refIn1.focus();
+                    isvalid = false;
+                    notify(ST.Pleaseaddimages, 'SHORT');
+                    break;
+                }
+
+            }
+        }
+
+        return isvalid;
+    }
+
+    function render_Picker(label_key, value_key, onChange = () => { }, selected_data = {}) {
+        var data = [];
+        let qtn = selected_data.qtn || {};
+        let EStyle_Qtn_Input = selected_data.EStyle_Qtn_Input || {};
+        let isQtnDisabled = qtn.isDisabled != null && qtn.isDisabled != '' ? qtn.isDisabled : false;
+        let allAnswers = qtn.Answers || [];
+
+        allAnswers.map((item, index) => {
+            let obj = { key: index, label: item[label_key], value: item[value_key] };
+            if (selected_data.value == item[label_key])
+                obj['component'] = <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+
+        return (
+            <ModalSelector
+                data={data}
+
+                touchableActiveOpacity={0.8}
+
+                style={customStyle.addVisPickerStyle}
+                onChange={(option) => { onChange(option, qtn) }}
+                overlayStyle={customStyle.addVisPickerOverlay}
+                cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+                optionStyle={customStyle.addvis_opStyle}
+                optionTextStyle={customStyle.addvis_opTextStyle}
+                optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+                selectedKey={'1'}
+                disabled={isQtnDisabled}
+                cancelText={ST.Cancel}
+            >
+                <Text style={[customStyle.addVisPicker_InputStyle, (isQtnDisabled ? customStyle.addVisPicker_Dis_InputStyle : {}), EStyle_Qtn_Input]}>{(selected_data.value != null && selected_data.value != '' ? selected_data.value : '-select-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn) {
+        let qtnn = qtn;
+        let DateRange = qtn.DateRange;
+        let maxDate = moment().add(10, 'years').format('MM/DD/YYYY');
+        let minDate = moment().subtract(10, 'years').format('MM/DD/YYYY');
+        if (DateRange == 'RFD') {
+            maxDate = moment().format('MM/DD/YYYY');
+        }
+        else if (DateRange == 'RPD') {
+            minDate = moment().format('MM/DD/YYYY');
+        }
+
+        return (
+            <DateTimePicker
+                testID="dateTimePicker"
+                value={(dateValue != null && dateValue != '' ? new Date(dateValue) : new Date())}
+                mode={'date'}
+                display="default"
+                onChange={(event, selectedDate) => { setTextValue(selectedDate, qtnn) }}
+                maximumDate={new Date(maxDate)}
+                minimumDate={new Date(minDate)}
+            />
+        );
+    }
+
+    function renderItem({ item, drag, isActive }) {
+        return (
+            <ScaleDecorator>
+                <TouchableOpacity
+
+                    onLongPress={drag}
+                    disabled={isActive}
+                    style={[customStyle.RModal_listItem, { backgroundColor: isActive ? PageTheme.$primary_color : PageTheme.$secondary_color_light },]}
+                >
+                    <Text style={[customStyle.RModal_listItemText, (isActive ? { color: PageTheme.$accent_color } : {})]}>{item.Answer}</Text>
+                </TouchableOpacity>
+            </ScaleDecorator>
+        );
+    };
+
+    function renderRatingView() {
+        let qtn = RatingQtn;
+        let Answers = qtn.Answers;
+        let id_key = qtn.QuestionId + '_AnswerId';
+        let ans_key = qtn.QuestionId + '_Answer';
+        let rating_key = qtn.QuestionId + '_Rating';
+        // let ratings=QuestionsData[rating_key]!=null?QuestionsData[rating_key].split(','):[];
+
+        let newarr = RatingOrder;
+        if (RatingOrder.length <= 0) {
+            newarr = Answers;
+        }
+
+        return (
+            <View style={customStyle.RatingModal}>
+                <View style={customStyle.RatingModalCon}>
+                    <Text style={customStyle.VRModalHeding}>{ST.DragItemsInOrder}</Text>
+                    <Text style={customStyle.VRSubHeding}>{ST.Pressandholdtodrag}</Text>
+                    <DraggableFlatList
+                        data={newarr}
+                        style={customStyle.RModal_list}
+                        contentContainerStyle={customStyle.RModal_listInner}
+                        onDragEnd={({ data }) => { setRatingValue(data) }}
+                        keyExtractor={(item) => item.AnswerId}
+                        renderItem={renderItem}
+                    />
+                    <View style={customStyle.RModal_Btns}>
+                        <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={() => { onRatingCancel() }}>
+                            <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                        </TouchableOpacity>
+                        <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={() => { onRatingSave() }}>
+                            <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                        </TouchableOpacity>
+                    </View>
+                </View>
+            </View>
+        )
+    }
+
+    function renderRecorderView() {
+
+        let qtn = RatingQtn;
+        let isRecorderPlaying = VRS.RecorderPlayStatus != null && VRS.RecorderPlayStatus == true;
+        let isPlayerPlaying = VRS.PlayerPlayStatus != null && VRS.PlayerPlayStatus == true;
+        const scale = animatedRipple.interpolate({
+            inputRange: [0, 1],
+            outputRange: [1, 1.3],
+        });
+
+        const borderColor = animatedRipple.interpolate({
+            inputRange: [0, 1],
+            outputRange: ['#f5acb4c2', '#fce6e9e3'],
+        });
+
+        const scale2 = animatedRipple2.interpolate({
+            inputRange: [0, 1],
+            outputRange: [1, 1.5],
+        });
+
+        const borderColor2 = animatedRipple2.interpolate({
+            inputRange: [0, 1],
+            outputRange: ['#f5acb4c2', '#fce6e9e3'],
+        });
+
+        let totalDuration = RecorderTimer.recordSecs != null ? RecorderTimer.recordSecs : playerTimer.totalDuration;
+        let wp = totalDuration != null ? Math.floor((playerTimer.playerSecs / totalDuration) * 100) : 0;
+        let width1 = wp <= 100 ? (wp > 0 ? wp + '%' : '0%') : '100%';
+        if (isNaN(wp)) width1 = '0%';
+
+        return (
+            <View style={customStyle.RatingModal}>
+                {rerenderView == rerenderView &&
+                    <View style={customStyle.RatingModalCon}>
+                        <Text style={customStyle.VRModalHeding}>{ST.RecordVoiceClip}</Text>
+                        <Text style={customStyle.VRSubHeding2}>{ST.Youcanrecordmaxfor60secs}</Text>
+                        <Text style={customStyle.VRSubHeding}>{VoiceRecorderStatus}</Text>
+
+                        <View style={customStyle.VoiceRecorder}>
+                            <View style={customStyle.VoiceRecorderMic}>
+                                <Animated.View style={[customStyle.VRMicBgRipple2, {
+                                    transform: [
+                                        { scale: scale2 },
+                                    ],
+                                    borderColor: ('#fce6e9e3'),
+                                }]}></Animated.View>
+                                <Animated.View style={[customStyle.VRMicBgRipple1, {
+                                    transform: [
+                                        { scale: scale },
+                                    ],
+                                    borderColor: ('#f5acb4c2'),
+                                }]}></Animated.View>
+                                <TouchableOpacity activeOpacity={1} style={customStyle.VoiceRecorderMicBtn} onPress={() => { startRecorder(storeData, qtn, ActiveSurvey, VRS); }}>
+                                    <FontAwesome size={30} color={PageTheme.$accent_color} name="microphone" />
+                                </TouchableOpacity>
+                                {isRecorderPlaying &&
+                                    <TouchableOpacity activeOpacity={1} style={customStyle.VoiceRecorderStopBtn} onPress={() => { stopRecorder(VRS); }}>
+                                        <FontAwesome5 size={30} color={PageTheme.$accent_color} name="microphone-alt" />
+                                    </TouchableOpacity>
+                                }
+
+                            </View>
+                            <View style={customStyle.VoiceRecordedView}>
+                                <Text style={customStyle.VoiceRecorderTimer}>{RecorderTimer.recordTime}</Text>
+                                {
+                                    (!isRecorderPlaying && RecFilePath.filename != null && RecFilePath.filename != '') &&
+                                    <View style={customStyle.VRPlayBack}>
+                                        <View style={customStyle.VRPlayBackBarView}>
+                                            <View style={customStyle.VRPlayBackBar}>
+                                                <View style={customStyle.VRPlayBackBarBg}></View>
+                                                <View style={[customStyle.VRPlayBackBarFilled, { width: width1 }]}></View>
+                                            </View>
+                                            <Text style={customStyle.VRPlayBackTimer}>{`${(playerTimer.playTime || '00:00:00')} / ${playerTimer.playDuration || RecorderTimer.recordTime}`}</Text>
+                                        </View>
+
+                                        <View style={customStyle.VRPlayBackControls}>
+                                            <TouchableOpacity activeOpacity={1} style={customStyle.VRPB_Play} onPress={() => { let url = (Platform.OS == 'ios' ? 'file://' : '') + common_ImagePath + 'Recordings/' + RecFilePath.filename; (wp < 100 && wp > 0) ? resumePlayer(url) : startPlayer(url, VRS); }}>
+                                                <Entypo size={24} color={PageTheme.$accent_color} name="controller-play" />
+                                            </TouchableOpacity>
+                                            {isPlayerPlaying && <TouchableOpacity activeOpacity={1} style={customStyle.VRPB_Pause} onPress={() => { wp < 100 ? pausePlayer() : stopPlayer(VRS); }}>
+                                                <Entypo size={24} color={PageTheme.$accent_color} name="controller-paus" />
+                                            </TouchableOpacity>}
+                                        </View>
+                                    </View>
+                                }
+                            </View>
+                        </View>
+                        <View style={customStyle.RModal_Btns}>
+                            <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={() => { onRecordCancel() }}>
+                                <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                            </TouchableOpacity>
+                            <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={() => { onRecordSave() }}>
+                                <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                            </TouchableOpacity>
+                        </View>
+                    </View>}
+            </View>
+        )
+    }
+
+    function _renderSurveyQtns(subcat) {
+        const SurveyQuestions = subcat.Questions;
+
+        return (
+            <View style={customStyle.SVn_GroupViewList}>
+                {
+                    SurveyQuestions.length > 0 &&
+                    SurveyQuestions.map((item, index) => {
+
+                        let qtn = item;
+                        let selansid = '', selanswer = '', selimg = '', selimg2 = '', showImageTag = false, showImageTag2 = false;
+                        let id_key = qtn.QuestionId + '_AnswerId';
+                        let ans_key = qtn.QuestionId + '_Answer';
+                        let multi_key = qtn.QuestionId + '_MultiOption';
+                        let date_key = qtn.QuestionId + '_Date';
+                        let img_key = qtn.QuestionId + '_ImagePath1';
+                        let imgname_key = qtn.QuestionId + '_ImageName1';
+                        let img_key2 = qtn.QuestionId + '_ImagePath2';
+                        let imgname_key2 = qtn.QuestionId + '_ImageName2';
+                        let rating_key = qtn.QuestionId + '_Rating';
+                        let voiceClip_key = qtn.QuestionId + '_VoiceClip';
+                        let list_mcdata = [];
+
+                        if (qtn.QuestionTypeNew == 'Single choice list') {
+                            selansid = QuestionsData[id_key] != null ? QuestionsData[id_key] : '';
+                            selanswer = QuestionsData[ans_key] != null ? QuestionsData[ans_key] : '';
+                        }
+                        else if (qtn.QuestionTypeNew == 'Multi choice list') {
+
+                            if (qtn.Answers != null) {
+
+                                for (var i = 0; i < qtn.Answers.length; i++) {
+                                    let obj = { 'AnswerId': parseInt(qtn.Answers[i].AnswerId), 'Answer': qtn.Answers[i].Answer };
+                                    list_mcdata.push(obj);
+                                }
+                            }
+                            selansid = QuestionsData[multi_key] != null && QuestionsData[multi_key] != '' ? QuestionsData[multi_key].split(',') : [];
+                            if (selansid != null && selansid.length > 0) {
+                                let arr = [];
+                                for (var i = 0; i < selansid.length; i++) {
+                                    arr.push(parseInt(selansid[i]));
+                                }
+                                selansid = arr;
+                            }
+                        }
+                        else if (qtn.QuestionTypeNew == 'Number' || qtn.QuestionTypeNew == 'Text' || qtn.QuestionTypeNew == 'Decimal' || qtn.QuestionTypeNew == 'Date'||qtn.QuestionTypeNew =='Image') {
+                            selansid = QuestionsData[ans_key];
+                            selanswer = (qtn.QuestionTypeNew == 'Date') ? (QuestionsData[date_key] || moment().format('MM/DD/YYYY')) : '';
+                            showImageTag = (qtn.QuestionImageAllow == true || qtn.QuestionImageAllow == 'true' || qtn.QuestionImageAllow == 1);
+                            showImageTag2 = false;
+                        }
+                        else if (qtn.QuestionTypeNew == 'Rating') {
+                            selanswer = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+                        }
+                        else if (qtn.QuestionTypeNew == 'Audio') {
+                            selansid = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+                            selanswer = QuestionsData[voiceClip_key] ? (QuestionsData[voiceClip_key].filename || '') : '';
+                        }
+
+                        if ((qtn.QuestionTypeNew == 'Single choice list' || qtn.QuestionTypeNew == 'Multi choice list')) {
+                            if (qtn.Answers && qtn.Answers.length > 0) {
+                                for (var i = 0; i < qtn.Answers.length; i++) {
+                                    let ansss = qtn.Answers[i];
+
+                                    let isandImgAl = (ansss.ImageAllow1 == true || ansss.ImageAllow1 == 'true' || ansss.ImageAllow1 == 1); // ImageAlllow1 (true)
+                                    let isandImgAl2 = (ansss.ImageAllow2 == true || ansss.ImageAllow2 == 'true' || ansss.ImageAllow2 == 1); // ImageAlllow2 (true)
+
+                                    if (qtn.QuestionTypeNew == 'Single choice list' && (isandImgAl && ansss.AnswerId == selansid)) {
+                                        showImageTag = true;
+                                    }
+                                    else if (qtn.QuestionTypeNew == 'Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                        showImageTag = true;
+                                    }
+
+                                    if (qtn.QuestionTypeNew == 'Single choice list' && (isandImgAl2 && ansss.AnswerId == selansid)) {
+                                        showImageTag2 = true;
+                                    }
+                                    else if (qtn.QuestionTypeNew == 'Multi choice list' && (isandImgAl2 && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                        showImageTag2 = true;
+                                    }
+                                }
+                            }
+                        }
+
+                        if (showImageTag) {
+                            selimg = QuestionsData[img_key] != null && QuestionsData[img_key] != '' ? 'file://' + QuestionsData[img_key] : '';
+                        }
+
+                        if (showImageTag2) {
+                            selimg2 = QuestionsData[img_key2] != null && QuestionsData[img_key2] != '' ? 'file://' + QuestionsData[img_key2] : '';
+                        }
+
+                        let isDisabled = qtn.isDisabled != null ? qtn.isDisabled : false
+                        // console.log('isDisabled----', qtn.QuestionId, qtn.isDisabled, isDisabled)
+
+                        // Error Field highlight styles
+                        let EF_Qtn = errorfield.EF_Qtn != null ? errorfield.EF_Qtn : {};
+                        let show_errorhere = error == true && EF_Qtn.QuestionId == qtn.QuestionId;
+
+                        // this will show error field in red (if window is present and exist reason is enabled and not filled ) or (if window is not present and Not exist reason is enabled and not filled ) 
+                        let EF_Input = errorfield.EF_Input || '';
+                        let EF_Image = errorfield.EF_Image || '';
+                        let EStyle_Qtn_Input = show_errorhere && EF_Input == 'Input' ? customStyle.stk_inptSTyle_error : {};
+                        let EStyle_Qtn_MultiChoice = show_errorhere && EF_Input == 'Input' ? customStyle.stk_MultiSSTyle_error : {};
+                        let EStyle_Qtn_Image = show_errorhere && EF_Image == 'Image' ? customStyle.stk_inptSTyle_error : {};
+
+                        let Image1Mandatory = (qtn.Image1Mandatory == "true") || (qtn.Image1Mandatory == true) || (qtn.QuestionImageMandatory == "true") || (qtn.QuestionImageMandatory == true)
+                        let Image2Mandatory = (qtn.Image2Mandatory == "true") || (qtn.Image2Mandatory == true)
+
+                        if (isDisabled == true) {
+                            return (
+                                <View></View>
+                            )
+                        }
+                        else {
+                            return (
+                                <View style={[customStyle.sform_group2,]} key={index}>
+                                    <Text style={[customStyle.sform_label3]}>{qtn.Question}</Text>
+                                    {qtn.QuestionTypeNew == 'Single choice list' && qtn.Answers &&
+                                        render_Picker('Answer', 'AnswerId', onselectionChange, { value: selanswer, qtn: qtn, EStyle_Qtn_Input })
+                                    }
+                                    {qtn.QuestionTypeNew == 'Multi choice list' && qtn.Answers &&
+                                        <MultiSelect
+                                            items={list_mcdata}
+                                            uniqueKey="AnswerId"
+                                            onSelectedItemsChange={(selectedItems) => { console.log('onSelectedItemsChange'); setMultiSelectValue(selectedItems, qtn) }}
+                                            selectedItems={selansid}
+                                            selectText="Pick Items"
+                                            searchInputPlaceholderText="Search Items..."
+                                            // onChangeInput={ (text)=> console.log(text)}
+                                            tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                            tagBorderColor={PrimaryTheme.$primary_color}
+                                            tagTextColor={PrimaryTheme.$primary_color}
+                                            selectedItemTextColor={PrimaryTheme.$primary_color}
+                                            selectedItemIconColor={PrimaryTheme.$primary_color}
+                                            tagContainerStyle={{ height: 30, width: '100%', paddingVertical: 5 }}
+                                            styleTextTag={{ fontSize: 14 }}
+                                            itemTextColor={PrimaryTheme.$text_color}
+                                            displayKey="Answer"
+                                            searchInputStyle={{ color: '#CCC' }}
+                                            styleMainWrapper={EStyle_Qtn_MultiChoice}
+                                            submitButtonColor={PrimaryTheme.$primary_color}
+                                            submitButtonText="Submit"
+                                        />
+                                    }
+                                    {(qtn.QuestionTypeNew == 'Number' || qtn.QuestionTypeNew == 'Decimal' || qtn.QuestionTypeNew == 'Text') &&
+                                        <TextInput
+                                            style={[customStyle.surveyQtn_InputStyle, EStyle_Qtn_Input]}
+                                            placeholder=""
+                                            placeholderTextColor={PageTheme.$placeholder_color}
+                                            // keyboardType={'ascii-capable'}
+                                            maxLength={300}
+                                            keyboardType={(qtn.QuestionTypeNew == 'Decimal' ? 'decimal-pad' : (qtn.QuestionTypeNew == 'Text' ? 'default' : 'number-pad'))}
+                                            value={selansid}
+                                            onChangeText={(val) => { setTextValue(val, qtn) }}
+                                            autoComplete='off'
+                                        />
+                                    }
+                                    {
+                                        (qtn.QuestionTypeNew == 'Date') &&
+                                        <View style={[customStyle.surveyQtn_datePicker_con, EStyle_Qtn_Input]}>
+                                            <Text style={customStyle.surveyQtn_datePicker_text}>{selansid != '' ? selansid : 'MM/YYYY'}</Text>
+                                            <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={() => { setDateValue(selanswer); showQtnDatePicker(qtn, true) }}>
+                                                <Fontisto size={20} color={PageTheme.$accent_color} name="date" />
+                                            </TouchableOpacity>
+                                        </View>
+                                    }
+                                    {((qtn.showDatePicker == true || qtn.showDatePicker == 'true') && (qtn.QuestionTypeNew == 'Date')) &&
+                                        renderDatePicker(qtn)
+                                    }
+                                    {
+                                        (qtn.QuestionTypeNew == 'Rating') &&
+                                        <View style={[customStyle.surveyQtn_datePicker_con, EStyle_Qtn_Input]}>
+                                            <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                            <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={() => { setRatingQtn(qtn); setShowRating(true); }}>
+                                                <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag" />
+                                            </TouchableOpacity>
+                                        </View>
+                                    }
+
+                                    {
+                                        (qtn.QuestionTypeNew == 'Audio') &&
+                                        <View style={customStyle.surveyQtn_datePicker_con}>
+                                            <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                            <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={() => { show_recorder(qtn); }}>
+                                                <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone" />
+                                            </TouchableOpacity>
+                                        </View>
+                                    }
+
+                                    {
+                                        showImageTag &&
+                                        <View style={[customStyle.store_audit_img_con, EStyle_Qtn_Image]}>
+                                            <Image source={(selimg != '' && selimg != null) ? { uri: selimg } : require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image, ((selimg != '' && selimg != null) ? { resizeMode: 'contain' } : { width: 100, height: 150, resizeMode: 'stretch', alignSelf: 'center' })]} />
+                                            {Image1Mandatory ?
+                                                <TouchableOpacity style={customStyle.store_audit_pickimg_btn} onPress={() => { openCamera(qtn, '1') }}>
+                                                    <SvgXml width={50} height={50} xml={CameraImg5} />
+                                                </TouchableOpacity> :
+                                                <TouchableOpacity style={customStyle.store_audit_pickimg_btn} onPress={() => { openCamera(qtn, '1') }}>
+                                                    <Entypo name="camera" color={PageTheme.$text_color} size={28} />
+                                                </TouchableOpacity>}
+                                        </View>
+                                    }
+
+                                    {
+                                        showImageTag2 &&
+                                        <View style={[customStyle.store_audit_img_con, EStyle_Qtn_Image]}>
+                                            <Image source={(selimg2 != '' && selimg2 != null) ? { uri: selimg2 } : require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image, ((selimg2 != '' && selimg2 != null) ? { resizeMode: 'contain' } : { width: 100, height: 150, resizeMode: 'stretch', alignSelf: 'center' })]} />
+                                            {Image2Mandatory ?
+                                                <TouchableOpacity style={customStyle.store_audit_pickimg_btn} onPress={() => { openCamera(qtn, '2') }}>
+                                                    <SvgXml width={50} height={50} xml={CameraImg5} />
+                                                </TouchableOpacity> :
+                                                <TouchableOpacity style={customStyle.store_audit_pickimg_btn} onPress={() => { openCamera(qtn, '2') }}>
+                                                    <Entypo name="camera" color={PageTheme.$text_color} size={28} />
+                                                </TouchableOpacity>}
+                                        </View>
+                                    }
+                                </View>
+                            )
+                        }
+
+                    })
+                }
+            </View>
+
+        );
+    }
+
+    function _renderSurveyView() {
+        return (
+            <View style={customStyle.SVn_ContentCon}>
+                {
+                    SurveySubCats && SurveySubCats.length > 0 ?
+                        <FlatList
+                            style={customStyle.SVn_ContentOuter}
+                            extraData={rerenderdata}
+                            nestedScrollEnabled={true}
+                            removeClippedSubviews={false}
+                            showsVerticalScrollIndicator={false}
+                            contentContainerStyle={customStyle.SVn_ContentInner}
+                            data={SurveySubCats}
+                            renderItem={({ item, index, separators }) => {
+                                let subcat = item, s_index = index;
+
+                                //changes made for category wise questions
+                                let surveyQuestions = subcat.Questions;
+                                let rs = surveyQuestions.filter((it) => it.isDisabled != null ? (!it.isDisabled) : false)
+
+                                if (rs.length == 0) {
+                                    return <></>
+                                }
+
+                                return (
+                                    <View style={customStyle.SVn_GroupView} key={s_index}>
+                                        <LinearGradient colors={[PageTheme.$bg_color, PageTheme.$primary_color, PageTheme.$bg_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.SVn_GroupView_hdr,{height:40}]}>
+                                            <Text style={customStyle.SVn_GroupView_hdrText}>{subcat.SubCategory}</Text>
+                                        </LinearGradient>
+                                        {_renderSurveyQtns(subcat)}
+
+                                    </View>
+                                )
+                            }}
+                        >
+
+                        </FlatList>
+                        :
+                        <View style={{height:'95%',alignItems:'center',justifyContent:'center'}}>
+                             <Text style={{ color: 'gray',fontSize:16,fontWeight:'500' }}>No data found</Text>
+                        </View>
+                }
+
+            </View>
+        );
+    }
+
+
+
+    return (
+        <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+            {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+            <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`} />
+            {ConfirmSaveAlert(props, showAlert, onSaveCancel, saveData)}
+            <CustomCamera cameraType={'back'} onImageCaptured={(imgData) => { setShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { setShowCamera(false); }} />
+
+            <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper, customStyle.roundScrollZIndex]}>
+                <View style={[customStyle.pageContentWrapper, customStyle.SVn_PageWrapper]}>
+                    <View style={customStyle.SVn_activeSurvey}>
+                        <LinearGradient colors={[PageTheme.$primary_color, PageTheme.$gradient1]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={[customStyle.SVn_activeSurvey_tile,{height:"130%"}]}>
+                            {/* <Text style={customStyle.SV_activeSurvey_name}>{(ActiveSurvey.SurveyName!=null?(ActiveSurvey.SurveyName.length>26?ActiveSurvey.SurveyName.substring(0,26)+'...':ActiveSurvey.SurveyName) : '')}</Text> */}
+                            <Text style={customStyle.SV_activeSurvey_name}>{(`${(ST.SurveyId != null ? ST.SurveyId : 'Survey Id')} : ` + (ActiveSurvey.SurveyId || '') + (ShowCat == true ? '  |  ' + `${(ST.CategoryId != null ? ST.CategoryId : 'Category Id')} : ` + (ActiveCategory.CategoryId || '') : ''))}</Text>
+                        </LinearGradient>
+                    </View>
+                    {Object.keys(ActiveSurvey).length > 0 &&
+                        _renderSurveyView()
+                    }
+                    <View style={[customStyle.SVn_SubmitBtn]}>
+                        <GradientButton {...props} title={ST.Save} onPress={() => { onSubmitData() }} />
+                    </View>
+                </View>
+            </LinearGradient>
+            {showRating == true &&
+                renderRatingView()
+            }
+            {showRecorder == true &&
+                renderRecorderView()
+            }
+        </Container>
+    );
+}
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(SurveyView);
\ No newline at end of file
diff --git a/src/screens/Training.js b/src/screens/Training.js
new file mode 100644
index 0000000..638df31
--- /dev/null
+++ b/src/screens/Training.js
@@ -0,0 +1,299 @@
+import React, { useState, useEffect, useRef } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme } from '../styles/Global';
+import { StatusBar, Image, TextInput, View, Text, ScrollView, TouchableOpacity, Platform, PermissionsAndroid, FlatList, } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch, } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getDownloadJson, DownloadData } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, testurl, db, TrainingContentFolderPath, } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import NoDataComponent from '../components/NoDataComponent';
+import WebView from 'react-native-webview';
+import { AntDesign, Entypo } from "../components/icons";
+import * as RNFS from "react-native-fs";
+import FileViewer from "react-native-file-viewer";
+import ImageViewer from 'react-native-image-zoom-viewer';
+import base64 from 'base-64';
+import { updatePartiallyEmittedExpression } from 'typescript';
+
+
+function Training(props) {
+  const route = useRoute();
+  const ST = props.StaticText || {};
+  // get all theme styles acc to current theme set
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+
+
+  const [processing, setProcessing] = useState(false);
+  const [webviewurl, setWebviewurl] = useState('');
+  const [TrainingData, setTrainingData] = useState([]);
+
+  const [showwebview, setShowWebview] = useState(false);
+  const [webviewurlT, setWebviewurlT] = useState('');
+  const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+  const [storeData, setStoreData] = useState({});
+  const [currentMenu, setCurrentMenu] = useState({});
+  const [show_zoomImage, setShow_zoomImage] = useState(false);
+  const [contentIdParam, setcontentIdParam] = useState(false);
+  const [currentReportMenu, setCurrentReportMenu] = useState({});
+
+  const zoomView = useRef(null);
+
+  useEffect(() => {
+    let params = props.route.params ? props.route.params : {};
+    let storeData1 = params.storeData || {};
+    let menu1 = params.menu || {};
+    let contentid = props.route.params.Contentid
+    let TrainingData = props.route.params.TrainingData
+    // console.log('vcontentid',contentid)
+    let isAdhoc = params.isAdhoc || false;
+    setCurrentReportMenu(TrainingData)
+    setIsAdhocScreen(isAdhoc);
+    setStoreData(storeData1);
+    setcontentIdParam(contentid);
+    setCurrentMenu(menu1);
+    getData(contentid);
+
+    const unsubscribe = props.navigation.addListener('beforeRemove', onBeforeRemove);
+    return function cleanup() {
+      return unsubscribe;
+    };
+
+  }, []);
+
+  useEffect(() => {
+    const unsubscribe = props.navigation.addListener('beforeRemove', onBeforeRemove);
+    return unsubscribe;
+  }, [show_zoomImage]);
+
+  function onBeforeRemove(e) {
+    if (show_zoomImage == true) {
+      e.preventDefault();
+      setShow_zoomImage(false);
+    }
+    else {
+      return;
+    }
+  }
+
+
+  //   async function getData(){        
+  //     try {   
+
+  //       await db.transaction(async function (txn) {        
+
+  //         let q=`Select * from Training_Document `;
+  //         await txn.executeSql(q,[],async function (txn2, txnres2) { 
+  //           console.log('Training_Document:',txnres2.rows.length);
+  //             if(txnres2.rows.length>0){
+  //               let data =txnres2.rows.item(0);
+  //               console.log('Training_Document:',data);
+  //               setWebviewurl(data.TraningLink);
+  //             }
+  //         },function (txnE,txnerr) { console.log(txnerr); },);
+  //       });          
+  //     } catch (err) {
+  //       console.log(err);          
+  //     }        
+  // }
+
+  function _renderHeader(currentIndex) {
+    return (
+      <View style={customStyle.album_ZOOM_topBar}>
+        {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+        <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={() => { console.log('tsth'); setShow_zoomImage(false) }}>
+          <Entypo name='chevron-left' color={'#fff'} size={24} />
+        </TouchableOpacity>
+      </View>
+    )
+  }
+
+  async function getData(content_id) {
+
+    try {
+      content_id = props.route.params.Contentid
+
+      console.log('params', content_id)
+      let List = [];
+      await db.transaction(async function (txn) {
+
+        let q = `Select * from Sup_Master_DetailerContent where ContentTypeId = '${content_id}'`;
+        await txn.executeSql(q, [], async function (txn2, txnres2) {
+          console.log('txnres2.rows.length:', txnres2.rows.length)
+          if (txnres2.rows.length > 0) {
+            for (let i = 0; i < txnres2.rows.length; i++) {
+              let data = txnres2.rows.item(i);
+              List.push(data)
+            }
+            setTrainingData(List)
+          }
+
+        }, function (txnE, txnerr) { console.log(txnerr); },);
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+  const DownloadContent = async (item) => {
+    let filename = item.FName
+    let path = (item && item.MediaType && item.MediaType.toLowerCase() == "pdf") ? "/pdf/" : (item && item.MediaType && item.MediaType.toLowerCase() == "image") ? "/images/" : (item && item.MediaType && item.MediaType.toLowerCase() == "html") ? "html" : "/video/"
+    console.log('path:', path)
+    if (path == 'html') {
+      let contentURL = item.FilePath ? item.FilePath + item.FName : '';
+      props.navigation.navigate('WebViewScreen', { 'url': contentURL, storeData: storeData })
+    } else {
+      const fileDir = TrainingContentFolderPath + path;
+      const filePath = TrainingContentFolderPath + path + filename;
+      let contentURL = item.FilePath ? item.FilePath + item.FName : '';
+      let contentFileExist = await RNFS.exists(filePath)
+      console.log('filePath:', filePath, 'contentURL:', contentURL, 'contentFileExist:', contentFileExist)
+      if (contentFileExist) {
+        setWebviewurlT(filePath)
+        // setShowWebview(true) 
+        if (path == "/pdf/") {
+          FileViewer.open(filePath, { showOpenWithDialog: true, type: "application/pdf" })
+            .then(() => console.log("Opened"))
+            .catch(error => console.log("Error opening file", error));
+        } else if (path == "/video/") {
+          props.navigation.navigate('VideoScreen', { filePath: filePath })
+        } else {
+          setShow_zoomImage(true)
+        }
+      } else {
+
+        setProcessing(true)
+        let fileExist = await RNFS.exists(fileDir)
+        if (fileExist) {
+          console.log("file is exists", fileDir)
+        } else {
+          await RNFS.mkdir(fileDir).then(() => console.log("Dir is created- ", fileDir))
+        }
+
+
+        RNFS.writeFile(filePath, '').then(async (create_res) => {
+          console.log('filecreated')
+          const download = await RNFS.downloadFile({
+            fromUrl: contentURL,
+            toFile: filePath,
+            progress: (res) => {
+            },
+            begin: (res) => {
+              console.log('on download begin');
+            },
+          });
+          download.promise.then(async (result) => {
+            setProcessing(false);
+            setWebviewurlT(filePath)
+            // setShowWebview(true) 
+            if (result.statusCode == 404) {
+              notify('Sorry! Cannot download file as file does not exists on server!');
+              await RNFS.unlink(filePath);
+            } else {
+              notify('File is downloaded!');
+              if (path == "/pdf/") {
+                FileViewer.open(filePath, { showOpenWithDialog: true, type: "application/pdf" })
+                  .then(() => console.log("Opened"))
+                  .catch(error => console.log("Error opening file", error));
+              } else if (path == "/video/") {
+                props.navigation.navigate('VideoScreen', { filePath: filePath })
+              } else {
+                setShow_zoomImage(true)
+              }
+            }
+          });
+        }).catch((err) => {
+          console.log('Error while creating:', err);
+          setProcessing(false);
+          setDownloading(false);
+          RNFS.unlink(filePath);
+          notify('Sorry! Cannot download file');
+
+        })
+      }
+    }
+  }
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+      {processing && <CustomLoader title={ST.Loading + ".."} />}
+
+      <CustomHeader {...props} title={currentReportMenu?.ContentType || (contentIdParam == 2 ? "Consumer Section" : ST.Training)} projectCode={storeData != null && Object.keys(storeData).length > 0 ? `${storeData.StoreId}: ${storeData.StoreName}` : props.projectCode} />
+      <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper, customStyle.roundScrollInner, { paddingTop: 10, paddingHorizontal: 10 }, { alignItems: "center" }]}>
+          {!props.isDataDownloaded && <NoDataComponent {...props} />}
+          {/* { props.isDataDownloaded==true &&  webviewurl!='' && webviewurl!=null &&
+          <WebView style={[customStyle.fullwebview]} containerStyle={[customStyle.webViewCon,{paddingTop:10,paddingLeft:10,}]}  source={{ uri: webviewurl }} />
+        } */}
+
+          <View style={[customStyle.trainingHdr]}>
+            {contentIdParam == 2 ? <Text style={customStyle.trainingHdrText}>Consumer Section Content</Text> :
+              <Text style={customStyle.trainingHdrText}>{currentReportMenu?.ContentType || 'Training Content'}</Text>
+            }
+          </View>
+          {!showwebview &&
+            <ScrollView
+              contentContainerStyle={customStyle.train_scrollViewInner}
+              style={customStyle.train_scrollView}
+            >
+              {TrainingData && TrainingData.map((item, i) => (
+                <TouchableOpacity
+                  style={[customStyle.trainingl]}
+                  onPress={() => DownloadContent(item)}
+                  key={i}>
+
+                  <View style={customStyle.trainingView}>
+                    <Text style={customStyle.trainingl_card_title}>{item.Topic}</Text>
+                    {/* <Text  style={customStyle.trainingl_codeText}> Description - {item.Description}</Text> */}
+
+                    <View style={customStyle.storel_details}>
+                      <View style={customStyle.storel_code}>
+                        <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+                          <Text style={customStyle.storel_codeLbl}>Description</Text>
+                          <Text style={[customStyle.storel_codeText, customStyle.train_Itext]}>{item.Description}</Text>
+                        </View>
+                      </View>
+                      <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10]}>
+                        <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr, { alignItems: "center" }]}>
+                          <Text style={customStyle.storel_codeLbl}>Content Type</Text>
+                          <View style={{ backgroundColor: PageTheme.$secondary_color_light, flexDirection: "row", alignItems: "center", paddingVertical: 5, paddingHorizontal: 10, borderRadius: 5 }}>
+                            {
+                              item.MediaType != null && item.MediaType.toLowerCase() == "pdf" ? <AntDesign color={PageTheme.$secondary_color_dark} size={24} name='pdffile1' /> : item.MediaType != null && item.MediaType.toLowerCase() == "Image" ?
+                                <Entypo color={PageTheme.$secondary_color_dark} size={24} name='image' onClick={() => console.log("click")} /> : item.MediaType != null && item.MediaType.toLowerCase() == "html" ?
+                                  <Entypo color={PageTheme.$secondary_color_dark} size={24} name='link' /> :
+                                  <Entypo color={PageTheme.$secondary_color_dark} size={24} name='video' />
+                            }
+                            <Text style={[customStyle.storel_codeText, { marginLeft: 10 }]}>{item.MediaType}</Text>
+                          </View>
+                        </View>
+                      </View>
+                    </View>
+                  </View>
+                </TouchableOpacity>
+              ))}
+            </ScrollView>
+          }
+        </View>
+      </LinearGradient>
+      {show_zoomImage &&
+        <View style={customStyle.album_ZOOM_wrap}>
+          <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={[{ url: webviewurlT }]}
+            renderHeader={_renderHeader} renderIndicator={() => null}
+          />
+        </View>
+      }
+    </Container>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Training);
diff --git a/src/screens/TrainingMenu.js b/src/screens/TrainingMenu.js
new file mode 100644
index 0000000..faf9800
--- /dev/null
+++ b/src/screens/TrainingMenu.js
@@ -0,0 +1,239 @@
+import React, { useState, useEffect } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { StatusBar, Image, TextInput, View, Text, ScrollView, TouchableOpacity, Platform, PermissionsAndroid, FlatList } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getDownloadJson, DownloadData } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, testurl, db, colors_Arr } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { Card } from 'react-native-paper';
+import { AntDesign } from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { SvgXml } from 'react-native-svg';
+import grey_bg_image from '../assets/performics/circle_grey.svg';
+
+function TrainingMenu(props) {
+    const route = useRoute();
+    const ST = props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme = GetPageTheme(props.DarkMode, route.name);
+    const customStyle = customStyles(props.DarkMode, route.name);
+
+    const [webviewurl, setWebviewurl] = useState(false);
+    const [processing, setProcessing] = useState(true);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [reportData, setReportData] = useState([]);
+    const [designation, setDesignation] = useState('');
+    const [CardViewEnable, setCardViewEnable] = useState(false);
+    const [CardViewConfig, setCardViewConfig] = useState({});
+
+    const d1 = new Date();
+    const d2 = moment(d1).format('MM/DD/YYYY');
+
+    useEffect(() => {
+        getData();
+    }, []);
+
+
+    async function getData() {
+        try {
+            let loginInfo = await get_item('loginInfo');
+            const loginDetails = JSON.parse(loginInfo);
+            let desg = loginDetails.Designation || '';
+            setDesignation(desg);
+            await db.transaction(async function (txn) {
+
+                let q = `Select distinct ContentTypeId, ContentType, IconPath, Icon, MediaType, DownloadKey, ReportView as ReportType, InnerScreenView from Sup_Master_DetailerContent group by ContentTypeId`;
+
+                await txn.executeSql(q, [], async function (txn2, txnres) {
+                    console.log('txnres.rows.length:', txnres.rows.length);
+                    if (txnres.rows.length > 0) {
+                        let arr = [];
+                        let carView = true
+                        for (var i = 0; i < txnres.rows.length; i++) {
+                            let data = txnres.rows.item(i);
+                            console.log('txnres.rows.data:', data);
+                            carView = data?.InnerScreenView == "Tile"
+                            arr.push(data);
+                            if (i == txnres.rows.length - 1) {
+                                setCardViewConfig(data)
+                                setCardViewEnable(carView)
+                                setReportData(arr);
+                                setisDataFound(true);
+                                setProcessing(false);
+                            }
+                        }
+
+                    }
+                    else {
+                        setProcessing(false);
+                    }
+                }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); },);
+
+            });
+        } catch (err) {
+            setProcessing(false);
+            console.log(err);
+        }
+    }
+
+    function gotoTraingPage(item) {
+        if (item.MediaType == "DB") {
+            props.navigation.navigate('ReportDetail', { 'ReportData': item })
+        } else {
+            props.navigation.navigate('Training', { 'Contentid': item.ContentTypeId, 'TrainingData': item })
+        }
+    }
+
+
+    function _renderLeftMenuItem(index, RowContent) {
+        return (
+            <View style={customStyle.dialyMenu_Rows} key={index}>
+                {RowContent[0]}
+            </View>
+        )
+    }
+
+    function _renderMenuItem(item, index) {
+        let newi
+        if (index == 1) {
+            newi = "2";
+        } else {
+            newi = index > 2 ? ((index % 3)) : index;
+        }
+
+        let firstitem = (index % 2 == 0) ? true : false;
+
+        let arr = ["#bed3ea", "#bed3ea"];
+        let unavlbl_bg = ['#bfbfbf', '#bfbfbf'];
+        let arr_new = item?.isAvlbl == false ? unavlbl_bg : arr;
+        const imgPath = CardViewConfig?.IconPath + CardViewConfig?.Icon;
+
+        let m_bgimage = colors_Arr[newi] ? colors_Arr[newi]?.bgImage : colors_Arr["0"]?.bgImage;
+        m_bgimage = item?.isAvlbl == false ? grey_bg_image : m_bgimage;
+
+        let hasSomeData = item?.hasSomeData
+        return (
+            <TouchableOpacity activeOpacity={(item.isAvlbl == false ? 1 : 0.7)} style={[customStyle.daily_menu_outer, firstitem ? customStyle.daily_menu_first : {}]} key={index} onPress={() => { gotoTraingPage(item) }}>
+                <View style={customStyle.daily_menu_tilebgShadow}>
+                    <LinearGradient colors={arr_new} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.daily_menu}>
+                    </LinearGradient>
+                    <View style={[customStyle.daily_menu_innerImgCon]}>
+                        <SvgXml xml={m_bgimage} width={90} height={90} style={customStyle.daily_menu_bgImg} />
+                    </View>
+                    <View style={[customStyle.daily_menu_inner2]}>
+                        {(imgPath != null && imgPath != '') && <Image source={{ uri: imgPath }} style={customStyle.daily_menu_Icon} />}
+                    </View>
+
+                    <Text style={customStyle.daily_menu_title}>{item.ContentType}</Text>
+                    {item.isDone == true &&
+                        <View style={customStyle.daily_menu_done}><AntDesign color={'green'} size={30} name='checkcircle' /></View>
+                    }
+
+                </View>
+            </TouchableOpacity>
+        )
+    }
+
+
+    function _renderRightMenuItem(item, index, RowContent) {
+        return (
+            <View style={customStyle.dialyMenu_Rows} key={index}>
+                {RowContent[0]}
+                {_renderMenuItem(item, index)}
+            </View>
+        )
+
+    }
+
+    function _renderMenuList() {
+        var RowContent = [];
+        return (reportData.length > 0 &&
+            reportData.map((item, index) => {
+                if (CardViewEnable) {
+                    let firstitem = (index % 2 == 0) ? true : false;
+
+                    if (firstitem) {
+                        var content = _renderMenuItem(item, index);
+                        RowContent = [content];
+                        if (index == reportData.length - 1) {
+                            return _renderLeftMenuItem(index, RowContent);
+                        }
+                    }
+                    else {
+                        return _renderRightMenuItem(item, index, RowContent);
+                    }
+
+                } else {
+                    return (
+                        <TouchableOpacity style={[customStyle.reportMenuItem]} key={index} onPress={() => { gotoTraingPage(item) }}>
+                            <Text style={customStyle.reportMenuItemText}>{item.ContentType}</Text>
+                        </TouchableOpacity>
+                    )
+                }
+            }))
+
+    }
+
+
+
+
+    return (
+        <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+            {processing && <CustomLoader title={ST.Loading + "..."} />}
+            <CustomHeader {...props} title={'Misc. Documents'} />
+            <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+                <View style={[customStyle.pageContentWrapper]}>
+                    {!props.isDataDownloaded && <NoDataComponent {...props} />}
+                    {props.isDataDownloaded == true &&
+                        <View>
+
+                            {isDataFound == false &&
+                                <View style={customStyle.noDataCon}>
+                                    <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+                                </View>
+                            }
+
+                            {
+                                isDataFound == true &&
+                                <ScrollView
+                                    contentContainerStyle={customStyle.rp_scrollViewInner}
+                                    style={customStyle.rp_scrollView}
+                                >
+                                    <View style={[customStyle.vlUinfo_Card]}>
+                                        <View style={[customStyle.vlUinfo_CardRow, customStyle.vlUinfo_CardBorder]}>
+                                            <Text style={customStyle.vlUinfo_lbl}>{ST.Username + ' :'}</Text>
+                                            <Text style={customStyle.vlUinfo_text}>{props.UserId}</Text>
+                                        </View>
+                                        <View style={customStyle.vlUinfo_CardRow}>
+                                            <Text style={customStyle.vlUinfo_lbl}>{ST.Designation + ' :'}</Text>
+                                            <Text style={customStyle.vlUinfo_text}>{designation}</Text>
+                                        </View>
+                                    </View>
+                                    <View style={customStyle.reportMenuCon}>
+                                        {_renderMenuList()}
+                                    </View>
+                                </ScrollView>
+                            }
+
+                        </View>
+                    }
+                </View>
+            </LinearGradient>
+
+        </Container>
+    );
+}
+
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(TrainingMenu);
\ No newline at end of file
diff --git a/src/screens/TrainingOld.js b/src/screens/TrainingOld.js
new file mode 100644
index 0000000..ae11994
--- /dev/null
+++ b/src/screens/TrainingOld.js
@@ -0,0 +1,279 @@
+import React, {useState, useEffect, useRef} from 'react';
+import Container from '../components/container';
+import {useRoute} from '@react-navigation/native';
+import {globalStyles, customStyles, GetPageTheme} from '../styles/Global';
+import { StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList,} from 'react-native';
+import {ReactReduxContext,connect,useSelector,useDispatch,} from 'react-redux';
+import {mapStateToProps, mapDispatchToProps} from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item, set_item, clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import NoDataComponent from '../components/NoDataComponent';
+import WebView from 'react-native-webview';
+import { AntDesign, Entypo } from "../components/icons";
+import * as RNFS from "react-native-fs";
+import FileViewer from "react-native-file-viewer";
+import ImageViewer from 'react-native-image-zoom-viewer';
+
+
+function Training(props) {
+  const route = useRoute();
+  const ST=props.StaticText || {};
+  // get all theme styles acc to current theme set
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+  
+  
+  const [processing, setProcessing] = useState(false);
+  const [webviewurl, setWebviewurl] = useState('');
+  const [TrainingData, setTrainingData] = useState([]);
+
+  const [showwebview, setShowWebview] = useState(false);
+  const [webviewurlT, setWebviewurlT] = useState('');
+  const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+  const [storeData, setStoreData] = useState({});
+  const [currentMenu, setCurrentMenu] = useState({});
+  const [show_zoomImage, setShow_zoomImage] = useState(false);
+  
+  const zoomView=useRef(null);
+
+  useEffect(() => {
+    let params=props.route.params? props.route.params:{};
+    let storeData1=params.storeData || {};
+    let menu1=params.menu || {};
+    
+    let isAdhoc=params.isAdhoc || false;
+    setIsAdhocScreen(isAdhoc);
+    setStoreData(storeData1);
+    setCurrentMenu(menu1);
+    getData();
+  }, []);
+
+
+//   async function getData(){        
+//     try {   
+      
+//       await db.transaction(async function (txn) {        
+        
+//         let q=`Select * from Training_Document `;
+//         await txn.executeSql(q,[],async function (txn2, txnres2) { 
+//           console.log('Training_Document:',txnres2.rows.length);
+//             if(txnres2.rows.length>0){
+//               let data =txnres2.rows.item(0);
+//               console.log('Training_Document:',data);
+//               setWebviewurl(data.TraningLink);
+//             }
+//         },function (txnE,txnerr) { console.log(txnerr); },);
+//       });          
+//     } catch (err) {
+//       console.log(err);          
+//     }        
+// }
+  
+function _renderHeader(currentIndex){        
+    return(
+        <View style={customStyle.album_ZOOM_topBar}>
+            {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+            <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                <Entypo name='chevron-left' color={'#000'} size={24}/>
+            </TouchableOpacity>            
+        </View> 
+    )
+}
+
+async function getData(){        
+    try {   
+      content_id= props.route.params.Contentid
+      
+      console.log('params',content_id) 
+      let List=[];
+      await db.transaction(async function (txn) {        
+        
+        let q=`Select * from Sup_Master_DetailerContent where ContentTypeId = '${content_id}' `;
+        await txn.executeSql(q,[],async function (txn2, txnres2) { 
+            if(txnres2.rows.length>0){
+                for(let i=0;i<txnres2.rows.length;i++){
+                    let data =txnres2.rows.item(i);
+                    List.push(data)
+                }
+                setTrainingData(List)
+            }
+
+        },function (txnE,txnerr) { console.log(txnerr); },);
+      });          
+    } catch (err) {
+      console.log(err);          
+    }        
+}
+ 
+const DownloadContent = async (item)=>{ 
+    
+  let filename = item.FName 
+  let path =  (item && item.MediaType && item.MediaType.toLowerCase() == "pdf") ? "/pdf/" :(item && item.MediaType && item.MediaType.toLowerCase() =="image") ? "/images/" :"/video/" 
+  const fileDir =  "file:///data/data/com.performicsmanager/files"+'/TrainingContent' +path; 
+
+  const filePath = "file:///data/data/com.performicsmanager/files/TrainingContent"+path+filename; 
+
+  let contentURL=item.FilePath ?item.FilePath+item.FName :''; 
+
+  let contentFileExist = await RNFS.exists(filePath) 
+  if(contentFileExist){ 
+      setWebviewurlT(filePath) 
+      // setShowWebview(true) 
+      if(path=="/pdf/"){ 
+          FileViewer.open(filePath) 
+      }else if(path=="/video/"){ 
+          props.navigation.navigate('VideoScreen',{filePath:filePath}) 
+      }else{ 
+          setShow_zoomImage(true) 
+          // props.navigation.navigate('ImgPreview',{filePath:filePath}) 
+      } 
+  }else{ 
+
+        setProcessing(true) 
+        let fileExist = await RNFS.exists(fileDir) 
+
+        if(fileExist){ 
+            console.log("file is exists",fileDir) 
+        }else{ 
+            await RNFS.mkdir(fileDir).then(()=>console.log("Dir is created- ", fileDir)) 
+        } 
+
+
+        RNFS.writeFile(filePath, '').then((create_res)=>{ 
+            console.log('filecreated') 
+            const download = RNFS.downloadFile({ 
+              fromUrl: contentURL, 
+              toFile: filePath, 
+              progress: (res) => { 
+                 
+                let bytes=res.bytesWritten; 
+                 
+                  // let per=size>0?(Math.floor((bytes/size) * 100)):0; 
+                  // setDownloadingText(per+'%'); 
+                 
+                let dataDownloadedinMB=(bytes/(1024*1024)).toFixed(2); 
+                // setDownloadingText(dataDownloadedinMB+' MB'); 
+                // setDowloadedCount(bytes); 
+              }, 
+              begin:(res) => { 
+                console.log('on download begin'); 
+              }, 
+               
+            }); 
+       
+            download.promise.then(async(result) => { 
+                setProcessing(false); 
+                setWebviewurlT(filePath) 
+            // setShowWebview(true) 
+            if(result.statusCode == 404){ 
+              notify('file is not downloaded'); 
+              RNFS.unlink(filePath); 
+            }else{ 
+                notify('file is downloaded'); 
+                if(path=="/pdf/"){ 
+                    FileViewer.open(filePath) 
+                }else if(path=="/video/"){ 
+                    props.navigation.navigate('VideoScreen',{filePath:filePath}) 
+                }else{ 
+                    setShow_zoomImage(true) 
+                    // props.navigation.navigate('ImgPreview',{filePath:filePath}) 
+                } 
+              } 
+            }); 
+          }).catch((err)=>{ 
+            console.log('Error while creating:',err); 
+            setProcessing(false); 
+            setDownloading(false); 
+            RNFS.unlink(filePath); 
+            notify('Sorry! Cannot download file'); 
+             
+          }) 
+  } 
+}
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+      {processing && <CustomLoader title={ST.Loading+".."}/>}
+      <CustomHeader {...props} title={ST.Training} projectCode={storeData!=null && Object.keys(storeData).length >0 ? `${storeData.StoreId}: ${storeData.StoreName}`:props.projectCode} />
+      <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper,customStyle.roundScrollInner,{ paddingTop:10, paddingHorizontal:10}, {alignItems:"center"}]}>
+        { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+        {/* { props.isDataDownloaded==true &&  webviewurl!='' && webviewurl!=null &&
+          <WebView style={[customStyle.fullwebview]} containerStyle={[customStyle.webViewCon,{paddingTop:10,paddingLeft:10,}]}  source={{ uri: webviewurl }} />
+        } */}
+
+        <View  style={[customStyle.trainingHdr]}>
+            <Text style={customStyle.trainingHdrText}>Training Content</Text>
+        </View>
+
+        {   !showwebview &&
+            TrainingData && TrainingData.map((item,i)=>(
+              
+                <TouchableOpacity
+                  style={[customStyle.trainingl]} 
+                  onPress={()=>DownloadContent(item)}
+                  key={i}>
+
+                    <View style={customStyle.trainingView}>
+                        <Text style={customStyle.trainingl_card_title}>{item.Topic}</Text>
+                        {/* <Text  style={customStyle.trainingl_codeText}> Description - {item.Description}</Text> */}
+
+                        <View style={customStyle.storel_details}>
+                            <View style={customStyle.storel_code}>
+                                <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr]}>
+                                <Text style={customStyle.storel_codeLbl}>Description</Text>
+                                <Text style={customStyle.storel_codeText}>{item.Description}</Text>
+                                </View>                    
+                            </View>
+                            <View style={[customStyle.storel_code,customStyle.storel_codeBorderTop,customStyle.mt10]}>
+                                <View style={[customStyle.storel_codeCon,customStyle.storel_codeConAddr,{alignItems:"center"}]}>
+                                    <Text style={customStyle.storel_codeLbl}>Content Type</Text>
+                                    <View style={{ backgroundColor:PageTheme.$secondary_color_light, flexDirection:"row", alignItems:"center", paddingVertical:5, paddingHorizontal:10, borderRadius:5 }}>
+                                    {
+                                        item.MediaType =="PDF" ? <AntDesign color={PageTheme.$secondary_color_dark} size={24} name='pdffile1' /> : item.MediaType =="Image" ?   
+                                        <Entypo color={PageTheme.$secondary_color_dark} size={24} name='image' onClick={()=>console.log("click")}/>:
+                                        <Entypo color={PageTheme.$secondary_color_dark} size={24} name='video' /> 
+                                    }
+                                        <Text style={[customStyle.storel_codeText,{ marginLeft:10 }]}>{item.MediaType}</Text>
+                                    </View>
+                                </View>                    
+                            </View>
+                        </View> 
+                    </View>
+
+                </TouchableOpacity>
+            ))
+
+                                    
+
+
+        }
+
+{! TrainingData && 
+          <View style={customStyle.noDataCon}>
+            <Text style={customStyle.noDataText}>{'No Training Content Available'}</Text>
+          </View>
+          }
+        </View>      
+      </LinearGradient>     
+      {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={[{url:webviewurlT}]} 
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+    </Container>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Training);
diff --git a/src/screens/UploadData.js b/src/screens/UploadData.js
new file mode 100644
index 0000000..be89e87
--- /dev/null
+++ b/src/screens/UploadData.js
@@ -0,0 +1,393 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {UploadData,UploadData2,UploadFormData,UpdateStoreStatus,UpdateImageStatus} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,testurl_upload,db,testurl_image} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import * as RNFS from 'react-native-fs';
+
+
+function UploadDataScreen(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState(false);
+    const [loaderTitle, setLoaderTitle] = useState('loading...'); 
+
+    let [StoreQuestions, setStoreQuestions] = useState({});
+    let [StorePhotosData, setStorePhotosData] = useState({});
+    let [StoreSKUPhotosData, setStoreSKUPhotosData] = useState({});
+    let [StoreActPhotosData, setStoreActPhotosData] = useState({});
+    let [UploadImages, setUploadImages] = useState([]);
+    let [UploadImages2, setUploadImages2] = useState([]);
+    let [UploadImages3, setUploadImages3] = useState([]);
+    let [MDetails, setMDetails] = useState([]);
+
+    const [state, setState] = useState({teamList: [], isDataDownloaded: false});
+
+  useEffect(() => {
+    // getLocalData();
+  }, []);
+
+
+  async function getLocalData(){
+    try {   
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let token = await get_item('loginToken');
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      const imagePath=`${RNFS.DocumentDirectoryPath}/`;
+      MDetails=[];StorePhotosData={};StoreSKUPhotosData={};StoreActPhotosData={},UploadImages=[],UploadImages2=[],UploadImages3=[];
+      setMDetails(MDetails);setStorePhotosData(StorePhotosData);setStoreSKUPhotosData(StoreSKUPhotosData);setStoreActPhotosData(StoreActPhotosData);
+      setUploadImages(UploadImages);setUploadImages2(UploadImages2);setUploadImages3(UploadImages3);
+
+      await db.transaction(async function (txn) { 
+
+        await txn.executeSql(`Select * from Stores where VisitDate='${d2}' and (UploadStatus='C' or UploadStatus='D') `,[],async function (txn2, txnres2) { 
+            if(txnres2.rows.length>0){  
+              console.log('checkout ids',txnres2.rows.length);  
+              // let mstatus_data=[],storePhotos=[],storeSKUPhotos=[],storeActPhotos=[];              
+              for (var i=0;i<txnres2.rows.length;i++){
+                let data=txnres2.rows.item(i);
+                // mstatus_data.push(data);   
+                console.log('stored data to upload mid',data.MID,data.StoreId);
+               
+                let {StoreId,EmpId,MID,UploadStatus,Status,VisitDate}=data;
+                MDetails.push(data);
+                setMDetails(MDetails);
+                // get all checkout ids data
+                if(UploadStatus=='C'){
+                  await txn.executeSql(`Select * from StoreQuestions where MID='${MID}' and AddedDate='${d2}'`,[],async function (txn2, txnres3) { 
+                    if(txnres3.rows.length>0){
+                      for (var i=0;i<txnres3.rows.length;i++){
+                        let spdata=txnres3.rows.item(i);
+                        let {QuestionId,Question,AnswerId,Answer,ImagePath,ImageName}=spdata;
+                        let objdata={
+                          "mid": MID,
+                          "UserId":loginDetails.UserId,
+                          "QuestionId": QuestionId!=''?parseInt(QuestionId):0,
+                          "AnswerId": AnswerId,
+                          "Answer": Answer,
+                          "Image1": ImageName
+                        };
+                        let spd_Arr=StoreQuestions[MID]!=null?StoreQuestions[MID]:[];
+                        spd_Arr.push(objdata);
+                        StoreQuestions[MID]=spd_Arr;                          
+                        setStoreQuestions(StoreQuestions);
+                      }                     
+                    }                                  
+                  },function (txn2, txnerr) { console.log(txnerr);});
+
+                  let q1=`Select * from StorePhotos where StoreId='${StoreId}' and EmpId='${EmpId}' and AddedDate='${d2}' `;  
+                  await txn.executeSql(q1,[],async function (txn2, txnres3) { 
+                    if(txnres3.rows.length>0){
+                      for (var i=0;i<txnres3.rows.length;i++){
+                        let spdata=txnres3.rows.item(i);
+                        let {StoreId, StoreName, Address,EmpId,CategoryId,Category,ImageTypeId,ImageType, imgPath1, imgName1, imgPath2, imgName2, imgPath3, imgName3,AddedDate}=spdata;
+                        let objdata={
+                          "mid": MID,
+                          "UserId":loginDetails.UserId,
+                          "CategoryId": CategoryId,
+                          "ImageTypeId": ImageTypeId!=''?parseInt(ImageTypeId):0,
+                          "image1": imgName1,
+                          "image2": imgName2,
+                          "image3": imgName3
+                        };
+                        let spd_Arr=StorePhotosData[MID]!=null?StorePhotosData[MID]:[];
+                        spd_Arr.push(objdata);
+                        StorePhotosData[MID]=spd_Arr;                          
+                        setStorePhotosData(StorePhotosData);
+
+                      }                     
+                    }                                  
+                  },function (txn2, txnerr) { console.log(txnerr);});
+  
+  
+                  let q2=`Select * from StoreSKUPhotos where StoreId='${StoreId}' and EmpId='${EmpId}' and AddedDate='${d2}' `;  
+                  await txn.executeSql(q2,[],async function (txn2, txnres3) { 
+                    if(txnres3.rows.length>0){
+                      for (var i=0;i<txnres3.rows.length;i++){
+                        let spdata=txnres3.rows.item(i);
+                        let {StoreId, StoreName, Address,EmpId,TypeId,Type,CategoryId,Category,BrandId,Brand,Size,Pack,Flavour,PriceOff,MRP,Mfg,Expiry, imgPath1, imgName1, imgPath2, imgName2,AddedDate}=spdata;
+                        let sp=Type==''?0:parseInt(MRP)-parseInt(PriceOff);
+                        let mrp=MRP==''?0:parseInt(MRP);
+                        let objdata={
+                          "MID": MID,
+                          "UserId": loginDetails.UserId,
+                          "Present": Type==''?'0':'1',
+                          "ProductType": Type,
+                          "CompBrandId": BrandId,
+                          "SkuSize": Size,
+                          "Flavour": Flavour,
+                          "MRP": mrp,
+                          "SellingPrice":sp,
+                          "MfdMonthYear": Mfg,
+                          "ExpMonthYear": Expiry,
+                          "Remark": "",
+                          "LaunchImg1": imgName1,
+                          "LaunchImg2": imgName2
+                        };                
+                        let spd_Arr=StoreSKUPhotosData[MID]!=null?StoreSKUPhotosData[MID]:[];
+                        spd_Arr.push(objdata);
+                        StoreSKUPhotosData[MID]=spd_Arr;
+                        setStoreSKUPhotosData(StoreSKUPhotosData);
+  
+                       
+                      }                     
+                    }                                  
+                  },function (txn2, txnerr) { console.log(txnerr);});
+  
+                  
+                  let q3=`Select * from StoreActPhotos where StoreId='${StoreId}' and EmpId='${EmpId}' and AddedDate='${d2}'`;  
+                  await txn.executeSql(q3,[],async function (txn2, txnres3) {
+                    if(txnres3.rows.length>0){
+                      for (var i=0;i<txnres3.rows.length;i++){
+                        let spdata=txnres3.rows.item(i);
+                        let {StoreId, StoreName, Address,EmpId,TypeId,Type,CategoryId,Category,BrandId,Brand,NoOfContacts, imgPath1, imgName1, imgPath2, imgName2, imgPath3, imgName3,AddedDate}=spdata;
+                        let ShowContactsFlag=Type==''?0:(parseInt(NoOfContacts)>0?1:0);
+                        let objdata={
+                          "MID": MID,
+                          "UserId": loginDetails.UserId,
+                          "Present": Type==''?'0':'1',
+                          "ActivationTypeId": TypeId,
+                          "CompBrandId": BrandId,
+                          "Remark": "",
+                          "ShowContactsFlag": ShowContactsFlag,
+                          "NoofContacts": NoOfContacts,
+                          "Image": imgName1,
+                          "ImageTwo": imgName2,
+                          "ImageThree": imgName3
+                        }; 
+                        console.log('datae tu:',objdata); 
+                        let spd_Arr=StoreActPhotosData[MID]!=null?StoreActPhotosData[MID]:[];
+                        spd_Arr.push(objdata);
+                        StoreActPhotosData[MID]=spd_Arr;  
+                        setStoreActPhotosData(StoreActPhotosData);
+  
+                        
+                      }                     
+                    }              
+                  });
+                }
+
+                let q3=`Select * from imageUploadStatus where MID='${MID}' and status='0'`;
+                console.log(q3);  
+                await txn.executeSql(q3,[],async function (txn2, txnres3) {
+                  console.log('images to upload:',txnres3.rows.length)
+                  if(txnres3.rows.length>0){
+                    for(var i=0;i<txnres3.rows.length;i++){
+                      let spdata=txnres3.rows.item(i);
+                      console.log('image row:',spdata.MID); 
+                      let imgs=UploadImages[MID]!=null?UploadImages[MID]:[];
+                      imgs.push(spdata);
+                      UploadImages[MID]=imgs;  
+                      setUploadImages(UploadImages);
+                    }                     
+                  }              
+                });
+                
+              }
+
+              
+              
+            } 
+            
+            setProcessing(false);                    
+        },function (txn2, txnerr) { },);
+        
+      });  
+
+      
+
+    } catch (err) {
+      console.log(err);          
+    }        
+  }
+
+  async function uploadAllData() {
+    
+    let token = await get_item('loginToken');
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    
+    MDetails.map(async(item,index)=>{
+      const MID=item.MID;
+      let sQtns=StoreQuestions[MID];
+      let spdArr=StorePhotosData[MID];
+      let sSKUpdArr=StoreSKUPhotosData[MID];
+      let sACTpdArr=StoreActPhotosData[MID];
+      console.log(MID,sACTpdArr);
+      // upload store photos data data
+      if(item.UploadStatus=='D')
+      { 
+        uploadImages(loginDetails,token,MID);
+      }
+      else{
+      var data = {"MID": MID,"Keys":"Sup_StoreCatPics","SecurityToken":token,"JsonData":JSON.stringify(spdArr),"UserName":loginDetails.UserId}
+      await UploadData2(testurl_upload, data)
+        .then(async(res) => {        
+          console.log('storephotos data uploaded:',res);
+          
+          // upload store sku photos data
+          data = {"MID": MID,"Keys":"Sup_Competition_SKU","SecurityToken":token,"JsonData":JSON.stringify(sSKUpdArr),"UserName":loginDetails.UserId}
+          await UploadData2(testurl_upload, data)
+            .then(async(res) => {        
+              console.log('compSKU data uploaded:',res);
+
+              // upload store Act photos data
+              data = {"MID": MID,"Keys":"Sup_Competition_Activation","SecurityToken":token,"JsonData":JSON.stringify(sACTpdArr),"UserName":loginDetails.UserId}
+              await UploadData2(testurl_upload, data)
+                .then(async(res) => {        
+                  console.log('compACT data uploaded:',res);
+
+                  // upload store qtns data
+                  data = {"MID": MID,"Keys":"Sup_StoreAudit","SecurityToken":token,"JsonData":JSON.stringify(sQtns),"UserName":loginDetails.UserId}
+                  console.log(data);
+                  await UploadData2(testurl_upload, data)
+                    .then(async(res) => {        
+                      console.log('Store Qtns data uploaded:',res);
+
+                      data_uploadStatus(loginDetails,token,MID);
+
+                    }).catch(err => {
+                      console.log('onPage Team error', err);
+                      setProcessing(false);
+                      notify('Cannot Upload Data!');
+                  }); 
+
+                }).catch(err => {
+                  console.log('onPage Team error', err);
+                  setProcessing(false);
+                  notify('Cannot Upload Data!');
+              });  
+
+            }).catch(err => {
+              console.log('onPage Team error', err);
+              setProcessing(false);
+              notify('Cannot Upload Data!');
+          });
+
+        }).catch(err => {
+          console.log('onPage Team error', err);
+          setProcessing(false);
+          notify('Cannot Upload Data!');
+      });
+      }
+    });
+
+    if(MDetails.length<=0){
+      setProcessing(false);
+      notify('All Data and images already uploaded!','SHORT');
+      props.navigation.goBack();
+    }      
+  }
+
+  async function data_uploadStatus(loginDetails,token,MID){
+    // update upload status
+    const url='https://anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/';
+    let data2={'Mid':MID,'Status':'D'}
+    await UploadData(url+'StoreCoverageStatusSup',data2)
+      .then(async(res)=>{ 
+        console.log('StoreCoverageStatusSup res:',res);         
+          if(res==1){               
+            let datan={Mid:MID,Status:'D'} ;               
+            UpdateStoreStatus(props,datan);
+            setLoaderTitle('Uploading Images...');
+            uploadImages(loginDetails,token,MID);
+          }
+      }).catch(err => {
+        console.log('onPage Team error', err);
+        setProcessing(false);
+        notify('Cannot Upload Data!');
+      }); 
+  }
+
+  async function uploadImages(loginDetails,token,MID){
+    let allimages=UploadImages[MID]!=null?UploadImages[MID]:[];
+    if(allimages.length>0){
+      allimages.map(async(file,index)=>{
+        const data1 = new FormData();
+        let {uniqueID,MID,StorePhotosId,imgType,imgPath,imgName,Status,AddedDate}=file; 
+        let Foldername=imgType=='sku'?'Sup_Competition_SKUImages':(imgType=='act'?'Sup_Competition_ActivationImages':(imgType='audit'?'Sup_AuditImages':'Sup_StoreCategoryImages'));
+            
+        data1.append('file', {
+          uri: 'file://'+file.imgPath,
+          type: 'image/jpg',
+          name: file.imgName
+        });
+        data1.append('Foldername', Foldername);
+        data1.append('Path', '');
+        data1.append('UserName', loginDetails.UserId);
+        data1.append('SecurityToken', token);
+        
+        await UploadFormData(testurl_image, data1)
+          .then(async(res) => { 
+            console.log('image uploaded:',imgType);
+            UpdateImageStatus(props,{uniqueID:uniqueID})
+              if(index==(allimages.length-1)){
+                // update upload status
+                console.log('lastimage update status u');
+                const url='https://anitemp.parinaam.in/Webservice/Abbott_MnancService.svc/';
+                let data2={'Mid':MID,'Status':'U'}
+                await UploadData(url+'StoreCoverageStatusSup',data2)
+                .then(async(res)=>{ 
+                    console.log('StoreCoverageStatusSup res:',res);         
+                    if(res==1){                     
+                        UpdateStoreStatus(props,data2);  
+                        setProcessing(false);
+                        notify('Uploaded successfully','SHORT');                       
+                    }
+                }).catch(err => {
+                    console.log('onPage Team error', err);
+                    setProcessing(false);
+                    notify('Cannot Upload Data!');
+                }); 
+              }
+          }).catch(err => {
+            console.log('onPage Team error', err);
+            setProcessing(false);
+            notify('Cannot Upload Image!');
+        });
+      });
+    }
+    else{
+      setProcessing(false);
+    }
+
+  }
+
+
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={loaderTitle}/>}
+        <CustomHeader {...props} topM={18} title={'Upload Data'}/>
+        <ScrollView
+            style={[customStyle.download_scroll]}
+            contentContainerStyle={customStyle.download_scroll_con}
+        >
+            {/* <TouchableOpacity style={customStyle.downloadbtn} onPress={()=>{uploadAllData()}}>
+              <Text style={customStyle.downloadbtn_label}>Upload Data</Text>
+            </TouchableOpacity>   */}
+            
+        </ScrollView>   
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(UploadDataScreen);
\ No newline at end of file
diff --git a/src/screens/VideoScreen.js b/src/screens/VideoScreen.js
new file mode 100644
index 0000000..7041d41
--- /dev/null
+++ b/src/screens/VideoScreen.js
@@ -0,0 +1,57 @@
+import React, {useState, useEffect} from 'react';
+import Container from '../components/container';
+import {useNavigation, useRoute} from '@react-navigation/native';
+import {globalStyles, customStyles, GetPageTheme} from '../styles/Global';
+import { StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList,} from 'react-native';
+import {ReactReduxContext,connect,useSelector,useDispatch,} from 'react-redux';
+import {mapStateToProps, mapDispatchToProps} from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData} from '../controller/functions';
+import {get_item, set_item, clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import NoDataComponent from '../components/NoDataComponent';
+import WebView from 'react-native-webview';
+import { AntDesign, Entypo } from "../components/icons";
+import * as RNFS from "react-native-fs";
+import FileViewer from "react-native-file-viewer";
+import VideoPlayer from 'react-native-video-controls';
+
+
+function VideoScreen(props) {
+  const route = useRoute();
+  const ST=props.StaticText || {};
+  const navigation = props.navigation
+//   const navigation = useNavigation()
+  const filePath = props.route.params.filePath;
+  // get all theme styles acc to current theme set
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+  
+  
+  const [processing, setProcessing] = useState(false);
+ 
+  const [webviewurlT, setWebviewurlT] = useState('');
+  
+useEffect(()=>{
+    setWebviewurlT(filePath)
+},[filePath])
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+      {processing && <CustomLoader title={ST.Loading+".."}/>}
+            <VideoPlayer
+                source={{uri: webviewurlT}}
+                navigator={props.navigation}
+            />
+    </Container>
+  );
+}
+
+export default VideoScreen;
diff --git a/src/screens/ViewListData.js b/src/screens/ViewListData.js
new file mode 100644
index 0000000..b6d7cec
--- /dev/null
+++ b/src/screens/ViewListData.js
@@ -0,0 +1,137 @@
+import { View, Text, TextInput,TouchableOpacity, NativeModules, Icon, Image } from 'react-native'
+import React,{useState,useEffect} from 'react'
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {connect} from 'react-redux'
+import CustomHeader from '../components/customHeader';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import LinearGradient from 'react-native-linear-gradient';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+
+import { ConfirmSaveAlert } from '../components/alert';
+import { colors_Arr, db} from '../constants/constants';
+
+import { AppTables } from '../constants/tableConstants';
+import { ScrollView } from 'react-native-gesture-handler';
+
+
+
+
+function ViewListData(props) {
+
+
+    const route = useRoute();
+  
+    const [currentItem, setcurrentItem] = useState({});
+    
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [showAlert, setShowAlert] = useState(false);
+    const [viewData,setViewData] = useState([]);
+    // const [nodataFound, setNodataFound] = useState(false);
+
+   useEffect(() => {
+    viewResume();
+  }, []);   
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    function viewResume() {
+      console.log('View Resume');
+      
+    
+      db.transaction((tx) => {
+  
+      //   tx.executeSql('Create table if not exists Details (Name NVARCHAR, Age_Group INTEGER, Gender NVARCHAR,Product NVARCHAR,Purchase NVARCHAR)', [], function (tx, results){
+      //     console.log('table create')
+            tx.executeSql(`SELECT * FROM ${AppTables.RESUME_DATA} `, [], (tx, results) => {
+              console.log("Query completed",results);
+              if(results.rows.length>0){
+                let arr=[];
+                for(let i=0;i<results.rows.length;i++){
+                  let data=results.rows.item(i);
+                  arr.push(data);
+                  if(i==results.rows.length-1){
+                    console.log('arr',arr);
+                    setViewData(arr);
+                  }
+                }
+                
+                
+              }
+              else{
+                console.log('no  data found');
+              }
+        
+            },function(err){console.log('err:',err)});
+  
+        },function(err){console.log('err2:',err)});
+      
+    }
+    
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>  
+    <CustomHeader {...props} title={'View Resume'}/>
+      {ConfirmSaveAlert(props,showAlert,onSaveCancel)}
+
+
+    <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        
+    
+    <View style={[customStyle.pageContentWrapper,customStyle.ImageTypesPageWrap]}>
+            <View style={customStyle.ImageTypesLHd}>
+                <Text  style={customStyle.ImageTypesLHdText}>{'Resume'}</Text>
+            </View>
+    
+              
+<ScrollView 
+ contentContainerStyle={customStyle.hr_scroll} 
+ style={customStyle.resume_scrollOuter}
+ showsVerticalScrollIndicator={false}>
+  <View style = {customStyle.resume_parentbg}>
+     {viewData.length>0 &&
+
+          viewData.map((item,index)=>
+          {
+           console.log('onrender',item);
+           let newi=index>2?((index%3)):index;          
+           let arr=colors_Arr[newi]?colors_Arr[newi].bg:colors_Arr["0"].bg;
+           
+           console.log('i:',arr);
+          return(
+            
+            <View style = {customStyle.resume_background} key={index}>
+              {/* <View style={customStyle.resume_cBG}> */}
+              
+              <View  style = {[customStyle.resume_cBG ]} >
+              <LinearGradient colors={arr} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.resume_cBG_g}>
+              </LinearGradient>  
+              <Text style={customStyle.resume_dateChild}>{item.ADDED_DATE}</Text>
+              <View style={{padding:10}}>
+            
+                {/* <View style={customStyle.resumev_CircleShape}>
+               
+                <Text style={customStyle.resume_aText}>{(item.NAME!=null && item.NAME!=''?item.NAME.substring(0,1):'')}</Text>
+                </View> */}
+                <Text style={customStyle.resume_text}>{item.NAME}</Text>
+                <Text style={customStyle.resume_textchild}>{item.MOBILE_NO}</Text>
+               
+                </View>
+                </View>
+            </View>
+          
+            )
+          })
+          }
+            </View>
+          </ScrollView>
+</View>
+    </LinearGradient>
+    </Container>
+  )
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(ViewListData)
\ No newline at end of file
diff --git a/src/screens/VisibilityAudit.js b/src/screens/VisibilityAudit.js
new file mode 100644
index 0000000..e781d20
--- /dev/null
+++ b/src/screens/VisibilityAudit.js
@@ -0,0 +1,2293 @@
+import React, { useState, useEffect, useRef } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { StatusBar, Image, TextInput, View, Text, ScrollView, TouchableOpacity, Platform, PermissionsAndroid, FlatList, Alert, Animated } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getDownloadJson, getKPIFields, marktext1, marktext2 } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, testurl, db, colors_Arr, common_ImagePath } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { Card, Menu, Switch } from 'react-native-paper';
+import { AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons } from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import { launchCamera, launchImageLibrary, CameraOptions } from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import CheckBox from '@react-native-community/checkbox';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import MultiSelect from 'react-native-multiple-select';
+
+function VisibilityAudit(props) {
+    const route = useRoute();
+    const ST = props.StaticText || {};
+
+    // get all theme styles acc to current theme set 
+    const PageTheme = GetPageTheme(props.DarkMode, route.name);
+    const customStyle = customStyles(props.DarkMode, route.name);
+    const animatedChoice = useRef(new Animated.Value(0)).current;
+
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [StoreCameraAllow, setStoreCameraAllow] = useState(true);
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata] = useState(0);
+    const [rerenderdata2, setrerenderdata2] = useState(0);
+    const [rerenderdata3, setrerenderdata3] = useState(0);
+    const [rerenderdata4, setrerenderdata4] = useState(0);
+
+    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps, setGetImageProps] = useState({});
+    const zoomView = useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+
+    const [Products, setProducts] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [toRemoveId, setToRemoveId] = useState('');
+    const [toRemoveItem, setToRemoveItem] = useState({});
+    const [showRemoveConfirm_M, setshowRemoveConfirm_M] = useState(false);
+    const [showRAllC_M, setShowRAllC_M] = useState(false);
+    const [searchedItem, setSearchedItem] = useState('');
+    const [globalWindows, setGlobalWindows] = useState([]);
+    const [KPIFields, setKPIFields] = useState([]);
+    const [ActiveSurvey, setActiveSurvey] = useState({});
+    const d1 = new Date();
+    const d2 = moment(d1).format('MM/DD/YYYY');
+
+
+    useEffect(() => {
+        setLoaderTitle(ST.Loading + '...')
+        let params = props.route.params ? props.route.params : {};
+        let storeData1 = params.storeData || {};
+        let menu1 = params.menu || {};
+        let cameraAllow = storeData1.CameraAllow == 'true' || storeData1.CameraAllow == 1 ? true : false;
+        let surveydata = params.surveyData || {};
+        setStoreCameraAllow(cameraAllow);
+
+        let isAdhoc = params.isAdhoc || false;
+        setActiveSurvey(surveydata)
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+
+        getData(storeData1, menu1, surveydata);
+
+    }, []);
+
+    useEffect(() => {
+        const unsubscribe = props.navigation.addListener(
+            'beforeRemove',
+            onBeforeRemove
+        );
+
+        return unsubscribe;
+    }, []);
+
+    const onBeforeRemove = (e) => {
+        // kisi bhi condition me back ko block mat karo
+        setHasUnsavedChanges(false);
+        // agar preventDefault kahin laga ho to hata do
+        props.navigation.dispatch(e.data.action);
+    };
+
+    async function getData(storeData1, menu1, surveydata) {
+        try {
+            let { StoreId, ChainId, StateId, StoreTypeId } = storeData1;
+
+            let AllKPIFields = await getKPIFields(menu1);
+            setKPIFields(AllKPIFields);
+
+            await db.transaction(async function (txn) {
+
+
+                let q3 = `Select VisibilityReasonId as ReasonId,VisibilityReason as Reason From Sup_Master_VisibilityReason`;
+                await txn.executeSql(q3, [], async function (txn2, txnres2) {
+                    if (txnres2.rows.length > 0) {
+                        let arr = [];
+                        for (var i = 0; i < txnres2.rows.length; i++) {
+                            let data = txnres2.rows.item(i);
+                            arr.push(data);
+                            if (i == txnres2.rows.length - 1) {
+
+                                setReasons_list(arr);
+                            }
+                        }
+                    }
+                }, function (txn2, txnerr) { console.log(txnerr); },);
+
+                // check if data exists
+                let selectlist = ` w.STORE_ID as StoreId,w.PVIS_HEADER_ID as PVisHeaderId,s.VId,s.Present,s.VisibilityReasonId,s.VisibilityQuestion,s.VisibilityImages,wd.VisibilityDefinitionId,wd.VisibilityId,wd.VisibilityName,wd.VisibilityTable,wd.VisibilityField,wd.VisibilityValue,wd.ChildName,wd.VisibilityRefImage,wd.VisibilityElementCheckAssortment,wd.VisibilityElementStockRequired,w.IS_PRESENT as IsPresent,wd.VisibilityNotExistCamera,w.PVIS_NA_IMAGE as PVisNAImage,wd.VisibilityExistReasonEnable,wd.VisibilityNotExistReasonEnable,w.REASON_ID as ReasonId,w.REASON as Reason,w.REMARK as Remark,wd.NoOfSplit,wd.VisibilityImage1,wd.VisibilityImage2,wd.VisibilityImage1Lable,wd.VisibilityImage2Lable,wd.VisibilityImage1CameraGrid,wd.VisibilityImage2CameraGrid,wd.StockQtyRequired`;
+                let join = ` inner join Sup_Master_VisibilityDefinition wd on w.PVIS_DEFINITION_ID=wd.VisibilityDefinitionId `;
+                let join3 = ` inner join Sup_VisibilityAudit s on w.PVIS_DEFINITION_ID=s.VisibilityDefinitionId  `;
+                let q = ` Select ${selectlist} from ${AppTables.VISAUDIT_HDR_DATA} w  ${join} ${join3} where w.STORE_ID='${StoreId}' and w.PVIS_DEFINITION_ID='${surveydata.VisibilityDefinitionId}' and s.StoreId='${StoreId}' and s.VisibilityDefinitionId='${surveydata.VisibilityDefinitionId}' and w.VISIT_DATE='${d2}' `;
+
+                // else pick data from masters
+                let selectlist2 = ` s.StoreId,s.VId,w.VisibilityDefinitionId,s.VisibilityDefinitionId,w.VisibilityId,s.Present,s.VisibilityReasonId,w.VisibilityName,s.VisibilityQuestion,s.VisibilityImages,w.VisibilityTable,w.VisibilityField,w.VisibilityValue,w.ChildName,w.VisibilityRefImage,w.VisibilityElementCheckAssortment,w.VisibilityElementStockRequired,'' as IsPresent,w.VisibilityNotExistCamera,'' as PVisNAImage,w.VisibilityExistReasonEnable,w.VisibilityNotExistReasonEnable,'' as ReasonId,'' as Reason,w.NoOfSplit,w.VisibilityImage1,w.VisibilityImage2,w.VisibilityImage1Lable,w.VisibilityImage2Lable,w.VisibilityImage1CameraGrid,w.VisibilityImage2CameraGrid,w.StockQtyRequired`;
+                let join2 = ` inner join Sup_VisibilityAudit s on w.VisibilityDefinitionId=s.VisibilityDefinitionId  `;
+                let q2 = ` Select ${selectlist2} from Sup_Master_VisibilityDefinition w  ${join2} where s.StoreId='${StoreId}' and s.VisibilityDefinitionId='${surveydata.VisibilityDefinitionId}' `;
+
+                // console.log('Promotion ',q);
+                await txn.executeSql(q, [], async function (txn2, txnres2) {
+                    // console.log('Promotion items',txnres2.rows.length);
+                    if (txnres2.rows.length > 0) {
+                        let arr = []; let images = [], allWindowsData = [];
+                        for (var i = 0; i < txnres2.rows.length; i++) {
+                            let data = txnres2.rows.item(i);
+                            console.log('Window Data fetched from inserted data:', data);
+                            let animatedChoice = new Animated.Value((data.IsPresent == '1' || data.IsPresent == 1 ? 1 : 0));
+                            data.animatedChoice = animatedChoice;
+                            data.NoOfSplit = parseInt(data.NoOfSplit);
+
+                            let NoOfSplit = data.NoOfSplit;
+                            let isPresent = data.IsPresent == '1' || data.IsPresent == 1 ? 1 : 0;
+                            let isStockReq = data.VisibilityElementStockRequired == 'true' || data.VisibilityElementStockRequired == 1 ? 1 : 0;
+
+                            let imgObj = { imgIndex: (i + 1), url: data.VisibilityRefImage, props: {} }
+                            let WindowSplits = await getWindowSplits(NoOfSplit, data, storeData1);
+                            //console.log('Window Splits for window',data.VisibilityDefinitionId,':',WindowSplits);
+
+                            let WQr = await getWindowQuestions(data, storeData1, isPresent);
+                            let WindowQuestions = WQr['WindowQuestions'] || [];
+                            let WindowQA = WQr['WindowQA'] || {};
+
+                            // let QData=[];
+                            // let QAData={};
+                            // if(data.VisibilityQuestion!="" && data.VisibilityQuestion!=null){
+                            //     let QJSON=JSON.parse(data.VisibilityQuestion) 
+                            //     let QuestionList=QJSON && QJSON.QuestionList.length>0 ? QJSON.QuestionList:[]
+                            //     for(var j=0;j<QuestionList.length>0;j++){
+                            //         let Qdetail=QuestionList[j]
+                            //         Qdetail["VisibilityDefinitionId"]=data.VisibilityDefinitionId;
+                            //         Qdetail["VId"]=data.VId;
+
+                            //         let WQr =  await getWindowQuestions(Qdetail,storeData1,isPresent);
+                            //         let WindowQuesTemp = WQr['WindowQuestions'] ||[]
+                            //         let WindowQATemp= WQr['WindowQA'] || {};
+                            //         QData=QData.concat(WindowQuesTemp);
+                            //         QAData={...QAData,...WindowQATemp};
+
+                            //     }  
+                            // }
+
+
+                            // let WindowQuestions = QData;
+                            // let WindowQA= QAData;
+
+
+                            let WSd = isStockReq == true ? await getWindowStockData(data, storeData1, isPresent) : { 'WStocks': [], 'WStocksData': [] };
+                            let WStocks = WSd['WStocks'] || [];
+                            let WStocksData = WSd['WStocksData'] || [];
+                            let isAllChecked = WSd['isAllChecked'] != null ? WSd['isAllChecked'] : 0;
+
+                            let isNAImageAvl = data.VisibilityNotExistCamera == 'true' || data.VisibilityNotExistCamera == 1 ? 1 : 0;
+                            let NAImage1 = isNAImageAvl == 1 && data.PVisNAImage != null ? data.PVisNAImage : '';
+                            let NAImage1Path = NAImage1 != '' ? 'file://' + common_ImagePath + NAImage1 : '';
+
+
+                            let windowDataObj = { 'VisibilityId': data.VisibilityId, 'VisibilityDefinitionId': data.VisibilityDefinitionId, 'WindowSplits': WindowSplits, 'WindowQA': WindowQA, 'WStocksData': WStocksData, 'NAImage1': NAImage1, 'NAImage1Path': NAImage1Path, 'ReasonId': data.ReasonId, 'Reason': data.Reason, 'isPresent': isPresent, 'isAllSKUChecked': isAllChecked, 'remark': (data.Remark != null ? data.Remark : '') };
+                            data['WindowQuestions'] = WindowQuestions;
+                            data['WindowStocks'] = WStocks;
+                            arr.push(data);
+                            allWindowsData.push(windowDataObj);
+                            if (i == txnres2.rows.length - 1) {
+                                setWindowData(allWindowsData);
+                                setWindows(arr);
+                                setGlobalWindows(arr);
+                                images.push(imgObj);
+                                setZoomImageUrl(images);
+                                setProcessing(false);
+                            }
+                        }
+                    }
+                    else {
+                        console.log('No inserted data found, fetching from master data');
+                        await txn.executeSql(q2, [], async function (txn2, txnres2) {
+
+                            if (txnres2.rows.length > 0) {
+                                let arr = [], images = [], allWindowsData = [];
+                                for (var i = 0; i < txnres2.rows.length; i++) {
+                                    let data = txnres2.rows.item(i);
+                                    let animatedChoice = new Animated.Value(0);
+                                    data.animatedChoice = animatedChoice;
+                                    data.NoOfSplit = parseInt(data.NoOfSplit);
+                                    console.log('Window Data fetched from master data:', data);
+                                    let isStockReq = data.VisibilityElementStockRequired == 'true' || data.VisibilityElementStockRequired == 1 ? 1 : 0;
+                                    console.log('Window Data fetched from master dataaaa:', isStockReq);
+
+                                    let imgObj = { imgIndex: (i + 1), url: data.VisibilityRefImage, props: {} }
+                                    let WindowSplits = [];
+                                    for (var s = 0; s < data.NoOfSplit; s++) {
+                                        let obj = { 'Image1Name': '', 'Image1': '', 'Image2Name': '', 'Image2': '' };
+                                        WindowSplits.push(obj);
+                                    }
+                                    // let QData=[];
+                                    // let QAData={};
+                                    //    console.log('Question List for window',data);
+                                    // if(data.VisibilityQuestion!="" && data.VisibilityQuestion!=null){
+                                    //     let QJSON=JSON.parse(data.VisibilityQuestion) 
+                                    //     let QuestionList=QJSON && QJSON.QuestionList.length>0 ? QJSON.QuestionList:[]
+
+                                    //     for(var j=0;j<QuestionList.length>0;j++){
+                                    //         let Qdetail=QuestionList[j]
+                                    //         let WQr =  await getWindowQuestions(Qdetail,storeData1,false);
+                                    //         console.log('Fetching questions for window',WQr);
+                                    //         let WindowQuesTemp = WQr['WindowQuestions'] ||[]
+                                    //         let WindowQATemp= WQr['WindowQA'] || {};
+                                    //         QData=QData.concat(WindowQuesTemp);
+                                    //         QAData={...QAData,...WindowQATemp};
+
+                                    //     }  
+                                    // }
+                                    let WQr = await getWindowQuestions(data, storeData1, false);
+                                    let WindowQuestions = WQr['WindowQuestions'] || [];
+                                    let WindowQA = WQr['WindowQA'] || {};
+
+                                    // let WindowQuestions = QData;
+                                    // let WindowQA= QAData;
+                                    let WSd = isStockReq == true ? await getWindowStockData(data, storeData1, false) : { 'WStocks': [], 'WStocksData': [] };
+
+                                    let WStocks = WSd['WStocks'] || [];
+                                    let WStocksData = WSd['WStocksData'] || [];
+                                    let isAllChecked = WSd['isAllChecked'] != null ? WSd['isAllChecked'] : 0;
+
+                                    let windowDataObj = { 'VisibilityId': data.VisibilityId, 'VisibilityDefinitionId': data.VisibilityDefinitionId, 'WindowSplits': WindowSplits, 'WindowQA': WindowQA, 'WStocksData': WStocksData, 'isAllSKUChecked': isAllChecked };
+                                    data['WindowQuestions'] = WindowQuestions;
+                                    data['WindowStocks'] = WStocks;
+
+                                    arr.push(data);
+                                    allWindowsData.push(windowDataObj);
+                                    if (i == txnres2.rows.length - 1) {
+                                        setWindowData(allWindowsData);
+                                        setWindows(arr);
+                                        setGlobalWindows(arr);
+                                        images.push(imgObj);
+                                        setZoomImageUrl(images);
+                                        setProcessing(false);
+                                    }
+                                }
+                            }
+                            else {
+                                setProcessing(false);
+                            }
+                        }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); },);
+                    }
+                }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); },);
+
+            });
+        } catch (err) {
+            console.log(err);
+        }
+    }
+
+
+    async function getWindowSplits(NoOfSplit, window, storeData1) {
+        let WindowSplits_def = [];
+        for (var s = 0; s < NoOfSplit; s++) {
+            let obj = { 'Image1Name': '', 'Image1': '', 'Image2Name': '', 'Image2': '' };
+            WindowSplits_def.push(obj);
+        }
+        return new Promise((resolve, reject) => {
+
+            db.transaction(async function (txn) {
+
+                let q = `select * from ${AppTables.VISAUDIT_IMAGES} where PVIS_HEADER_ID='${window.PVisHeaderId}' and  STORE_ID='${storeData1.StoreId}' and VISIT_DATE='${d2}' `;
+
+                await txn.executeSql(q, [], async function (txn2, txnres2) {
+
+                    if (txnres2.rows.length > 0) {
+                        let arr = [];
+                        for (var i = 0; i < txnres2.rows.length; i++) {
+                            let data = txnres2.rows.item(i);
+                            console.log(data.PVIS_HEADER_ID)
+                            let isImage1 = window.VisibilityImage1 == 'true' || window.VisibilityImage1 == 1 ? 1 : 0;
+                            let isImage2 = window.VisibilityImage2 == 'true' || window.VisibilityImage2 == 1 ? 1 : 0;
+
+                            let Image1 = isImage1 == 1 && data.IMAGE1 != null && data.IMAGE1 != '' ? 'file://' + common_ImagePath + data.IMAGE1 : '';
+                            let Image2 = isImage2 == 1 && data.IMAGE2 != null && data.IMAGE2 != '' ? 'file://' + common_ImagePath + data.IMAGE2 : '';
+                            let obj = { 'Image1Name': data.IMAGE1, 'Image1': Image1, 'Image2Name': data.IMAGE2, 'Image2': Image2 };
+                            arr.push(obj);
+
+                            if (i == txnres2.rows.length - 1) {
+                                resolve(arr)
+                            }
+                        }
+                    }
+                    else {
+                        resolve(WindowSplits_def)
+                    }
+                }, function (txn2, txnerr) { console.log(txnerr); resolve(WindowSplits_def) },);
+            });
+        }).then((val) => {
+            return val
+        }).catch((err) => {
+            console.log(err);
+            return WindowSplits_def;
+        });
+    }
+
+    async function getWindowQuestions(window, storeData1, isInserted = false) {
+        console.log('Fetching questions for window:', window.VisibilityQuestionId, ' IsInserted:', isInserted);
+        let obj = { 'WindowQA': {}, 'WindowQuestions': [] }
+        return new Promise((resolve, reject) => {
+
+            db.transaction(async function (txn) {
+                var q = '', selectlist = '', join = '', join2 = '';
+
+
+
+                if (isInserted == true) {
+                    selectlist = ` DISTINCT  q.QUESTION_ID as VisibilityQuestionId,q.VId,q.QUESTION_CODE as VisibilityQuestionCode,wq.VisibilityQuestionName,wq.QuestionType,wq.VQShowCamera,wq.VQCameraMandatory,wq.VQLengthValidationRequired,wq.VQMinimumChar,wq.VQMaximumChar,wq.VQDecimalPoint,wq.VQDateRangeMin,wq.VQDateRangeMax,wq.VQVoiceLengthInMinutes,wq.VQDefaultQuestionEnable,q.ANSWER as Answer,q.ANSWER_ID as AnswerId,q.MULTI_OPTIONS_IDS as multi_op_ids,q.IMAGE_ALLOW1 as VAShowCamera,q.IMAGE1 as Image1  `;
+                    join = ` inner join Sup_Master_VisibilityQuestion wq on wq.VisibilityQuestionId=q.QUESTION_ID `;
+                    q = `select ${selectlist} from ${AppTables.VISAUDIT_CHILD_DATA} q ${join} where q.STORE_ID='${storeData1.StoreId}' and q.PVIS_DEFINITION_ID='${window.VisibilityDefinitionId}' and q.VISIT_DATE='${d2}' order by wq.VisibilityQuestionSequence  `;
+                }
+                else {
+                    selectlist = ` DISTINCT  wq.VisibilityQuestionId,wq.VisibilityQuestionCode,wq.VisibilityQuestionName,wq.QuestionType,wq.VQShowCamera,wq.VQCameraMandatory,wq.VQLengthValidationRequired,wq.VQMinimumChar,wq.VQMaximumChar,wq.VQDecimalPoint,wq.VQDateRangeMin,wq.VQDateRangeMax,wq.VQVoiceLengthInMinutes,wq.VQDefaultQuestionEnable `;
+                    join = ` inner join Sup_Mapping_VisibilityQuestion mq on mq.VisibilityQuestionId=wq.VisibilityQuestionId `;
+                    q = `select ${selectlist} from Sup_Master_VisibilityQuestion wq  ${join}  where mq.VisibilityDefinitionId=${window.VisibilityDefinitionId} order by wq.VisibilityQuestionSequence  `;
+                    console.log('Query to fetch questions', q);
+
+                }
+
+                await txn.executeSql(q, [], async function (txn2, txnres2) {
+                    if (txnres2.rows.length > 0) {
+                        let arr = [];
+                        let wqa_obj = {};
+                        for (var i = 0; i < txnres2.rows.length; i++) {
+                            let data = txnres2.rows.item(i);
+                            console.log('Question Data', data);
+                            let answers = [];
+                            data.VQDefaultQuestionEnable = data.VQDefaultQuestionEnable == 1 || data.VQDefaultQuestionEnable == 'true' ? true : false;
+
+                            if (data.QuestionType == 'Multi choice list' || data.QuestionType == 'Single choice list' || data.QuestionType == 'Rating') {
+                                answers = await getWindowAnswers(data);
+                                if (data.QuestionType == 'Rating') {
+                                    data.showRating = false;
+                                }
+                            }
+                            else if (data.QuestionType == 'Date') {
+                                data.showDatePicker = false;
+                            }
+                            data['Answers'] = answers;
+
+                            let id_key = data.VisibilityQuestionId + '_AnswerId';
+                            let ans_key = data.VisibilityQuestionId + '_Answer';
+                            let multi_key = data.VisibilityQuestionId + '_MultiOption';
+                            let date_key = data.VisibilityQuestionId + '_Date';
+                            let img_key = data.VisibilityQuestionId + '_ImagePath1';
+                            let imgname_key = data.VisibilityQuestionId + '_ImageName1';
+                            let rating_key = data.VisibilityQuestionId + '_Rating';
+
+
+                            let showImageTag = (data.VQShowCamera == 'true' || data.VQShowCamera == 1);
+
+                            data.AnswerId != null ? wqa_obj[id_key] = data.AnswerId : '';
+                            data.Answer != null ? wqa_obj[ans_key] = data.Answer : '';
+
+
+                            let selansid = data.AnswerId != null ? data.AnswerId : '';
+                            if (data.QuestionType == 'Multi choice list' && selansid != '' && data.multi_op_ids != null) {
+                                selansid = data.multi_op_ids ? data.multi_op_ids.split(',') : [];
+                                wqa_obj[multi_key] = data.multi_op_ids;
+                            }
+
+                            if ((data.QuestionType == 'Single choice list' || data.QuestionType == 'Multi choice list') && selansid != '' && selansid != null) {
+                                if (data.Answers && data.Answers.length > 0) {
+                                    for (var k = 0; k < data.Answers.length; k++) {
+                                        let ansss = data.Answers[k];
+                                        let isandImgAl = (ansss.VAShowCamera == 1 || ansss.VAShowCamera == 'true');
+                                        if (data.QuestionType == 'Single choice list' && (isandImgAl && ansss.AnswerId == selansid)) {
+                                            showImageTag = true;
+                                        }
+                                        else if (data.QuestionType == 'Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                            showImageTag = true;
+                                        }
+                                    }
+                                }
+                            }
+
+                            if (showImageTag && data.Answer != null) {
+                                let imgPath = (Platform.OS == 'ios' ? 'file://' : '') + common_ImagePath + data.Image1;
+                                wqa_obj[imgname_key] = data.Image1;
+                                wqa_obj[img_key] = imgPath;
+                            }
+
+
+
+                            if (data.QuestionType == 'Date' && data.Answer != null) {
+                                let dayonly = moment().format('DD');
+                                let actual_date = data.Answer ? data.Answer.split('/') : [];
+                                let month = actual_date[0], year = actual_date[1];
+                                let fulldate = month + '/' + dayonly + '/' + year;
+                                wqa_obj[date_key] = fulldate;
+
+                            }
+                            data["EmpData"] = window
+                            arr.push(data);
+                            if (i == txnres2.rows.length - 1) {
+                                obj['WindowQuestions'] = arr;
+                                obj['WindowQA'] = wqa_obj;
+                                resolve(obj)
+                            }
+                        }
+                    }
+                    else {
+                        resolve(obj)
+                    }
+                }, function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });
+        }).then((val) => {
+            return val
+        }).catch((err) => {
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getWindowAnswers(qtn) {
+
+        return new Promise((resolve, reject) => {
+
+            db.transaction(async function (txn) {
+                var q = '', selectlist = '';
+                selectlist = ` DISTINCT  VisibilityAnswerId as AnswerId,VisibilityAnswerName as Answer,VAShowCamera,VACameraMandatory,VAQuestionEnable,VAQuestionDisable `;
+                q = `select ${selectlist} from  Sup_Master_VisibilityQuestion  where VisibilityQuestionId='${qtn.VisibilityQuestionId}'  order by VASequence  `;
+
+                await txn.executeSql(q, [], async function (txn2, txnres2) {
+                    if (txnres2.rows.length > 0) {
+                        let arr = [];
+                        for (var i = 0; i < txnres2.rows.length; i++) {
+                            let data = txnres2.rows.item(i);
+                            arr.push(data);
+                            if (i == txnres2.rows.length - 1) {
+                                resolve(arr)
+                            }
+                        }
+                    }
+                    else {
+                        resolve([])
+                    }
+                }, function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+            });
+        }).then((val) => {
+            return val
+        }).catch((err) => {
+            console.log(err);
+            return [];
+        });
+    }
+
+    // async function getWindowStockData(window,storeData1,isInserted=false){
+    //     let obj={'WStocks':[],'WStocksData':[],'isAllChecked':0}
+    //     return new Promise((resolve,reject)=>{
+    //         db.transaction(async function (txn) {
+    //             let checkassrt=window.VisibilityElementCheckAssortment=='true' || window.VisibilityElementCheckAssortment==1?true:false;
+    //             let join='',join2='';
+    //             if(checkassrt){
+    //                 join=` inner join Mapping_ProductAssortment a on a.ProductId=s.PVIS_STOCK_VALUE `;
+    //             }
+    //             let selectlist1=`  s.PVIS_STOCK_DEFINITION_ID as VisibilityStockDefinitionId, s.PVIS_DEFINITION_ID as VisibilityDefinitionId,s.PVIS_STOCK_TABLE as VisibilityStockTable,s.PVIS_STOCK_FIELD as VisibilityStockField,s.PVIS_STOCK_VALUE as VisibilityStockValue,s.PVIS_STOCK_MBQ as VisibilityStockMBQ,s.PRODUCT_NAME as ProductName, s.STOCK as Stock,s.IS_PVIS_PRESENT as isPVisPresent `;
+    //             let q=`select ${selectlist1} from  ${AppTables.VISAUDIT_STOCK_DATA} s ${join} where s.PVIS_DEFINITION_ID='${window.VisibilityDefinitionId}' and s.STORE_ID='${storeData1.StoreId}'  `;
+    //             if(checkassrt){
+    //                 q+=` and a.StateId='${storeData1.StateId}' `;
+    //             }
+    //             q+=` order by s.PRODUCT_NAME `;
+
+    //             if(checkassrt){
+    //                 join2=` inner join Mapping_ProductAssortment a on a.ProductId=s.VisibilityStockValue `;
+    //             }
+    //             let selectlist2=`  s.VisibilityStockDefinitionId, s.VisibilityDefinitionId,s.VisibilityStockTable,s.VisibilityStockField,s.VisibilityStockValue,s.VisibilityStockMBQ,s.ProductName `;
+    //             let q2=`select ${selectlist2} from  Sup_Master_VisibilityStockDefinition s ${join2} where s.VisibilityDefinitionId='${window.VisibilityDefinitionId}'    `;
+    //             if(checkassrt){
+    //                 q2+=` and a.StateId='${storeData1.StateId}' `;
+    //             }
+    //             q2+=` order by s.ProductName `;
+
+
+    //             console.log(q);
+    //             await txn.executeSql(q,[],async function (txn2, txnres2) { 
+
+    //                 if(txnres2.rows.length>0){
+    //                     let arr=[],WStocksData=[];
+    //                     let isAllChecked=1;
+    //                     for(var i=0;i<txnres2.rows.length;i++){
+    //                         let data =txnres2.rows.item(i);
+    //                         if(isInserted==true && data.Stock!=null){
+
+    //                             let stockData_obj={'ProductId':data.VisibilityStockValue,'Stock':data.Stock,'isPVisPresent':(data.isPVisPresent!=null ?data.isPVisPresent:0)}
+    //                             WStocksData.push(stockData_obj);
+
+    //                         }
+    //                         if(data.isPVisPresent==null || data.isPVisPresent==0 || data.isPVisPresent=='0' || data.isPVisPresent==''){
+
+    //                             isAllChecked=0;
+    //                         }
+    //                         arr.push(data);
+    //                         if(i==txnres2.rows.length-1){
+    //                             obj['WStocks']=arr;
+    //                             obj['WStocksData']=WStocksData;
+    //                             obj['isAllChecked']=isAllChecked;
+    //                             resolve(obj)
+    //                         }                                
+    //                     }
+    //                 }
+    //                 else{
+    //                     await txn.executeSql(q2,[],async function (txn2, txnres3) { 
+    //                         if(txnres3.rows.length>0){
+    //                             let arr=[],WStocksData=[];
+    //                             let isAllChecked=1;
+    //                             for(var i=0;i<txnres3.rows.length;i++){
+    //                                 let data =txnres3.rows.item(i);
+    //                                 if(isInserted==true && data.Stock!=null){
+    //                                     let stockData_obj={'ProductId':data.VisibilityStockValue,'Stock':data.Stock,'isPVisPresent':(data.isPVisPresent!=null ?data.isPVisPresent:0)}
+    //                                     WStocksData.push(stockData_obj);
+    //                                 }
+    //                                 if(data.isPVisPresent==null || data.isPVisPresent==0 || data.isPVisPresent=='0' || data.isPVisPresent==''){
+    //                                    isAllChecked=0;
+    //                                 }
+    //                                 arr.push(data);
+    //                                 if(i==txnres3.rows.length-1){
+    //                                     obj['WStocks']=arr;
+    //                                     obj['WStocksData']=WStocksData;
+    //                                     obj['isAllChecked']=isAllChecked;
+    //                                     resolve(obj)
+    //                                 }                                
+    //                             }
+    //                         }
+    //                         else{
+    //                             resolve(obj);
+    //                         }
+    //                     },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+    //                 }
+    //             },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+    //         });  
+    //     }).then((val)=>{
+    //         return val
+    //     }).catch((err)=>{
+    //         console.log(err);
+    //         return obj;
+    //     });
+    // }
+
+    function processStockRows(rows, isInserted) {
+        let WStocks = [];
+        let WStocksData = [];
+        let isAllChecked = 1;
+
+        for (let i = 0; i < rows.length; i++) {
+
+            const row = rows.item(i);
+            WStocks.push(row);
+
+            if (isInserted && row.Stock != null) {
+                WStocksData.push({
+                    ProductId: row.VisibilityStockValue,
+                    Stock: row.Stock,
+                    isPVisPresent: row.isPVisPresent ?? 0
+                });
+            }
+
+            if (!row.isPVisPresent || row.isPVisPresent == 0) {
+                isAllChecked = 0;
+            }
+        }
+
+        return {
+            WStocks, WStocksData, isAllChecked
+        };
+    }
+
+
+    async function getWindowStockData(window, storeData1, isInserted = false) {
+
+        const defaultObj = {
+            WStocks: [], WStocksData: [], isAllChecked: 0
+        };
+
+        try {
+            return await new Promise((resolve) => {
+
+                db.transaction(async (txn) => {
+                    const q1 = `
+          SELECT s.PVIS_STOCK_DEFINITION_ID AS VisibilityStockDefinitionId, s.PVIS_DEFINITION_ID AS VisibilityDefinitionId,s.PVIS_STOCK_TABLE AS VisibilityStockTable,s.PVIS_STOCK_FIELD AS VisibilityStockField,s.PVIS_STOCK_VALUE AS VisibilityStockValue,s.PVIS_STOCK_MBQ AS VisibilityStockMBQ,s.PRODUCT_NAME AS ProductName,s.STOCK AS Stock,s.IS_PVIS_PRESENT AS isPVisPresent
+          FROM ${AppTables.VISAUDIT_STOCK_DATA} s
+          WHERE s.PVIS_DEFINITION_ID = ?
+            AND s.STORE_ID = ?
+          ORDER BY s.PRODUCT_NAME
+        `;
+
+                    await txn.executeSql(
+                        q1,
+                        [window.VisibilityDefinitionId, storeData1.StoreId],
+                        async (tx, res) => {
+
+                            if (res.rows.length > 0) {
+                                resolve(processStockRows(res.rows, isInserted));
+                                return;
+                            }
+
+                            /* ================= QUERY 2: MASTER STOCK ================= */
+
+                            const q2 = `
+              SELECT s.VisibilityStockDefinitionId,s.VisibilityDefinitionId,s.VisibilityStockTable,s.VisibilityStockField,s.VisibilityStockValue,s.VisibilityStockMBQ,s.ProductName
+              FROM Sup_Master_VisibilityStockDefinition s
+              WHERE s.VisibilityDefinitionId = ?
+              ORDER BY s.ProductName
+            `;
+
+                            await tx.executeSql(
+                                q2,
+                                [window.VisibilityDefinitionId],
+                                (tx2, res2) => {
+                                    resolve(processStockRows(res2.rows, isInserted));
+                                },
+                                () => resolve(defaultObj)
+                            );
+                        },
+                        () => resolve(defaultObj)
+                    );
+                });
+            });
+
+        } catch (err) {
+            console.log('❌ getWindowStockData error', err);
+            return defaultObj;
+        }
+    }
+
+
+
+    async function getImage(imgdata) {
+        let type = getImageProps.type || '';
+        let window = getImageProps.window || {};
+        let splitItem = getImageProps.splitItem || {};
+        let splitItemIndex = getImageProps.splitItemIndex || 0;
+        let qtn = getImageProps.qtn || {};
+        let cameraType = getImageProps.cameraType != null ? getImageProps.cameraType : '1';
+
+        if (typeof imgdata == 'object' && imgdata.errorCode == 'camera_unavailable') {
+            notify(ST.Cameraunavailable);
+        }
+        else if (typeof imgdata == 'object' && imgdata.uri != null) {
+            const img = imgdata;
+            const imgurl = img.uri, imgWidth = img.width, imgHeight = img.height;
+
+
+            let picture_clicked_time = new Date();
+            picture_clicked_time = moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+
+
+            const mark_text1 = picture_clicked_time;
+            const mark_text2 = 'Store Name:' + storeData.StoreName + ' | Store Id:' + storeData.StoreId + ' | User Id:' + storeData.EmpId + ' | Image Type: Shelf Talker' + ' | Date:' + picture_clicked_time;
+
+            await marktext1(mark_text1, imgurl)
+                .then((res) => {
+                    if (res.success) {
+                        let uri = res.uri;
+                        marktext2(mark_text2, uri, imgWidth, imgHeight)
+                            .then((res) => {
+                                if (res.success) {
+                                    let picture_clickedd = new Date();
+                                    let picture_clicked_date = moment(picture_clickedd).format('YYYYMMDD');
+                                    let picture_clicked_time = moment(picture_clickedd).format('HHmmss');
+                                    let filename = storeData.StoreId + '_' + window.VisibilityDefinitionId + '_' + window.VisibilityId + '_' + (props.UserId || '') + '_STImg-' + picture_clicked_date + '_' + picture_clicked_time + '.jpg';
+
+                                    let allData = WindowData;
+                                    let defData = { 'VisibilityId': window.VisibilityId, 'VisibilityDefinitionId': window.VisibilityDefinitionId };
+                                    const wind_index = allData.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+                                    let wind = wind_index >= 0 ? allData[wind_index] : defData;
+
+                                    if (cameraType == '2') {
+                                        var QD = wind.WindowQA || {};
+                                        var image_key = qtn.VisibilityQuestionId + '_ImageName1';
+                                        var image_key_path = qtn.VisibilityQuestionId + '_ImagePath1';
+                                        QD[image_key] = filename;
+                                    }
+                                    else if (cameraType == '3') {
+                                        var image_key = 'NAImage1';
+                                        var image_key_path = 'NAImage1Path';
+                                        wind[image_key] = filename;
+                                    }
+                                    else {
+                                        var WindowSplits = wind.WindowSplits || [];
+                                        var image_key = type == '1' ? 'Image1Name' : 'Image2Name';
+                                        var image_key_path = type == '1' ? 'Image1' : 'Image2';
+                                        splitItem[image_key] = filename;
+                                    }
+
+
+
+                                    // renamefile
+                                    let imagePath = `${common_ImagePath}${filename}`;
+                                    RNFS.copyFile(res.uri, imagePath)
+                                        .then(resn => {
+                                            let uri = 'file://' + imagePath;
+                                            console.log('image marker:', uri);
+
+                                            if (cameraType == '2') {
+                                                QD[image_key_path] = uri;
+                                                wind.WindowQA = QD;
+                                                wind_index >= 0 ? allData[wind_index] = wind : allData.push(wind);
+                                                setWindowData(allData);
+                                                setHasUnsavedChanges(true);
+                                                setrerenderdata3(!rerenderdata3);
+                                            }
+                                            else if (cameraType == '3') {
+                                                wind[image_key_path] = uri;
+                                                wind_index >= 0 ? allData[wind_index] = wind : allData.push(wind);
+                                                setWindowData(allData);
+                                                setHasUnsavedChanges(true);
+                                                setrerenderdata(!rerenderdata);
+                                            }
+                                            else {
+                                                console.log('split image updated');
+                                                splitItem[image_key_path] = uri;
+                                                splitItemIndex >= 0 ? WindowSplits[splitItemIndex] = splitItem : WindowSplits.push(splitItem);
+                                                wind.WindowSplits = WindowSplits;
+                                                wind_index >= 0 ? allData[wind_index] = wind : allData.push(wind);
+                                                setWindowData(allData);
+                                                setHasUnsavedChanges(true);
+                                                setrerenderdata2(!rerenderdata2);
+                                            }
+
+
+
+                                        })
+                                        .catch(err => {
+                                            console.log('ERROR: image file write failed!!!');
+                                            console.log(err.message, err.code);
+                                        });
+
+                                }
+                                else {
+                                    if (res.imagenotfound) {
+                                        notify(ST.Pleasecaptureaimage);
+                                    }
+                                    else {
+                                        notify(res.error);
+                                    }
+                                }
+                            });
+                    }
+                    else {
+                        if (res.imagenotfound) {
+                            notify(ST.Pleasecaptureaimage);
+                        }
+                        else {
+                            notify(res.error);
+                        }
+                    }
+                });
+        }
+    }
+
+    async function openCamera(window, splitItem, splitItemIndex, type = '1', cameraType = '1', qtn = {}) {
+        setGetImageProps({ 'window': window, 'splitItem': splitItem, 'splitItemIndex': splitItemIndex, 'type': type, 'cameraType': cameraType, 'qtn': qtn });
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+    async function onSubmitData() {
+        let isvalid = await validate();
+        if (isvalid) {
+            setShowAlert(true);
+        }
+    }
+
+    async function saveData() {
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle(ST.SavingData + '...');
+        setProcessing(true);
+        let d1n = new Date();
+        let d3 = moment(d1n).format('MM/DD/YYYY');
+        try {
+            let { StoreId, ChainId, StateId, StoreTypeId } = storeData;
+            let { VisibilityDefinitionId, VisibilityId } = ActiveSurvey;
+
+            await db.transaction(async function (txn) {
+
+                //  remove old data
+                await txn.executeSql(`DELETE FROM ${AppTables.VISAUDIT_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and PVIS_DEFINITION_ID='${VisibilityDefinitionId}'  `, [], async function (txn2, txnres) {
+                    console.log('window hdr data deleted');
+                }, function (txn2, txnerr) { console.log(txnerr); },);
+                await txn.executeSql(`DELETE FROM ${AppTables.VISAUDIT_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and PVIS_DEFINITION_ID='${VisibilityDefinitionId}' `, [], async function (txn2, txnres) {
+                    console.log('window child data deleted');
+                }, function (txn2, txnerr) { console.log(txnerr); },);
+                await txn.executeSql(`DELETE FROM ${AppTables.VISAUDIT_IMAGES} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and PVIS_DEFINITION_ID='${VisibilityDefinitionId}'  `, [], async function (txn2, txnres) {
+                    console.log('window images data deleted');
+                }, function (txn2, txnerr) { console.log(txnerr); },);
+                await txn.executeSql(`DELETE FROM ${AppTables.VISAUDIT_STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' and PVIS_DEFINITION_ID='${VisibilityDefinitionId}' `, [], async function (txn2, txnres) {
+                    console.log('window stock data deleted');
+                }, function (txn2, txnerr) { console.log(txnerr); },);
+
+
+
+                // add data
+                var values = '', childV = '', imageV = '', stockV = '';
+
+                for (const wi in globalWindows) {
+                    const window = globalWindows[wi];
+                    let isImage1 = window.VisibilityImage1 == 'true' || window.VisibilityImage1 == 1 ? 1 : 0;
+                    let isImage2 = window.VisibilityImage2 == 'true' || window.VisibilityImage2 == 1 ? 1 : 0;
+                    let isNAImageAvl = window.VisibilityNotExistCamera == 'true' || window.VisibilityNotExistCamera == 1 ? 1 : 0;
+                    let isNAReasonEnable = window.VisibilityNotExistReasonEnable == 'true' || window.VisibilityNotExistReasonEnable == 1 ? 1 : 0;
+                    let isReasonEnable = window.VisibilityExistReasonEnable == 'true' || window.VisibilityExistReasonEnable == 1 ? 1 : 0;
+                    let isStockReq = window.VisibilityElementStockRequired == 'true' || window.VisibilityElementStockRequired == 1 ? 1 : 0;
+                    let WindowQuestions = window.WindowQuestions || [];
+                    let WindowStocks = window.WindowStocks || [];
+
+
+                    const wind = WindowData.find(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+                    let isPresent = wind.isPresent != null && wind.isPresent != '' ? wind.isPresent : '0';
+                    let ReasonId = wind.ReasonId != null ? wind.ReasonId : 0;
+                    let Reason = wind.Reason != null ? wind.Reason : '';
+                    let NAImage1 = wind.NAImage1 != null ? wind.NAImage1 : '';
+                    let NAImage1Path = wind.NAImage1Path != null ? wind.NAImage1Path : '';
+                    let remark = wind.remark != null ? wind.remark : '';
+                    let WindowSplits = wind.WindowSplits || [];
+                    let QD = wind.WindowQA || {};
+                    let WStocksData = wind.WStocksData || [];
+
+                    let PVIS_HEADER_ID = 'WIND' + wi + (Math.floor(Math.random() * 1000) + 1);
+                    let { VisibilityDefinitionId, VId, VisibilityId, VisibilityName, VisibilityTable, VisibilityField, VisibilityValue, ChildName } = window;
+
+
+                    values += values != '' ? ' , ' : '';
+                    values += ` ('${PVIS_HEADER_ID}','${VId}','${StoreId}','${d3}','${VisibilityDefinitionId}','${VisibilityId}','${VisibilityName}','${VisibilityTable}','${VisibilityField}','${VisibilityValue}','${ChildName}','${isPresent}','${NAImage1}','${ReasonId}','${Reason}','${(remark || '')}','${d3}') `;
+
+                    if (isPresent == 1) {
+                        for (const qtnIndex in WindowQuestions) {
+                            const qtn = WindowQuestions[qtnIndex];
+
+                            let selansid = '', selanswer = '', selimg = '', showImageTag = false;
+                            let id_key = qtn.VisibilityQuestionId + '_AnswerId';
+                            let ans_key = qtn.VisibilityQuestionId + '_Answer';
+                            let multi_key = qtn.VisibilityQuestionId + '_MultiOption';
+                            let date_key = qtn.VisibilityQuestionId + '_Date';
+                            let img_key = qtn.VisibilityQuestionId + '_ImagePath1';
+                            let imgname_key = qtn.VisibilityQuestionId + '_ImageName1';
+                            let rating_key = qtn.VisibilityQuestionId + '_Rating';
+                            let list_mcdata = [];
+
+                            let { VisibilityQuestionId, VisibilityQuestionCode, QuestionType, VQShowCamera } = qtn
+                            let answer = QD[ans_key] || 0;
+                            let answerId = QD[id_key] || '';
+                            let multi_options_ids = QD[multi_key] || '';
+
+                            if (qtn.QuestionType == 'Number' || qtn.QuestionType == 'Text' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Date') {
+                                showImageTag = (qtn.VQShowCamera == 1 || qtn.VQShowCamera == 'true');
+                            }
+                            else if ((qtn.QuestionType == 'Single choice list' || qtn.QuestionType == 'Multi choice list')) {
+                                if (qtn.Answers && qtn.Answers.length > 0) {
+                                    for (var i = 0; i < qtn.Answers.length; i++) {
+                                        let ansss = qtn.Answers[i];
+                                        let isandImgAl = (ansss.VAShowCamera == 'true' || ansss.VAShowCamera == 1);
+                                        if (qtn.QuestionType == 'Single choice list' && (isandImgAl && ansss.AnswerId == answerId)) {
+                                            showImageTag = true;
+                                        }
+                                        else if (qtn.QuestionType == 'Multi choice list' && (isandImgAl && answerId.indexOf(ansss.AnswerId) >= 0)) {
+                                            showImageTag = true;
+                                        }
+
+                                    }
+                                }
+                            }
+
+                            let Image1 = showImageTag == 1 ? QD[imgname_key] : '';
+
+
+                            childV += childV != '' ? ' , ' : '';
+                            childV += ` ('${PVIS_HEADER_ID}','${VId}','${StoreId}','${d3}','${VisibilityDefinitionId}','${VisibilityId}','${VisibilityQuestionId}','${VisibilityQuestionCode}','${QuestionType}','${answer}','${answerId}','${multi_options_ids}','${Image1}','${showImageTag}','${d3}') `;
+                        }
+                        for (const splitItemIndex in WindowSplits) {
+                            const splitItem = WindowSplits[splitItemIndex];
+                            let Image1Name = splitItem['Image1Name'] != null && splitItem['Image1Name'] != '' ? splitItem['Image1Name'] : '';
+                            let Image2Name = splitItem['Image2Name'] != null && splitItem['Image2Name'] != '' ? splitItem['Image2Name'] : '';
+                            Image1Name = isImage1 == 1 ? Image1Name : '';
+                            Image2Name = isImage2 == 1 ? Image2Name : '';
+
+                            imageV += imageV != '' ? ' , ' : '';
+                            imageV += ` ('${PVIS_HEADER_ID}','${VId}','${StoreId}','${d3}','${VisibilityDefinitionId}','${VisibilityId}','${Image1Name}','${Image2Name}','${d3}') `;
+                        }
+                        for (const stockProdIndex in WindowStocks) {
+                            const stockProd = WindowStocks[stockProdIndex];
+                            let sd = WStocksData.find(i => i.ProductId == stockProd.VisibilityStockValue) || {};
+                            let stock = sd.Stock != null ? sd.Stock : (sd.Stock == 0 ? sd.Stock : '');
+                            let isPVisPresent = sd.isPVisPresent != null ? sd.isPVisPresent : 0;
+                            let { VisibilityStockDefinitionId, VisibilityDefinitionId, VisibilityStockTable, VisibilityStockField, VisibilityStockValue, VisibilityStockMBQ, ProductName } = stockProd
+                            stockV += stockV != '' ? ' , ' : '';
+                            stockV += ` ('${PVIS_HEADER_ID}','${VId}','${StoreId}','${d3}','${VisibilityDefinitionId}','${VisibilityId}','${VisibilityStockDefinitionId}','${VisibilityStockTable}','${VisibilityStockField}','${VisibilityStockValue}','${VisibilityStockMBQ}','${ProductName}','${stock}','${isPVisPresent}','${d3}') `;
+                        }
+
+                    }
+                }
+
+                console.log('values:', values);
+
+                let add_hdr_data = `INSERT INTO ${AppTables.VISAUDIT_HDR_DATA} (PVIS_HEADER_ID,VID,STORE_ID,VISIT_DATE,PVIS_DEFINITION_ID,PVIS_ID,PVIS_NAME,PVIS_TABLE,PVIS_FIELD,PVIS_VALUE,CHILD_NAME,IS_PRESENT,PVIS_NA_IMAGE,REASON_ID,REASON,REMARK,ADDED_DATE) VALUES ${values} `;
+                let add_child_data = `INSERT INTO ${AppTables.VISAUDIT_CHILD_DATA} (PVIS_HEADER_ID,VID,STORE_ID,VISIT_DATE,PVIS_DEFINITION_ID,PVIS_ID,QUESTION_ID,QUESTION_CODE,QUESTION_TYPE,ANSWER,ANSWER_ID,MULTI_OPTIONS_IDS,IMAGE1,IMAGE_ALLOW1,ADDED_DATE) VALUES ${childV} `;
+                let add_images_data = `INSERT INTO ${AppTables.VISAUDIT_IMAGES} (PVIS_HEADER_ID,VID,STORE_ID,VISIT_DATE,PVIS_DEFINITION_ID,PVIS_ID,IMAGE1,IMAGE2,ADDED_DATE) VALUES ${imageV} `;
+                let add_stock_data = `INSERT INTO ${AppTables.VISAUDIT_STOCK_DATA} (PVIS_HEADER_ID,VID,STORE_ID,VISIT_DATE,PVIS_DEFINITION_ID,PVIS_ID,PVIS_STOCK_DEFINITION_ID,PVIS_STOCK_TABLE,PVIS_STOCK_FIELD,PVIS_STOCK_VALUE,PVIS_STOCK_MBQ,PRODUCT_NAME,STOCK,IS_PVIS_PRESENT,ADDED_DATE) VALUES ${stockV} `;
+
+
+
+                await txn.executeSql(add_hdr_data, [], async function (txn2, txnres) {
+                    console.log('st header data added');
+                    var isSplitImageAdded = true, isStockAdded = true, isChildAdded = true;
+                    if (imageV != '') {
+                        isSplitImageAdded = await executeQuery(add_images_data);
+                    }
+                    if (stockV != '') {
+                        isStockAdded = await executeQuery(add_stock_data);
+                    }
+                    if (childV != '') {
+                        isChildAdded = await executeQuery(add_child_data);
+                    }
+
+                    if (!isSplitImageAdded) {
+                        setProcessing(false); notify('Cannot add paid visibility images');
+                    }
+                    else if (!isStockAdded) {
+                        setProcessing(false); notify('Cannot add paid visibility stock data');
+                    }
+                    else if (!isChildAdded) {
+                        setProcessing(false); notify('Cannot add paid visibility questions data');
+                    }
+                    else {
+                        setProcessing(false); notify('Paid visibility updated successfully');
+                        props.navigation.goBack();
+                    }
+
+                }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); notify('Cannot add paid visibility data'); },);
+            });
+        } catch (err) {
+            console.log(err);
+        }
+    }
+
+    async function executeQuery(q) {
+        return new Promise((resolve, reject) => {
+            db.transaction(async function (txn) {
+                await txn.executeSql(q, [], async function (txn2, txnres2) {
+                    resolve(true);
+                }, function (txn2, txnerr) { console.log(txnerr); resolve(false) });
+            });
+        }).then((val) => {
+            return val;
+        }).catch((err) => {
+            console.log(err);
+            return false;
+        })
+    }
+
+    async function validate() {
+        let isValid = true;
+
+        return new Promise((resolve, reject) => {
+            for (const wi in globalWindows) {
+                const window = globalWindows[wi];
+                let isImage1 = window.VisibilityImage1 == 'true' || window.VisibilityImage1 == 1 ? 1 : 0;
+                let isImage2 = window.VisibilityImage2 == 'true' || window.VisibilityImage2 == 1 ? 1 : 0;
+                let isNAImageAvl = window.VisibilityNotExistCamera == 'true' || window.VisibilityNotExistCamera == 1 ? 1 : 0;
+                let isNAReasonEnable = window.VisibilityNotExistReasonEnable == 'true' || window.VisibilityNotExistReasonEnable == 1 ? 1 : 0;
+                let isReasonEnable = window.VisibilityExistReasonEnable == 'true' || window.VisibilityExistReasonEnable == 1 ? 1 : 0;
+                let isStockReq = window.VisibilityElementStockRequired == 'true' || window.VisibilityElementStockRequired == 1 ? 1 : 0;
+                let StockQtyRequired = window.StockQtyRequired == 'true' || window.StockQtyRequired == 1 ? 1 : 0;
+                let WindowQuestions = window.WindowQuestions || [];
+                let WindowStocks = window.WindowStocks || [];
+
+
+                const wind = WindowData.find(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+                let isPresent = wind.isPresent != null && wind.isPresent != '' ? wind.isPresent : '0';
+                let ReasonId = wind.ReasonId != null ? wind.ReasonId : '';
+                let Reason = wind.Reason != null ? wind.Reason : '';
+                let NAImage1 = wind.NAImage1 != null ? wind.NAImage1 : '';
+                let NAImage1Path = wind.NAImage1Path != null ? wind.NAImage1Path : '';
+                let remark = wind.remark != null ? wind.remark : '';
+                let WindowSplits = wind.WindowSplits || [];
+                let QD = wind.WindowQA || {};
+                let WStocksData = wind.WStocksData || [];
+
+                if (isPresent == '1') {
+                    if (isReasonEnable == true && ReasonId == '') {
+                        notify(`${ST.Pleaseselectreasonfor} ${window.VisibilityName} `, 'LONG');
+                        resolve(false); return;
+                    }
+                    // else if(remark==''){
+                    //     notify(`Please enter remark for ${window.VisibilityName} `,'LONG');
+                    //     resolve(false);return;
+                    // }
+                    else {
+
+                        if (StoreCameraAllow && window.NoOfSplit > 0 && WindowSplits.length > 0 && (isImage1 == 1 || isImage2 == 1)) {
+                            for (const splitItemIndex in WindowSplits) {
+                                const splitItem = WindowSplits[splitItemIndex];
+                                let Image1Name = splitItem['Image1Name'] != null && splitItem['Image1Name'] != '' ? splitItem['Image1Name'] : '';
+                                let Image2Name = splitItem['Image2Name'] != null && splitItem['Image2Name'] != '' ? splitItem['Image2Name'] : '';
+                                console.log('Image2Name', Image2Name, isImage2);
+                                if (isImage1 == 1 && Image1Name == '') {
+                                    notify(`${ST.Pleaseclickallimagesfor} ${window.VisibilityName}`, 'LONG');
+                                    resolve(false); return;
+                                }
+                                else if (isImage2 == 1 && Image2Name == '') {
+                                    notify(`${ST.Pleaseclickallimagesfor} ${window.VisibilityName}`, 'LONG');
+                                    resolve(false); return;
+                                }
+                            }
+                        }
+
+                        if (isStockReq == 1) {
+                            let isProductSelected = false;
+                            for (const stockProdIndex in WindowStocks) {
+                                const stockProd = WindowStocks[stockProdIndex];
+
+                                let sd = WStocksData.find(i => i.ProductId == stockProd.VisibilityStockValue) || {};
+                                let stock = sd.Stock != null ? sd.Stock : (sd.Stock == 0 ? sd.Stock : '');
+                                let isPVisPresent = sd.isPVisPresent != null ? sd.isPVisPresent : 0;
+
+                                if (isPVisPresent == 1) {
+                                    isProductSelected = true;
+                                }
+
+                                if (isPVisPresent == 1 && StockQtyRequired == 1 && stock == '') {
+                                    notify(`${ST.Pleaseenterstockfor} ${window.VisibilityName} ( ${stockProd.ProductName} ) `, 'LONG');
+                                    resolve(false); return;
+                                }
+
+                                if (stockProdIndex == WindowStocks.length - 1) {
+                                    if (!isProductSelected) {
+                                        notify(`${ST.PleaseselectatleastoneSKUfor} ${window.VisibilityName} `, 'LONG');
+                                        resolve(false); return;
+                                    }
+                                }
+
+                            }
+                        }
+
+                        if (WindowQuestions.length > 0) {
+                            for (const qtnIndex in WindowQuestions) {
+                                const qtn = WindowQuestions[qtnIndex];
+
+                                let selansid = '', selanswer = '', selimg = '', showImageTag = false;
+                                let id_key = qtn.VisibilityQuestionId + '_AnswerId';
+                                let ans_key = qtn.VisibilityQuestionId + '_Answer';
+                                let multi_key = qtn.VisibilityQuestionId + '_MultiOption';
+                                let date_key = qtn.VisibilityQuestionId + '_Date';
+                                let img_key = qtn.VisibilityQuestionId + '_ImagePath1';
+                                let imgname_key = qtn.VisibilityQuestionId + '_ImageName1';
+                                let rating_key = qtn.VisibilityQuestionId + '_Rating';
+                                let list_mcdata = [];
+
+                                let isImgAllowed = (qtn.VQShowCamera == 'true' || qtn.VQShowCamera == 1);
+                                let checkForAnsKey = (qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Number' || qtn.QuestionType == 'Text' || qtn.QuestionType == 'Date' || qtn.QuestionType == 'Rating');
+                                if (qtn.QuestionType == 'Single choice list') {
+                                    selansid = QD[id_key];
+                                }
+                                else if (qtn.QuestionType == 'Multi choice list') {
+                                    selansid = QD[multi_key] != null && QD[multi_key] != '' ? QD[multi_key].split(',') : [];
+                                }
+
+
+                                if (qtn.QuestionType == 'Multi choice list' && selansid.length <= 0) {
+                                    notify(`${Pleaseselectoptionsfortherequiredfield} ${ST.In} ${window.VisibilityName}`, 'SHORT');
+                                    resolve(false); return;
+                                }
+                                else if (checkForAnsKey && (Object.keys(QD).indexOf(ans_key) < 0 || (Object.keys(QD).indexOf(ans_key) >= 0 && QD[ans_key] === ''))) {
+                                    let msg = (qtn.QuestionType == 'Date' ? `${ST.Pleasepickadatefortherequiredfield} ${ST.In} ${window.VisibilityName}` : (qtn.QuestionType == 'Rating' ? `${Pleaseselectratingfortherequiredfield} ${ST.In} ${window.VisibilityName}` : `${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.VisibilityName}`));
+                                    notify(msg, 'SHORT');
+                                    resolve(false); return;
+                                }
+                                else if (Object.keys(QD).indexOf(id_key) < 0 || (Object.keys(QD).indexOf(id_key) >= 0 && (QD[id_key] === '' || (QD[id_key] === 0 && qtn.isDisabled === false)))) {
+                                    notify(`${ST.Pleasefillalltherequiredfield} ${ST.In} ${window.VisibilityName}`, 'SHORT');
+                                    resolve(false); return;
+                                }
+                                else if (isImgAllowed && (Object.keys(QD).indexOf(img_key) < 0 || (Object.keys(QD).indexOf(img_key) >= 0 && QD[img_key] === ''))) {
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.VisibilityName}`, 'SHORT');
+                                    resolve(false); return;
+                                } else {
+                                    console.log('no condition found');
+                                }
+
+                                if ((qtn.QuestionType == 'Single choice list' || qtn.QuestionType == 'Multi choice list')) {
+                                    if (qtn.Answers && qtn.Answers.length > 0) {
+                                        for (var j = 0; j < qtn.Answers.length; j++) {
+                                            let ansss = qtn.Answers[j];
+                                            let isandImgAl = (ansss.VAShowCamera == 'true' || ansss.VAShowCamera == 1);
+                                            if (qtn.QuestionType == 'Single choice list' && (isandImgAl && ansss.AnswerId == selansid)) {
+                                                showImageTag = true;
+                                            }
+                                            else if (qtn.QuestionType == 'Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                                showImageTag = true;
+                                            }
+                                        }
+                                    }
+                                }
+
+                                if (showImageTag && (Object.keys(QD).indexOf(img_key) < 0 || (Object.keys(QD).indexOf(img_key) >= 0 && QD[img_key] === ''))) {
+                                    notify(`${ST.Pleaseaddimages} ${ST.In} ${window.VisibilityName}`, 'SHORT');
+                                    resolve(false); return;
+                                }
+                            }
+                        }
+
+                    }
+                }
+                else {
+                    if (isNAReasonEnable == true && ReasonId == '') {
+                        notify(`${ST.Pleaseselectreasonfor} ${window.VisibilityName} `, 'LONG');
+                        resolve(false); return;
+                    }
+                    else if (StoreCameraAllow && isNAImageAvl == true && NAImage1 == '') {
+                        notify(`${ST.Pleaseclickimagefor} ${window.VisibilityName}`, 'LONG');
+                        resolve(false); return;
+                    }
+                }
+
+                if (wi == (Windows.length - 1)) {
+                    resolve(true); return;
+                }
+
+            }
+
+        }).then((val) => { return val })
+            .catch((err) => { console.log(err); return false });
+
+    }
+
+
+    function onselectionChange(option, keyLbl, keyVal, otherData) {
+        let item = otherData.window;
+        let allData = WindowData;
+        let defData = { 'VisibilityId': item.VisibilityId, 'VisibilityDefinitionId': item.VisibilityDefinitionId };
+        const win_index = allData.findIndex(i => i.VisibilityId == item.VisibilityId && i.VisibilityDefinitionId == item.VisibilityDefinitionId);
+        let wind = win_index >= 0 ? (allData[win_index] || defData) : defData;
+        wind[keyVal] = option.value;
+        wind[keyLbl] = option.label;
+
+        win_index >= 0 ? allData[win_index] = wind : allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange2(option, qtn, window) {
+        let allData = WindowData;
+        let defData = { 'VisibilityId': window.VisibilityId, 'VisibilityDefinitionId': window.VisibilityDefinitionId };
+        const wind_index = allData.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+        let wind = wind_index >= 0 ? allData[wind_index] : defData;
+        let data = wind.WindowQA || {};
+        let id_key = qtn.VisibilityQuestionId + '_AnswerId';
+        let ans_key = qtn.VisibilityQuestionId + '_Answer';
+        data[id_key] = option.value;
+        data[ans_key] = option.label;
+
+
+        wind['WindowQA'] = data;
+        wind_index >= 0 ? allData[wind_index] = wind : allData.push(wind);
+
+        setWindowData(allData);
+
+        let aq_ans = qtn.Answers != null ? qtn.Answers : [];
+        let ans_obj = aq_ans.find(i => i.AnswerId == option.value) || {};
+        let EQtns = ans_obj.VAQuestionEnable != null && ans_obj.VAQuestionEnable != '' ? ans_obj.VAQuestionEnable.replace(' ', '').split(',') : [];
+        let DQtns = ans_obj.VAQuestionDisable != null && ans_obj.VAQuestionDisable != '' ? ans_obj.VAQuestionDisable.replace(' ', '').split(',') : [];
+
+        let sqtns = window.WindowQuestions || []
+
+        if (EQtns.length > 0) {
+            enableQtns(sqtns, EQtns, DQtns, data, wind, wind_index, allData, window)
+        }
+        else if (DQtns.length > 0) {
+            disableQtns(sqtns, DQtns, data, wind, wind_index, allData, window)
+        }
+        else {
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+
+    }
+
+    async function disableQtns(sqtns, DQtns, data, wind = {}, wind_index = -1, allData = [], window = {}) {
+
+        if (DQtns.length > 0) {
+            new Promise.all(
+                DQtns.map((qid, q_index) => {
+                    let s_qtnindex = sqtns.findIndex(i => i.VisibilityQuestionId == qid) || {};
+                    let s_qtn = sqtns[s_qtnindex];
+                    s_qtn['isDisabled'] = true
+                    sqtns[s_qtnindex] = s_qtn;
+                    let id_key = s_qtn.VisibilityQuestionId + '_AnswerId';
+                    let ans_key = s_qtn.VisibilityQuestionId + '_Answer';
+                    data[id_key] = 0;
+                    data[ans_key] = '';
+
+                    wind['WindowQA'] = data;
+                    wind_index >= 0 ? allData[wind_index] = wind : allData.push(wind);
+
+                    return false
+                })
+            ).then(async (val) => {
+
+                let allwindows = Windows;
+                let windowIndex = allwindows.findIndex(i => i.VisibilityDefinitionId == window.VisibilityDefinitionId && i.VisibilityId == window.VisibilityId)
+                if (windowIndex > 0) {
+                    window['WindowQuestions'] = sqtns;
+                    allwindows[windowIndex] = window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+
+            })
+        }
+    }
+
+    async function enableQtns(sqtns, EQtns, DQtns, data, wind = {}, wind_index = -1, allData = [], window = {}) {
+        new Promise.all(
+            EQtns.map((qid, q_index) => {
+                let s_qtnindex = sqtns.findIndex(i => i.VisibilityQuestionId == qid) || {};
+                let s_qtn = sqtns[s_qtnindex];
+                s_qtn['isDisabled'] = false
+                sqtns[s_qtnindex] = s_qtn;
+                return false
+            })
+        ).then(async (val) => {
+            if (DQtns.length > 0) {
+                disableQtns(sqtns, DQtns, data, wind, wind_index, allData, window)
+            }
+            else {
+                let allwindows = Windows;
+                let windowIndex = allwindows.findIndex(i => i.VisibilityDefinitionId == window.VisibilityDefinitionId && i.VisibilityId == window.VisibilityId)
+                if (windowIndex > 0) {
+                    window['WindowQuestions'] = sqtns;
+                    allwindows[windowIndex] = window;
+                    setWindows(allwindows);
+                    setGlobalWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+    async function setMultiSelectValue(selectedItems = [], qtn = {}, window = {}) {
+        let id_key = qtn.VisibilityQuestionId + '_AnswerId';
+        let ans_key = qtn.VisibilityQuestionId + '_Answer';
+        let multi_key = qtn.VisibilityQuestionId + '_MultiOption';
+
+        let allData = WindowData;
+        let defData = { 'VisibilityId': window.VisibilityId, 'VisibilityDefinitionId': window.VisibilityDefinitionId };
+        const wind_index = allData.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+        let wind = wind_index >= 0 ? allData[wind_index] : defData;
+        let obj = wind.WindowQA || {};
+        obj[id_key] = 0;
+        obj[multi_key] = selectedItems.join(',');
+        let anss = [];
+        selectedItems.map((itemValue) => {
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue);
+            if (ans.Answer) { anss.push(ans.Answer) }
+        });
+        obj[ans_key] = anss.join(',');
+
+        wind['WindowQA'] = obj;
+        wind_index >= 0 ? allData[wind_index] = wind : allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setTextValue(value, qtn, window) {
+        let id_key = qtn.VisibilityQuestionId + '_AnswerId';
+        let ans_key = qtn.VisibilityQuestionId + '_Answer';
+
+        let allData = WindowData;
+        let defData = { 'VisibilityId': window.VisibilityId, 'VisibilityDefinitionId': window.VisibilityDefinitionId };
+        const wind_index = allData.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+        let wind = wind_index >= 0 ? allData[wind_index] : defData;
+        let obj = wind.WindowQA || {};
+
+        if (qtn.QuestionType == 'Date') {
+            let date_key = qtn.VisibilityQuestionId + '_Date';
+            let d = value != null ? new Date(value) : new Date();
+            let mfdate = moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn, window, false);
+            obj[id_key] = 0;
+            obj[ans_key] = mfdate;
+            obj[date_key] = moment(d).format('MM/DD/YYYY');
+        }
+        else {
+            obj[id_key] = 0;
+            obj[ans_key] = value;
+        }
+
+        console.log(value, obj);
+        wind['WindowQA'] = obj;
+        wind_index >= 0 ? allData[wind_index] = wind : allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn, window, show = false) {
+        let allQtns = window.WindowQuestions || [];
+        let newqtnIndex = allQtns.findIndex(q => q.VisibilityQuestionId == qtn.VisibilityQuestionId);
+
+        if (newqtnIndex >= 0) {
+            let newqtn = allQtns[newqtnIndex];
+            newqtn.showDatePicker = show;
+            allQtns[newqtnIndex] = newqtn;
+            window['WindowQuestions'] = allQtns;
+            let allWindows = Windows;
+            const winIndex = allWindows.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId) || {};
+            allWindows[winIndex] = window;
+            setWindows(allWindows);
+            setGlobalWindows(allwindows);
+            if (show == true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data) {
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel() {
+        setShowRating(false);
+    }
+
+    function onRatingSave() {
+        setShowRating(false);
+        let qtn = RatingQtn;
+        let window = RatingWindow;
+        let id_key = qtn.VisibilityQuestionId + '_AnswerId';
+        let ans_key = qtn.VisibilityQuestionId + '_Answer';
+        let rating_key = qtn.VisibilityQuestionId + '_Rating';
+        let ids = [], anss = [];
+        RatingOrder.map((item, index) => {
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData = WindowData;
+        let defData = { 'VisibilityId': window.VisibilityId, 'VisibilityDefinitionId': window.VisibilityDefinitionId };
+        const wind_index = allData.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+        let wind = wind_index >= 0 ? allData[wind_index] : defData;
+        let obj = wind.WindowQA || {};
+
+        obj[rating_key] = ids.join(',');
+        obj[id_key] = 0;
+        obj[ans_key] = anss.join(',');
+
+        wind['WindowQA'] = obj;
+        wind_index >= 0 ? allData[wind_index] = wind : allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    function onChoiceSelect(item, val, key, animatedChoice) {
+
+        var val1 = 0;
+        val == 1 ? val1 = 1 : '';
+
+        if (animatedChoice != null) {
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration: 400,
+                useNativeDriver: false,
+            }).start();
+        }
+        onWindowDataChange(item, val, key)
+    }
+
+    function onWindowDataChange(item, val, key) {
+        let allData = WindowData;
+        let defData = { 'VisibilityId': item.VisibilityId, 'VisibilityDefinitionId': item.VisibilityDefinitionId };
+        const win_index = allData.findIndex(i => i.VisibilityId == item.VisibilityId && i.VisibilityDefinitionId == item.VisibilityDefinitionId);
+        let wind = win_index >= 0 ? (allData[win_index] || defData) : defData;
+        wind[key] = val;
+
+        if (key == 'ReasonId') {
+            let rsn = reasons_list.find(r => r.ReasonId == val) || {};
+            wind['Reason'] = rsn.Reason || '';
+        }
+
+        win_index >= 0 ? allData[win_index] = wind : allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    async function setWindowStockVal(val, window, stockProd, key, type = '') {
+        if (type == 'numeric' && val != '') {
+            const regex = new RegExp(/^\d+$/);
+            let isNUmeric = regex.test(val);
+            if (!isNUmeric) {
+                notify(ST.Pleaseenterwholenumbersonly, 'SHORT');
+                return;
+            }
+        }
+
+        let allData = WindowData;
+        let defData = { 'VisibilityId': window.VisibilityId, 'VisibilityDefinitionId': window.VisibilityDefinitionId };
+        const win_index = allData.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+        let wind = win_index >= 0 ? (allData[win_index] || defData) : defData;
+        let WStocksData = wind['WStocksData'] || [];
+        let sdIndex = WStocksData.findIndex(i => i.ProductId == stockProd.VisibilityStockValue);
+        let sd = sdIndex >= 0 ? WStocksData[sdIndex] : { 'ProductId': stockProd.VisibilityStockValue, 'Stock': '' };
+        sd[key] = val;
+        sdIndex >= 0 ? WStocksData[sdIndex] = sd : WStocksData.push(sd);
+        wind['WStocksData'] = WStocksData;
+        win_index >= 0 ? allData[win_index] = wind : allData.push(wind);
+        if (key == 'isPVisPresent') {
+            let isAllChecked = await verifyAllChecked(val, window, stockProd, key);
+            wind['isAllSKUChecked'] = isAllChecked;
+        }
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    async function onCatTextChange(window, key, val) {
+        let item = window;
+        let allData = WindowData;
+        let defData = { 'VisibilityId': item.VisibilityId, 'VisibilityDefinitionId': item.VisibilityDefinitionId };
+        const win_index = allData.findIndex(i => i.VisibilityId == item.VisibilityId && i.VisibilityDefinitionId == item.VisibilityDefinitionId);
+        let wind = win_index >= 0 ? (allData[win_index] || defData) : defData;
+        wind[key] = val;
+
+        win_index >= 0 ? allData[win_index] = wind : allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+
+    async function verifyAllChecked(val, window, stockProd, key) {
+        return await new Promise((resolve, reject) => {
+            let WindowStocks = window.WindowStocks || [];
+            let allData = WindowData;
+            const win_index = allData.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+            let wind = win_index >= 0 ? (allData[win_index] || defData) : defData;
+            let WStocksData = wind['WStocksData'] || [];
+            if (WindowStocks.length > 0) {
+                let isAllChecked = 1;
+                for (var i = 0; i < WindowStocks.length; i++) {
+                    let stockProd = WindowStocks[i];
+
+                    let sdIndex1 = WStocksData.findIndex(a => a.ProductId == stockProd.VisibilityStockValue);
+                    let sd1 = sdIndex1 >= 0 ? WStocksData[sdIndex1] : {};
+                    let isPVisPresent = sd1.isPVisPresent;
+                    if (isPVisPresent == null || isPVisPresent == '' || isPVisPresent == 0 || isPVisPresent == '0') {
+                        isAllChecked = 0
+                    }
+
+                    if (i == WindowStocks.length - 1) {
+                        resolve(isAllChecked);
+                    }
+                }
+            }
+            else {
+                resolve(0);
+            }
+
+        }).catch((err) => {
+            console.log(err);
+            return 0;
+        });
+    }
+
+    function checkAllSKUs(val, window) {
+
+        let WindowStocks = window.WindowStocks || [];
+        let allData = WindowData;
+        let defData = { 'VisibilityId': window.VisibilityId, 'VisibilityDefinitionId': window.VisibilityDefinitionId };
+        const win_index = allData.findIndex(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+        let wind = win_index >= 0 ? (allData[win_index] || defData) : defData;
+        let WStocksData = wind['WStocksData'] || [];
+        console.log('WStocksData before:', WStocksData)
+        for (var i = 0; i < WindowStocks.length; i++) {
+            let stockProd = WindowStocks[i];
+
+            let sdIndex = WStocksData.findIndex(a => a.ProductId == stockProd.VisibilityStockValue);
+            let sd = sdIndex >= 0 ? WStocksData[sdIndex] : { 'ProductId': stockProd.VisibilityStockValue, 'Stock': '' };
+            let isPVisPresent = (val == 1 || val == '1') ? 1 : 0;
+            sd['isPVisPresent'] = isPVisPresent;
+
+            sdIndex >= 0 ? (WStocksData[sdIndex] = sd) : (WStocksData.push(sd));
+        }
+
+
+        wind['WStocksData'] = WStocksData;
+        wind['isAllSKUChecked'] = val == 1 ? 1 : 0;
+        console.log('wind updated');
+        win_index >= 0 ? allData[win_index] = wind : allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onSaveCancel() {
+        setShowAlert(false);
+    }
+
+
+
+    function openImageRefView(RefImage = '') {
+        setShow_zoomImage(true);
+    }
+
+    function FilterStores(searchedQry) {
+        searchedQry = searchedQry.toLowerCase();
+        console.log('searchedQry', searchedQry);
+        let arr = [];
+        let newWindows = [];
+        if (searchedQry != null && searchedQry != '') {
+
+            for (let i = 0; i < globalWindows.length; i++) {
+                let item = globalWindows[i];
+                let { VisibilityName } = item;
+                if (VisibilityName.toLowerCase().includes(searchedQry)) {
+                    newWindows.push(item);
+                }
+
+                if (i == globalWindows.length - 1) {
+                    arr = newWindows;
+                }
+            }
+        }
+        else {
+            arr = globalWindows;
+        }
+
+        setWindows(arr);
+        setrerenderdata(!rerenderdata)
+        setrerenderdata2(!rerenderdata2)
+    }
+
+    function renderRatingView() {
+        let qtn = RatingQtn;
+        let Answers = qtn.Answers;
+        let id_key = qtn.VisibilityQuestionId + '_AnswerId';
+        let ans_key = qtn.VisibilityQuestionId + '_Answer';
+        let rating_key = qtn.VisibilityQuestionId + '_Rating';
+
+        let newarr = RatingOrder;
+        if (RatingOrder.length <= 0) {
+            newarr = Answers;
+        }
+
+        return (
+            <View style={customStyle.RatingModal}>
+                <View style={customStyle.RatingModalCon}>
+                    <Text style={customStyle.VRModalHeding}>{ST.DragItemsInOrder}</Text>
+                    <Text style={customStyle.VRSubHeding}>{ST.Pressandholdtodrag}</Text>
+                    <DraggableFlatList
+                        data={newarr}
+                        style={customStyle.RModal_list}
+                        contentContainerStyle={customStyle.RModal_listInner}
+                        onDragEnd={({ data }) => { setRatingValue(data) }}
+                        keyExtractor={(item) => item.AnswerId}
+                        renderItem={renderItem}
+                    />
+                    <View style={customStyle.RModal_Btns}>
+                        <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={() => { onRatingCancel() }}>
+                            <Text style={customStyle.RModal_BtnTextCancel}>{ST.Cancel}</Text>
+                        </TouchableOpacity>
+                        <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={() => { onRatingSave() }}>
+                            <Text style={customStyle.RModal_BtnTextsave}>{ST.Save}</Text>
+                        </TouchableOpacity>
+                    </View>
+                </View>
+            </View>
+        )
+    }
+
+    function render_Picker(label_key, value_key, onChange = () => { }, selected_data = {}) {
+        var data = [];
+        let qtn = selected_data.qtn || {};
+        let window = selected_data.window || {};
+        let isQtnDisabled = qtn.isDisabled != null || qtn.isDisabled != '' ? false : true;
+        let allAnswers = qtn.Answers || [];
+
+        allAnswers.map((item, index) => {
+            let obj = { key: index, label: item[label_key], value: item[value_key] };
+            if (selected_data.value == item[label_key])
+                obj['component'] = <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+
+        return (
+            <ModalSelector
+                data={data}
+
+                touchableActiveOpacity={0.8}
+
+                style={customStyle.addVisPickerStyle}
+                onChange={(option) => { onChange(option, qtn, window) }}
+                overlayStyle={customStyle.addVisPickerOverlay}
+                cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+                optionStyle={customStyle.addvis_opStyle}
+                optionTextStyle={customStyle.addvis_opTextStyle}
+                optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+                selectedKey={'1'}
+                disabled={isQtnDisabled}
+            >
+                <Text style={[customStyle.WQPicker_InputStyle, (isQtnDisabled ? customStyle.addVisPicker_Dis_InputStyle : {})]}>{(selected_data.value != null && selected_data.value != '' ? selected_data.value : '-' + ST.select + '-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn, window) {
+        let qtnn = qtn;
+        let DateRange = qtn.DateRange;
+        let maxDate = moment().add(10, 'years').format('MM/DD/YYYY');
+        let minDate = moment().subtract(10, 'years').format('MM/DD/YYYY');
+        if (DateRange == 'RFD') {
+            maxDate = moment().format('MM/DD/YYYY');
+        }
+        else if (DateRange == 'RPD') {
+            minDate = moment().format('MM/DD/YYYY');
+        }
+
+        return (
+            <DateTimePicker
+                testID="dateTimePicker"
+                value={(dateValue != null && dateValue != '' ? new Date(dateValue) : new Date())}
+                mode={'date'}
+                display="default"
+                onChange={(event, selectedDate) => { setTextValue(selectedDate, qtnn, window) }}
+                maximumDate={new Date(maxDate)}
+                minimumDate={new Date(minDate)}
+            />
+        );
+    }
+
+    function _renderWindow() {
+        let RemarkEnableIndex = KPIFields.findIndex(i => i.KPIFieldName == 'RemarkEnable')
+        let RemarkEnableKPIObj = RemarkEnableIndex >= 0 ? KPIFields[RemarkEnableIndex] : {};
+        let RemarkEnable = RemarkEnableIndex >= 0 ? RemarkEnableKPIObj['KPIFieldEnable'] : false;
+
+        return (
+            <FlatList
+                data={Windows}
+                extraData={rerenderdata}
+                contentContainerStyle={customStyle.Win_scroll}
+                style={customStyle.Win_scrollO}
+                initialNumToRender={5}
+                listKey={(item, index) => `window_${index.toString()}`}
+                renderItem={({ item, index }) => {
+                    const window = item;
+
+                    let isImage1 = window.VisibilityImage1 == 'true' || window.VisibilityImage1 == 1 ? 1 : 0;
+                    let isImage2 = window.VisibilityImage2 == 'true' || window.VisibilityImage2 == 1 ? 1 : 0;
+                    let isNAImageAvl = window.VisibilityNotExistCamera == 'true' || window.VisibilityNotExistCamera == 1 ? 1 : 0;
+                    let isNAReasonEnable = window.VisibilityNotExistReasonEnable == 'true' || window.VisibilityNotExistReasonEnable == 1 ? 1 : 0;
+                    let isReasonEnable = window.VisibilityExistReasonEnable == 'true' || window.VisibilityExistReasonEnable == 1 ? 1 : 0;
+                    let isStockReq = window.VisibilityElementStockRequired == 'true' || window.VisibilityElementStockRequired == 1 ? 1 : 0;
+                    let StockQtyRequired = window.StockQtyRequired == 'true' || window.StockQtyRequired == 1 ? 1 : 0;
+                    let PromoTitleEnable = window.PromoDefinitionTitleEnable == 'true' || window.PromoDefinitionTitleEnable == 1 ? 1 : 0;
+                    let PromoTitle = window.PromoDefinitionTitle != null && window.PromoDefinitionTitle != 'undefined' ? window.PromoDefinitionTitle : "";
+
+                    // let isStock_CheckAssrt=window.VisibilityElementCheckAssortment=='true' || window.VisibilityElementCheckAssortment==1?1:0;
+                    let RefImage = window.VisibilityRefImage;
+                    let camera1Label = window.VisibilityImage1Lable || '';
+                    let camera2Label = window.VisibilityImage2Lable || '';
+                    let WindowQuestions = window.WindowQuestions || [];
+                    let WindowStocks = window.WindowStocks || [];
+
+
+                    const wind = WindowData.find(i => i.VisibilityId == window.VisibilityId && i.VisibilityDefinitionId == window.VisibilityDefinitionId);
+                    let isPresent = wind.isPresent != null && wind.isPresent != '' ? wind.isPresent : '0';
+                    let ReasonId = wind.ReasonId != null ? wind.ReasonId : '';
+                    let Reason = wind.Reason != null ? wind.Reason : '';
+                    let NAImage1 = wind.NAImage1 != null ? wind.NAImage1 : '';
+                    let NAImage1Path = wind.NAImage1Path != null ? wind.NAImage1Path : '';
+                    let remark = wind.remark != null ? wind.remark : '';
+                    let WindowSplits = wind.WindowSplits || [];
+                    let QuestionsData = wind.WindowQA || {};
+                    let WStocksData = wind.WStocksData || [];
+                    let isAllSKUChecked = wind.isAllSKUChecked == 1 || wind.isAllSKUChecked == "1";
+
+                    let rsn;
+                    if (window.VisibilityReasonId != 0) {
+                        let rsn = reasons_list.find(r => r.ReasonId == window.VisibilityReasonId) || {};
+                    }
+
+                    let EmpImglistJson = window && window.VisibilityImages && JSON.parse(window.VisibilityImages)
+                    let EmplImgList = (EmpImglistJson && EmpImglistJson.ImageList) || []
+
+
+                    var xpos = isPresent == '1' ? -75 : 0;
+                    if (window.animatedChoice != null) {
+                        xpos = window.animatedChoice.interpolate({
+                            inputRange: [0, 1],
+                            outputRange: [0, -75],
+                        });
+                    }
+                    let PrStatus = window.Present == true || window.Present == "true" ? "Yes" : "No"
+                    return (
+                        <View style={customStyle.WItem_wrap} key={'window_' + index}>
+                            <View style={customStyle.WItem_Hdr}>
+                                <View style={customStyle.WItem_Hdrbg}>
+                                    <Text style={customStyle.WItem_HdrText}>{window.VisibilityName}</Text>
+                                    {(PromoTitleEnable == 1 && PromoTitle != null && PromoTitle != '') && <Text style={customStyle.WItem_HdrSubTitleText}>{PromoTitle}</Text>}
+                                    <TouchableOpacity style={customStyle.WItem_RefImgBtn} onPress={() => { openImageRefView(RefImage) }}>
+                                        <Entypo name='image-inverted' size={24} color={PageTheme.$accent_color} />
+                                    </TouchableOpacity>
+                                </View>
+                            </View>
+
+                            <View style={customStyle.WForm}>
+                                <View style={[customStyle.openStk_prd_cols, customStyle.mt10]}>
+                                    {/* <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{"IsPresent Emp"}</Text>
+                                        <Text style={[customStyle.openStkCh_text]}>{window.Present}</Text>
+                                    </View> */}
+
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light, PageTheme.$fourth_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.VAudi_drTextCon}>
+                                        <Text style={[customStyle.openStk_prd_label, customStyle.openStk_prd_flexlabel, customStyle.windhdrText, { width: "50%" }]}>{"Visibility Status (Emp)"}</Text>
+                                        <Text style={[customStyle.openStkCh_text, customStyle.windhdrText]}>{PrStatus}</Text>
+                                    </LinearGradient>
+
+                                    <View style={[customStyle.openStk_prd_colflex, customStyle.mb10, { marginLeft: 7 }]}>
+                                        <Text style={[customStyle.openStk_prd_label, customStyle.openStk_prd_flexlabel]}>{ST.IsPresent}</Text>
+                                        <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                            <View style={customStyle.openStk_prd_choiceBox}>
+                                                <Animated.View style={[customStyle.openStkCh_absolutebg, customStyle.openStkCh_con_active, (isPresent == '1' ? customStyle.openStkCh_con_green : customStyle.openStkCh_con_red),
+                                                { transform: [{ translateX: xpos }], }]}></Animated.View>
+                                                <TouchableOpacity style={customStyle.openStkCh_con1} onPress={() => { onChoiceSelect(window, 1, 'isPresent', window.animatedChoice) }}>
+                                                    <Text style={[customStyle.openStkCh_text, (isPresent == '1' ? customStyle.openStkCh_textactive : {})]}>{ST.Yes}</Text>
+                                                </TouchableOpacity>
+                                                <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={() => { onChoiceSelect(window, 0, 'isPresent', window.animatedChoice) }}>
+                                                    <Text style={[customStyle.openStkCh_text, (isPresent == '0' ? customStyle.openStkCh_textactive : {})]}>{ST.No}</Text>
+                                                </TouchableOpacity>
+                                            </View>
+                                        </View>
+                                    </View>
+
+                                    {((isPresent != '1' && isNAReasonEnable == true) || (isPresent == '1' && isReasonEnable == true)) &&
+                                        <>
+                                            {(window.VisibilityReasonId != 0 && window.Present != true && window.Present != "true") &&
+                                                <>
+                                                    {/* <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                            <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                                            <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>{rsn}</Text>
+                                        </View> */}
+                                                    <LinearGradient colors={[PageTheme.$secondary_color_light, PageTheme.$fourth_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.VAudi_drTextCon}>
+                                                        <Text style={[customStyle.openStk_prd_label, customStyle.openStk_prd_flexlabel, customStyle.windhdrText, { width: "50%" }]}>{`${ST.SelectReason} (Emp)`}</Text>
+                                                        <Text style={[customStyle.openStkCh_text, customStyle.windhdrText]}>{rsn}</Text>
+                                                    </LinearGradient>
+                                                </>
+                                            }
+
+                                            <View style={[customStyle.openStk_prd_colflex, customStyle.openStk_prd_borderT, customStyle.pt10, customStyle.mb10]}>
+                                                <Text style={[customStyle.openStk_prd_label, customStyle.openStk_prd_flexlabel]}>{ST.SelectReason}</Text>
+                                                {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{ value: Reason, otherData: { window: window } }} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                            </View>
+                                        </>
+                                    }
+
+
+                                    {(isPresent != '1' && isNAImageAvl == true) &&
+                                        <View>
+                                            <View style={[customStyle.openStk_prd_borderT, customStyle.pt10, customStyle.mb10]}>
+                                                <LinearGradient colors={[PageTheme.$secondary_color_light, PageTheme.$bg_color, PageTheme.$fourth_color, PageTheme.$bg_color, PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                                    <Text style={customStyle.windhdrText}>{ST.CaptureImage}</Text>
+                                                </LinearGradient>
+
+                                                <View style={[customStyle.openStk_prdCameras, customStyle.WSCameraWrap]}>
+                                                    <View style={[customStyle.openStkCameraCon, customStyle.WSCameraCon]}>
+                                                        {(NAImage1Path == '' || NAImage1Path == null) &&
+                                                            <TouchableOpacity style={[customStyle.osCat_action_openCam, customStyle.osCat_actn_margin]} onPress={() => { openCamera(window, {}, 0, '1', '3') }}>
+                                                                <SvgXml width={80} height={80} xml={cameraImg} />
+                                                            </TouchableOpacity>
+                                                        }
+                                                        {(NAImage1Path != '' && NAImage1Path != null) &&
+                                                            <View style={customStyle.osCatImageView}>
+                                                                <Image style={customStyle.osCatImage} source={{ uri: NAImage1Path }} />
+                                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={() => { openCamera(window, {}, 0, '1', '3') }}>
+                                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color} />
+                                                                </TouchableOpacity>
+                                                            </View>
+                                                        }
+                                                    </View>
+                                                </View>
+                                            </View>
+
+                                        </View>
+                                    }
+
+
+
+                                    {(isPresent == '1') &&
+                                        <View>
+
+                                            {(isStockReq == true && WindowStocks.length > 0) &&
+                                                <View style={[customStyle.openStk_prd_borderT, customStyle.pt10]}>
+                                                    <LinearGradient colors={[PageTheme.$secondary_color_light, PageTheme.$bg_color, PageTheme.$fourth_color, PageTheme.$bg_color, PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                                        <Text style={customStyle.windhdrText}>{ST.SelectProducts}</Text>
+                                                    </LinearGradient>
+                                                    <View style={customStyle.windhdr_checkAllBtnCon}>
+                                                        <TouchableOpacity style={customStyle.windhdr_checkAllBtn} onPress={() => { checkAllSKUs((isAllSKUChecked == 1 ? 0 : 1), window) }}>
+                                                            <CheckBox
+                                                                boxType='square'
+                                                                value={isAllSKUChecked}
+                                                                onValueChange={(val) => { let val1 = (val == true) ? 1 : 0; checkAllSKUs(val1, window) }}
+                                                                style={[customStyle.WStkHdr_checkbox, (Platform.OS == 'ios' ? { height: 20, width: 20, marginLeft: 5 } : {})]}
+                                                                tintColors={{ true: PageTheme.$primary_color, false: PageTheme.$text_color_light }}
+                                                            />
+                                                            <Text style={customStyle.windhdr_checkAllBtnText}>{ST.SelectAll}</Text>
+                                                        </TouchableOpacity>
+                                                    </View>
+                                                    <FlatList
+                                                        data={WindowStocks}
+                                                        extraData={rerenderdata4}
+                                                        listKey={(item, index) => `wstock_${index.toString()}`}
+                                                        renderItem={({ item, index }) => {
+                                                            let stockProd = item;
+                                                            let stockProdIndex = index;
+                                                            let sd = WStocksData.find(i => i.ProductId == stockProd.VisibilityStockValue) || {};
+                                                            let stock = sd.Stock != null ? sd.Stock : '';
+                                                            let isPVisPresent = sd.isPVisPresent != null ? sd.isPVisPresent : 0;
+
+                                                            return (
+                                                                <View style={[customStyle.WStkWrap]} key={'WSTock+' + stockProdIndex}>
+                                                                    {/* <Text style={[customStyle.WStkHdrText]}>{stockProd.ProductName}</Text> */}
+                                                                    <View style={customStyle.WStkHdr_checkboxWrap}>
+                                                                        <View style={customStyle.WStkHdr_checkboxCon}>
+                                                                            <CheckBox
+                                                                                boxType='square'
+                                                                                value={(isPVisPresent == 1 || isPVisPresent == '1')}
+                                                                                onValueChange={(val) => { let val1 = (val == true) ? 1 : 0; setWindowStockVal(val1, window, stockProd, 'isPVisPresent') }}
+                                                                                style={[customStyle.WStkHdr_checkbox, (Platform.OS == 'ios' ? { height: 20, width: 20, marginTop: 5, marginLeft: 5, } : {})]}
+                                                                                tintColors={{ true: PageTheme.$primary_color, false: PageTheme.$text_color_light }}
+                                                                            />
+                                                                        </View>
+                                                                        <Text style={[customStyle.WStkHdrText2, customStyle.WStkHdr_checkboxpName]}>{stockProd.ProductName}</Text>
+                                                                    </View>
+                                                                    {StockQtyRequired == 1 && isPVisPresent == 1 &&
+
+                                                                        <View style={[customStyle.openStk_prd_colflex, customStyle.WStkHdr_PrdcontentWrap]} >
+                                                                            <View style={[customStyle.openStk_prd_col50, customStyle.openStk_prd_col50_1]}>
+                                                                                <Text style={customStyle.openStk_prd_flexlabel}>Stock</Text>
+                                                                            </View>
+
+                                                                            <View style={[customStyle.openStk_prd_col50, customStyle.openStk_prd_col50_2]}>
+                                                                                <TextInput
+                                                                                    style={[customStyle.WStkInputStyle]}
+                                                                                    placeholder=""
+                                                                                    placeholderTextColor={PageTheme.$placeholder_color}
+                                                                                    keyboardType={'number-pad'}
+                                                                                    value={stock + ''}
+                                                                                    onChangeText={(val) => { setWindowStockVal(val, window, stockProd, 'Stock', 'numeric') }}
+                                                                                    autoComplete='off'
+                                                                                />
+                                                                            </View>
+
+                                                                        </View>
+                                                                    }
+                                                                </View>
+                                                            );
+                                                        }}
+                                                    />
+                                                </View>
+                                            }
+                                            {(window.NoOfSplit > 0 && WindowSplits.length > 0 && (isImage1 == 1 || isImage2 == 1)) &&
+                                                <>
+                                                    <View style={[customStyle.openStk_prd_borderT, customStyle.pt10, customStyle.mb10]}>
+                                                        {/* <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}> */}
+                                                        <Text style={customStyle.windhdrText}>{'Paid Visibility Images (Emp)'}</Text>
+                                                        {/* </LinearGradient> */}
+                                                        <FlatList
+                                                            data={EmplImgList}
+                                                            extraData={rerenderdata2}
+                                                            listKey={(item, index) => `spliItem_${index.toString()}`}
+                                                            renderItem={({ item, index }) => {
+                                                                let splitItem = item;
+                                                                let splitItemIndex = index;
+
+                                                                let Image1 = splitItem['VisibilityImage1'] != null && splitItem['VisibilityImage1'] != '' ? splitItem['VisibilityImage1'] : '';
+                                                                let Image2 = splitItem['VisibilityImage2'] != null && splitItem['VisibilityImage2'] != '' ? splitItem['VisibilityImage2'] : '';
+
+                                                                return (
+                                                                    <View style={[customStyle.openStk_prdCameras, customStyle.WSCameraWrap]} key={'SplitItem+' + splitItemIndex}>
+                                                                        {isImage1 == 1 &&
+                                                                            <View style={[customStyle.openStkCameraCon, customStyle.WSCameraCon]}>
+                                                                                {(Image1 != '' && Image1 != null) &&
+                                                                                    <View style={customStyle.osCatImageView}>
+                                                                                        <Image style={customStyle.osCatImage} source={{ uri: Image1 }} />
+                                                                                    </View>
+                                                                                }
+                                                                            </View>
+                                                                        }
+                                                                        {isImage2 == 1 &&
+                                                                            <View style={customStyle.openStkCameraCon}>
+                                                                                {(Image2 != '' && Image2 != null) &&
+                                                                                    <View style={customStyle.osCatImageView}>
+                                                                                        <Image style={customStyle.osCatImage} source={{ uri: Image2 }} />
+                                                                                    </View>
+                                                                                }
+                                                                            </View>
+                                                                        }
+                                                                    </View>
+                                                                );
+                                                            }}
+                                                        />
+                                                    </View>
+
+
+                                                    <View style={[customStyle.openStk_prd_borderT, customStyle.pt10, customStyle.mb10]}>
+                                                        <LinearGradient colors={[PageTheme.$secondary_color_light, PageTheme.$bg_color, PageTheme.$fourth_color, PageTheme.$bg_color, PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                                            <Text style={customStyle.windhdrText}>{'Paid Visibility Images'}</Text>
+                                                        </LinearGradient>
+                                                        <FlatList
+                                                            data={WindowSplits}
+                                                            extraData={rerenderdata2}
+                                                            listKey={(item, index) => `spliItem_${index.toString()}`}
+                                                            renderItem={({ item, index }) => {
+                                                                let splitItem = item;
+                                                                let splitItemIndex = index;
+                                                                let Image1Name = splitItem['Image1Name'] != null && splitItem['Image1Name'] != '' ? splitItem['Image1Name'] : '';
+                                                                let Image2Name = splitItem['Image2Name'] != null && splitItem['Image2Name'] != '' ? splitItem['Image2Name'] : '';
+                                                                let Image1 = splitItem['Image1'] != null && splitItem['Image1'] != '' ? splitItem['Image1'] : '';
+                                                                let Image2 = splitItem['Image2'] != null && splitItem['Image2'] != '' ? splitItem['Image2'] : '';
+
+                                                                return (
+                                                                    <View style={[customStyle.openStk_prdCameras, customStyle.WSCameraWrap]} key={'SplitItem+' + splitItemIndex}>
+                                                                        {isImage1 == 1 &&
+                                                                            <View style={[customStyle.openStkCameraCon, customStyle.WSCameraCon]}>
+                                                                                {(Image1 == '' || Image1 == null) &&
+                                                                                    <TouchableOpacity style={[customStyle.osCat_action_openCam, customStyle.osCat_actn_margin]} onPress={() => { openCamera(window, splitItem, splitItemIndex, '1') }}>
+                                                                                        <SvgXml width={80} height={80} xml={cameraImg} />
+                                                                                    </TouchableOpacity>
+                                                                                }
+                                                                                {(Image1 != '' && Image1 != null) &&
+                                                                                    <View style={customStyle.osCatImageView}>
+                                                                                        <Image style={customStyle.osCatImage} source={{ uri: Image1 }} />
+                                                                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={() => { openCamera(window, splitItem, splitItemIndex, '1') }}>
+                                                                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color} />
+                                                                                        </TouchableOpacity>
+                                                                                    </View>
+                                                                                }
+                                                                                <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text>
+                                                                            </View>
+                                                                        }
+                                                                        {isImage2 == 1 &&
+                                                                            <View style={customStyle.openStkCameraCon}>
+                                                                                {(Image2 == '' || Image2 == null) &&
+                                                                                    <TouchableOpacity style={[customStyle.osCat_action_openCam, customStyle.osCat_actn_margin]} onPress={() => { openCamera(window, splitItem, splitItemIndex, '2') }}>
+                                                                                        <SvgXml width={80} height={80} xml={cameraImg} />
+                                                                                    </TouchableOpacity>
+                                                                                }
+                                                                                {(Image2 != '' && Image2 != null) &&
+                                                                                    <View style={customStyle.osCatImageView}>
+                                                                                        <Image style={customStyle.osCatImage} source={{ uri: Image2 }} />
+                                                                                        <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={() => { openCamera(window, splitItem, splitItemIndex, '2') }}>
+                                                                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color} />
+                                                                                        </TouchableOpacity>
+                                                                                    </View>
+                                                                                }
+                                                                                <Text style={customStyle.WSCameraLabel}>{camera2Label}</Text>
+                                                                            </View>
+                                                                        }
+                                                                    </View>
+                                                                );
+                                                            }}
+                                                        />
+                                                    </View>
+                                                </>
+                                            }
+
+                                            {(WindowQuestions.length > 0) &&
+                                                <View style={[customStyle.openStk_prd_borderT, customStyle.pt10, customStyle.mb10]}>
+                                                    <LinearGradient colors={[PageTheme.$secondary_color_light, PageTheme.$bg_color, PageTheme.$fourth_color, PageTheme.$bg_color, PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                                        <Text style={customStyle.windhdrText}>{'Paid Visibility Questions'}</Text>
+                                                    </LinearGradient>
+                                                    {WindowQuestions.map((item, index) => {
+
+                                                        let qtn = item;
+                                                        let qtnIndex = index;
+                                                        let selansid = '', selanswer = '', selimg = '', showImageTag = false;
+                                                        let id_key = qtn.VisibilityQuestionId + '_AnswerId';
+                                                        let ans_key = qtn.VisibilityQuestionId + '_Answer';
+                                                        let multi_key = qtn.VisibilityQuestionId + '_MultiOption';
+                                                        let date_key = qtn.VisibilityQuestionId + '_Date';
+                                                        let img_key = qtn.VisibilityQuestionId + '_ImagePath1';
+                                                        let imgname_key = qtn.VisibilityQuestionId + '_ImageName1';
+                                                        let rating_key = qtn.VisibilityQuestionId + '_Rating';
+
+                                                        let list_mcdata = [];
+
+                                                        if (qtn.QuestionType == 'Single choice list') {
+                                                            selansid = QuestionsData[id_key] != null ? QuestionsData[id_key] : '';
+                                                            selanswer = QuestionsData[ans_key] != null ? QuestionsData[ans_key] : '';
+                                                        }
+                                                        else if (qtn.QuestionType == 'Multi choice list') {
+                                                            if (qtn.Answers != null) {
+                                                                for (var i = 0; i < qtn.Answers.length; i++) {
+                                                                    let obj = { 'AnswerId': parseInt(qtn.Answers[i].AnswerId), 'Answer': qtn.Answers[i].Answer };
+                                                                    list_mcdata.push(obj);
+                                                                }
+                                                            }
+                                                            selansid = QuestionsData[multi_key] != null && QuestionsData[multi_key] != '' ? QuestionsData[multi_key].split(',') : [];
+                                                            // if(selansid!=null && selansid.length>0){
+                                                            //     let arr=[];
+                                                            //     for(var i=0;i<selansid.length;i++){
+                                                            //         arr.push(parseInt(selansid[i]));
+                                                            //     }
+                                                            //     selansid=arr;
+                                                            // }
+                                                        }
+                                                        else if (qtn.QuestionType == 'Number' || qtn.QuestionType == 'Text' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Date') {
+                                                            selansid = QuestionsData[ans_key];
+                                                            selanswer = (qtn.QuestionType == 'Date') ? (QuestionsData[date_key] || moment().format('MM/DD/YYYY')) : '';
+                                                            showImageTag = (qtn.VQShowCamera == 1 || qtn.VQShowCamera == 'true');
+                                                        }
+                                                        else if (qtn.QuestionType == 'Rating') {
+                                                            selanswer = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+                                                        }
+
+
+                                                        if ((qtn.QuestionType == 'Single choice list' || qtn.QuestionType == 'Multi choice list')) {
+                                                            if (qtn.Answers && qtn.Answers.length > 0) {
+                                                                for (var i = 0; i < qtn.Answers.length; i++) {
+                                                                    let ansss = qtn.Answers[i];
+                                                                    let isandImgAl = (ansss.VAShowCamera == 'true' || ansss.VAShowCamera == 1);
+
+                                                                    if (qtn.QuestionType == 'Single choice list' && (isandImgAl && ansss.AnswerId == selansid)) {
+                                                                        showImageTag = true;
+                                                                    }
+                                                                    else if (qtn.QuestionType == 'Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId) >= 0)) {
+                                                                        showImageTag = true;
+                                                                    }
+
+                                                                }
+                                                            }
+                                                        }
+
+                                                        if (showImageTag) {
+                                                            selimg = QuestionsData[img_key] != null && QuestionsData[img_key] != '' ? 'file://' + QuestionsData[img_key] : '';
+                                                        }
+
+                                                        return (
+                                                            <View style={[customStyle.sform_group2,]} key={'Qtn_' + qtnIndex} >
+                                                                {/* <View style={[{flexDirection:"row"}]}>
+                                                <Text style={[customStyle.sform_label3,{marginRight:10,width:'50%',color:PageTheme.$text_color_dark}]}>{`${qtn.VisibilityQuestionName} Emp`}</Text>
+                                                <Text style={[customStyle.openStkCh_text]}>{qtn.EmpData.VisibilityAnswerName}</Text>
+                                            </View> */}
+                                                                {/* <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$fourth_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={[customStyle.VAudi_drTextCon,{marginTop:10}]}>
+                                                <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel,customStyle.windhdrText,{width:'50%'}]}>{`${qtn.VisibilityQuestionName} (Emp)`}</Text>
+                                                <Text style={[customStyle.openStkCh_text,customStyle.windhdrText]}>{qtn.EmpData.VisibilityAnswerName}</Text>
+                                            </LinearGradient> */}
+                                                                <Text style={[customStyle.sform_label3, { marginLeft: 7 }]}>{qtn.VisibilityQuestionName}</Text>
+                                                                {qtn.QuestionType == 'Single choice list' && qtn.Answers &&
+                                                                    render_Picker('Answer', 'AnswerId', onselectionChange2, { value: selanswer, qtn: qtn, window: window })
+                                                                }
+                                                                {qtn.QuestionType == 'Multi choice list' && qtn.Answers &&
+                                                                    <MultiSelect
+                                                                        items={list_mcdata}
+                                                                        uniqueKey="AnswerId"
+                                                                        onSelectedItemsChange={(selectedItems) => { setMultiSelectValue(selectedItems, qtn, window) }} //setMultiSelectValue(selectedItems,qtn)
+                                                                        selectedItems={selansid}
+                                                                        selectText="Pick Items"
+                                                                        searchInputPlaceholderText={ST.SearchItems + "..."}
+                                                                        // onChangeInput={ (text)=> console.log(text)}
+                                                                        tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                                                        tagBorderColor={PrimaryTheme.$primary_color}
+                                                                        tagTextColor={PrimaryTheme.$primary_color}
+                                                                        selectedItemTextColor={PrimaryTheme.$primary_color}
+                                                                        selectedItemIconColor={PrimaryTheme.$primary_color}
+                                                                        itemTextColor={PrimaryTheme.$text_color}
+                                                                        displayKey="Answer"
+                                                                        searchInputStyle={{ color: '#CCC' }}
+                                                                        submitButtonColor={PrimaryTheme.$primary_color}
+                                                                        submitButtonText={ST.Submit}
+                                                                    />
+                                                                }
+                                                                {(qtn.QuestionType == 'Number' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Text') &&
+                                                                    <TextInput
+                                                                        style={[customStyle.WQ_InputStyle]}
+                                                                        placeholder=""
+                                                                        placeholderTextColor={PageTheme.$placeholder_color}
+                                                                        // keyboardType={'ascii-capable'}
+                                                                        keyboardType={(qtn.QuestionType == 'Decimal' ? 'decimal-pad' : (qtn.QuestionType == 'Text' ? 'default' : 'number-pad'))}
+                                                                        value={selansid}
+                                                                        onChangeText={(val) => { setTextValue(val, qtn, window) }}
+                                                                        autoComplete='off'
+                                                                    />
+                                                                }
+                                                                {
+                                                                    (qtn.QuestionType == 'Date') &&
+                                                                    <View style={customStyle.surveyQtn_datePicker_con}>
+                                                                        <Text style={customStyle.WQ_datePicker_text}>{selansid != '' ? selansid : 'MM/YYYY'}</Text>
+                                                                        <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={() => { setDateValue(selanswer); showQtnDatePicker(qtn, window, true) }}>
+                                                                            <Fontisto size={20} color={PageTheme.$accent_color} name="date" />
+                                                                        </TouchableOpacity>
+                                                                    </View>
+                                                                }
+                                                                {((qtn.showDatePicker == true || qtn.showDatePicker == 'true') && (qtn.QuestionType == 'Date')) &&
+                                                                    renderDatePicker(qtn, window)
+                                                                }
+                                                                {
+                                                                    (qtn.QuestionType == 'Rating') &&
+                                                                    <View style={customStyle.surveyQtn_datePicker_con}>
+                                                                        <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                                        <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={() => { setRatingQtn(qtn); setRatingWindow(window); setShowRating(true); }}>
+                                                                            <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag" />
+                                                                        </TouchableOpacity>
+                                                                    </View>
+                                                                }
+
+                                                                {
+                                                                    // (qtn.QuestionType=='Audio') && 
+                                                                    // <View style={customStyle.surveyQtn_datePicker_con}>
+                                                                    //     <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                                    //     <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                                                    //         <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                                                    //     </TouchableOpacity> 
+                                                                    // </View>    
+                                                                }
+
+                                                                {
+                                                                    showImageTag &&
+                                                                    <View style={[customStyle.store_audit_img_con,]}>
+                                                                        <Image source={(selimg != '' && selimg != null) ? { uri: selimg } : require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image, ((selimg != '' && selimg != null) ? { resizeMode: 'contain' } : { width: 100, height: 150, resizeMode: 'stretch', alignSelf: 'center' })]} />
+                                                                        <TouchableOpacity style={customStyle.store_audit_pickimg_btn} onPress={() => { openCamera(window, {}, 0, '1', '2', qtn) }}>
+                                                                            <Entypo name="camera" color={PageTheme.$text_color} size={28} />
+                                                                        </TouchableOpacity>
+                                                                    </View>
+                                                                }
+
+
+                                                            </View>
+                                                        )
+                                                    })}
+                                                </View>
+                                            }
+                                            {RemarkEnable == true &&
+                                                <View style={[customStyle.openStk_prd_borderT, customStyle.pt10, customStyle.mb10]}>
+                                                    <Text style={[customStyle.openStk_prd_label, customStyle.st_TextLbl]}>{ST.Remark}</Text>
+                                                    <TextInput
+                                                        style={[customStyle.WQ_InputStyle]}
+                                                        value={remark}
+                                                        onChangeText={(val) => { onCatTextChange(window, 'remark', val) }}
+                                                        autoComplete='off'
+                                                    />
+                                                </View>
+                                            }
+
+                                        </View>
+                                    }
+
+
+
+                                </View>
+                            </View>
+                        </View>
+                    );
+                }}
+            />
+        )
+    }
+
+    function _renderHeader(currentIndex) {
+        return (
+            <View style={customStyle.album_ZOOM_topBar}>
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={() => { console.log('tsth'); setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24} />
+                </TouchableOpacity>
+            </View>
+        )
+    }
+
+    return (
+        <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+            {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+            <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`} />
+            {ConfirmSaveAlert(props, showAlert, onSaveCancel, saveData)}
+            <CustomCamera cameraType={'back'} onImageCaptured={(imgData) => { setShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { setShowCamera(false); }} />
+
+            <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper, customStyle.zIndex0]}>
+                <View style={[customStyle.pageContentWrapper]}>
+                    <View style={customStyle.storel_searchbar}>
+                        <TextInput
+                            style={[customStyle.storel_searchInput]}
+                            placeholder={ST.Searchby + ' Paid Visibility'}
+                            placeholderTextColor={PageTheme.$placeholder_color}
+                            value={searchedItem}
+                            onChangeText={(val) => { setSearchedItem(val); FilterStores(val) }}
+                            autoComplete='off'
+                        />
+                        <TouchableOpacity style={customStyle.storel_searchBtn} onPress={() => { FilterStores(searchedItem) }}>
+                            <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color} />
+                        </TouchableOpacity>
+                    </View>
+                    {Object.keys(storeData).length > 0 &&
+                        <View style={customStyle.Windows_Wrap}>
+                            {_renderWindow()}
+                        </View>
+                    }
+                    <View style={[customStyle.opening_Stock_btnWrap]}>
+                        <GradientButton {...props} title={ST.Save} onPress={() => { onSubmitData() }} />
+                    </View>
+                </View>
+
+            </LinearGradient>
+            {showRating == true &&
+                renderRatingView()
+            }
+            {show_zoomImage &&
+                <View style={customStyle.album_ZOOM_wrap}>
+                    <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl}
+                        renderHeader={_renderHeader} renderIndicator={() => null}
+                    />
+                </View>
+            }
+        </Container>
+    );
+}
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(VisibilityAudit);
\ No newline at end of file
diff --git a/src/screens/VisibilityAuditList.js b/src/screens/VisibilityAuditList.js
new file mode 100644
index 0000000..9d18afc
--- /dev/null
+++ b/src/screens/VisibilityAuditList.js
@@ -0,0 +1,165 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme, STATUSBAR_HEIGHT } from "../styles/Global";
+import {Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,FlatList, Alert,Animated} from 'react-native';
+import { connect  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db,} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { checkIf_VisiAuditDone, checkIf_surveyDone } from '../constants/ConstantQueries';
+import { AntDesign } from '../components/icons';
+
+
+function VisibilityAuditList(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [surveys, setSurveys] = useState([]);
+    const [EmpData, setEmpData] = useState([]);
+    
+    
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        setLoaderTitle(ST.Loading+'...')
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let empData1=params.empData || {};
+        let menu1=params.menu || {};
+        let isAdhoc=params.isAdhocScreen || false;
+
+       
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setEmpData(empData1);
+        setCurrentMenu(menu1);
+        getData(storeData1,false);
+
+        const willFocusSubscription = props.navigation.addListener('focus', () => {
+            console.log('onfocus');
+            getData(storeData1,false);
+        });
+
+        return willFocusSubscription;
+    }, []);
+
+    useEffect(() => {
+        console.log('on AutoGoToPrev change (in list view)',props.AutoGoToPrev);
+        if(props.AutoGoToPrev==true){
+            getData(storeData,true);
+        }
+    }, [props.AutoGoToPrev]);
+    
+   
+    async function getData(storeData1,isAutoBack=false){ 
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {   
+            let q2=`SELECT  s.StoreId,w.VisibilityDefinitionId,w.VisibilityId,w.VisibilityName,s.VisibilityQuestion,s.VisibilityImages from Sup_Master_VisibilityDefinition w   
+                    inner join Sup_VisibilityAudit s on w.VisibilityDefinitionId=s.VisibilityDefinitionId   
+                    where s.StoreId='${StoreId}'`
+
+            await txn.executeSql(q2,[],async function (txn2, txnres) { 
+                if(txnres.rows.length>0){
+                    let arr=[],isAllSurveyDone=true;
+                    for(var i=0;i<txnres.rows.length;i++){
+                        let data =txnres.rows.item(i);
+                        let ShowCat=data.ShowCat;
+                        let isshowcat=(ShowCat==1 || ShowCat=='true' || ShowCat==true);
+                        console.log("aksanf----",data)
+                        let isDone= await checkIf_VisiAuditDone(storeData1,data,isshowcat)
+                        data['isDone']=isDone;
+                        arr.push(data);
+                        if(!isDone){
+                            isAllSurveyDone=false;
+                        }
+                        if(i==txnres.rows.length-1){
+                            setSurveys(arr);
+                            setProcessing(false);
+                            console.log('isAllSurveyDone surveylist :',isAllSurveyDone,props.AutoGoToPrev,isAutoBack)
+                            if(isAllSurveyDone==true && props.AutoGoToPrev==true && isAutoBack==true){
+                                // props.set_autoback({'AutoGoToPrev':true});
+                                setTimeout(() => {
+                                    props.navigation.goBack();
+                                }, 1500);
+                            }
+                        }
+                    }
+                    
+                }
+                
+            },function (txn2, txnerr) { console.log(txnerr); },);
+           
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    
+    function openSurveyView(item){
+        let {ShowCat}=item
+        console.log('ShowCat:',ShowCat);
+        props.set_autoback({'AutoGoToPrev':false});
+        if(ShowCat==1 || ShowCat=='true' || ShowCat==true){
+            console.log('go to SurveyCat');
+            props.navigation.navigate('VisibilityAudit',{'surveyData':item,'storeData':storeData,'empData':EmpData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen});
+        }
+        else{
+            props.navigation.navigate('VisibilityAudit',{'surveyData':item,'storeData':storeData,'empData':EmpData,'menu':currentMenu,'isAdhocScreen':isAdhocScreen,'ShowCat':false});
+        }
+    }
+    
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.roundScrollZIndex]}>
+          <View style={[customStyle.pageContentWrapper,customStyle.surveyPageWrapper]}>
+          
+          { Object.keys(storeData).length>0 &&            
+            <FlatList 
+            data={surveys}
+            contentContainerStyle={customStyle.surveyListInner} 
+            style={customStyle.surveyList}
+            renderItem={({item,index})=>{
+                return(
+                    <TouchableOpacity style={customStyle.surveyItem} onPress={()=>{openSurveyView(item)}}>
+                        <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$gradient2]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.surveyItem_tile}>
+                            <View style={customStyle.surveyItemCircle}>
+                                <Text style={customStyle.surveyItemCircle_Text}>{item.VisibilityName.substring(0,1)}</Text>
+                            </View>
+                            <Text style={customStyle.surveyItem_name}>{item.VisibilityName}</Text>
+                            {(item.isDone!=null && item.isDone==true) && <View style={customStyle.surveyItem_Check}><AntDesign color={'green'} size={23} name='checkcircle'/></View>}
+                        </LinearGradient>
+                    </TouchableOpacity>
+                );
+            }}
+            />
+          }  
+         </View> 
+       </LinearGradient> 
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(VisibilityAuditList)
\ No newline at end of file
diff --git a/src/screens/VisitorLogin.js b/src/screens/VisitorLogin.js
new file mode 100644
index 0000000..fb3e37b
--- /dev/null
+++ b/src/screens/VisitorLogin.js
@@ -0,0 +1,832 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { connect } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2, UploadData2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {db, common_ImagePath, URL_IMAGE} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { Ionicons, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import NoDataComponent from '../components/NoDataComponent';
+import { getMethodName, METHODS } from '../constants/methodNames';
+
+import CustomCamera from '../components/Camera';
+
+
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import CustomModal from '../components/CustomModal';
+import { getImagePOSTData, UploadImagesWithoutWait } from '../constants/uploadData';
+
+function VisitorLogin(props) {
+  const route = useRoute();
+  const ST=props.StaticText || {};
+  // get all theme styles acc to current theme set
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const globalStyle = globalStyles(props.DarkMode, route.name);
+  
+  
+  const [processing, setProcessing] = useState(true);
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [designation, setDesignation] = useState('');
+  const [visitors, setVisitors] = useState([]);
+  const [searchedEmployees, setSearchedEmployees] = useState([]);
+  const [rerenderdata, setrerenderdata]= useState(0);
+  const [employeeCode, setEmployeeCode]= useState('');
+  const [EmpData, setEmpData]= useState({});
+  const [currentCheckOutItem, setCurrentCheckOutItem]= useState({});
+  const [removedVisitor, setRemovedVisitor]= useState({});
+  
+  const [showCheckOutModal, setShowCheckOutModal]= useState(false);
+  const [showRemoveVistor, setShowRemoveVistor]= useState(false);
+
+  const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+
+  const d1=new Date();
+  const d2=moment(d1).format('MM/DD/YYYY');
+
+  useEffect(() => {
+    setLoaderTitle(ST.Loading+'...')
+    getData();
+
+      props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+      return function cleanup() {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+      };
+  }, []);
+
+  useEffect(() => {
+    props.navigation.removeListener('beforeRemove', onBeforeRemove);
+    props.navigation.addListener('beforeRemove', onBeforeRemove);
+  }, [showCamera]); 
+
+  function  onBeforeRemove(e){
+      if(showCamera==true){
+          e.preventDefault();
+          setShowCamera(false);
+      }
+      else{
+        return;   
+      }
+  }
+
+  async function getData(){        
+    try {   
+
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+      let desg=loginDetails.Designation || '';
+      setDesignation(desg);
+
+      await db.transaction(async function (txn) {        
+
+        // let q1=`DELETE from ${AppTables.VISITOR_LOGIN} where EMP_CODE='C000363'`;
+        // await txn.executeSql(q1,[],async function (txn2, txnres) { 
+        //     console.log('deleted');
+        // },function (txn2, txnerr) { console.log(txnerr); },);
+        
+        let q=`SELECT * from ${AppTables.VISITOR_LOGIN} where VISIT_DATE='${d2}'`;
+        await txn.executeSql(q,[],async function (txn2, txnres) { 
+            if(txnres.rows.length>0){
+              let arr=[];
+              for(var i=0;i<txnres.rows.length;i++){
+                let data =txnres.rows.item(i);
+                arr.push(data);
+                if(i==txnres.rows.length-1){
+                  setVisitors(arr);
+                  setProcessing(false);
+                  setrerenderdata(!rerenderdata);
+                }
+              }
+            }
+            else{
+              setProcessing(false);
+            }
+        },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+        
+      });          
+    } catch (err) {
+      console.log(err);     
+      setProcessing(false);     
+    }        
+  }
+
+  async function getEmplDetails(){
+    if(employeeCode=='' || employeeCode==null){
+      notify(ST.Pleaseenteremployeecode,'SHORT');
+    }
+    else{
+      setLoaderTitle(ST.GettingEmployeeDetails+'...');
+      setProcessing(true);
+      // download employee details
+      const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+      
+      
+      let data={'Downloadtype':'Visitor_Search','username':props.UserId,'empid':employeeCode}
+      console.log(url,data); 
+      await getDownloadJson(url, data)
+      .then(async(res) => {       
+        console.log('Visitor_Search:',res);
+        let emp=[];
+        if(res.Visitor_Search!=null){
+          emp=res.Visitor_Search || [];
+        }
+        else{
+          notify(ST.Nodatafound);
+        }
+        setSearchedEmployees(emp);
+        setProcessing(false);
+      })
+      .catch(err => {
+        console.log('onPage Team error', err);
+        setProcessing(false);
+      });
+    }
+  }
+
+  async function addEmpl(item){
+    if(validateEmp(item,true)){
+      console.log('addEmp')
+      setLoaderTitle(ST.AddingEmployee+'...');
+      setProcessing(true);
+
+      try{
+        await db.transaction(async function (txn) {        
+          let {EmpId,EmployeeName,DesignationName,LegacyCode}=item;
+          let currentTime=moment().format('HH:mm:ss');
+          let d3=moment().format('MM/DD/YYYY');
+          let image_key=item.EmpId+'In_Image';
+          let image_path_key=item.EmpId+'In_ImagePath';
+          let image1=EmpData[image_key] || '';
+          let values=`('${EmpId}','${LegacyCode}','${EmployeeName}','${DesignationName}','I','${d3}','${currentTime}','','${image1}','','${d3}')`;
+          let q=`INSERT INTO ${AppTables.VISITOR_LOGIN}(EMP_ID,EMP_CODE,NAME,DESIGNATION,UPLOADSTATUS,VISIT_DATE,IN_TIME,OUT_TIME,IN_TIME_IMAGE,OUT_TIME_IMAGE,ADDED_DATE) VALUES ${values}`;
+          let q2=`SELECT * FROM ${AppTables.VISITOR_LOGIN} WHERE  VISIT_DATE='${d3}'`;
+          
+          let q3=`SELECT * FROM ${AppTables.VISITOR_LOGIN} WHERE  VISIT_DATE='${d3}' and EMP_CODE='${LegacyCode}'`;
+          await txn.executeSql(q3,[],async function (txn2, txnres3) { 
+            if(txnres3.rows.length>0){
+              setProcessing(false);
+              notify(ST.Visitor+' '+LegacyCode+' '+ST.Alreadyexists);
+            }
+            else{
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                console.log('Visitor added');
+                
+                await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                  console.log('Visitors',txnres2.rows.length);
+                  if(txnres2.rows.length>0){
+                    
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                      
+                      let index=i;
+                      let data=txnres2.rows.item(i);
+                      
+                      arr.push(data);
+                      if(index==txnres2.rows.length-1){
+                        
+                        setEmployeeCode('');
+                        setSearchedEmployees([]);
+                        setVisitors(arr);
+                        setProcessing(false);
+                        notify(ST.Visitoraddedsuccessfully);
+                      }
+                    }
+                  }
+                  else{
+                    setProcessing(false);
+                    notify(ST.Somethingwentwrong+'! '+ST.Cannotaddvisitor);
+                  }
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Somethingwentwrong); },);
+                
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddvisitor); },);
+            
+            }
+          },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotaddvisitor); },);
+          
+        });          
+      }
+      catch(err){
+        console.log('err',err);
+        setProcessing(false);
+        notify(ST.Errorwhileaddingvisitor);
+      }
+
+    }
+  }
+
+  function validateEmp(item,checkin){
+    let isValid=true;
+    let image_key=checkin==true?item.EmpId+'In_Image':item.EmpId+'Out_Image';
+    let image_path_key=checkin==true?item.EmpId+'In_ImagePath':item.EmpId+'Out_ImagePath';
+    let image1=EmpData[image_key] || '';
+    if(image1=='' || image1==null){
+      isValid=false;
+      notify(`${(checkin==true?ST.PleaseclickCheckInImage:ST.PleaseclickCheckOutImage)}`);
+    }
+    return isValid;
+  }
+
+  async function getImage(imgdata){
+    let item=getImageProps.item || '';
+    let type=getImageProps.type || '';
+    if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+        notify(ST.Cameraunavailable);
+    }
+    else if(typeof imgdata =='object' && imgdata.uri!=null){
+        const img=imgdata;
+        const imgurl='file://'+img.uri, imgWidth=img.width, imgHeight=img.height;
+        let picture_clicked_time2=new Date();
+        picture_clicked_time2=moment(picture_clicked_time2).format('DD-MM-YYYY HH:mm:ss')
+        const mark_text1=picture_clicked_time2;
+        const mark_text2='User Name:'+props.UserId+' | Employee Code:'+item.LegacyCode+' | Image Type: Visitor Login'+' | Date:'+picture_clicked_time2;
+       
+        await marktext1(mark_text1,imgurl)
+        .then((res)=>{
+            if(res.success){
+                let uri=res.uri;
+                marktext2(mark_text2,uri,imgWidth,imgHeight)
+                .then((res)=>{
+                    if(res.success){
+                        let picture_clickedd=new Date();
+                        let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                        let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                        let filename=item.EmpId+'_'+(props.UserId || '')+'_VisitorLoginImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                        
+                        let allData=EmpData;
+                        
+                        let image_key=type=='In'?item.EmpId+'In_Image':item.EmpId+'Out_Image';
+                        let image_path_key=type=='In'?item.EmpId+'In_ImagePath':item.EmpId+'Out_ImagePath';
+                        allData[image_key]=filename;
+                        
+                        // renamefile
+                        let imagePath='file://'+common_ImagePath+filename;
+                        RNFS.copyFile(res.uri, imagePath)
+                        .then(resn => {
+                            let uri=imagePath;
+                            console.log('image marker',uri);
+                            allData[image_path_key]=uri; 
+                            setEmpData(allData);
+                            setrerenderdata(!rerenderdata);
+                        })
+                        .catch(err => {
+                            console.log(ST.Errorimagefilewritefailed+'!!!');
+                            console.log(err.message, err.code);
+                            notify(ST.CannotProcessImage);
+                        });      
+                    }
+                    else{
+                        if(res.imagenotfound){
+                          notify(ST.Pleasecaptureaimage);
+                        }
+                        else{
+                          notify(res.error);
+                        }
+                    }
+                });
+            }
+            else{
+                if(res.imagenotfound){
+                    notify(ST.Pleasecaptureaimage);
+                }
+                else{
+                    notify(res.error);
+                }
+            }
+        });            
+    }        
+  }
+
+  async function openCamera(item,type='In'){  
+    setGetImageProps({'item':item,'type':type}); 
+    setShowCamera(true);
+    // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front'})
+  }
+
+  async function onCheckOut(item){
+    setCurrentCheckOutItem(item);
+    setShowCheckOutModal(true);
+  }
+
+  async function onDelete(item){
+   
+    if(item.UPLOADSTATUS=='U'){
+      setProcessing(false);
+      notify(ST.Dataalreadyuploaded+' '+ST.Cannotdeletevisitornow);
+    }
+    else if(item.OUT_TIME!='' && item.OUT_TIME!=null){
+      setProcessing(false);
+      notify(ST.Visitoralreadyhadcheckedout+' '+ST.Cannotdeletevisitornow);
+    }
+    else{
+      console.log('delete emp')
+      setRemovedVisitor(item);
+      setShowRemoveVistor(true);
+    }
+  }
+
+  async function removeVisitor(){
+    let item=removedVisitor;
+    setShowRemoveVistor(false)
+    setLoaderTitle(ST.RemovingEmployee+'...');
+    setProcessing(true);
+    try{
+      await db.transaction(async function (txn) {        
+        let {EMP_CODE,EMP_ID}=item;
+        let q2=`DELETE FROM ${AppTables.VISITOR_LOGIN} WHERE VISIT_DATE='${d2}' AND EMP_CODE='${EMP_CODE}'`;
+        let q=`SELECT * FROM ${AppTables.VISITOR_LOGIN} WHERE VISIT_DATE='${d2}' `;
+        await txn.executeSql(q2,[],async function (txn2, txnres3) { 
+          await txn.executeSql(q,[],async function (txn2, txnres2) { 
+            console.log('Visitors',txnres2.rows.length);
+            let arr=[];
+            if(txnres2.rows.length>0){
+              
+              
+              for(var i=0;i<txnres2.rows.length;i++){
+                let index=i;
+                let data=txnres2.rows.item(i);
+                arr.push(data);
+                if(index==txnres2.rows.length-1){
+                  let tempData=EmpData;
+                  let imageOut_key=EMP_ID+'Out_Image';
+                  let imageOut_path_key=EMP_ID+'Out_ImagePath';
+                  let imageIn_key=EMP_ID+'In_Image';
+                  let imageIn_path_key=EMP_ID+'In_ImagePath';
+                  delete tempData[imageOut_key];
+                  delete tempData[imageOut_path_key];
+                  delete tempData[imageIn_key];
+                  delete tempData[imageIn_path_key];
+                  setEmpData(tempData);
+                  setVisitors(arr);
+                  setProcessing(false);
+                  notify(ST.Visitorremovedsuccessfully);
+                }
+              }
+            }
+            else{
+              setVisitors(arr);
+              setProcessing(false);
+              notify(ST.Visitorremovedsuccessfully);
+            }
+            
+          },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Somethingwentwrong); },);
+        },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.CannotRemovevisitor); },);
+        
+      });          
+    }
+    catch(err){
+      console.log('err',err);
+      setProcessing(false);
+      notify(ST.Errorwhileremovingvisitor);
+    }
+  }
+
+  async function cancelCehckout(){
+    setShowCheckOutModal(false);
+  }
+
+  async function checkOutEmpl(item){
+    if(validateEmp(item,false)){
+      setShowCheckOutModal(false);
+      setProcessing(false);
+      try{
+        await db.transaction(async function (txn) {        
+          let {EmpId,EmployeeName,DesignationName,LegacyCode}=item;
+          let currentTime=moment().format('HH:mm:ss');
+          let d3=moment().format('MM/DD/YYYY');
+          let image_key=item.EmpId+'Out_Image';
+          let image_path_key=item.EmpId+'Out_ImagePath';
+          let image1=EmpData[image_key] || '';
+          let q=`Update ${AppTables.VISITOR_LOGIN} SET OUT_TIME='${currentTime}',OUT_TIME_IMAGE='${image1}' WHERE EMP_CODE='${LegacyCode}' AND VISIT_DATE='${d3}'`;
+          let q2=`SELECT * FROM ${AppTables.VISITOR_LOGIN} WHERE  VISIT_DATE='${d3}'`;
+          
+          await txn.executeSql(q,[],async function (txn2, txnres) { 
+            console.log('Visitor Updated');
+            
+            await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+              console.log('Visitors',txnres2.rows.length);
+              if(txnres2.rows.length>0){
+                
+                let arr=[],visitoreData={};
+                for(var i=0;i<txnres2.rows.length;i++){
+                  
+                  let index=i;
+                  let data=txnres2.rows.item(i);
+                  if(data.EMP_CODE==LegacyCode){
+                    visitoreData=data;
+                  }
+                  arr.push(data);
+                  
+                  if(index==txnres2.rows.length-1){
+                    setCurrentCheckOutItem({});
+                    setVisitors(arr);
+                    setLoaderTitle(ST.UploadingVisitorData+'...');
+                    notify(ST.Visitorupdatedsuccessfully);
+                    setProcessing(false);
+                    uploadVisitorStatus(visitoreData);
+                  }
+                }
+              }
+              else{
+                setProcessing(false);
+                notify(ST.Somethingwentwrong+' '+ST.Cannotupdatevisitor);
+              }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Somethingwentwrong); },);
+            
+          },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify(ST.Cannotupdatevisitor); },);
+        
+          
+        });          
+      }
+      catch(err){
+        console.log('err',err);
+        setProcessing(false);
+        notify(ST.Errorwhileaddingemployee);
+      }
+    }
+    
+  }
+
+  async function uploadVisitorStatus(item){
+    const url=props.baseurl+getMethodName(METHODS.UPLOADJSON_METHOD);
+    let {IN_TIME_IMAGE,OUT_TIME_IMAGE}=item;
+    let obj={
+      "MID":0,
+      "CreatedBy":props.UserId,
+      "EmpId":item.EMP_ID,
+      "VisitDate":d2,
+      "InTimeImage":item.IN_TIME_IMAGE,
+      "OutTimeImage":item.OUT_TIME_IMAGE,
+      "InTime":item.IN_TIME,
+      "OutTime":item.OUT_TIME
+    }
+    let postData={
+      "MID":0,
+      "Keys":"Visitor_Login",
+      "JsonData":JSON.stringify(obj),
+      "UserId":props.UserId,
+    };
+
+    let INIMAGE='',OUTIMAGE='';
+    if(IN_TIME_IMAGE!='' && IN_TIME_IMAGE!=null){
+        let imgPath='file://'+common_ImagePath+IN_TIME_IMAGE;
+        let file={
+            uri: imgPath,
+            type: 'image/jpeg',
+            name: IN_TIME_IMAGE,
+            filetype:'image',
+            folderName:'VisitorLogin',
+        }
+        INIMAGE=file;
+    }
+
+    if(OUT_TIME_IMAGE!='' && OUT_TIME_IMAGE!=null){
+        let imgPath='file://'+common_ImagePath+OUT_TIME_IMAGE;
+        let file={
+            uri: imgPath,
+            type: 'image/jpeg',
+            name: OUT_TIME_IMAGE,
+            filetype:'image',
+            folderName:'VisitorLogin',
+        }
+        OUTIMAGE=file;
+    }
+    await UploadData2(url,postData)
+    .then(async(res)=>{
+      console.log('res:',res);
+      if(res.UploadJsonResult!=null && res.UploadJsonResult=='Success'){
+        const url2=(props.imageUploadUrl || URL_IMAGE)+getMethodName(METHODS.UPLOADIMAGES_METHOD);
+        let allImageUploaded=true;
+        if(INIMAGE!=''){
+          let isExists=await RNFS.exists(INIMAGE.uri).then((res)=>{return res;});
+          console.log('isExists file',isExists);
+          if(isExists==true){
+            let fileData=getImagePOSTData(INIMAGE,d2);
+            let isImageUploaded=await UploadImagesWithoutWait(fileData,url2);
+            if(isImageUploaded==false){
+              allImageUploaded=false;
+            }
+          }
+        }
+        if(OUTIMAGE!=''){
+          let isExists=await RNFS.exists(OUTIMAGE.uri).then((res)=>{return res;});
+          console.log('isExists file',isExists);
+          if(isExists==true){
+            let fileData=getImagePOSTData(OUTIMAGE,d2);
+            let isImageUploaded=await UploadImagesWithoutWait(fileData,url2);
+            if(isImageUploaded==false){
+              allImageUploaded=false;
+            }
+          }
+        }
+        if(allImageUploaded==true){
+            console.log('all Visitor image uploaded');
+            let isupdated=await updateVLUploadStatus(item);
+            if(isupdated==true){
+              setProcessing(false);
+              notify(ST.Visitordatauploaded);
+            }
+            else{
+              setProcessing(false);
+              notify(ST.Cannotuploadvisitordata);
+            }
+        }
+        else{
+          setProcessing(false);
+          notify(ST.Cannotuploadvisitordata);
+        }
+        
+      }else{
+        setProcessing(false);
+        notify(ST.Cannotuploadvisitordata);
+      }
+    })
+    .catch((err)=>{
+        console.log(err);
+        setProcessing(false);
+        notify(ST.Cannotuploadvisitordata);
+    }); 
+
+  }
+
+  async function updateVLUploadStatus(item){
+    return new Promise((resolve,reject)=>{
+      db.transaction(async function (txn) {        
+
+        let q=`Update ${AppTables.VISITOR_LOGIN} SET UPLOADSTATUS='U' WHERE EMP_CODE='${item.EMP_CODE}' AND VISIT_DATE='${d2}'`;
+        await txn.executeSql(q,[],async function (txn2, txnres) { 
+          console.log('Visitor Updated');
+          let allVisitors=visitors;
+          let thisVisIndex=allVisitors.findIndex(i=>i.EMP_CODE==item.EMP_CODE);
+          if(thisVisIndex>=0){
+            let thisVis=allVisitors[thisVisIndex] || {};
+            thisVis['UPLOADSTATUS']='U';
+            allVisitors[thisVisIndex]=thisVis;
+            setVisitors(allVisitors);
+            setrerenderdata(!rerenderdata);
+            resolve(true);
+          }
+          else{
+            resolve(false);
+          }
+        },function (txn2, txnerr) { console.log(txnerr);resolve(false); },);
+        
+      });   
+    }).then((val)=>{
+      return val;
+    }).catch((err)=>{
+      console.log(err);
+      return false;
+    });
+  }
+
+  function _render_CheckOutModal(){
+    
+    let data=currentCheckOutItem;
+    let item={"EmpId":data.EMP_ID,"EmployeeName":data.NAME,"DesignationName":data.DESIGNATION,"LegacyCode":data.EMP_CODE};
+    let image_key=item.EmpId+'Out_Image';
+    let image_path_key=item.EmpId+'Out_ImagePath';
+    let Image1=EmpData[image_path_key] || '';
+    return (
+      <CustomModal 
+        style={customStyle.vl_checkoutModal}
+        titleStyle={customStyle.vl_checkoutModalTitle}
+        title={ST.VisitorCheckOut}
+        message={(currentCheckOutItem.NAME || '')}
+        messageStyle={customStyle.vl_checkoutModalTitle}
+        showModal={showCheckOutModal}
+      >
+        <View style={customStyle.vl_checkoutM_Con}>
+          <View style={customStyle.vl_checkoutM_Camera}>
+            <View style={customStyle.vl_checkoutM_CameraCon}>
+            { (Image1=='' || Image1==null) && 
+              <TouchableOpacity style={[customStyle.vl_checkoutM_openCam]} onPress={()=>{openCamera(item,'Out')}}>
+                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+              </TouchableOpacity>
+            }                                 
+            { (Image1!='' && Image1!=null) && 
+              <View style={customStyle.vl_checkoutM_ImageView}>
+                <Image style={[customStyle.vl_checkoutM_Image,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:Image1}}/>
+                <TouchableOpacity style={[customStyle.vl_checkoutM_recap]} onPress={()=>{openCamera(item,'Out')}}>
+                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                </TouchableOpacity>
+              </View>                                    
+            }        
+            </View>
+
+            <View style={[customStyle.nonWCapImgModal_btng,customStyle.vl_checkoutM_btng]}>              
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{cancelCehckout()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Save_btn} onPress={()=>{checkOutEmpl(item)}}>
+                <Text style={customStyle.nonWCapImgModal_Save_btnText}>{ST.Save}</Text>
+              </TouchableOpacity>
+            </View>
+          </View>
+        </View>
+      </CustomModal>
+    )
+  }
+
+  function _render_RemoveAlert(){
+    let data=removedVisitor;
+    return (
+      <CustomModal 
+        style={customStyle.storelVisitM_Style}
+        titleStyle={[customStyle.vl_removeModalTitle]}
+        title={ST.DoyoureallywanttoremoveVisitor}
+        message={(data.NAME || '')}
+        messageStyle={customStyle.vl_removeModalSubTitle}
+        showModal={showRemoveVistor}
+      >
+        <View style={customStyle.storelVisitM_options}>
+         <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{setShowRemoveVistor(false)}}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.Cancel}</Text>
+          </TouchableOpacity>
+          <TouchableOpacity style={customStyle.storelVisitM_op_btn} onPress={()=>{removeVisitor(removedVisitor)}}>
+            <Text style={customStyle.storelVisitM_op_btnText}>{ST.Yes}</Text>
+          </TouchableOpacity>
+        </View>
+      </CustomModal>
+    )
+  }
+ 
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+      {processing && <CustomLoader title={loaderTitle}/>}
+      <CustomHeader {...props} title={ST.VisitorLogin}/>
+      {_render_CheckOutModal()}
+      {_render_RemoveAlert()}
+      <CustomCamera cameraType={'front'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+      <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper,customStyle.vlPageWrapper]}>
+        { !props.isDataDownloaded && <NoDataComponent {...props} />}
+        { props.isDataDownloaded==true && 
+          <ScrollView
+            contentContainerStyle={customStyle.vl_scrollViewInner}
+            style={customStyle.vl_scrollView}
+          >
+            <View style={[customStyle.vlUinfo_Card]}>
+              <View style={[customStyle.vlUinfo_CardRow,customStyle.vlUinfo_CardBorder]}> 
+                <Text style={customStyle.vlUinfo_lbl}>{ST.Username+' :'}</Text>  
+                <Text style={customStyle.vlUinfo_text}>{props.UserId}</Text>                
+              </View> 
+              <View style={customStyle.vlUinfo_CardRow}> 
+                <Text style={customStyle.vlUinfo_lbl}>{ST.Designation+' :'}</Text>  
+                <Text style={customStyle.vlUinfo_text}>{designation}</Text>                
+              </View> 
+            </View>
+
+            <View style={[customStyle.vlEmplForm]}>
+              <View style={customStyle.vlEmplFormRow}> 
+                <View style={customStyle.vlEmplForm_field}> 
+                  {/* <Text style={customStyle.vlEmplForm_lbl}>{'Employee Code'}</Text>   */}
+                  <TextInput 
+                    style={[customStyle.vlEmplForm_InputStyle]}              
+                    placeholder={ST.Employeecode}            
+                    placeholderTextColor={PageTheme.$text_color_light} 
+                    value={employeeCode}
+                    onChangeText={(val)=>{setEmployeeCode(val)}}
+                    autoComplete='off'
+                  />                               
+                </View>      
+                <TouchableOpacity activeOpacity={0.4} style={customStyle.vlEmplSearchBtn} onPress={()=>{getEmplDetails()}}>
+                  <Text style={customStyle.vlEmplSearchBtnText}>{ST.Go}</Text>
+                </TouchableOpacity>         
+              </View> 
+              
+            </View>
+
+            <View style={customStyle.vlEmplList}>
+              {
+                searchedEmployees.length>0 &&
+                searchedEmployees.map((item,index)=>{
+                  let image_key=item.EmpId+'In_Image';
+                  let image_path_key=item.EmpId+'In_ImagePath';
+                  let Image1=EmpData[image_path_key] || '';
+                  
+                  return(
+                    <View style={customStyle.vlEmplLDtl} key={index}>
+                      <View style={[customStyle.vlEmplLDtlRow,customStyle.vlEmplLDtlRow_Border]}>
+                        <Text style={customStyle.vlEmplLDtlRow_Lbl}>{ST.Name+':'}</Text>
+                        <Text style={customStyle.vlEmplLDtlRow_Text}>{(item.EmployeeName || '')}</Text>
+                      </View>
+                      <View style={[customStyle.vlEmplLDtlRow,customStyle.vlEmplLDtlRow_Border]}>
+                        <Text style={customStyle.vlEmplLDtlRow_Lbl}>{ST.Designation+':'}</Text>
+                        <Text style={customStyle.vlEmplLDtlRow_Text}>{(item.DesignationName || '')}</Text>
+                      </View>
+                      <View style={customStyle.vlEmplLDtlAct}>
+                        <View style={customStyle.vlED_Act_Cameras}>
+                          <View style={customStyle.vlED_Act_CameraCon}>
+                            { (Image1=='' || Image1==null) && 
+                              <TouchableOpacity style={[customStyle.vlED_Act_openCam]} onPress={()=>{openCamera(item,'In')}}>
+                                <SvgXml width={50} height={50} xml={cameraImg}/>                                     
+                              </TouchableOpacity>
+                            }                                
+                            { (Image1!='' && Image1!=null) && 
+                              <View style={customStyle.vlED_Act_ImageView}>
+                                <Image style={[customStyle.vlED_Act_Image,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:Image1}}/>
+                                <TouchableOpacity style={[customStyle.vlED_Act_reCap]} onPress={()=>{openCamera(item,'In')}}>
+                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$primary_color}/>                                   
+                                </TouchableOpacity>
+                              </View>                                    
+                            }                                                                         
+                          </View>
+                        </View>
+                        <View style={customStyle.vlED_Act_addEmplCon}>
+                          <TouchableOpacity style={customStyle.vlED_Act_addEmpl} onPress={()=>{addEmpl(item)}}>
+                            <Text style={customStyle.vlED_Act_addEmplText}>{ST.AddVisitor}</Text>
+                          </TouchableOpacity>
+                        </View>
+                        
+                      </View>
+                    </View>
+                  )
+                })
+              }
+            </View>
+
+            <View style={customStyle.vl_visitorsList}>
+              <Text style={customStyle.vl_visitorsListText}>{ST.Visitors}</Text>
+              <View style={customStyle.vl_TblHeader}>
+                <View style={[customStyle.vl_TblHeaderBox,customStyle.vl_TblHeaderBox1]}>
+                  <Text style={customStyle.vl_TblHeaderTxt}>{ST.Name}</Text>
+                </View>
+                <View style={[customStyle.vl_TblHeaderBox,customStyle.vl_TblHeaderBox2]}>
+                  <Text style={customStyle.vl_TblHeaderTxt}>{ST.Designation}</Text>
+                </View>
+                <View style={[customStyle.vl_TblHeaderBox,customStyle.vl_TblHeaderBox3]}>
+                  <Text style={customStyle.vl_TblHeaderTxt}>{ST.Actions}</Text>
+                </View>
+              </View>
+              <View style={customStyle.vl_TblBody}>
+              {
+                visitors.length>0 &&
+                visitors.map((item,index)=>{
+                  return(
+                    <View style={[customStyle.vl_visitorsLItem,((index<(visitors.length-1))?customStyle.vl_visitorsLItemB:{})]} key={index}>
+                      <View style={[customStyle.vl_visitorsLI_Box,customStyle.vl_visitorsLI_Box1]}>
+                        <Text style={customStyle.vl_visitorsLI_Txt}>{item.NAME}</Text>
+                      </View>
+                      <View style={[customStyle.vl_visitorsLI_Box,customStyle.vl_visitorsLI_Box2]}>
+                        <Text style={customStyle.vl_visitorsLI_Txt}>{item.DESIGNATION}</Text>
+                      </View>
+                      {item.UPLOADSTATUS!='U' && (item.OUT_TIME=='' || item.OUT_TIME==null) &&
+                      <View style={[customStyle.vl_visitorsLI_Box,customStyle.vl_visitorsLI_Box3]}>
+                        <TouchableOpacity style={customStyle.vl_CheckOutBtn} onPress={()=>{onCheckOut(item)}}>
+                          <Text style={customStyle.vl_CheckOutBtnText}>{ST.CheckOut}</Text>
+                        </TouchableOpacity>
+                        <TouchableOpacity style={customStyle.vl_DeleteBtn} onPress={()=>{onDelete(item)}}>
+                          <Ionicons name='trash' color={PageTheme.$red} size={24} />
+                        </TouchableOpacity>
+                      </View>
+                      }
+                      {item.UPLOADSTATUS!='U' &&  (item.OUT_TIME!='' && item.OUT_TIME!=null) &&
+                        <View style={[customStyle.vlStatus2]}>
+                          <Ionicons name='checkmark-sharp' color='green' size={20}/>
+                          <Text style={[customStyle.storel_usText,{color:'green'}]}>{ST.CheckedOut}</Text>
+                        </View>
+                      }
+
+                      {item.UPLOADSTATUS=='U' &&
+                      <View style={[customStyle.vlStatus]}>
+                        <Ionicons name='checkmark-done-sharp' color='green' size={20}/>
+                        <Text style={[customStyle.storel_usText,{color:'green'}]}>{ST.Uploaded}</Text>
+                      </View>
+                      }
+                      
+                    </View>
+                  )
+                })
+              }
+              </View>
+            </View>
+              
+          </ScrollView>
+        }
+        </View>      
+      </LinearGradient>      
+    </Container>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(VisitorLogin);
diff --git a/src/screens/Window.js b/src/screens/Window.js
new file mode 100644
index 0000000..895e30d
--- /dev/null
+++ b/src/screens/Window.js
@@ -0,0 +1,1816 @@
+import React,{useState,useEffect,useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList, Alert, Animated} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,marktext1,marktext2} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, colors_Arr, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card, Menu, Switch} from 'react-native-paper';
+import {AntDesign, Entypo, FontAwesome, Fontisto, MaterialCommunityIcons} from '../components/icons';
+import { stat } from 'react-native-fs';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import { AppTables } from '../constants/tableConstants';
+import { SvgXml } from 'react-native-svg';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import GradientButton from '../components/gradientButton';
+import addImg from '../assets/performics/add_image.svg';
+import CustomModal from '../components/CustomModal';
+import { Q_getpaidvisibility } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import ModalSelector from 'react-native-modal-selector'
+import { CustomPicker, CustomPicker2 } from '../components/CustomPicker';
+import CustomCamera from '../components/Camera';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import DateTimePicker from '@react-native-community/datetimepicker';
+
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import MultiSelect from 'react-native-multiple-select';
+
+function Window(props) { 
+    const route = useRoute();
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const animatedChoice=useRef(new Animated.Value(0)).current;
+    
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState('loading...');
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [storeData, setStoreData] = useState({});
+    const [currentMenu, setCurrentMenu] = useState({});
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [rerenderdata2, setrerenderdata2]= useState(0);
+    const [rerenderdata3, setrerenderdata3]= useState(0);
+    const [rerenderdata4, setrerenderdata4]= useState(0);
+    
+    const [hasUnsavedChanges,setHasUnsavedChanges] = useState(false);
+    
+    const [WindowData, setWindowData] = useState([]);
+    const [reasons_list, setReasons_list] = useState([]);
+    const [Windows, setWindows] = useState([]);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [showAlert, setShowAlert] = useState(false);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+    const zoomView=useRef(null);
+    const [showRating, setShowRating] = useState(false);
+    const [RatingQtn, setRatingQtn] = useState({});
+    const [RatingWindow, setRatingWindow] = useState({});
+    const [RatingOrder, setRatingOrder] = useState([]);
+
+    const [Products, setProducts] = useState([]);
+    const [DisplayList, setDisplayList] = useState([]);
+    const [toRemoveId,setToRemoveId]= useState('');
+    const [toRemoveItem,setToRemoveItem]= useState({});
+    const [showRemoveConfirm_M,setshowRemoveConfirm_M]= useState(false);
+    const [showRAllC_M,setShowRAllC_M]= useState(false);
+
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+    
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let menu1=params.menu || {};
+        
+        let isAdhoc=params.isAdhoc || false;
+        setIsAdhocScreen(isAdhoc);
+        setStoreData(storeData1);
+        setCurrentMenu(menu1);
+            
+        getData(storeData1);
+
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+        return function cleanup() {
+           props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [hasUnsavedChanges]); 
+    
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            if (hasUnsavedChanges==true) {
+                e.preventDefault(); // Prevent default behavior of leaving the screen
+                onRemoveScreen(e);
+            }
+            else{
+               return;
+            }   
+        }
+    }
+    function onRemoveScreen(e){     
+        Alert.alert(
+            "",
+            "Do you really want to exit the screen?",
+            [
+              {
+                text: "Cancel",
+                onPress: () => {},
+                style: "cancel"
+              },
+              { text: "OK", onPress: () => {setHasUnsavedChanges(false);props.navigation.dispatch(e.data.action);} }
+            ]
+          );
+    }
+    
+
+    async function getData(storeData1){        
+        try {   
+          let {StoreId,ChainId,StateId,StoreTypeId}=storeData1;
+          
+          await db.transaction(async function (txn) {        
+            
+
+            let q3=`Select WindowReasonId as ReasonId,WindowReason as Reason From Master_WindowReason`;
+            await txn.executeSql(q3,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data =txnres2.rows.item(i);
+                        arr.push(data);
+                        if(i==txnres2.rows.length-1){
+                            setReasons_list(arr);
+                        }                                
+                    }
+                }
+            },function (txn2, txnerr) { console.log(txnerr); },);
+
+            // check if data exists
+            let selectlist=` w.STORE_ID as StoreId,w.WINDOW_HEADER_ID as windowHeaderId,wd.WindowDefinitionId,wd.WindowId,wd.WindowName,wd.WindowTable,wd.WindowField,wd.WindowValue,wd.ChildName,wd.WindowRefImage,wd.WindowElementCheckAssortment,wd.WindowElementStockRequired,w.IS_PRESENT as IsPresent,wd.WindowNotExistCamera,w.WINDOW_NA_IMAGE as WindowNAImage,wd.WindowExistReasonEnable,wd.WindowNotExistReasonEnable,w.REASON_ID as ReasonId,w.REASON as Reason,wd.NoOfSplit,wd.WindowImage1,wd.WindowImage2,wd.WindowImage1Lable,wd.WindowImage2Lable,wd.WindowImage1CameraGrid,wd.WindowImage2CameraGrid`;
+            let join=` inner join Master_WindowDefinition wd on w.WINDOW_DEFINITION_ID=wd.WindowDefinitionId `;
+            let q=` Select ${selectlist} from ${AppTables.WINDOW_HDR_DATA} w  ${join} where w.STORE_ID='${StoreId}'  `;
+
+            // else pick data from masters
+            let selectlist2=` s.StoreId,w.WindowDefinitionId,w.WindowId,w.WindowName,w.WindowTable,w.WindowField,w.WindowValue,w.ChildName,w.WindowRefImage,w.WindowElementCheckAssortment,w.WindowElementStockRequired,'' as IsPresent,w.WindowNotExistCamera,'' as WindowNAImage,w.WindowExistReasonEnable,w.WindowNotExistReasonEnable,'' as ReasonId,'' as Reason,w.NoOfSplit,w.WindowImage1,w.WindowImage2,w.WindowImage1Lable,w.WindowImage2Lable,w.WindowImage1CameraGrid,w.WindowImage2CameraGrid`;
+            let join2=` inner join Mapping_StoreWindow s on w.WindowDefinitionId=s.WindowDefinitionId  `;
+            let q2=` Select ${selectlist2} from Master_WindowDefinition w  ${join2} where s.StoreId='${StoreId}'  `;
+            
+            await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                if(txnres2.rows.length>0){
+                    let arr=[];let images=[],allWindowsData=[];
+                    for(var i=0;i<txnres2.rows.length;i++){
+                        let data=txnres2.rows.item(i);
+                        let animatedChoice=new Animated.Value((data.IsPresent=='1' || data.IsPresent==1?1:0));
+                        data.animatedChoice=animatedChoice;
+                        data.NoOfSplit=parseInt(data.NoOfSplit);
+                        
+                        let NoOfSplit=data.NoOfSplit;
+                        let isPresent=data.IsPresent=='1' || data.IsPresent==1?1:0;
+                        let isStockReq=data.WindowElementStockRequired=='true' || data.WindowElementStockRequired==1?1:0;
+                        let imgObj={imgIndex:(i+1),url: data.WindowRefImage, props: {}}
+                        let WindowSplits =  await getWindowSplits(NoOfSplit,data,storeData1);
+                        let WQr =  await getWindowQuestions(data,storeData1,isPresent);
+                        let WindowQuestions = WQr['WindowQuestions'] || [];
+                        let WindowQA= WQr['WindowQA'] || {};
+                        let WSd= isStockReq==true ? await getWindowStockData(data,storeData1,isPresent) : {'WStocks':[],'WStocksData':[]};
+                        let WStocks=WSd['WStocks'] || [];
+                        let WStocksData=WSd['WStocksData'] || [];
+
+                        let isNAImageAvl=data.WindowNotExistCamera=='true' || data.WindowNotExistCamera==1?1:0;
+                        let NAImage1=isNAImageAvl==1 && data.WindowNAImage!=null?data.WindowNAImage:'';
+                        let NAImage1Path=NAImage1!=''?'file://'+common_ImagePath+NAImage1:'';
+
+
+                        let windowDataObj={'WindowId':data.WindowId,'WindowDefinitionId':data.WindowDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData,'NAImage1':NAImage1,'NAImage1Path':NAImage1Path,'ReasonId':data.ReasonId,'Reason':data.Reason,'isPresent':isPresent};
+                        data['WindowQuestions']=WindowQuestions;
+                        data['WindowStocks']=WStocks;
+                        arr.push(data);
+                        
+                        allWindowsData.push(windowDataObj);
+                        if(i==txnres2.rows.length-1){
+                            setWindowData(allWindowsData);
+                            setWindows(arr);
+                            images.push(imgObj);
+                            setZoomImageUrl(images);
+                            setProcessing(false);
+                        }                                
+                    }
+                }
+                else{
+                    await txn.executeSql(q2,[],async function (txn2, txnres2) { 
+                        if(txnres2.rows.length>0){
+                            let arr=[],images=[],allWindowsData=[];
+                            for(var i=0;i<txnres2.rows.length;i++){
+                                let data=txnres2.rows.item(i);
+                                let animatedChoice=new Animated.Value(0);
+                                data.animatedChoice=animatedChoice;
+                                data.NoOfSplit=parseInt(data.NoOfSplit);
+                             
+                                let imgObj={imgIndex:(i+1),url: data.WindowRefImage, props: {}}
+                                let WindowSplits =  [];
+                                for(var s=0;s<data.NoOfSplit;s++){
+                                    let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+                                    WindowSplits.push(obj);
+                                }
+                                let WQr =  await getWindowQuestions(data,storeData1,false);
+                                let WindowQuestions = WQr['WindowQuestions'] || [];
+                                let WindowQA= WQr['WindowQA'] || {};
+                                let WSd=await getWindowStockData(data,storeData1,false);
+                                let WStocks=WSd['WStocks'] || [];
+                                let WStocksData=WSd['WStocksData'] || [];
+
+                                let windowDataObj={'WindowId':data.WindowId,'WindowDefinitionId':data.WindowDefinitionId,'WindowSplits':WindowSplits,'WindowQA':WindowQA,'WStocksData':WStocksData};
+                                data['WindowQuestions']=WindowQuestions;
+                                data['WindowStocks']=WStocks;
+
+                                arr.push(data);
+                                allWindowsData.push(windowDataObj);
+                                if(i==txnres2.rows.length-1){
+                                    setWindowData(allWindowsData);
+                                    setWindows(arr);
+                                    images.push(imgObj);
+                                    setZoomImageUrl(images);
+                                    setProcessing(false);
+                                }                                
+                            }
+                        }
+                        else{
+                            setProcessing(false);
+                        }
+                    },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+                }
+            },function (txn2, txnerr) { console.log(txnerr);setProcessing(false); },);
+
+          });          
+        } catch (err) {
+          console.log(err);          
+        }        
+    }
+
+    async function getWindowSplits(NoOfSplit,window,storeData1){
+        let WindowSplits_def=  [];
+        for(var s=0;s<NoOfSplit;s++){
+            let obj={'Image1Name':'','Image1':'','Image2Name':'','Image2':''};
+            WindowSplits_def.push(obj);
+        }
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+
+                let q=`select * from ${AppTables.WINDOW_IMAGES} where WINDOW_HEADER_ID='${window.windowHeaderId}' and  STORE_ID='${storeData1.StoreId}' `;
+               
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            console.log(data.WINDOW_HEADER_ID)
+                            let isImage1=window.WindowImage1=='true' || window.WindowImage1==1?1:0;
+                            let isImage2=window.WindowImage2=='true' || window.WindowImage2==1?1:0;
+
+                            let Image1=isImage1==1 && data.IMAGE1!=null && data.IMAGE1!=''?'file://'+common_ImagePath+data.IMAGE1:'';
+                            let Image2=isImage2==1 && data.IMAGE2!=null && data.IMAGE2!=''?'file://'+common_ImagePath+data.IMAGE2:'';
+                            let obj={'Image1Name':data.IMAGE1,'Image1':Image1,'Image2Name':data.IMAGE2,'Image2':Image2};
+                            arr.push(obj);
+
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(WindowSplits_def)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(WindowSplits_def) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return WindowSplits_def;
+        });
+    }
+
+    async function getWindowQuestions(window,storeData1,isInserted=false){
+        let obj={'WindowQA':{},'WindowQuestions':[]}
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='',join2='';
+                if(isInserted==true){
+                    selectlist=` DISTINCT  q.QUESTION_ID as WindowQuestionId,q.QUESTION_CODE as WindowQuestionCode,wq.WindowQuestionName,wq.QuestionType,wq.WQShowCamera,wq.WQCameraMandatory,wq.WQLengthValidationRequired,wq.WQMinimumChar,wq.WQMaximumChar,wq.WQDecimalPoint,wq.WQDateRangeMin,wq.WQDateRangeMax,wq.WQVoiceLengthInMinutes,wq.WQDefaultQuestionEnable,q.ANSWER as Answer,q.ANSWER_ID as AnswerId,q.MULTI_OPTIONS_IDS as multi_op_ids,q.IMAGE_ALLOW1 as WAShowCamera,q.IMAGE1 as Image1  `;
+                    join2=` inner join Mapping_WindowQuestion mq on mq.WindowQuestionId=wq.WindowQuestionId `;
+                    join=` inner join Master_WindowQuestion wq on wq.WindowQuestionId=q.QUESTION_ID `;
+                    q=`select ${selectlist} from ${AppTables.WINDOW_CHILD_DATA} q ${join} ${join2} where q.STORE_ID='${storeData1.StoreId}' and q.WINDOW_DEFINITION_ID='${window.WindowDefinitionId}' and q.WINDOW_ID='${window.WindowId}' order by wq.WindowQuestionSequence  `;
+                }
+                else{
+                    selectlist=` DISTINCT  wq.WindowQuestionId,wq.WindowQuestionCode,wq.WindowQuestionName,wq.QuestionType,wq.WQShowCamera,wq.WQCameraMandatory,wq.WQLengthValidationRequired,wq.WQMinimumChar,wq.WQMaximumChar,wq.WQDecimalPoint,wq.WQDateRangeMin,wq.WQDateRangeMax,wq.WQVoiceLengthInMinutes,wq.WQDefaultQuestionEnable `;
+                    join=` inner join Mapping_WindowQuestion mq on mq.WindowQuestionId=wq.WindowQuestionId `;
+                    q=`select ${selectlist} from  Master_WindowQuestion wq  ${join} where mq.WindowDefinitionId='${window.WindowDefinitionId}' order by wq.WindowQuestionSequence  `;
+                }
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        let wqa_obj={};
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            let answers=[];
+                            data.WQDefaultQuestionEnable=data.WQDefaultQuestionEnable==1 || data.WQDefaultQuestionEnable=='true'?true:false;
+                             
+                              if(data.QuestionType=='Multi choice list' || data.QuestionType=='Single choice list' || data.QuestionType=='Rating'){
+                                  answers=await getWindowAnswers(data);
+                                  if(data.QuestionType=='Rating'){
+                                      data.showRating=false;
+                                  }
+                              }
+                              else if(data.QuestionType=='Date'){
+                                  data.showDatePicker=false;
+                              }
+                              data['Answers']=answers;
+      
+                              let id_key=data.WindowQuestionId+'_AnswerId'; 
+                              let ans_key=data.WindowQuestionId+'_Answer'; 
+                              let multi_key=data.WindowQuestionId+'_MultiOption';
+                              let date_key=data.WindowQuestionId+'_Date';
+                              let img_key=data.WindowQuestionId+'_ImagePath1';
+                              let imgname_key=data.WindowQuestionId+'_ImageName1';
+                              let rating_key=data.WindowQuestionId+'_Rating'; 
+                              
+      
+                              let showImageTag=(data.WQShowCamera=='true' || data.WQShowCamera==1) ;
+      
+                              data.AnswerId!=null?wqa_obj[id_key]=data.AnswerId:'';
+                              data.Answer!=null?wqa_obj[ans_key]=data.Answer:'';
+
+                              
+                              let selansid=data.AnswerId!=null?data.AnswerId:'';
+                              if(data.QuestionType=='Multi choice list' && selansid!='' && data.multi_op_ids!=null){
+                                  selansid=data.multi_op_ids?data.multi_op_ids.split(','):[];
+                                  wqa_obj[multi_key]=data.multi_op_ids;
+                              }
+      
+                              if((data.QuestionType=='Single choice list' || data.QuestionType=='Multi choice list' ) && selansid!='' && selansid!=null){
+                                  if (data.Answers && data.Answers.length>0){
+                                      for(var k=0;k<data.Answers.length;k++){
+                                          let ansss=data.Answers[k];
+                                          let isandImgAl=(ansss.WAShowCamera==1 || ansss.WAShowCamera=='true');
+                                          if(data.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                              showImageTag=true;
+                                          }
+                                          else if(data.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                              showImageTag=true;
+                                          }
+                                      }
+                                  }
+                              }
+      
+                              if(showImageTag && data.Answer!=null){
+                                  let imgPath=(Platform.OS=='ios'?'file://':'')+common_ImagePath+data.Image1;
+                                  wqa_obj[imgname_key]=data.Image1;
+                                  wqa_obj[img_key]=imgPath;
+                              }
+
+                             
+      
+                              if(data.QuestionType=='Date' && data.Answer!=null){
+                                  let dayonly=moment().format('DD');
+                                  let actual_date=data.Answer?data.Answer.split('/'):[];
+                                  let month=actual_date[0],year=actual_date[1];
+                                  let fulldate=month+'/'+dayonly+'/'+year;
+                                  wqa_obj[date_key]=fulldate;
+                                  
+                              }
+
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WindowQuestions']=arr;
+                                obj['WindowQA']=wqa_obj;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+    async function getWindowAnswers(qtn){
+        
+        return new Promise((resolve,reject)=>{
+            
+            db.transaction(async function (txn) {
+                var q='',selectlist='';
+                selectlist=` DISTINCT  WindowAnswerId as AnswerId,WindowAnswerName as Answer,WAShowCamera,WACameraMandatory,WAQuestionEnable,WAQuestionDisable `;
+                q=`select ${selectlist} from  Master_WindowQuestion  where WindowQuestionId='${qtn.WindowQuestionId}'  order by WASequence  `;
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                resolve(arr)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve([])
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve([]) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return [];
+        });
+    }
+
+    async function getWindowStockData(window,storeData1,isInserted=false){
+        let obj={'WStocks':[],'WStocksData':[]}
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {
+                var q='',selectlist='',join='';
+                let checkassrt=window.WindowElementCheckAssortment=='true' || window.WindowElementCheckAssortment==1?true:false;
+                
+                if(isInserted==true){
+                    if(checkassrt){
+                        join=` inner join Mapping_ProductAssortment a on a.ProductId=s.WINDOW_STOCK_VALUE `;
+                    }
+                    selectlist=`  s.WINDOW_STOCK_DEFINITION_ID as WindowStockDefinitionId, s.WINDOW_DEFINITION_ID as WindowDefinitionId,s.WINDOW_STOCK_TABLE as WindowStockTable,s.WINDOW_STOCK_FIELD as WindowStockField,s.WINDOW_STOCK_VALUE as WindowStockValue,s.WINDOW_STOCK_MBQ as WindowStockMBQ,s.PRODUCT_NAME as ProductName, s.STOCK as Stock `;
+                    q=`select ${selectlist} from  ${AppTables.WINDOW_STOCK_DATA} s ${join} where s.WINDOW_DEFINITION_ID='${window.WindowDefinitionId}' and s.STORE_ID='${storeData1.StoreId}'  `;
+                }else{
+                    if(checkassrt){
+                        join=` inner join Mapping_ProductAssortment a on a.ProductId=s.WindowStockValue `;
+                    }
+                    selectlist=`  s.WindowStockDefinitionId, s.WindowDefinitionId,s.WindowStockTable,s.WindowStockField,s.WindowStockValue,s.WindowStockMBQ,s.ProductName `;
+                    q=`select ${selectlist} from  Master_WindowStockDefinition s ${join} where s.WindowDefinitionId='${window.WindowDefinitionId}'   `;
+                }
+                if(checkassrt){
+                    q+=` and a.StateId='${storeData1.StateId}' `;
+                }
+                q+=isInserted?` order by s.PRODUCT_NAME `:` order by s.ProductName `;
+
+                
+
+                await txn.executeSql(q,[],async function (txn2, txnres2) { 
+                    if(txnres2.rows.length>0){
+                        let arr=[],WStocksData=[];
+                        for(var i=0;i<txnres2.rows.length;i++){
+                            let data =txnres2.rows.item(i);
+                            if(isInserted==true && data.Stock!=null){
+                                
+                                let stockData_obj={'ProductId':data.WindowStockValue,'Stock':data.Stock}
+                                WStocksData.push(stockData_obj);
+                            }
+                            arr.push(data);
+                            if(i==txnres2.rows.length-1){
+                                obj['WStocks']=arr;
+                                obj['WStocksData']=WStocksData;
+                                resolve(obj)
+                            }                                
+                        }
+                    }
+                    else{
+                        resolve(obj)
+                    }
+                },function (txn2, txnerr) { console.log(txnerr); resolve(obj) },);
+            });  
+        }).then((val)=>{
+            return val
+        }).catch((err)=>{
+            console.log(err);
+            return obj;
+        });
+    }
+
+
+
+
+
+    async function getImage(imgdata){
+        let type=getImageProps.type || '';
+        let window=getImageProps.window || {};
+        let splitItem=getImageProps.splitItem || {};
+        let splitItemIndex=getImageProps.splitItemIndex || 0;
+        let qtn=getImageProps.qtn || {};
+        let cameraType=getImageProps.cameraType!=null?getImageProps.cameraType:'1';
+
+        if(typeof imgdata=='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='Store Name:'+storeData.StoreName+' | Store Id:'+storeData.StoreId+' | User Id:'+storeData.EmpId+' | Image Type: Window'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=storeData.StoreId+'_'+window.WindowDefinitionId+'_'+window.WindowId+'_'+(props.UserId || '')+'_WindowImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                            let allData=WindowData;
+                            let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+                            const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId) ;
+                            let wind=wind_index>=0?allData[wind_index]:defData;
+
+                            if(cameraType=='2'){
+                                var QD=wind.WindowQA || {};
+                                var image_key=qtn.WindowQuestionId+'_ImageName1';
+                                var image_key_path=qtn.WindowQuestionId+'_ImagePath1';
+                                QD[image_key]=filename;
+                            }
+                            else if(cameraType=='3'){
+                                var image_key='NAImage1';
+                                var image_key_path='NAImage1Path';
+                                wind[image_key]=filename;
+                            }
+                            else{
+                                var WindowSplits=wind.WindowSplits || [];
+                                var image_key=type=='1'?'Image1Name':'Image2Name';
+                                var image_key_path=type=='1'?'Image1':'Image2';
+                                splitItem[image_key]=filename;
+                            }
+                            
+                            
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                               console.log('image marker:',uri);
+                                
+                                if(cameraType=='2'){
+                                    QD[image_key_path]=uri;
+                                    wind.WindowQA=QD;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata3(!rerenderdata3);
+                                }
+                                else if(cameraType=='3'){
+                                    wind[image_key_path]=uri;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata(!rerenderdata);
+                                }
+                                else{
+                                    console.log('split image updated');
+                                    splitItem[image_key_path]=uri;
+                                    splitItemIndex>=0?WindowSplits[splitItemIndex]=splitItem:WindowSplits.push(splitItem);
+                                    wind.WindowSplits=WindowSplits;
+                                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                                    setWindowData(allData);
+                                    setHasUnsavedChanges(true);
+                                    setrerenderdata2(!rerenderdata2);
+                                }
+                                
+                                
+                                
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+  
+    async function openCamera(window,splitItem,splitItemIndex,type='1',cameraType='1',qtn={}){  
+        setGetImageProps({'window':window,'splitItem':splitItem,'splitItemIndex':splitItemIndex,'type':type,'cameraType':cameraType,'qtn':qtn}); 
+        setShowCamera(true);
+        // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'back'})
+    }
+
+   
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    async function saveData(){
+        setHasUnsavedChanges(false);
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+        let d1n=new Date();
+        let d3=moment(d1n).format('MM/DD/YYYY');
+        try {   
+            let {StoreId,ChainId,StateId,StoreTypeId}=storeData;
+            await db.transaction(async function (txn) {   
+
+              //  remove old data
+              await txn.executeSql(`DELETE FROM ${AppTables.WINDOW_HDR_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window hdr data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.WINDOW_CHILD_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                  console.log('window child data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.WINDOW_IMAGES} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window images data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+              await txn.executeSql(`DELETE FROM ${AppTables.WINDOW_STOCK_DATA} WHERE STORE_ID='${StoreId}' and VISIT_DATE='${d2}' `,[],async function (txn2, txnres) { 
+                console.log('window stock data deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+                // add data
+                var values='',childV='',imageV='',stockV='';
+              
+                for (const wi in Windows){
+                    const window=Windows[wi];
+                    let isImage1=window.WindowImage1=='true' || window.WindowImage1==1?1:0;
+                    let isImage2=window.WindowImage2=='true' || window.WindowImage2==1?1:0;
+                    let isNAImageAvl=window.WindowNotExistCamera=='true' || window.WindowNotExistCamera==1?1:0;
+                    let isNAReasonEnable=window.WindowNotExistReasonEnable=='true' || window.WindowNotExistReasonEnable==1? 1:0;
+                    let isReasonEnable=window.WindowExistReasonEnable=='true' || window.WindowExistReasonEnable==1? 1:0;
+                    let isStockReq=window.WindowElementStockRequired=='true' || window.WindowElementStockRequired==1?1:0;
+                    let WindowQuestions=window.WindowQuestions || [];
+                    let WindowStocks=window.WindowStocks || [];
+    
+                   
+                    const wind=WindowData.find(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+                    let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                    let ReasonId=wind.ReasonId!=null?wind.ReasonId:0;
+                    let Reason=wind.Reason!=null?wind.Reason:'';
+                    let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                    let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                    let WindowSplits=wind.WindowSplits || [];
+                    let QD=wind.WindowQA || {};
+                    let WStocksData=wind.WStocksData || [];
+
+                    let WINDOW_HEADER_ID='WIND'+wi+(Math.floor(Math.random()*1000)+1);
+                    let {WindowDefinitionId,WindowId,WindowName,WindowTable,WindowField,WindowValue,ChildName}=window;
+                    
+
+                    values+=values!=''?' , ':'';
+                    values+=` ('${WINDOW_HEADER_ID}','${StoreId}','${d3}','${WindowDefinitionId}','${WindowId}','${WindowName}','${WindowTable}','${WindowField}','${WindowValue}','${ChildName}','${isPresent}','${NAImage1}','${ReasonId}','${Reason}','${d3}') `;
+                    
+                    if(isPresent==1){
+                        for(const qtnIndex in WindowQuestions){
+                            const qtn=WindowQuestions[qtnIndex];
+                            
+                            let selansid='',selanswer='',selimg='',showImageTag=false;
+                            let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+                            let ans_key=qtn.WindowQuestionId+'_Answer'; 
+                            let multi_key=qtn.WindowQuestionId+'_MultiOption';
+                            let date_key=qtn.WindowQuestionId+'_Date';
+                            let img_key=qtn.WindowQuestionId+'_ImagePath1';
+                            let imgname_key=qtn.WindowQuestionId+'_ImageName1';
+                            let rating_key=qtn.WindowQuestionId+'_Rating'; 
+                            let list_mcdata=[];
+
+                            let {WindowQuestionId,WindowQuestionCode,QuestionType,WAShowCamera}=qtn
+                            let answer=QD[ans_key] || 0;
+                            let answerId=QD[id_key] || '';
+                            let multi_options_ids=QD[multi_key] || '';
+                            let isImage1All=WAShowCamera=='true' || WAShowCamera==1?1:0;
+                            let Image1=isImage1All==1?QD[imgname_key]:'';
+
+
+                            childV+=childV!=''?' , ':'';
+                            childV+=` ('${WINDOW_HEADER_ID}','${StoreId}','${d3}','${WindowDefinitionId}','${WindowId}','${WindowQuestionId}','${WindowQuestionCode}','${QuestionType}','${answer}','${answerId}','${multi_options_ids}','${Image1}','${isImage1All}','${d3}') `;
+                        }
+                        for(const splitItemIndex in WindowSplits){
+                            const splitItem=WindowSplits[splitItemIndex];
+                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                            Image1Name=isImage1==1?Image1Name:'';
+                            Image2Name=isImage2==1?Image2Name:'';
+                            
+                            imageV+=imageV!=''?' , ':'';
+                            imageV+=` ('${WINDOW_HEADER_ID}','${StoreId}','${d3}','${WindowDefinitionId}','${WindowId}','${Image1Name}','${Image2Name}','${d3}') `;
+                        }
+                        for(const stockProdIndex in WindowStocks){
+                            const stockProd=WindowStocks[stockProdIndex];
+                            let sd=WStocksData.find(i=> i.ProductId==stockProd.WindowStockValue) || {};
+                            let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+                            let {WindowStockDefinitionId, WindowDefinitionId,WindowStockTable,WindowStockField,WindowStockValue,WindowStockMBQ,ProductName} =stockProd
+                            stockV+=stockV!=''?' , ':'';
+                            stockV+=` ('${WINDOW_HEADER_ID}','${StoreId}','${d3}','${WindowDefinitionId}','${WindowId}','${WindowStockDefinitionId}','${WindowStockTable}','${WindowStockField}','${WindowStockValue}','${WindowStockMBQ}','${ProductName}','${stock}','${d3}') `;
+                        }
+
+                    }
+                }
+              
+                console.log('values:',values);
+                
+                
+                let add_hdr_data=`INSERT INTO ${AppTables.WINDOW_HDR_DATA} (WINDOW_HEADER_ID,STORE_ID,VISIT_DATE,WINDOW_DEFINITION_ID,WINDOW_ID,WINDOW_NAME,WINDOW_TABLE,WINDOW_FIELD,WINDOW_VALUE,CHILD_NAME,IS_PRESENT,WINDOW_NA_IMAGE,REASON_ID,REASON,ADDED_DATE) VALUES ${values} `;
+                let add_child_data=`INSERT INTO ${AppTables.WINDOW_CHILD_DATA} (WINDOW_HEADER_ID,STORE_ID,VISIT_DATE,WINDOW_DEFINITION_ID,WINDOW_ID,QUESTION_ID,QUESTION_CODE,QUESTION_TYPE,ANSWER,ANSWER_ID,MULTI_OPTIONS_IDS,IMAGE1,IMAGE_ALLOW1,ADDED_DATE) VALUES ${childV} `;
+                let add_images_data=`INSERT INTO ${AppTables.WINDOW_IMAGES} (WINDOW_HEADER_ID,STORE_ID,VISIT_DATE,WINDOW_DEFINITION_ID,WINDOW_ID,IMAGE1,IMAGE2,ADDED_DATE) VALUES ${imageV} `;
+                let add_stock_data=`INSERT INTO ${AppTables.WINDOW_STOCK_DATA} (WINDOW_HEADER_ID,STORE_ID,VISIT_DATE,WINDOW_DEFINITION_ID,WINDOW_ID,WINDOW_STOCK_DEFINITION_ID,WINDOW_STOCK_TABLE,WINDOW_STOCK_FIELD,WINDOW_STOCK_VALUE,WINDOW_STOCK_MBQ,PRODUCT_NAME,STOCK,ADDED_DATE) VALUES ${stockV} `;
+                
+                await txn.executeSql(add_hdr_data,[],async function (txn2, txnres) { 
+                    console.log('window header data added');
+                    var isSplitImageAdded=true,isStockAdded=true,isChildAdded=true;
+                    if(imageV!=''){
+                        isSplitImageAdded=await executeQuery(add_images_data);
+                    }
+                    if(stockV!=''){
+                        isStockAdded=await executeQuery(add_stock_data);
+                    }
+                    if(childV!=''){
+                        isChildAdded=await executeQuery(add_child_data);
+                    }
+
+                    if(!isSplitImageAdded){
+                        setProcessing(false);notify('Cannot add split window images');
+                    }
+                    else if(!isStockAdded){
+                        setProcessing(false);notify('Cannot add window stock data');
+                    }
+                    else if(!isChildAdded){
+                        setProcessing(false);notify('Cannot add window questions data');
+                    }
+                    else{
+                        setProcessing(false);notify('Window data updated successfully');
+                        props.navigation.goBack();
+                    }
+                       
+                },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot add window data'); },);
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+    async function executeQuery(q){
+        return new Promise((resolve,reject)=>{
+          db.transaction(async function (txn) { 
+            await txn.executeSql(q,[],async function (txn2, txnres2) {           
+              resolve(true);
+            },function(txn2,txnerr){console.log(txnerr);resolve(false) });
+          }); 
+        }).then((val)=>{
+          return val;
+        }).catch((err)=>{
+            console.log(err);
+          return false;
+        })
+    }
+    
+
+
+    async function validate(){
+        let isValid=true;
+       
+        return new Promise((resolve,reject)=>{
+            for (const wi in Windows){
+                const window=Windows[wi];
+                let isImage1=window.WindowImage1=='true' || window.WindowImage1==1?1:0;
+                let isImage2=window.WindowImage2=='true' || window.WindowImage2==1?1:0;
+                let isNAImageAvl=window.WindowNotExistCamera=='true' || window.WindowNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.WindowNotExistReasonEnable=='true' || window.WindowNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.WindowExistReasonEnable=='true' || window.WindowExistReasonEnable==1? 1:0;
+                let isStockReq=window.WindowElementStockRequired=='true' || window.WindowElementStockRequired==1?1:0;
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+
+               
+                const wind=WindowData.find(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QD=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+
+                if(isPresent=='1'){
+                    if(isReasonEnable==true && ReasonId=='' ){
+                        notify(`Please select reason for ${window.WindowName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else{
+                        if(window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1))
+                        {
+                            for(const splitItemIndex in WindowSplits){
+                                const splitItem=WindowSplits[splitItemIndex];
+                                let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                console.log('Image2Name',Image2Name,isImage2);
+                                if(isImage1==1 && Image1Name==''){
+                                    notify(`Please click all images for ${window.WindowName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                                else if(isImage2==1 && Image2Name==''){
+                                    notify(`Please click all images for ${window.WindowName}`,'LONG');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+                        
+                        if(isStockReq==1){
+                            for(const stockProdIndex in WindowStocks){
+                                const stockProd=WindowStocks[stockProdIndex];
+                                let sd=WStocksData.find(i=> i.ProductId==stockProd.WindowStockValue) || {};
+                                let stock=sd.Stock!=null?sd.Stock:(sd.Stock==0?sd.Stock:'');
+
+                                if(stock==''){
+                                    notify(`Please enter stock for ${window.WindowName} ( ${stockProd.ProductName} ) `,'LONG');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+
+                        if(WindowQuestions.length>0){
+                            for(const qtnIndex in WindowQuestions){
+                                const qtn=WindowQuestions[qtnIndex];
+                                
+                                let selansid='',selanswer='',selimg='',showImageTag=false;
+                                let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+                                let ans_key=qtn.WindowQuestionId+'_Answer'; 
+                                let multi_key=qtn.WindowQuestionId+'_MultiOption';
+                                let date_key=qtn.WindowQuestionId+'_Date';
+                                let img_key=qtn.WindowQuestionId+'_ImagePath1';
+                                let imgname_key=qtn.WindowQuestionId+'_ImageName1';
+                                let rating_key=qtn.WindowQuestionId+'_Rating'; 
+                                let list_mcdata=[];
+
+                                let isImgAllowed=(qtn.WQShowCamera=='true' || qtn.WQShowCamera==1);
+                                let checkForAnsKey=(qtn.QuestionType=='Decimal' || qtn.QuestionType=='Number' || qtn.QuestionType=='Text' ||  qtn.QuestionType=='Date' ||  qtn.QuestionType=='Rating') ;
+                                if(qtn.QuestionType=='Single choice list')
+                                {
+                                    selansid=QD[id_key];
+                                }
+                                else if(qtn.QuestionType=='Multi choice list')
+                                {
+                                    selansid=QD[multi_key]!=null && QD[multi_key]!=''?QD[multi_key].split(','):[];
+                                }
+                                
+                            
+                                if(qtn.QuestionType=='Multi choice list' && selansid.length<=0){
+                                    notify(`Please select options for the required field in ${window.WindowName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if( checkForAnsKey && (Object.keys(QD).indexOf(ans_key)<0 || (Object.keys(QD).indexOf(ans_key)>=0 && QD[ans_key]===''))){
+                                    let msg=( qtn.QuestionType=='Date'?`Please pick a date for the required field in ${window.WindowName}`:(qtn.QuestionType=='Rating'?`Please select rating for the required field in ${window.WindowName}`:`Please fill all the required field in ${window.WindowName}`));
+                                    notify(msg,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(Object.keys(QD).indexOf(id_key)<0 || (Object.keys(QD).indexOf(id_key)>=0 && (QD[id_key]==='' || (QD[id_key]===0 && qtn.isDisabled===false) ))){
+                                    notify(`Please fill all the required field in ${window.WindowName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                                else if(isImgAllowed && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`Please add images in ${window.WindowName}`,'SHORT');
+                                    resolve(false);return;
+                                }else{
+                                    console.log('no condition found');
+                                }
+
+                                if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                    if (qtn.Answers && qtn.Answers.length>0){
+                                        for(var j=0;j<qtn.Answers.length;j++){
+                                            let ansss=qtn.Answers[j];
+                                            let isandImgAl=(ansss.WAShowCamera=='true' || ansss.WAShowCamera==1);
+                                            if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                showImageTag=true;
+                                            }
+                                            else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                showImageTag=true;
+                                            }
+                                        }
+                                    }
+                                }
+
+                                if(showImageTag && (Object.keys(QD).indexOf(img_key)<0 || (Object.keys(QD).indexOf(img_key)>=0 && QD[img_key]===''))){
+                                    notify(`Please add images in ${window.WindowName}`,'SHORT');
+                                    resolve(false);return;
+                                }
+                            }
+                        }
+
+                    }
+                }
+                else{
+                    if(isNAReasonEnable==true && ReasonId=='' ){
+                        notify(`Please select reason for ${window.WindowName} `,'LONG');
+                        resolve(false);return;
+                    }
+                    else if(isNAImageAvl==true && NAImage1=='' ){
+                        notify(`Please click image for ${window.WindowName}`,'LONG');
+                        resolve(false);return;
+                    }
+                }
+
+                if(wi==(Windows.length-1)){
+                    resolve(true);return;
+                }
+                
+            }
+            
+        }).then((val)=>{return val})
+        .catch((err)=>{console.log(err); return false});
+    
+    }
+
+
+    function onselectionChange(option,keyLbl,keyVal,otherData){
+        let item=otherData.window;
+        let allData=WindowData;
+        let defData={'WindowId':item.WindowId,'WindowDefinitionId':item.WindowDefinitionId};
+        const win_index=allData.findIndex(i=>i.WindowId==item.WindowId && i.WindowDefinitionId==item.WindowDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[keyVal]=option.value;
+        wind[keyLbl]=option.label;
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        console.log('allData:',allData);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function onselectionChange2(option,qtn,window){
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let data=wind.WindowQA || {};
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        data[id_key]=option.value;
+        data[ans_key]=option.label;
+        
+
+        wind['WindowQA']=data;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+      
+        setWindowData(allData);
+
+        let aq_ans=qtn.Answers!=null?qtn.Answers:[];
+        let ans_obj=aq_ans.find(i=>i.AnswerId==option.value) || {};
+        let EQtns=ans_obj.WAQuestionEnable!=null && ans_obj.WAQuestionEnable!=''?ans_obj.WAQuestionEnable.replace(' ','').split(','):[];
+        let DQtns=ans_obj.WAQuestionDisable!=null && ans_obj.WAQuestionDisable!=''?ans_obj.WAQuestionDisable.replace(' ','').split(','):[];
+      
+        let sqtns=window.WindowQuestions || []
+
+        if(EQtns.length>0){
+            enableQtns(sqtns,EQtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else if(DQtns.length>0){
+            disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+        }
+        else{
+            setHasUnsavedChanges(true);
+            setrerenderdata(!rerenderdata);
+        }
+       
+    }
+
+    async function disableQtns(sqtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+       
+        if(DQtns.length>0){
+            new Promise.all(
+                DQtns.map((qid,q_index)=>{
+                    let s_qtnindex=sqtns.findIndex(i=>i.WindowQuestionId==qid) || {};
+                    let s_qtn=sqtns[s_qtnindex];
+                    s_qtn['isDisabled']=true
+                    sqtns[s_qtnindex]=s_qtn;
+                    let id_key=s_qtn.WindowQuestionId+'_AnswerId'; 
+                    let ans_key=s_qtn.WindowQuestionId+'_Answer'; 
+                    data[id_key]=0;
+                    data[ans_key]='';
+
+                    wind['WindowQA']=data;
+                    wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+                    
+                    return false
+                })
+            ).then(async (val)=>{
+
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.WindowDefinitionId==window.WindowDefinitionId && i.WindowId==window.WindowId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindowData(allData);
+                    setWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+                
+            })
+        }
+    }
+
+    async function enableQtns(sqtns,EQtns,DQtns,data,wind={},wind_index=-1,allData=[],window={}){
+        new Promise.all(
+            EQtns.map((qid,q_index)=>{
+                let s_qtnindex=sqtns.findIndex(i=>i.WindowQuestionId==qid) || {};
+                let s_qtn=sqtns[s_qtnindex];
+                s_qtn['isDisabled']=false
+                sqtns[s_qtnindex]=s_qtn;
+                return false
+            })
+        ).then(async (val)=>{
+            if(DQtns.length>0){
+                disableQtns(sqtns,DQtns,data,wind,wind_index,allData,window)
+            }
+            else{
+                let allwindows=Windows;
+                let windowIndex=allwindows.findIndex(i=>i.WindowDefinitionId==window.WindowDefinitionId && i.WindowId==window.WindowId)
+                if(windowIndex>0){
+                    window['WindowQuestions']=sqtns;
+                    allwindows[windowIndex]=window;
+                    setWindows(allwindows);
+                    setHasUnsavedChanges(true);
+                    setrerenderdata(!rerenderdata);
+                }
+            }
+        })
+    }
+
+    async function setMultiSelectValue(selectedItems=[],qtn={},window={}) {  
+        console.log('setMultiSelectValue',selectedItems);      
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        let multi_key=qtn.WindowQuestionId+'_MultiOption';
+       
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+        obj[id_key]=0;
+        obj[multi_key]=selectedItems.join(',');
+        let anss=[];
+        selectedItems.map((itemValue)=>{
+            let ans = qtn.Answers.find(c1 => c1.AnswerId == itemValue); 
+            if(ans.Answer){anss.push(ans.Answer)}
+        });
+        obj[ans_key]=anss.join(',');
+        console.log('obj:',obj);
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function setTextValue(value,qtn,window) {        
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        if(qtn.QuestionType=='Date' ){
+            let date_key=qtn.WindowQuestionId+'_Date'; 
+            let d=value!=null?new Date(value):new Date();
+            let mfdate=moment(d).format('MM/YYYY');
+            showQtnDatePicker(qtn,window,false);
+            obj[id_key]=0;
+            obj[ans_key]=mfdate;
+            obj[date_key]=moment(d).format('MM/DD/YYYY');
+        }
+        else{
+            obj[id_key]=0;
+            obj[ans_key]=value;
+        }
+        
+        console.log(value,obj);
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    function showQtnDatePicker(qtn,window,show=false){
+        let allQtns=window.WindowQuestions || [];
+        let newqtnIndex=allQtns.findIndex(q=>q.WindowQuestionId==qtn.WindowQuestionId);
+       
+        if(newqtnIndex>=0){
+            let newqtn=allQtns[newqtnIndex];
+            newqtn.showDatePicker=show;
+            allQtns[newqtnIndex]=newqtn;
+            window['WindowQuestions']=allQtns;
+            let allWindows=Windows;
+            const winIndex=allWindows.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId) || {};
+            allWindows[winIndex]=window;
+            setWindows(allWindows);
+
+            if(show==true) setrerenderdata(!rerenderdata);
+        }
+    }
+
+    function setRatingValue(data){
+        setRatingOrder(data);
+    }
+
+    function onRatingCancel(){ 
+        setShowRating(false);
+    }
+
+    function onRatingSave(){
+        setShowRating(false);
+        let qtn=RatingQtn;
+        let window=RatingWindow;
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        let rating_key=qtn.WindowQuestionId+'_Rating'; 
+        let ids=[],anss=[];
+        RatingOrder.map((item,index)=>{
+            ids.push(item.AnswerId);
+            anss.push(item.Answer);
+        })
+
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const wind_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=wind_index>=0?allData[wind_index]:defData;
+        let obj=wind.WindowQA || {};
+
+        obj[rating_key]=ids.join(',');
+        obj[id_key]=0;
+        obj[ans_key]=anss.join(',');
+        
+        wind['WindowQA']=obj;
+        wind_index>=0?allData[wind_index]=wind:allData.push(wind);
+
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+    
+   
+    function onChoiceSelect(item,val,key,animatedChoice){
+        console.log('onChoiceSelect',animatedChoice)
+        var val1=0;
+        val==1?val1=1:'';
+        
+        if(animatedChoice!=null){
+            Animated.timing(animatedChoice, {
+                toValue: val1,
+                duration:400,
+                useNativeDriver:false,
+            }).start();
+        }
+        onWindowDataChange(item,val,key)
+    }
+
+    function onWindowDataChange(item,val,key){
+        let allData=WindowData;
+        let defData={'WindowId':item.WindowId,'WindowDefinitionId':item.WindowDefinitionId};
+        const win_index=allData.findIndex(i=>i.WindowId==item.WindowId && i.WindowDefinitionId==item.WindowDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        wind[key]=val;
+
+        if(key=='ReasonId'){
+            let rsn=reasons_list.find(r=>r.ReasonId==val) || {};
+            wind['Reason']=rsn.Reason || '';
+        }
+
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata(!rerenderdata);
+    }
+
+    
+    function setWindowStockVal(val,window,stockProd){
+        let allData=WindowData;
+        let defData={'WindowId':window.WindowId,'WindowDefinitionId':window.WindowDefinitionId};
+        const win_index=allData.findIndex(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+        let wind=win_index>=0?(allData[win_index] || defData) : defData;
+        let WStocksData=wind['WStocksData'] || [];
+        let sdIndex=WStocksData.findIndex(i=> i.ProductId==stockProd.WindowStockValue);
+        let sd=sdIndex>=0?WStocksData[sdIndex]:{'ProductId':stockProd.WindowStockValue,'Stock':''};
+        sd['Stock']=val;
+        sdIndex>=0?WStocksData[sdIndex]=sd:WStocksData.push(sd);
+        wind['WStocksData']=WStocksData;
+        win_index>=0?allData[win_index]=wind:allData.push(wind);
+        
+        setWindowData(allData);
+        setHasUnsavedChanges(true);
+        setrerenderdata4(!rerenderdata4);
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+  
+
+    function openImageRefView(RefImage=''){
+        setShow_zoomImage(true);
+    }
+
+    function renderRatingView(){
+        let qtn=RatingQtn;
+        let Answers=qtn.Answers;
+        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+        let rating_key=qtn.WindowQuestionId+'_Rating'; 
+        
+        let newarr=RatingOrder;
+        if(RatingOrder.length<=0){
+            newarr=Answers;
+        }
+
+        return (
+        <View style={customStyle.RatingModal}>
+            <View style={customStyle.RatingModalCon}>
+                <Text style={customStyle.VRModalHeding}>Drag Items In Order</Text>
+                <Text style={customStyle.VRSubHeding}>Press and hold to drag</Text>
+                <DraggableFlatList
+                    data={newarr}
+                    style={customStyle.RModal_list}
+                    contentContainerStyle={customStyle.RModal_listInner}
+                    onDragEnd={({ data }) =>{setRatingValue(data)}}
+                    keyExtractor={(item) => item.AnswerId}
+                    renderItem={renderItem}
+                />
+                <View style={customStyle.RModal_Btns}>
+                    <TouchableOpacity style={customStyle.RModal_BtnCancel} onPress={()=>{onRatingCancel()}}>
+                        <Text style={customStyle.RModal_BtnTextCancel}>Cancel</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity style={customStyle.RModal_Btnsave} onPress={()=>{onRatingSave()}}>
+                        <Text style={customStyle.RModal_BtnTextsave}>Save</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+        )
+    }
+
+    function render_Picker(label_key,value_key,onChange=()=>{},selected_data={}){
+        var data=[];
+        let qtn=selected_data.qtn || {};
+        let window=selected_data.window || {};
+        let isQtnDisabled=qtn.isDisabled!=null || qtn.isDisabled!=''?false:true;
+        let allAnswers=qtn.Answers || [];
+        
+        allAnswers.map((item,index)=>{
+            let obj={ key: index, label: item[label_key],value:item[value_key] };
+            if(selected_data.value==item[label_key])
+                obj['component']= <View style={customStyle.addvis_selectedOpStyle}><Text style={customStyle.addvis_selectedOpTextStyle}>{item[label_key]}</Text></View>;
+            data.push(obj);
+        });
+        
+        return (
+            <ModalSelector
+            data={data}
+            
+            touchableActiveOpacity={0.8}
+            
+            style={customStyle.addVisPickerStyle}
+            onChange={(option)=>{onChange(option,qtn,window) }}
+            overlayStyle={customStyle.addVisPickerOverlay}
+            cancelContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            optionStyle={customStyle.addvis_opStyle}
+            optionTextStyle={customStyle.addvis_opTextStyle}
+            optionContainerStyle={customStyle.addVisPicker_OptionContainerStyle}
+            selectedKey={'1'}
+            disabled={isQtnDisabled}
+            >
+            <Text style={[customStyle.WQPicker_InputStyle,(isQtnDisabled?customStyle.addVisPicker_Dis_InputStyle:{})]}>{(selected_data.value!=null && selected_data.value!=''?selected_data.value: '-select-')}</Text>
+            </ModalSelector>
+        )
+    }
+
+    function renderDatePicker(qtn,window){
+        let qtnn=qtn;
+        let DateRange=qtn.DateRange;
+        let maxDate=moment().add(10,'years').format('MM/DD/YYYY');
+        let minDate=moment().subtract(10,'years').format('MM/DD/YYYY');
+        if(DateRange=='RFD'){
+            maxDate=moment().format('MM/DD/YYYY');
+        }
+        else if(DateRange=='RPD'){
+            minDate=moment().format('MM/DD/YYYY');
+        }
+        
+        return (
+            <DateTimePicker
+            testID="dateTimePicker"
+            value={(dateValue!=null && dateValue!=''?new Date(dateValue):new Date())}
+            mode={'date'}
+            display="default"  
+            onChange={(event, selectedDate)=>{setTextValue(selectedDate,qtnn,window)}}
+            maximumDate={new Date(maxDate)}
+            minimumDate={new Date(minDate)}
+            />    
+        );
+    }
+
+    function _renderWindow(){
+        return (
+            <FlatList 
+            data={Windows}
+            extraData={rerenderdata}
+            contentContainerStyle={customStyle.Win_scroll} 
+            style={customStyle.Win_scrollO}
+            listKey={(item, index) => `window_${index.toString()}`}
+            renderItem={({item,index})=>{
+                const window=item;
+                
+                let isImage1=window.WindowImage1=='true' || window.WindowImage1==1?1:0;
+                let isImage2=window.WindowImage2=='true' || window.WindowImage2==1?1:0;
+                let isNAImageAvl=window.WindowNotExistCamera=='true' || window.WindowNotExistCamera==1?1:0;
+                let isNAReasonEnable=window.WindowNotExistReasonEnable=='true' || window.WindowNotExistReasonEnable==1? 1:0;
+                let isReasonEnable=window.WindowExistReasonEnable=='true' || window.WindowExistReasonEnable==1? 1:0;
+                let isStockReq=window.WindowElementStockRequired=='tre' || window.WindowElementStockRequired==1?1:0;
+                // let isStock_CheckAssrt=window.WindowElementCheckAssortment=='true' || window.WindowElementCheckAssortment==1?1:0;
+                let RefImage=window.WindowRefImage;
+                let camera1Label=window.WindowImage1Lable || '';
+                let camera2Label=window.WindowImage2Lable || '';
+                let WindowQuestions=window.WindowQuestions || [];
+                let WindowStocks=window.WindowStocks || [];
+
+                const wind=WindowData.find(i=>i.WindowId==window.WindowId && i.WindowDefinitionId==window.WindowDefinitionId);
+                let isPresent=wind.isPresent!=null && wind.isPresent!=''?wind.isPresent:'0';
+                let ReasonId=wind.ReasonId!=null?wind.ReasonId:'';
+                let Reason=wind.Reason!=null?wind.Reason:'';
+                let NAImage1=wind.NAImage1!=null?wind.NAImage1:'';
+                let NAImage1Path=wind.NAImage1Path!=null?wind.NAImage1Path:'';
+                let WindowSplits=wind.WindowSplits || [];
+                let QuestionsData=wind.WindowQA || {};
+                let WStocksData=wind.WStocksData || [];
+
+                // console.log('camera2Label:',window.WindowId,window.WindowDefinitionId,camera2Label);
+                
+
+                var xpos=isPresent=='1'?-75:0;
+                if(window.animatedChoice!=null ){
+                    xpos=window.animatedChoice.interpolate({
+                        inputRange:[0,1],
+                        outputRange:[0,-75],
+                    });
+                }
+                return(
+                    <View style={customStyle.WItem_wrap} key={'window_'+index}>
+                        <View style={customStyle.WItem_Hdr}>                            
+                            <LinearGradient colors={[PageTheme.$primary_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.WItem_Hdrbg}>
+                                <Text style={customStyle.WItem_HdrText}>{window.WindowName}</Text>
+                                <Text style={[customStyle.WItem_Hdrname2]}>{window.ChildName}</Text>
+                                
+                                <TouchableOpacity style={customStyle.WItem_RefImgBtn} onPress={()=>{openImageRefView(RefImage)}}>
+                                    <Entypo name='image-inverted' size={24} color={'#1f7dbc'} />    
+                                </TouchableOpacity>
+                            </LinearGradient>
+                        </View>
+                        
+                        <View style={customStyle.WForm}>
+                            <View style={[customStyle.openStk_prd_cols,customStyle.mt10]}>
+                                <View style={[customStyle.openStk_prd_colflex,customStyle.mb10]}>
+                                    <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>{'Is Present'}</Text>
+                                    <View style={customStyle.openStk_prd_choiceBoxCon}>
+                                        <View style={customStyle.openStk_prd_choiceBox}>
+                                            <Animated.View style={[customStyle.openStkCh_absolutebg,customStyle.openStkCh_con_active,(isPresent=='1'?customStyle.openStkCh_con_green:customStyle.openStkCh_con_red),
+                                            {   transform: [{   translateX:xpos }],  }]}></Animated.View>
+                                            <TouchableOpacity style={customStyle.openStkCh_con1} onPress={()=>{onChoiceSelect(window,1,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='1'?customStyle.openStkCh_textactive:{})]}>Yes</Text>
+                                            </TouchableOpacity>
+                                            <TouchableOpacity style={[customStyle.openStkCh_con1]} onPress={()=>{onChoiceSelect(window,0,'isPresent',window.animatedChoice)}}>
+                                                <Text style={[customStyle.openStkCh_text,(isPresent=='0'?customStyle.openStkCh_textactive:{})]}>No</Text>
+                                            </TouchableOpacity>
+                                        </View>
+                                    </View>
+                                </View>
+                                {((isPresent!='1' && isNAReasonEnable==true) || (isPresent=='1' && isReasonEnable==true)) &&
+                                    <View style={[customStyle.openStk_prd_colflex,customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                        <Text style={[customStyle.openStk_prd_label,customStyle.openStk_prd_flexlabel]}>Select Reason</Text>
+                                        {<CustomPicker2 {...props} Pickerdata={reasons_list} label_key={'Reason'} value_key={'ReasonId'} onchangeKeyLbl={'Reason'} onchangeKey={'ReasonId'} onChange={onselectionChange} selected_data={{value:Reason,otherData:{window:window}}} InputStyle={customStyle.PV_selectInputStyle} selectStyle={customStyle.PV_selectStyle} />}
+                                    </View>
+                                }
+
+
+                                {(isPresent!='1' && isNAImageAvl==true) && 
+                                <View>
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Capture Image'}</Text>
+                                    </LinearGradient>
+                                   
+                                    
+                                    <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]}>
+                                        <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                        { (NAImage1Path=='' || NAImage1Path==null) && 
+                                            <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                            </TouchableOpacity>
+                                        }
+                                        { (NAImage1Path!='' && NAImage1Path!=null) && 
+                                            <View style={customStyle.osCatImageView}>
+                                                <Image style={customStyle.osCatImage} source={{uri:NAImage1Path}}/>
+                                                <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,{},0,'1','3')}}>
+                                                    <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                </TouchableOpacity>
+                                            </View>                                    
+                                        }   
+                                        </View>
+                                    </View>
+                                    </View>
+                                </View>
+                                }
+
+
+
+                                {(isPresent=='1') && 
+                                <View>
+                                    {(isStockReq==true && WindowStocks.length>0) &&
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Enter Stocks'}</Text>
+                                    </LinearGradient>
+                                    <FlatList 
+                                        data={WindowStocks}
+                                        extraData={rerenderdata4}
+                                        listKey={(item, index) => `wstock_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let stockProd=item;
+                                            let stockProdIndex=index;
+                                            let sd=WStocksData.find(i=> i.ProductId==stockProd.WindowStockValue) || {};
+                                            let stock=sd.Stock!=null?sd.Stock:'';
+                                            return(
+                                                <View style={[customStyle.WStkWrap]} key={'WSTock+'+stockProdIndex}>
+                                                    <Text style={[customStyle.WStkHdrText]}>{stockProd.ProductName}</Text>
+                                                    <View style={[customStyle.openStk_prd_colflex]} >
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_1]}>
+                                                            <Text style={customStyle.openStk_prd_flexlabel}>Stock</Text>
+                                                        </View>
+                                                        
+                                                        <View style={[customStyle.openStk_prd_col50,customStyle.openStk_prd_col50_2]}>
+                                                            <TextInput 
+                                                                style={[customStyle.WStkInputStyle]}
+                                                                placeholder=""
+                                                                placeholderTextColor={PageTheme.$placeholder_color} 
+                                                                keyboardType={'number-pad'}
+                                                                value={stock+''}
+                                                                onChangeText={(val)=>{setWindowStockVal(val,window,stockProd)}}
+                                                                autoComplete='off'
+                                                            />
+                                                        </View>
+                                                    
+                                                    </View>
+                                                </View>
+                                            );
+                                        }}
+                                    /> 
+                                    </View>
+                                    }
+                                    {( window.NoOfSplit>0 &&  WindowSplits.length>0 && (isImage1==1 || isImage2==1)) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Capture Window Images'}</Text>
+                                    </LinearGradient>
+                                    <FlatList 
+                                        data={WindowSplits}
+                                        extraData={rerenderdata2}
+                                        listKey={(item, index) => `spliItem_${index.toString()}`}
+                                        renderItem={({item,index})=>{
+                                            let splitItem=item;
+                                            let splitItemIndex=index;
+                                            let Image1Name=splitItem['Image1Name']!=null && splitItem['Image1Name']!=''?splitItem['Image1Name']:'';
+                                            let Image2Name=splitItem['Image2Name']!=null && splitItem['Image2Name']!=''?splitItem['Image2Name']:'';
+                                            let Image1=splitItem['Image1']!=null && splitItem['Image1']!=''?splitItem['Image1']:'';
+                                            let Image2=splitItem['Image2']!=null && splitItem['Image2']!=''?splitItem['Image2']:'';
+                                            
+                                            return(
+                                                <View style={[customStyle.openStk_prdCameras,customStyle.WSCameraWrap]} key={'SplitItem+'+splitItemIndex}>
+                                                    {isImage1==1 && 
+                                                    <View style={[customStyle.openStkCameraCon,customStyle.WSCameraCon]}>
+                                                    { (Image1=='' || Image1==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image1!='' && Image1!=null) && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image1}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'1')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }       
+                                                    <Text style={customStyle.WSCameraLabel}>{camera1Label}</Text>
+                                                    </View>
+                                                    }
+                                                    {isImage2==1 && 
+                                                    <View style={customStyle.openStkCameraCon}>
+                                                    { (Image2=='' || Image2==null) && 
+                                                        <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                            <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                        </TouchableOpacity>
+                                                    }
+                                                    { (Image2!='' && Image2!=null)  && 
+                                                        <View style={customStyle.osCatImageView}>
+                                                            <Image style={customStyle.osCatImage} source={{uri:Image2}}/>
+                                                            <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera(window,splitItem,splitItemIndex,'2')}}>
+                                                                <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                            </TouchableOpacity>
+                                                        </View>                                    
+                                                    }      
+                                                    {console.log('camera2Label 2:',camera2Label)}
+                                                    <Text style={customStyle.WSCameraLabel}>{camera2Label}</Text> 
+                                                    </View>  
+                                                    }          
+                                                </View>
+                                            );
+                                        }}
+                                    />
+                                    </View>
+                                    }
+                                    
+                                    {(WindowQuestions.length>0) && 
+                                    <View style={[customStyle.openStk_prd_borderT,customStyle.pt10,customStyle.mb10]}>
+                                    <LinearGradient colors={[PageTheme.$secondary_color_light,PageTheme.$bg_color,PageTheme.$fourth_color,PageTheme.$bg_color,PageTheme.$secondary_color_light]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={customStyle.windhdrTextCon}>
+                                        <Text style={customStyle.windhdrText}>{'Window Questions'}</Text>
+                                    </LinearGradient>
+                                    {WindowQuestions.map((item,index)=>{
+                                        
+                                        let qtn=item;  
+                                        let qtnIndex=index;
+                                        let selansid='',selanswer='',selimg='',showImageTag=false;
+                                        let id_key=qtn.WindowQuestionId+'_AnswerId'; 
+                                        let ans_key=qtn.WindowQuestionId+'_Answer'; 
+                                        let multi_key=qtn.WindowQuestionId+'_MultiOption';
+                                        let date_key=qtn.WindowQuestionId+'_Date';
+                                        let img_key=qtn.WindowQuestionId+'_ImagePath1';
+                                        let imgname_key=qtn.WindowQuestionId+'_ImageName1';
+                                        let rating_key=qtn.WindowQuestionId+'_Rating'; 
+                                        
+                                        let list_mcdata=[];
+
+                                        if(qtn.QuestionType=='Single choice list')
+                                        {
+                                            selansid=QuestionsData[id_key]!=null ?QuestionsData[id_key] :'';
+                                            selanswer=QuestionsData[ans_key]!=null ?QuestionsData[ans_key] :'';
+                                        }
+                                        else if(qtn.QuestionType=='Multi choice list')
+                                        {
+                                            if(qtn.Answers!=null){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let obj={'AnswerId':parseInt(qtn.Answers[i].AnswerId),'Answer':qtn.Answers[i].Answer};
+                                                    list_mcdata.push(obj);
+                                                }
+                                            }
+                                            selansid=QuestionsData[multi_key]!=null && QuestionsData[multi_key]!=''?QuestionsData[multi_key].split(','):[];
+                                            // if(selansid!=null && selansid.length>0){
+                                            //     let arr=[];
+                                            //     for(var i=0;i<selansid.length;i++){
+                                            //         arr.push(parseInt(selansid[i]));
+                                            //     }
+                                            //     selansid=arr;
+                                            // }
+                                        }
+                                        else if(qtn.QuestionType=='Number' || qtn.QuestionType=='Text' || qtn.QuestionType=='Decimal' || qtn.QuestionType=='Date')
+                                        {
+                                            selansid=QuestionsData[ans_key];
+                                            selanswer=(qtn.QuestionType=='Date'  )?(QuestionsData[date_key] || moment().format('MM/DD/YYYY')):'';
+                                            showImageTag=(qtn.WQShowCamera==1 || qtn.WQShowCamera=='true');
+                                        }
+                                        else if(qtn.QuestionType=='Rating'){
+                                            selanswer=QuestionsData[ans_key]?QuestionsData[ans_key]:'';
+                                        }
+                                        
+
+                                        if((qtn.QuestionType=='Single choice list' || qtn.QuestionType=='Multi choice list' )){
+                                            if (qtn.Answers && qtn.Answers.length>0){
+                                                for(var i=0;i<qtn.Answers.length;i++){
+                                                    let ansss=qtn.Answers[i];
+                                                    let isandImgAl=(ansss.WAShowCamera=='true' || ansss.WAShowCamera==1);
+                                                    
+                                                    if(qtn.QuestionType=='Single choice list' && (isandImgAl && ansss.AnswerId==selansid)){
+                                                        showImageTag=true;
+                                                    }
+                                                    else if(qtn.QuestionType=='Multi choice list' && (isandImgAl && selansid.indexOf(ansss.AnswerId)>=0)){
+                                                        showImageTag=true;
+                                                    }
+                                                    
+                                                }
+                                            }
+                                        }
+                                        
+                                        if(showImageTag){
+                                            selimg=QuestionsData[img_key]!=null && QuestionsData[img_key]!=''?'file://'+QuestionsData[img_key]:'';                    
+                                        }
+                                        
+                                        return(
+                                        <View style={[customStyle.sform_group2,]} key={'Qtn_'+qtnIndex} >
+                                            <Text style={[customStyle.sform_label3]}>{qtn.WindowQuestionName}</Text>                     
+                                            {qtn.QuestionType=='Single choice list' && qtn.Answers && 
+                                                render_Picker('Answer','AnswerId',onselectionChange2,{value:selanswer,qtn:qtn,window:window})
+                                            }
+                                            {qtn.QuestionType=='Multi choice list' && qtn.Answers &&
+                                                <MultiSelect
+                                                    items={list_mcdata}
+                                                    uniqueKey="AnswerId"
+                                                    onSelectedItemsChange={(selectedItems)=>{ setMultiSelectValue(selectedItems,qtn,window) }} //setMultiSelectValue(selectedItems,qtn)
+                                                    selectedItems={selansid}
+                                                    selectText="Pick Items"
+                                                    searchInputPlaceholderText="Search Items..."
+                                                    // onChangeInput={ (text)=> console.log(text)}
+                                                    tagRemoveIconColor={PrimaryTheme.$primary_color}
+                                                    tagBorderColor={PrimaryTheme.$primary_color}
+                                                    tagTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemTextColor={PrimaryTheme.$primary_color}
+                                                    selectedItemIconColor={PrimaryTheme.$primary_color}
+                                                    itemTextColor={PrimaryTheme.$text_color}
+                                                    displayKey="Answer"
+                                                    searchInputStyle={{ color: '#CCC' }}
+                                                    submitButtonColor={PrimaryTheme.$primary_color}
+                                                    submitButtonText="Submit"
+                                                />
+                                            }
+                                            { (qtn.QuestionType=='Number' || qtn.QuestionType=='Decimal'  || qtn.QuestionType=='Text') &&  
+                                                <TextInput 
+                                                    style={[customStyle.WQ_InputStyle]}
+                                                    placeholder=""
+                                                    placeholderTextColor={PageTheme.$placeholder_color} 
+                                                    // keyboardType={'ascii-capable'}
+                                                    keyboardType={(qtn.QuestionType=='Decimal'?'decimal-pad':(qtn.QuestionType=='Text'?'default':'number-pad'))}
+                                                    value={selansid}
+                                                    onChangeText={(val)=>{setTextValue(val,qtn,window)}}
+                                                    autoComplete='off'
+                                                />
+                                            }
+                                            {
+                                                (qtn.QuestionType=='Date') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.WQ_datePicker_text}>{selansid!=''?selansid:'MM/YYYY'}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtn_datePicker]} onPress={()=>{setDateValue(selanswer);showQtnDatePicker(qtn,window,true)}}>
+                                                        <Fontisto size={20} color={PageTheme.$accent_color} name="date"/>
+                                                    </TouchableOpacity> 
+                                                </View>     
+                                            }
+                                            {   ((qtn.showDatePicker==true || qtn.showDatePicker=='true') && (qtn.QuestionType=='Date') ) && 
+                                                renderDatePicker(qtn,window)
+                                            }  
+                                            {
+                                                (qtn.QuestionType=='Rating') && 
+                                                <View style={customStyle.surveyQtn_datePicker_con}>
+                                                    <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                    <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{setRatingQtn(qtn);setRatingWindow(window);setShowRating(true);}}>
+                                                        <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag"/>
+                                                    </TouchableOpacity> 
+                                                </View>    
+                                            }
+
+                                            {
+                                                // (qtn.QuestionType=='Audio') && 
+                                                // <View style={customStyle.surveyQtn_datePicker_con}>
+                                                //     <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+                                                //     <TouchableOpacity style={[customStyle.surveyQtnRatingIcon]} onPress={()=>{show_recorder(qtn);}}>
+                                                //         <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone"/>
+                                                //     </TouchableOpacity> 
+                                                // </View>    
+                                            }
+                                            
+                                            {
+                                                showImageTag &&
+                                                <View style={[customStyle.store_audit_img_con,]}>                    
+                                                    <Image source={(selimg!='' && selimg!=null )?{uri:selimg}:require('../assets/image/greybg.jpg')} style={[customStyle.store_audit_image,((selimg!='' && selimg!=null )?{resizeMode:'contain'}:{width:100,height:150,resizeMode:'stretch',alignSelf:'center'})]}/>
+                                                    <TouchableOpacity  style={customStyle.store_audit_pickimg_btn} onPress={()=>{openCamera(window,{},0,'1','2',qtn)}}>
+                                                        <Entypo name="camera" color={PageTheme.$text_color} size={28}/>
+                                                    </TouchableOpacity>
+                                                </View>
+                                            }
+
+                                           
+                                        </View> 
+                                        )
+                                    })}
+                                    </View>
+                                    }
+                                    
+                                    
+                                </View>
+                                }
+                                
+                                                    
+                                                    
+                            </View>
+                        </View>
+                    </View>
+                );
+            }}
+            />
+        )
+    }
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                {/* <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text> */}
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={currentMenu.MenuName} projectCode={`${storeData.StoreId}: ${storeData.StoreName}`}/>        
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,saveData)}
+        <CustomCamera cameraType={'back'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={[customStyle.roundScrollWrapper,customStyle.zIndex0]}>
+          <View style={[customStyle.pageContentWrapper]}>
+          { Object.keys(storeData).length>0 && 
+            <View style={customStyle.Windows_Wrap}>
+                {_renderWindow()}
+            </View>    
+          }
+            <View style={[customStyle.opening_Stock_btnWrap]}>
+                <GradientButton {...props} title={'Save'} onPress={()=>{onSubmitData()}}/> 
+            </View>  
+         </View>    
+         
+       </LinearGradient> 
+        {   showRating==true && 
+            renderRatingView()
+        }
+       {show_zoomImage && 
+        <View style={customStyle.album_ZOOM_wrap}>
+            <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} 
+            renderHeader={_renderHeader} renderIndicator={()=>null}
+            />
+        </View>        
+        }  
+      </Container>   
+    ); 
+}
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(Window);
\ No newline at end of file
diff --git a/src/screens/test.json b/src/screens/test.json
new file mode 100644
index 0000000..1ef7e54
--- /dev/null
+++ b/src/screens/test.json
@@ -0,0 +1,2750 @@
+"Sup_ImageAuditKPIImages" : [
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798957,
+      "QuestionImageId": 0,
+      "DefId": 136,
+      "DefName": "Club one F&B",
+      "Image1": "19355_136_6_kavita.sg_STImg-20240822_143609.jpg",
+      "Image2": "19355_136_6_kavita.sg_STImg-20240822_143851.jpg",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799254,
+      "QuestionImageId": 0,
+      "DefId": 136,
+      "DefName": "Club one F&B",
+      "Image1": "21179_136_6_shravan.g_STImg-20240822_152621.jpg",
+      "Image2": "21179_136_6_shravan.g_STImg-20240822_152627.jpg",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803861,
+      "QuestionImageId": 0,
+      "DefId": 136,
+      "DefName": "Club one F&B",
+      "Image1": "21193_136_6_punniya.m_STImg-20240823_123055.jpg",
+      "Image2": "21193_136_6_punniya.m_STImg-20240823_123101.jpg",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803958,
+      "QuestionImageId": 0,
+      "DefId": 136,
+      "DefName": "Club one F&B",
+      "Image1": "19664_136_6_kavita.sg_STImg-20240823_131604.jpg",
+      "Image2": "19664_136_6_kavita.sg_STImg-20240823_131619.jpg",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798953,
+      "QuestionImageId": 13331143,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19355_6_6_kavita.sg_STImg-20240822_144836.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798953,
+      "QuestionImageId": 13331144,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19355_6_6_kavita.sg_STImg-20240822_144857.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798953,
+      "QuestionImageId": 13331146,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19355_6_6_kavita.sg_STImg-20240822_144907.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798953,
+      "QuestionImageId": 13331151,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19355_6_6_kavita.sg_STImg-20240822_144917.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798953,
+      "QuestionImageId": 13331152,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19355_6_6_kavita.sg_STImg-20240822_144927.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798954,
+      "QuestionImageId": 13331155,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19355_7_6_kavita.sg_STImg-20240822_133918.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798954,
+      "QuestionImageId": 13331156,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19355_7_6_kavita.sg_STImg-20240822_133936.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798954,
+      "QuestionImageId": 13331160,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19355_7_6_kavita.sg_STImg-20240822_134025.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798954,
+      "QuestionImageId": 13331161,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19355_7_6_kavita.sg_STImg-20240822_134033.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798955,
+      "QuestionImageId": 13331164,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "19355_8_6_kavita.sg_STImg-20240822_134733.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798955,
+      "QuestionImageId": 13331165,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "19355_8_6_kavita.sg_STImg-20240822_134726.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798955,
+      "QuestionImageId": 13331170,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "19355_8_6_kavita.sg_STImg-20240822_135137.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798955,
+      "QuestionImageId": 13331171,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "19355_8_6_kavita.sg_STImg-20240822_134655.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798956,
+      "QuestionImageId": 13331178,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19355_9_6_kavita.sg_STImg-20240822_132822.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798956,
+      "QuestionImageId": 13331182,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19355_9_6_kavita.sg_STImg-20240822_132921.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798956,
+      "QuestionImageId": 13331183,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19355_9_6_kavita.sg_STImg-20240822_132932.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798956,
+      "QuestionImageId": 13331174,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19355_9_6_kavita.sg_STImg-20240822_132756.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798956,
+      "QuestionImageId": 13331175,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19355_9_6_kavita.sg_STImg-20240822_132805.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769913,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1798956,
+      "QuestionImageId": 13331177,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19355_9_6_kavita.sg_STImg-20240822_143449.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799250,
+      "QuestionImageId": 13333343,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21179_6_6_shravan.g_STImg-20240822_152301.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799250,
+      "QuestionImageId": 13333344,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21179_6_6_shravan.g_STImg-20240822_152311.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799250,
+      "QuestionImageId": 13333351,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21179_6_6_shravan.g_STImg-20240822_152340.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799250,
+      "QuestionImageId": 13333352,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21179_6_6_shravan.g_STImg-20240822_152347.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799251,
+      "QuestionImageId": 13333355,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21179_7_6_shravan.g_STImg-20240822_152401.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799251,
+      "QuestionImageId": 13333356,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21179_7_6_shravan.g_STImg-20240822_152455.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799251,
+      "QuestionImageId": 13333360,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21179_7_6_shravan.g_STImg-20240822_152514.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799251,
+      "QuestionImageId": 13333361,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21179_7_6_shravan.g_STImg-20240822_152520.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799252,
+      "QuestionImageId": 13333364,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21179_8_6_shravan.g_STImg-20240822_152532.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799252,
+      "QuestionImageId": 13333365,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21179_8_6_shravan.g_STImg-20240822_152539.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799252,
+      "QuestionImageId": 13333370,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21179_8_6_shravan.g_STImg-20240822_152602.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799252,
+      "QuestionImageId": 13333371,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21179_8_6_shravan.g_STImg-20240822_152609.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799253,
+      "QuestionImageId": 13333374,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21179_9_6_shravan.g_STImg-20240822_153119.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799253,
+      "QuestionImageId": 13333375,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21179_9_6_shravan.g_STImg-20240822_153129.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799253,
+      "QuestionImageId": 13333382,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21179_9_6_shravan.g_STImg-20240822_153147.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769966,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1799253,
+      "QuestionImageId": 13333383,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21179_9_6_shravan.g_STImg-20240822_153155.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797059,
+      "QuestionImageId": 13316997,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21213_6_6_narendra.kb_STImg-20240822_130256.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797059,
+      "QuestionImageId": 13316998,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21213_6_6_narendra.kb_STImg-20240822_130305.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797059,
+      "QuestionImageId": 13317005,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21213_6_6_narendra.kb_STImg-20240822_130317.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797059,
+      "QuestionImageId": 13317006,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21213_6_6_narendra.kb_STImg-20240822_130332.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797060,
+      "QuestionImageId": 13317009,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21213_7_6_narendra.kb_STImg-20240822_130201.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797060,
+      "QuestionImageId": 13317010,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21213_7_6_narendra.kb_STImg-20240822_130210.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797060,
+      "QuestionImageId": 13317014,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21213_7_6_narendra.kb_STImg-20240822_130231.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797060,
+      "QuestionImageId": 13317015,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21213_7_6_narendra.kb_STImg-20240822_130239.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797061,
+      "QuestionImageId": 13317018,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21213_8_6_narendra.kb_STImg-20240822_112711.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797061,
+      "QuestionImageId": 13317019,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21213_8_6_narendra.kb_STImg-20240822_112718.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797061,
+      "QuestionImageId": 13317024,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21213_8_6_narendra.kb_STImg-20240822_112732.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797061,
+      "QuestionImageId": 13317025,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21213_8_6_narendra.kb_STImg-20240822_112742.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797062,
+      "QuestionImageId": 13317028,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21213_9_6_narendra.kb_STImg-20240822_111112.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797062,
+      "QuestionImageId": 13317029,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21213_9_6_narendra.kb_STImg-20240822_111139.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797062,
+      "QuestionImageId": 13317031,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21213_9_6_narendra.kb_STImg-20240822_111513.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797062,
+      "QuestionImageId": 13317036,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21213_9_6_narendra.kb_STImg-20240822_111153.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1769967,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1797062,
+      "QuestionImageId": 13317037,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21213_9_6_narendra.kb_STImg-20240822_111203.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795450,
+      "QuestionImageId": 13305078,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21315_6_6_swapnali.m_STImg-20240822_112208.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795450,
+      "QuestionImageId": 13305079,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21315_6_6_swapnali.m_STImg-20240822_112219.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795450,
+      "QuestionImageId": 13305086,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21315_6_6_swapnali.m_STImg-20240822_112236.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795450,
+      "QuestionImageId": 13305087,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21315_6_6_swapnali.m_STImg-20240822_112246.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795451,
+      "QuestionImageId": 13305090,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21315_7_6_swapnali.m_STImg-20240822_111542.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795451,
+      "QuestionImageId": 13305091,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21315_7_6_swapnali.m_STImg-20240822_111550.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795451,
+      "QuestionImageId": 13305095,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21315_7_6_swapnali.m_STImg-20240822_111600.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795451,
+      "QuestionImageId": 13305096,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21315_7_6_swapnali.m_STImg-20240822_111610.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795452,
+      "QuestionImageId": 13305099,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21315_8_6_swapnali.m_STImg-20240822_111659.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795452,
+      "QuestionImageId": 13305100,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21315_8_6_swapnali.m_STImg-20240822_111706.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795452,
+      "QuestionImageId": 13305105,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21315_8_6_swapnali.m_STImg-20240822_111719.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795452,
+      "QuestionImageId": 13305106,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21315_8_6_swapnali.m_STImg-20240822_111727.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795453,
+      "QuestionImageId": 13305109,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21315_9_6_swapnali.m_STImg-20240822_112449.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795453,
+      "QuestionImageId": 13305110,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21315_9_6_swapnali.m_STImg-20240822_112457.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795453,
+      "QuestionImageId": 13305112,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21315_9_6_swapnali.m_STImg-20240822_113155.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795453,
+      "QuestionImageId": 13305117,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21315_9_6_swapnali.m_STImg-20240822_112506.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1770078,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1795453,
+      "QuestionImageId": 13305118,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21315_9_6_swapnali.m_STImg-20240822_112514.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801221,
+      "QuestionImageId": 13347883,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21294_6_6_shravan.g_STImg-20240823_103901.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801221,
+      "QuestionImageId": 13347884,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21294_6_6_shravan.g_STImg-20240823_103907.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801221,
+      "QuestionImageId": 13347891,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21294_6_6_shravan.g_STImg-20240823_103938.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801221,
+      "QuestionImageId": 13347892,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21294_6_6_shravan.g_STImg-20240823_103945.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801222,
+      "QuestionImageId": 13347895,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21294_7_6_shravan.g_STImg-20240823_104252.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801222,
+      "QuestionImageId": 13347896,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21294_7_6_shravan.g_STImg-20240823_104300.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801222,
+      "QuestionImageId": 13347900,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21294_7_6_shravan.g_STImg-20240823_104321.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801222,
+      "QuestionImageId": 13347901,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21294_7_6_shravan.g_STImg-20240823_104326.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801223,
+      "QuestionImageId": 13347904,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21294_8_6_shravan.g_STImg-20240823_104337.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801223,
+      "QuestionImageId": 13347905,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21294_8_6_shravan.g_STImg-20240823_104344.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801223,
+      "QuestionImageId": 13347910,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21294_8_6_shravan.g_STImg-20240823_104402.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801223,
+      "QuestionImageId": 13347911,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21294_8_6_shravan.g_STImg-20240823_104408.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801224,
+      "QuestionImageId": 13347914,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21294_9_6_shravan.g_STImg-20240823_104005.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801224,
+      "QuestionImageId": 13347915,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21294_9_6_shravan.g_STImg-20240823_104011.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801224,
+      "QuestionImageId": 13347917,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21294_9_6_shravan.g_STImg-20240823_104053.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801224,
+      "QuestionImageId": 13347922,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21294_9_6_shravan.g_STImg-20240823_104040.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775156,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1801224,
+      "QuestionImageId": 13347923,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21294_9_6_shravan.g_STImg-20240823_104045.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802691,
+      "QuestionImageId": 13359169,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21317_6_6_swapnali.m_STImg-20240823_121345.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802691,
+      "QuestionImageId": 13359170,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21317_6_6_swapnali.m_STImg-20240823_121354.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802691,
+      "QuestionImageId": 13359177,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21317_6_6_swapnali.m_STImg-20240823_121402.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802691,
+      "QuestionImageId": 13359178,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21317_6_6_swapnali.m_STImg-20240823_121413.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802692,
+      "QuestionImageId": 13359181,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21317_7_6_swapnali.m_STImg-20240823_120604.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802692,
+      "QuestionImageId": 13359182,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21317_7_6_swapnali.m_STImg-20240823_120610.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802692,
+      "QuestionImageId": 13359186,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21317_7_6_swapnali.m_STImg-20240823_120630.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802692,
+      "QuestionImageId": 13359187,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21317_7_6_swapnali.m_STImg-20240823_120641.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802693,
+      "QuestionImageId": 13359190,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21317_8_6_swapnali.m_STImg-20240823_120654.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802693,
+      "QuestionImageId": 13359191,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21317_8_6_swapnali.m_STImg-20240823_120701.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802693,
+      "QuestionImageId": 13359196,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21317_8_6_swapnali.m_STImg-20240823_120729.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802693,
+      "QuestionImageId": 13359197,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21317_8_6_swapnali.m_STImg-20240823_120740.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802694,
+      "QuestionImageId": 13359200,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21317_9_6_swapnali.m_STImg-20240823_121005.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802694,
+      "QuestionImageId": 13359201,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21317_9_6_swapnali.m_STImg-20240823_121011.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802694,
+      "QuestionImageId": 13359203,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21317_9_6_swapnali.m_STImg-20240823_120546.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802694,
+      "QuestionImageId": 13359204,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21317_9_6_swapnali.m_STImg-20240823_121027.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802694,
+      "QuestionImageId": 13359208,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21317_9_6_swapnali.m_STImg-20240823_121034.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775161,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1802694,
+      "QuestionImageId": 13359209,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21317_9_6_swapnali.m_STImg-20240823_121041.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803007,
+      "QuestionImageId": 13361581,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21221_6_6_shravan.g_STImg-20240823_121122.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803007,
+      "QuestionImageId": 13361582,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21221_6_6_shravan.g_STImg-20240823_121129.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803007,
+      "QuestionImageId": 13361589,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21221_6_6_shravan.g_STImg-20240823_121307.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803007,
+      "QuestionImageId": 13361590,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21221_6_6_shravan.g_STImg-20240823_121312.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803008,
+      "QuestionImageId": 13361593,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21221_7_6_shravan.g_STImg-20240823_121323.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803008,
+      "QuestionImageId": 13361594,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21221_7_6_shravan.g_STImg-20240823_121332.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803008,
+      "QuestionImageId": 13361598,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21221_7_6_shravan.g_STImg-20240823_121350.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803008,
+      "QuestionImageId": 13361599,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21221_7_6_shravan.g_STImg-20240823_121356.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803009,
+      "QuestionImageId": 13361602,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21221_8_6_shravan.g_STImg-20240823_121851.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803009,
+      "QuestionImageId": 13361603,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21221_8_6_shravan.g_STImg-20240823_121859.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803009,
+      "QuestionImageId": 13361608,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21221_8_6_shravan.g_STImg-20240823_121918.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803009,
+      "QuestionImageId": 13361609,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21221_8_6_shravan.g_STImg-20240823_121925.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803010,
+      "QuestionImageId": 13361612,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21221_9_6_shravan.g_STImg-20240823_121618.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803010,
+      "QuestionImageId": 13361613,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21221_9_6_shravan.g_STImg-20240823_121626.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803010,
+      "QuestionImageId": 13361616,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21221_9_6_shravan.g_STImg-20240823_121639.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803010,
+      "QuestionImageId": 13361620,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21221_9_6_shravan.g_STImg-20240823_121701.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775149,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803010,
+      "QuestionImageId": 13361621,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21221_9_6_shravan.g_STImg-20240823_121710.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803857,
+      "QuestionImageId": 13367870,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21193_6_6_punniya.m_STImg-20240823_124600.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803857,
+      "QuestionImageId": 13367871,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21193_6_6_punniya.m_STImg-20240823_124607.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803857,
+      "QuestionImageId": 13367878,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21193_6_6_punniya.m_STImg-20240823_124645.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803857,
+      "QuestionImageId": 13367879,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21193_6_6_punniya.m_STImg-20240823_124638.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803858,
+      "QuestionImageId": 13367882,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21193_7_6_punniya.m_STImg-20240823_123513.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803858,
+      "QuestionImageId": 13367883,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21193_7_6_punniya.m_STImg-20240823_123523.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803858,
+      "QuestionImageId": 13367887,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21193_7_6_punniya.m_STImg-20240823_123611.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803858,
+      "QuestionImageId": 13367888,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21193_7_6_punniya.m_STImg-20240823_123602.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803859,
+      "QuestionImageId": 13367891,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21193_8_6_punniya.m_STImg-20240823_122958.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803859,
+      "QuestionImageId": 13367892,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21193_8_6_punniya.m_STImg-20240823_123007.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803859,
+      "QuestionImageId": 13367894,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21193_8_6_punniya.m_STImg-20240823_123016.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803859,
+      "QuestionImageId": 13367897,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21193_8_6_punniya.m_STImg-20240823_123046.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803859,
+      "QuestionImageId": 13367898,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21193_8_6_punniya.m_STImg-20240823_123039.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803860,
+      "QuestionImageId": 13367901,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21193_9_6_punniya.m_STImg-20240823_125838.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803860,
+      "QuestionImageId": 13367902,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21193_9_6_punniya.m_STImg-20240823_125848.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803860,
+      "QuestionImageId": 13367904,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21193_9_6_punniya.m_STImg-20240823_130232.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803860,
+      "QuestionImageId": 13367909,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21193_9_6_punniya.m_STImg-20240823_125900.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775145,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803860,
+      "QuestionImageId": 13367910,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21193_9_6_punniya.m_STImg-20240823_125906.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803954,
+      "QuestionImageId": 13368608,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19664_6_6_kavita.sg_STImg-20240823_125159.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803954,
+      "QuestionImageId": 13368609,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19664_6_6_kavita.sg_STImg-20240823_125209.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803954,
+      "QuestionImageId": 13368611,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19664_6_6_kavita.sg_STImg-20240823_125222.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803954,
+      "QuestionImageId": 13368616,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19664_6_6_kavita.sg_STImg-20240823_125314.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803954,
+      "QuestionImageId": 13368617,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "19664_6_6_kavita.sg_STImg-20240823_125323.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803955,
+      "QuestionImageId": 13368620,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19664_7_6_kavita.sg_STImg-20240823_125746.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803955,
+      "QuestionImageId": 13368621,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19664_7_6_kavita.sg_STImg-20240823_125754.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803955,
+      "QuestionImageId": 13368623,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19664_7_6_kavita.sg_STImg-20240823_125806.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803955,
+      "QuestionImageId": 13368625,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19664_7_6_kavita.sg_STImg-20240823_125836.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803955,
+      "QuestionImageId": 13368626,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "19664_7_6_kavita.sg_STImg-20240823_125843.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803956,
+      "QuestionImageId": 13368629,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "19664_8_6_kavita.sg_STImg-20240823_125859.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803956,
+      "QuestionImageId": 13368630,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "19664_8_6_kavita.sg_STImg-20240823_125907.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803956,
+      "QuestionImageId": 13368635,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "19664_8_6_kavita.sg_STImg-20240823_125936.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803956,
+      "QuestionImageId": 13368636,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "19664_8_6_kavita.sg_STImg-20240823_125944.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803957,
+      "QuestionImageId": 13368639,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19664_9_6_kavita.sg_STImg-20240823_130745.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803957,
+      "QuestionImageId": 13368640,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19664_9_6_kavita.sg_STImg-20240823_130732.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803957,
+      "QuestionImageId": 13368643,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19664_9_6_kavita.sg_STImg-20240823_130815.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803957,
+      "QuestionImageId": 13368647,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19664_9_6_kavita.sg_STImg-20240823_130851.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775105,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803957,
+      "QuestionImageId": 13368648,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "19664_9_6_kavita.sg_STImg-20240823_130859.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803970,
+      "QuestionImageId": 13368739,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21304_6_6_swapnali.m_STImg-20240823_131143.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803970,
+      "QuestionImageId": 13368740,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21304_6_6_swapnali.m_STImg-20240823_131152.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803970,
+      "QuestionImageId": 13368747,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21304_6_6_swapnali.m_STImg-20240823_131203.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803970,
+      "QuestionImageId": 13368748,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21304_6_6_swapnali.m_STImg-20240823_131216.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803971,
+      "QuestionImageId": 13368751,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21304_7_6_swapnali.m_STImg-20240823_130701.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803971,
+      "QuestionImageId": 13368752,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21304_7_6_swapnali.m_STImg-20240823_130710.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803971,
+      "QuestionImageId": 13368756,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21304_7_6_swapnali.m_STImg-20240823_130720.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803971,
+      "QuestionImageId": 13368757,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21304_7_6_swapnali.m_STImg-20240823_130730.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803972,
+      "QuestionImageId": 13368760,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21304_8_6_swapnali.m_STImg-20240823_130759.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803972,
+      "QuestionImageId": 13368761,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21304_8_6_swapnali.m_STImg-20240823_130806.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803972,
+      "QuestionImageId": 13368766,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21304_8_6_swapnali.m_STImg-20240823_130818.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803972,
+      "QuestionImageId": 13368767,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21304_8_6_swapnali.m_STImg-20240823_130827.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803973,
+      "QuestionImageId": 13368770,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21304_9_6_swapnali.m_STImg-20240823_131854.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803973,
+      "QuestionImageId": 13368771,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21304_9_6_swapnali.m_STImg-20240823_131901.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803973,
+      "QuestionImageId": 13368773,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21304_9_6_swapnali.m_STImg-20240823_132202.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803973,
+      "QuestionImageId": 13368778,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21304_9_6_swapnali.m_STImg-20240823_131917.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775160,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1803973,
+      "QuestionImageId": 13368779,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21304_9_6_swapnali.m_STImg-20240823_131930.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804618,
+      "QuestionImageId": 13373656,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21327_6_6_narendra.kb_STImg-20240823_132132.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804618,
+      "QuestionImageId": 13373657,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21327_6_6_narendra.kb_STImg-20240823_132140.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804618,
+      "QuestionImageId": 13373664,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21327_6_6_narendra.kb_STImg-20240823_132204.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804618,
+      "QuestionImageId": 13373665,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "21327_6_6_narendra.kb_STImg-20240823_132216.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804619,
+      "QuestionImageId": 13373668,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21327_7_6_narendra.kb_STImg-20240823_131718.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804619,
+      "QuestionImageId": 13373669,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21327_7_6_narendra.kb_STImg-20240823_131731.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804619,
+      "QuestionImageId": 13373673,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21327_7_6_narendra.kb_STImg-20240823_131644.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804619,
+      "QuestionImageId": 13373674,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "21327_7_6_narendra.kb_STImg-20240823_131706.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804620,
+      "QuestionImageId": 13373677,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21327_8_6_narendra.kb_STImg-20240823_131551.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804620,
+      "QuestionImageId": 13373678,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21327_8_6_narendra.kb_STImg-20240823_131600.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804620,
+      "QuestionImageId": 13373683,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21327_8_6_narendra.kb_STImg-20240823_131617.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804620,
+      "QuestionImageId": 13373684,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "21327_8_6_narendra.kb_STImg-20240823_131626.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804621,
+      "QuestionImageId": 13373687,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21327_9_6_narendra.kb_STImg-20240823_130623.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804621,
+      "QuestionImageId": 13373688,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21327_9_6_narendra.kb_STImg-20240823_130632.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804621,
+      "QuestionImageId": 13373690,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21327_9_6_narendra.kb_STImg-20240823_131003.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804621,
+      "QuestionImageId": 13373695,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21327_9_6_narendra.kb_STImg-20240823_130644.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775162,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804621,
+      "QuestionImageId": 13373696,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "21327_9_6_narendra.kb_STImg-20240823_130656.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804790,
+      "QuestionImageId": 13374990,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "98631_6_6_swapnali.m_STImg-20240823_142141.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804790,
+      "QuestionImageId": 13374991,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "98631_6_6_swapnali.m_STImg-20240823_142149.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804790,
+      "QuestionImageId": 13374998,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "98631_6_6_swapnali.m_STImg-20240823_142201.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804790,
+      "QuestionImageId": 13374999,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "98631_6_6_swapnali.m_STImg-20240823_142211.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804791,
+      "QuestionImageId": 13375002,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "98631_7_6_swapnali.m_STImg-20240823_141656.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804791,
+      "QuestionImageId": 13375003,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "98631_7_6_swapnali.m_STImg-20240823_141705.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804791,
+      "QuestionImageId": 13375007,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "98631_7_6_swapnali.m_STImg-20240823_141716.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804791,
+      "QuestionImageId": 13375008,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "98631_7_6_swapnali.m_STImg-20240823_141724.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804792,
+      "QuestionImageId": 13375011,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "98631_8_6_swapnali.m_STImg-20240823_141819.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804792,
+      "QuestionImageId": 13375012,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "98631_8_6_swapnali.m_STImg-20240823_141827.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804792,
+      "QuestionImageId": 13375017,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "98631_8_6_swapnali.m_STImg-20240823_141836.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804792,
+      "QuestionImageId": 13375018,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "98631_8_6_swapnali.m_STImg-20240823_141844.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804793,
+      "QuestionImageId": 13375021,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "98631_9_6_swapnali.m_STImg-20240823_141416.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804793,
+      "QuestionImageId": 13375022,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "98631_9_6_swapnali.m_STImg-20240823_141424.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804793,
+      "QuestionImageId": 13375024,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "98631_9_6_swapnali.m_STImg-20240823_141500.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804793,
+      "QuestionImageId": 13375029,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "98631_9_6_swapnali.m_STImg-20240823_141434.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1776488,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1804793,
+      "QuestionImageId": 13375030,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "98631_9_6_swapnali.m_STImg-20240823_141442.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805510,
+      "QuestionImageId": 13380548,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "34006_6_6_prity.s_STImg-20240823_134016.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805510,
+      "QuestionImageId": 13380549,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "34006_6_6_prity.s_STImg-20240823_134025.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805510,
+      "QuestionImageId": 13380556,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "34006_6_6_prity.s_STImg-20240823_134325.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805510,
+      "QuestionImageId": 13380557,
+      "DefId": 6,
+      "DefName": "Club one Noodles",
+      "Image1": "34006_6_6_prity.s_STImg-20240823_134334.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805511,
+      "QuestionImageId": 13380560,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "34006_7_6_prity.s_STImg-20240823_134426.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805511,
+      "QuestionImageId": 13380561,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "34006_7_6_prity.s_STImg-20240823_134433.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805511,
+      "QuestionImageId": 13380565,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "34006_7_6_prity.s_STImg-20240823_134507.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805511,
+      "QuestionImageId": 13380566,
+      "DefId": 7,
+      "DefName": "Club one Coffee",
+      "Image1": "34006_7_6_prity.s_STImg-20240823_134514.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805512,
+      "QuestionImageId": 13380569,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "34006_8_6_prity.s_STImg-20240823_134536.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805512,
+      "QuestionImageId": 13380570,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "34006_8_6_prity.s_STImg-20240823_134543.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805512,
+      "QuestionImageId": 13380575,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "34006_8_6_prity.s_STImg-20240823_134617.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805512,
+      "QuestionImageId": 13380576,
+      "DefId": 8,
+      "DefName": "Club one Dairy",
+      "Image1": "34006_8_6_prity.s_STImg-20240823_134625.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805513,
+      "QuestionImageId": 13380579,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "34006_9_6_prity.s_STImg-20240823_135328.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805513,
+      "QuestionImageId": 13380580,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "34006_9_6_prity.s_STImg-20240823_135337.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805513,
+      "QuestionImageId": 13380587,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "34006_9_6_prity.s_STImg-20240823_135437.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    },
+    {
+      "MID": 1775732,
+      "MenuId": 32,
+      "Menu": "Club Program",
+      "KPIImageId": 1805513,
+      "QuestionImageId": 13380588,
+      "DefId": 9,
+      "DefName": "Club one Chocolate",
+      "Image1": "34006_9_6_prity.s_STImg-20240823_135446.jpg",
+      "Image2": "",
+      "BaseUrl": "https:\/\/ni1.parinaam.in\/Upload\/ProgramImages"
+    }
+  ]
\ No newline at end of file
diff --git a/src/screensSup/Album.js b/src/screensSup/Album.js
new file mode 100644
index 0000000..4ad9fc1
--- /dev/null
+++ b/src/screensSup/Album.js
@@ -0,0 +1,319 @@
+import React,{useState,useEffect, useRef} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,TouchableHighlight,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,AddStore, checkRange, UploadData2, UploadData, UpdateStoreStatus, getKPIS, marktext1, marktext2, UploadFormData, getDownloadJson1} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, AppVersion} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, Entypo, EvilIcons, Feather, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import MapIcon from '../assets/performics/map_icon.svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+import { getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_MenuList } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { uploadAllImages, uploadStoreStatus } from '../constants/uploadData';
+import { PrimaryTheme } from '../styles/Themes';
+import NetworkStatusBar from '../components/NetworkStatusBar';
+import * as RNFS from 'react-native-fs';
+
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CustomCamera from '../components/Camera';
+import NoAttendance from '../components/NoAttendance';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import ImageWithLoader from '../components/ImageWithLoader';
+
+function Album(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+  
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+
+    const [processing, setProcessing] = useState(true);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [albumImages, setAlbumImages] = useState([]);
+    const [zoomImageUrl, setZoomImageUrl] = useState([]);
+    const [zoomImageIndex, setZoomImageIndex] = useState(0);
+    const [show_zoomImage, setShow_zoomImage] = useState(false);
+    const [EmpData, setEmpData] = useState([]);
+    const [storeData, setStoreData] = useState([]);
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const zoomView=useRef(null);
+
+    
+    useEffect(() => { 
+        setLoaderTitle(ST.Loading+'...');
+        let params=props.route.params? props.route.params:{};
+        let storeData1=params.storeData || {};
+        let isAdhoc=params.isAdhocScreen || false;
+        let empData1=params.empData || {};
+
+        setIsAdhocScreen(isAdhoc);
+        setEmpData(empData1);
+        setStoreData(storeData1);
+
+        getData(storeData1);
+    }, []);
+
+
+    async function getData(storeData1){
+        console.log("storeData itemmmm",storeData1)
+        console.log("storeData album",storeData1?.MerchandiserId)
+        try {
+            db.transaction(async function (txn) {        
+                // get data with stores
+                
+                let sqlstmnt1 =`select * from Sup_Album where StoreId='${storeData1.StoreId}'`;
+                // if(storeData1.MerchandiserId == '0') {
+                //   sqlstmnt1 =`select * from Sup_Album where StoreId='${storeData1.StoreId}'`;
+                // }else {
+                //   sqlstmnt1 =`select * from Sup_Album where StoreId='${storeData1.StoreId}' and EmpId='${storeData1.MerchandiserId}'`;
+                // } // commented suggested by vinay sir .
+                
+                console.log("sqlstmnt1=======",sqlstmnt1)
+                await txn.executeSql(sqlstmnt1,[],async function (txn1, txnres) {
+                    
+                    if(txnres.rows.length>0){
+                        let AllAlbumImages=await get_albumData(txnres);
+                        setAlbumImages(AllAlbumImages);
+                        setProcessing(false);                
+                    }
+                    else{
+                        let AllAlbumImages=await DownloadAlbum(storeData1);
+                        if(AllAlbumImages.length>0){
+                            setAlbumImages(AllAlbumImages);
+                            setProcessing(false);      
+                        }
+                        else{
+                            notify('No data found');
+                            setProcessing(false);        
+                        }
+                    }
+                },function (txn1, txnerr) {console.log(txnerr);setProcessing(false);},);
+            });
+        } catch (err) {console.log(err);}
+            
+    }
+    
+
+    async function get_album(storeData1){        
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {        
+                // get data with stores
+                let sqlstmnt1 =`select * from Sup_Album where StoreId='${storeData1.StoreId}'  `;
+                await txn.executeSql(sqlstmnt1,[],async function (txn1, txnres) {
+                    if(txnres.rows.length>0){
+                        let AllAlbumImages=await get_albumData(txnres);
+                        resolve(AllAlbumImages);
+                    }
+                    else{
+                        resolve([]);
+                    }
+                },function (txn1, txnerr) {console.log(txnerr);resolve([]);},);
+            });
+        }).catch((err)=>{
+            console.log('err:',err);
+            return [];
+        });
+    } 
+
+    async function get_albumData(txnres){
+        return new Promise((resolve,reject)=>{
+            if(txnres.rows.length>0){
+                let arr=[],images=[];
+                for(var i=0;i<txnres.rows.length;i++){
+                    let data=txnres.rows.item(i);
+                    data.imgIndex=i;
+                    arr.push(data);                            
+
+                    let imgObj={imgIndex:i,url: data.ImageUrl, props: {}}
+                    images.push(imgObj);
+                    if(i==(txnres.rows.length-1)) {
+                        setZoomImageUrl(images);
+                        resolve(arr);
+                    }
+                }                        
+            }
+            else{
+                resolve([]);
+            }
+        }).catch((err)=>{
+            console.log('err:',err);
+            return [];
+        });
+    }
+
+    async function DownloadAlbum(storeData1){
+      let downloadKey="Sup_Album";
+      let loginInfo = await get_item('loginInfo');
+      const loginDetails = JSON.parse(loginInfo);
+      const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+      let data={
+        Downloadtype:downloadKey,
+        Username: loginDetails.UserId,
+        Param1: storeData1.StoreId,
+        Param2: '',
+      };
+
+      console.log(url,data);
+      return await getDownloadJson1(url,data)
+      .then(async(res)=>{  
+        if (res.Sup_Album) {
+          let data_arr = res.Sup_Album || [];     
+          console.log("data_arr===",data_arr)     
+          let isInserted=await InsertAlbum(data_arr,storeData1);
+         console.log("isInserted===",isInserted)
+          if(isInserted){
+            let AllImgs=await get_album(storeData1);  
+            return AllImgs;
+          }
+          else{
+            return [];
+          }
+        }
+        else{
+          return [];
+        }        
+      })
+      .catch((err)=>{
+        console.log('onPage Team error',err);
+        return [];
+      }); 
+    }
+
+    async function InsertAlbum(data_arr,storeData1){
+        return new Promise((resolve,reject)=>{
+            var values=[];
+            data_arr.map((data_obj)=>{  
+              let {Srno,EmpId,StoreId,KPI,LastMerchandisedDate,ImageUrl}=data_obj;
+              values.push(` ('${Srno}','${EmpId}', '${StoreId}', '${KPI}', '${LastMerchandisedDate}', '${ImageUrl}')`);
+            });
+            
+            var all_vals=values.join(',');
+            var sql_stmnt=`INSERT INTO Sup_Album(Srno,EmpId,StoreId,KPI,LastMerchandisedDate,ImageUrl)
+            values ${all_vals}`;         
+                  
+            db.transaction(function(txn) {
+              // delete all today data
+              txn.executeSql(`delete from Sup_Album where 1=1`,[],function(txn1,txnres){
+                  // insert or refresh all today data
+                  txn.executeSql(sql_stmnt,[],function(txn1,txnres){
+                      console.log('Sup_Album added');
+                      resolve(true);
+                  },function(txn1,txnerr){resolve(false);});                         
+              },function(txn1,txnerr){resolve(false);});                                        
+            }); 
+        }).catch((err)=>{
+            console.log('err',err);
+            return false;
+        })
+    }
+
+   
+   
+
+    async function openZoomImage(item){
+        let index=zoomImageUrl.findIndex(i=> i.imgIndex== item.imgIndex);
+        console.log('index:',index,item)
+        if(index>=0) setZoomImageIndex(index)
+        setShow_zoomImage(true);
+    }
+
+
+    function _renderHeader(currentIndex){        
+        return(
+            <View style={customStyle.album_ZOOM_topBar}>
+                <Text style={customStyle.album_ZOOM_indicator}>{`${(currentIndex+1)}/${zoomImageUrl.length}`}</Text>
+                <TouchableOpacity style={customStyle.album_ZOOM_backBtn} onPress={()=>{console.log('tsth');setShow_zoomImage(false) }}>
+                    <Entypo name='chevron-left' color={'#000'} size={24}/>
+                </TouchableOpacity>            
+            </View> 
+        )
+    }
+
+    // console.log("albumImages",albumImages)
+  
+    return ( 
+        <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+            {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+            <CustomHeader {...props} title={'Album'} />
+            {!show_zoomImage &&
+            <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+                <View style={[customStyle.pageContentWrapper,customStyle.ImageTypesPageWrap]}>
+                    <View style={[customStyle.storel,customStyle.storeInfo_wrap]}>
+
+                    <View style={customStyle.storel_card_outer}> 
+                    <View style={customStyle.storel_card}>
+                        <View style={customStyle.storel_card_content}>
+                        <Text style={customStyle.storel_card_title}>{storeData.StoreName}</Text>
+                        <View style={customStyle.storel_card_subtitle}>
+                            <Text style={customStyle.storel_card_subtitleTxt}>{storeData.StoreType}</Text>
+                        </View>
+                        </View>                  
+                    </View>
+                    <View style={customStyle.storel_details}>
+                        <View style={customStyle.storel_code}>
+                        <View style={[customStyle.storel_codeCon,customStyle.storel_codeBorder]}>
+                            <Text style={customStyle.storel_codeLbl}>{ST.StoreId+':'}</Text>
+                            <Text style={customStyle.storel_codeText}>{storeData.StoreId}</Text>
+                        </View>                    
+                        <View style={[customStyle.storel_card_outer]}>
+                            <Text style={customStyle.storel_codeLbl}>{ST.StoreCode+':'}</Text>
+                            <Text style={customStyle.storel_codeText}>{storeData.StoreCode}</Text>
+                        </View>
+                        </View>
+                    </View>                
+                    </View> 
+
+                    </View>
+
+                  
+                    <FlatList
+                    data={albumImages}
+                    style={customStyle.listcon}
+                    contentContainerStyle={customStyle.iteml_con}
+                    renderItem={({ item, index, separators }) =>{
+                        return(
+                        <View  style={customStyle.alumbl} key={index}>
+                            <Text style={customStyle.alumbl_topText}>{(item.StoreName?item.StoreName+' ':'')+'('+item.KPI+')'}</Text>
+                            <TouchableOpacity activeOpacity={0.5} style={customStyle.alumbl_imgCon}  onPress={()=>{openZoomImage(item)}}>
+                               {/* {item.ImageUrl && <Image style={customStyle.alumbl_img} source={{uri:item.ImageUrl}}/>} */}
+                               {item.ImageUrl && <ImageWithLoader style={customStyle.alumbl_img} uri={item.ImageUrl} />}
+                            </TouchableOpacity>
+                            {console.log("item.LastMerchandisedDate",item.ImageUrl)}
+                            <Text style={customStyle.alumbl_bottomText}>{'Captured on : '+moment(item.LastMerchandisedDate,"MM/DD/YYYY").format('MM/DD/YYYY')}</Text>
+                        </View>
+                        );
+                    }}
+                    />
+                </View>      
+            </LinearGradient>}       
+            {show_zoomImage && 
+                    <View style={customStyle.album_ZOOM_wrap}>
+                        <ImageViewer ref={zoomView} style={customStyle.album_ZOOM} imageUrls={zoomImageUrl} 
+                        renderHeader={_renderHeader} index={zoomImageIndex}  renderIndicator={()=>null}
+                        />
+                    </View>        
+            }
+        </Container>  
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(Album);
\ No newline at end of file
diff --git a/src/screensSup/Attendance.js b/src/screensSup/Attendance.js
new file mode 100644
index 0000000..c239f15
--- /dev/null
+++ b/src/screensSup/Attendance.js
@@ -0,0 +1,520 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { customStyles,GetPageTheme } from "../styles/Global";
+import {Image,View,Text,ScrollView,TouchableOpacity,FlatList} from 'react-native';
+import { connect } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {marktext1,marktext2, UpdateStoreStatus, UploadData, UploadData2, UploadFormData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {AppVersion, common_ImagePath, db, URL_IMAGE, version} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {AntDesign, Entypo, MaterialCommunityIcons,} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import CustomModal from '../components/CustomModal';
+import GradientButton from '../components/gradientButton';
+import {launchCamera, launchImageLibrary,CameraOptions} from 'react-native-image-picker';
+import * as RNFS from 'react-native-fs';
+import {_checkLocationPermission} from '../components/geolocation';
+import CustomCamera from '../components/Camera';
+
+import cameraImg from '../assets/performics/camera_front_image.svg';
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CameraImg3 from '../assets/performics/camera_tick.svg';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { AppTables } from '../constants/tableConstants';
+import { uploadStoreStatus } from '../constants/uploadData';
+import { ConfirmSaveAlert } from '../components/alert';
+
+
+function Attendance(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState((props.isDataDownloaded?true:false));
+    
+    
+    const [nonWorkingRsns, setNonWorkingRsns] = useState([]);
+    const [selectedReason, setSelectedReason] = useState({});
+    const [reason, setReason] = useState('');
+    const [reasonId, setReasonId] = useState('');
+    const [Image1, setImage1] = useState('');
+    const [Image1Path, setImage1Path] = useState('');
+    const [showModal, setShowModal] = useState(false);
+    const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+    const [rerenderdata, setrerenderdata]= useState(0);
+    const [location, setLocation] = useState({});
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [showAlert, setShowAlert] = useState(false);
+     
+    
+    const [isAnyStoreUploaded, setIsAnyStoreUploaded] = useState(false);
+
+    const [showCamera, setShowCamera] = useState(false);
+    const [getImageProps,setGetImageProps]= useState({});
+   
+
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...')
+      getdata();
+      
+
+      const onremoveSubscription=props.navigation.addListener('beforeRemove', onBeforeRemove);
+
+      return function cleanup() {
+        onremoveSubscription();
+      };
+    }, []);
+
+    useEffect(() => {
+      props.navigation.removeListener('beforeRemove', onBeforeRemove);
+      const onremoveSubscription=props.navigation.addListener('beforeRemove', onBeforeRemove);
+      return onremoveSubscription;
+    }, [showCamera]); 
+
+    function  onBeforeRemove(e){
+      if(showCamera==true){
+          e.preventDefault();
+          setShowCamera(false);
+      }
+      else{
+        return;
+      } 
+    }
+
+
+    async function getdata(){
+        let d1=new Date();
+        let d2=moment(d1).format('MM/DD/YYYY');
+  
+        let token=await get_item('loginToken');
+        let loginInfo=await get_item('loginInfo');
+        const loginDetails=JSON.parse(loginInfo);
+        let nonWrkRsns=await getNonWorkingRsns() || [];
+
+        if(nonWrkRsns.length>0){
+              
+            await db.transaction(async function (txn) {   
+                let q=`select * from ${AppTables.ATTENDANCE} where ATTENDANCE_DATE='${d2}' and EMP_ID='${props.UserId}'`;
+                await txn.executeSql(q,[],async function (txn2, txnres2) {  
+                if(txnres2.rows.length>0){ 
+                    let data=txnres2.rows.item(0); 
+                    let {ATTENDANCE_DATE,STATUS,STATUS_Id,REMARK,REASON_ID, REASON,IMAGE1}=data
+                    let path=IMAGE1!=null && IMAGE1!='' ? 'file://'+common_ImagePath+IMAGE1:''; 
+                    let selRsn=nonWrkRsns.find(i=>i.ReasonId==REASON_ID);
+                    setSelectedReason(selRsn);
+                    setReason(REASON);
+                    setReasonId(REASON_ID);
+                    setImage1Path(path);
+                    setImage1(IMAGE1);
+                    
+                    setProcessing(false);
+                    setrerenderdata(!rerenderdata);
+                }
+                else{   
+                    
+                    setProcessing(false); 
+                }
+                },function(txn2,txnerr){console.log(txnerr); setProcessing(false);});
+            });  
+        }
+        else{
+            setProcessing(false);
+        }
+
+    }
+
+    async function getNonWorkingRsns(){
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+
+      let nonWrkRsns=[];
+      
+        return new Promise((resolve,reject)=>{
+            db.transaction(async function (txn) {  
+                let q=`SELECT * FROM Sup_NonWorkingReason where ShowAttendance='1'`;
+        
+                await txn.executeSql(q,[],async function (txn2, txnres2) {     
+                    console.log('data len:',txnres2.rows.length);      
+                  if(txnres2.rows.length>0){ 
+                    // show from local
+                    
+                    for(var i=0;i<txnres2.rows.length;i++){
+                      let sdata=txnres2.rows.item(i);               
+                      nonWrkRsns.push(sdata); 
+                      if(i==(txnres2.rows.length-1)){
+                        console.log(nonWrkRsns);
+                        setNonWorkingRsns(nonWrkRsns);
+                        resolve(nonWrkRsns);
+                      }
+                    }            
+                  }
+                  else{            
+                    resolve(nonWrkRsns);
+                    notify(ST.Nodatafound);
+                  }
+                },function(txn2,txnerr){console.log(txnerr);resolve(nonWrkRsns);});
+            });
+        }).catch((err)=>{
+            console.log(err);
+            return nonWrkRsns;
+        })
+      
+    }
+
+    async function onSubmitData(){
+        if(validate()){
+        //   setLoaderTitle(ST.UploadingData+'...');
+          setShowAlert(true);        
+        }      
+    }
+
+    function validate(){
+        if(reasonId=='' || reasonId==null || reason=='' || reason==null){
+          notify("Please select reason",'SHORT');
+          return false;
+        }
+        if(( selectedReason.ImageAllow=='true' || selectedReason.ImageAllow=='1') && (Image1Path=='' || Image1Path==null)){
+          notify("Please click selfie",'SHORT');
+          return false;
+        }
+        return true;
+    }
+
+    
+    async function uploadAttndance(){
+        setShowAlert(false);
+        setLoaderTitle('Uploading Data...');
+        setProcessing(true);
+
+        let d1=new Date();
+        let d2=moment(d1).format('MM/DD/YYYY');    
+        let {ImageAllow}=selectedReason;
+        
+        var data1 = new FormData();          
+        data1.append('file', {
+          uri:  Image1Path,
+          type: 'image/jpg',
+          name: Image1,
+        });
+  
+        data1.append('Foldername',"Attendance");
+        data1.append('Path', d2);
+        let data={
+            "UserId":props.UserId,  
+            "AttendanceDate":d2,
+            "ReasonId":reasonId!=null && reasonId!=''?reasonId:0, 
+            "ImageUrl":((ImageAllow=='1' || ImageAllow=='true')?Image1:''),  
+            "Remark":"",
+        }
+  
+        
+  
+        const url=props.baseurl+getMethodName(METHODS.UPLOADATTENDANCE_METHOD);
+        const url1=(props.imageUploadUrl || URL_IMAGE)+getMethodName(METHODS.UPLOADIMAGES_METHOD);
+        console.log(url,data);
+        
+        await UploadData2(url,data)
+        .then(async(res)=>{         
+          console.log('res upload attend:',res);
+          if(parseInt(res)>0){
+            saveData();
+            if(selectedReason.ImageAllow=='1' || selectedReason.ImageAllow=='true' || selectedReason.ImageAllow==1)
+            {
+                // Upload Image 
+                await UploadFormData(url1,data1)
+                .then(async(res1)=>{         
+                console.log('res1 image upload:',res1);            
+                })
+                .catch((err)=>{
+                console.log(err);
+                }); 
+            }
+          }
+          else{
+            setProcessing(false);
+          }
+        })
+        .catch((err)=>{
+          console.log(err);setProcessing(false);
+        });
+    }
+
+    async function saveData(){
+        
+        const d1=new Date();
+        const d2=moment(d1).format('MM/DD/YYYY');
+        try {   
+          
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.ATTENDANCE} WHERE EMP_ID='${props.UserId}' and ATTENDANCE_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('attend deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              var values='';
+              let {EntryAllow}=selectedReason;
+              values+=` ('${props.UserId}','${d2}','${EntryAllow}','','${reasonId}','${reason}','${Image1}','${d2}') `;
+                    
+              console.log('values:',values);
+              let add_data=`INSERT INTO ${AppTables.ATTENDANCE} (EMP_ID,ATTENDANCE_DATE,ENTRY_ALLOW,REMARK,REASON_ID, REASON,IMAGE1 ,ADDED_DATE) VALUES ${values} `;
+
+              await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                console.log('attend added');
+                notify('Attendance submited successfully','SHORT');
+                setProcessing(false);
+                props.setAttendanceStatus({isAttendanceMarked:true,isEntryAllow:(EntryAllow=='1' || EntryAllow=='true'?true:false)});
+                props.navigation.goBack();
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot submit Attendance!') },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+    
+
+    async function selectReason(item){
+      
+
+      setSelectedReason(item);
+      setReason(item.Reason);
+      setReasonId(item.ReasonId);
+      setrerenderdata(!rerenderdata);
+      
+      if(item.ImageAllow=='1' || item.ImageAllow=='true'){
+        if((Image1Path!='' && Image1Path!=null)){
+          setShowImageSaveOp(false);
+        }
+        else{
+          setShowImageSaveOp(true);
+        }
+        openImageModal();
+      }
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    function openImageModal(){
+      setShowModal(true);    
+    }
+
+    function closeImageModal(){
+      setShowModal(false);
+    }
+
+    function cancelImage(){
+      setImage1('');
+      setImage1Path('');
+      closeImageModal();
+    }
+
+    async function getImage(imgdata){
+      if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+        notify(ST.Cameraunavailable);
+      }
+      else if(typeof imgdata =='object' && imgdata.uri!=null){
+        const img=imgdata;
+          const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+         
+          
+          let picture_clicked_time=new Date();
+          picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+          
+          
+          const mark_text1=picture_clicked_time;
+          const mark_text2='User Id:'+props.UserId+' | Image Type: Attendance'+' | Date:'+picture_clicked_time;
+           
+          await marktext1(mark_text1,imgurl)
+          .then((res)=>{
+              if(res.success){
+                  let uri=res.uri;
+                  marktext2(mark_text2,uri,imgWidth,imgHeight)
+                  .then((res)=>{
+                      if(res.success){
+                          let picture_clickedd=new Date();
+                          let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                          let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                          let filename=(props.UserId || '')+'_AttendanceImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                          setImage1(filename);
+                          // renamefile
+                          let imagePath=`${common_ImagePath}${filename}`;
+                          RNFS.copyFile(res.uri, imagePath)
+                          .then(resn => {
+                              let uri='file://'+imagePath;
+                              console.log('image marker',uri);
+                              setImage1Path(uri);  
+                          })
+                          .catch(err => {
+                              console.log(ST.Errorimagefilewritefailed+'!!!');
+                              console.log(err.message, err.code);
+                          });                           
+                                   
+                      }
+                      else{
+                          if(res.imagenotfound){
+                              notify(ST.Pleasecaptureaimage);
+                          }
+                          else{
+                              notify(res.error);
+                          }
+                      }
+                  });
+              }
+              else{
+                  if(res.imagenotfound){
+                      notify(ST.Pleasecaptureaimage);
+                  }
+                  else{
+                      notify(res.error);
+                  }
+              }
+          });            
+      }        
+    }
+
+    async function openCamera(){   
+      setShowCamera(true);
+      setShowModal(false)
+      // props.navigation.navigate('CameraScreen',{'getImage':getImage,'cameraType':'front'})
+    }
+  
+    function _OpenCaptureImage_Modal(){
+      const isImageCap=(Image1Path=='' || Image1Path==null)?false:true;
+      return (
+        <CustomModal 
+          style={customStyle.nonWCapImgModal}
+          title={"Mark Attendance"}
+          message={"Please click the selfie for attendance"}
+          titleStyle={customStyle.nonWCapImgModal_title}
+          messageStyle={customStyle.nonWCapImgModal_subtitle}
+          showModal={showModal}
+        >
+          {
+            !isImageCap && 
+            <View style={customStyle.nonWCapImgModalCon}>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Camera} onPress={()=>{openCamera()}}>
+                <SvgXml width={100} height={100} xml={CameraImg2}/>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+            </View>
+          }
+          { 
+          isImageCap && 
+          <View style={customStyle.nonWCapImgModalCon}>
+            <View style={customStyle.nonWCapImgModal_ImgWrap}>
+              <Image  style={[customStyle.nonWCapImgModal_Img,(Platform.OS=='ios' ?customStyle.android_flipIMageView:{})]} source={{uri:Image1Path}} />
+            </View>
+            <TouchableOpacity style={customStyle.nonWCapImgModal_CameraSmall} onPress={()=>{openCamera()}}>
+              <MaterialCommunityIcons name='camera-retake' size={30} color={PageTheme.$primary_color}/>
+            </TouchableOpacity>
+            { showImageSaveOp &&
+            <View style={customStyle.nonWCapImgModal_btng}>              
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{cancelImage()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Cancel}</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Save_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Save_btnText}>{ST.Save}</Text>
+              </TouchableOpacity>
+            </View>}
+            {!showImageSaveOp &&
+              <TouchableOpacity style={customStyle.nonWCapImgModal_Cancel_btn} onPress={()=>{closeImageModal()}}>
+                <Text style={customStyle.nonWCapImgModal_Cancel_btnText}>{ST.Close}</Text>
+              </TouchableOpacity>
+            }
+            
+          </View>
+
+          }
+        </CustomModal>
+      )
+    }
+
+  
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        
+        <CustomHeader {...props} title={'Attendance'}/>        
+        {showModal && _OpenCaptureImage_Modal()}
+        {showAlert && ConfirmSaveAlert(props,showAlert,onSaveCancel,uploadAttndance)}
+        <CustomCamera cameraType={'front'} onImageCaptured={(imgData)=>{setShowCamera(false);setShowModal(true);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={[customStyle.pageContentWrapper,customStyle.pageContentWrapper_bgLight]}>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          {props.isDataDownloaded &&
+            <View style={customStyle.attenContent}>
+                <View style={customStyle.attend_infoCon}>
+                    <Text style={customStyle.attend_infoText1}>Hi User</Text>
+                    <Text style={customStyle.attend_infoText2}>Please mark attendance before working!</Text>
+                </View>
+                <View style={customStyle.nonWorking_con}>
+                    <View style={customStyle.nonWorking_form}>                       
+                    <FlatList 
+                    contentContainerStyle={customStyle.attendList_scroll}
+                    extraData={rerenderdata}
+                    style={[(props.isAttendanceMarked==true?customStyle.attendList_scrollCon2:customStyle.attendList_scrollCon)]}
+                    data={nonWorkingRsns}
+                    renderItem={({item,index})=>{
+
+                        const nWselStyle=reasonId==item.ReasonId?customStyle.selAttBtn_selected:{};
+                        const nWselStyleText=reasonId==item.ReasonId?customStyle.nWselStyleText:{};
+                        const CapImageShow=(Image1Path!='' && Image1Path!=null) && reasonId==item.ReasonId?true:false;
+                        let isDisabled=props.isAttendanceMarked==true && reasonId!=item.ReasonId;
+
+
+                        return (
+                        <TouchableOpacity key={index} style={[customStyle.nonWlist,nWselStyle,isDisabled==true?{backgroundColor:'#cdcdcd'}:{}]} disabled={isDisabled} activeOpacity={props.isAttendanceMarked==true?1:0.5} onPress={()=>{props.isAttendanceMarked==true ?'':selectReason(item)}}>
+                            <Text style={[customStyle.nonWlist_Text,nWselStyleText]}>{item.Reason}</Text>
+                            { (item.ImageAllow=='1' || item.ImageAllow=='true') && 
+                            <TouchableOpacity  style={customStyle.nonWlist_camera} disabled={isDisabled} onPress={()=>{selectReason(item)}}>
+                                {!CapImageShow && <SvgXml width={30} height={30} xml={CameraImg2} />}
+                                {CapImageShow && <SvgXml width={30} height={30} xml={CameraImg3} />}
+                            </TouchableOpacity>
+                            }
+                        </TouchableOpacity>
+                        );
+                    }}
+                    />
+                    </View>                
+                </View>
+              
+              {props.isAttendanceMarked==false && 
+              <View style={customStyle.nonW_btnWrap}>
+                <GradientButton {...props} title={"Submit"} onPress={()=>{onSubmitData();}}/> 
+              </View>  }  
+
+            </View>   
+            
+          }          
+         </View>      
+       </LinearGradient>       
+        
+      </Container>   
+    ); 
+  }
+  
+
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(Attendance);
\ No newline at end of file
diff --git a/src/screensSup/AttendanceOld.js b/src/screensSup/AttendanceOld.js
new file mode 100644
index 0000000..3ad49c3
--- /dev/null
+++ b/src/screensSup/AttendanceOld.js
@@ -0,0 +1,520 @@
+import React,{useState,useEffect, memo} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,TouchableHighlight,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,AddStore, checkRange, UploadData2, UploadData, UpdateStoreStatus, getKPIS, marktext1, marktext2, UploadFormData} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl,db, AppVersion, common_ImagePath} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign, Entypo, EvilIcons, Feather, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons} from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import {SvgXml} from 'react-native-svg';
+import MapIcon from '../assets/performics/map_icon.svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+import Geolocation from '@react-native-community/geolocation';
+import { getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_MenuList } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { uploadAllImages, uploadStoreStatus } from '../constants/uploadData';
+import { PrimaryTheme } from '../styles/Themes';
+import NetworkStatusBar from '../components/NetworkStatusBar';
+import * as RNFS from 'react-native-fs';
+
+import cameraImg from '../assets/performics/camera_front_image.svg'
+import CustomCamera from '../components/Camera';
+import GradientButton from '../components/gradientButton';
+import { CustomPicker } from '../components/CustomPicker';
+
+
+function Attendance(props) { 
+    const route = useRoute();
+    
+    const ST=props.StaticText || {};
+    const AttendanceCons=[{"AttendanceId":1,"AttendanceName":"Holiday"},{"AttendanceId":2,"AttendanceName":"Leave"},{"AttendanceId":3,"AttendanceName":"Present"},{"AttendanceId":4,"AttendanceName":"Meeting"}]
+
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [loaderTitle, setLoaderTitle] = useState();
+    const [processing, setProcessing] = useState((props.isDataDownloaded?true:false));
+    const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+    const [nodataFound, setNodataFound] = useState(false);
+    const [rerenderdata, setrerenderdata]= useState(false);
+    const [EmployeesList, setEmployeesList] = useState([]);
+    const [globalEmplist, setGlobalEmplist] = useState([]);
+    const [globalStorelist, setGlobalStorelist] = useState([]);
+    const [searchedItem, setSearchedItem]= useState('');
+    const [showAlert, setShowAlert] = useState(false);
+    const [dataFound, setdataFound] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const [CameraVis, setCameraVis] = useState(false);
+    const [showReason, setShowReason] = useState(false);
+    const [showRemark, setShowRemark] = useState(false);
+    const [AttData, setAttData] = useState({});
+    const [getImageProps,setGetImageProps]= useState({});
+    const [AttendanceLabels, setAttendanceLabels] = useState(AttendanceCons);
+    const [nonWorkingRsns, setNonWorkingRsns] = useState([{"ReasonId":"1","Reason":"Reason 1"},{"ReasonId":"2","Reason":"Reason 2"},{"ReasonId":"3","Reason":"Reason 3"}]);
+    
+    useEffect(() => { 
+      setLoaderTitle(ST.Loading+'...');
+      checkLocalData();
+      
+      const onremoveSubscription=props.navigation.addListener('beforeRemove', onBeforeRemove);
+      return function cleanup() {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+     };
+    }, []);
+
+    useEffect(() => {
+        props.navigation.removeListener('beforeRemove', onBeforeRemove);
+        props.navigation.addListener('beforeRemove', onBeforeRemove);
+    }, [showCamera]); 
+    
+    function  onBeforeRemove(e){
+        if(showCamera==true){
+            e.preventDefault();
+            setShowCamera(false);
+        }
+        else{
+            return;
+        } 
+    }
+
+  
+    async function checkLocalData(){
+       
+      let d1=new Date();
+      let d2=moment(d1).format('MM/DD/YYYY');
+
+      let token=await get_item('loginToken');
+      let loginInfo=await get_item('loginInfo');
+      const loginDetails=JSON.parse(loginInfo);
+      
+      await db.transaction(async function (txn) {   
+
+        let q=`select * from ${AppTables.ATTENDANCE} where ATTENDANCE_DATE='${d2}' and EMP_ID='${props.UserId}'`;
+        await txn.executeSql(q,[],async function (txn2, txnres2) {    
+         
+          if(txnres2.rows.length>0){ 
+            
+            let data=txnres2.rows.item(0); 
+            let {ATTENDANCE_DATE,STATUS,STATUS_Id,REMARK,REASON_ID, REASON,IMAGE1}=data
+            let obj={STATUS:STATUS,STATUS_Id:STATUS_Id,REMARK:REMARK,REASON_ID:REASON_ID, REASON:REASON,IMAGE1:IMAGE1};
+            let path=IMAGE1!=null && IMAGE1!='' ? 'file://'+common_ImagePath+IMAGE1:''; 
+            obj['IMAGE1_PATH']=path;
+            
+
+            if(STATUS_Id==2){
+                setShowRemark(true);
+                setShowReason(true);
+                setCameraVis(false);
+            }
+            else if(STATUS_Id==3){
+                setShowRemark(true);
+                setShowReason(false);
+                setCameraVis(true);
+            }
+            else{
+                setShowRemark(false);
+                setShowReason(false);
+                setCameraVis(false);
+            }
+
+            setAttData(obj);
+            setdataFound(true);
+            setProcessing(false);
+            setrerenderdata(!rerenderdata);
+                    
+          }
+          else{            
+            setProcessing(false); 
+          }
+        },function(txn2,txnerr){console.log(txnerr); setProcessing(false);});
+      });      
+    }
+
+    
+    async function onSelectAttendance(item){
+       
+        let alldata=AttData;
+        alldata['STATUS']=item.AttendanceName;
+        alldata['STATUS_Id']=item.AttendanceId;
+        console.log('alldata',alldata);
+        if(item.AttendanceId==2){
+            setShowRemark(true);
+            setShowReason(true);
+            setCameraVis(false);
+        }
+        else if(item.AttendanceId==3){
+            setShowRemark(true);
+            setShowReason(false);
+            setCameraVis(true);
+        }
+        else{
+            setShowRemark(false);
+            setShowReason(false);
+            setCameraVis(false);
+        }
+
+        setAttData(alldata);
+        setrerenderdata(!rerenderdata);
+
+    }
+
+    function onselectionChange(option,keyLbl,keyVal){
+        let data=AttData;
+        data[keyVal]=option.value;
+        data[keyLbl]=option.label;
+        setAttData(data);
+        setrerenderdata(!rerenderdata)
+    }
+
+    function onchangeText(val,key){
+        console.log('onchangeText',key);
+        let data=AttData;
+        data[key]=val;
+        setAttData(data);
+        setrerenderdata(!rerenderdata)
+
+    }
+
+    async function getImage(imgdata){
+        // let type=getImageProps.type || '';
+        if(typeof imgdata =='object' && imgdata.errorCode=='camera_unavailable'){
+            notify('Camera unavailable');
+        }
+        else if(typeof imgdata =='object' && imgdata.uri!=null){
+            const img=imgdata;
+            const imgurl=img.uri, imgWidth=img.width, imgHeight=img.height;
+           
+            
+            let picture_clicked_time=new Date();
+            picture_clicked_time=moment(picture_clicked_time).format('DD-MM-YYYY HH:mm:ss')
+            
+            
+            const mark_text1=picture_clicked_time;
+            const mark_text2='User Id:'+props.UserId+' | Image Type: Attendance'+' | Date:'+picture_clicked_time;
+           
+            await marktext1(mark_text1,imgurl)
+            .then((res)=>{
+                if(res.success){
+                    let uri=res.uri;
+                    marktext2(mark_text2,uri,imgWidth,imgHeight)
+                    .then((res)=>{
+                        if(res.success){
+                            let picture_clickedd=new Date();
+                            let picture_clicked_date=moment(picture_clickedd).format('YYYYMMDD');
+                            let picture_clicked_time=moment(picture_clickedd).format('HHmmss');
+                            let filename=(props.UserId || '')+'_AttendanceImg-'+picture_clicked_date+'_'+picture_clicked_time+'.jpg';
+                            
+                           
+                            let data=AttData;
+                            let image_key='IMAGE1';
+                            let image_path_key='IMAGE1_PATH';
+                            data[image_key]=filename;
+                            
+                            // renamefile
+                            let imagePath=`${common_ImagePath}${filename}`;
+                            RNFS.copyFile(res.uri, imagePath)
+                            .then(resn => {
+                                let uri='file://'+imagePath;
+                                console.log('image marker',uri);
+                                data[image_path_key]=uri; 
+
+                                setAttData(data);
+                                setrerenderdata(!rerenderdata);
+                            })
+                            .catch(err => {
+                                console.log('ERROR: image file write failed!!!');
+                                console.log(err.message, err.code);
+                            });                           
+                                     
+                        }
+                        else{
+                            if(res.imagenotfound){
+                                notify('Please capture a image');
+                            }
+                            else{
+                                notify(res.error);
+                            }
+                        }
+                    });
+                }
+                else{
+                    if(res.imagenotfound){
+                        notify('Please capture a image');
+                    }
+                    else{
+                        notify(res.error);
+                    }
+                }
+            });            
+        }        
+    }
+
+    async function openCamera(){  
+        setShowCamera(true);
+    }
+
+
+    async function onSubmitData(){
+        let isvalid=await validate();
+        if(isvalid){
+           setShowAlert(true);
+        }
+    }
+
+    function onSaveCancel(){
+        setShowAlert(false);
+    }
+
+    async function saveData(){
+        
+        const d1=new Date();
+        const d2=moment(d1).format('MM/DD/YYYY');
+        try {   
+          
+            await db.transaction(async function (txn) {   
+
+              let q=`DELETE FROM ${AppTables.ATTENDANCE} WHERE EMP_ID='${props.UserId}' and ATTENDANCE_DATE='${d2}' `;
+              
+              //  remove old data
+              await txn.executeSql(q,[],async function (txn2, txnres) { 
+                  console.log('attend deleted');
+              },function (txn2, txnerr) { console.log(txnerr); },);
+
+              var values='';
+              let {STATUS,STATUS_Id,REMARK,REASON_ID, REASON,IMAGE1,IMAGE1_PATH}=AttData;
+              values+=` ('${props.UserId}','${d2}','${STATUS}','${STATUS_Id}','${REMARK}','${REASON_ID}','${REASON}','${IMAGE1}','${d2}') `;
+                    
+              console.log('values:',values);
+              let add_data=`INSERT INTO ${AppTables.ATTENDANCE} (EMP_ID,ATTENDANCE_DATE,STATUS,STATUS_Id,REMARK,REASON_ID, REASON,IMAGE1 ,ADDED_DATE) VALUES ${values} `;
+
+              
+              await txn.executeSql(add_data,[],async function (txn2, txnres) { 
+                console.log('attend added');
+                notify('Attendance submited successfully','SHORT');
+                props.setAttendanceStatus({isAttendanceMarked:true});
+                setdataFound(true);
+                setProcessing(false);
+                props.navigation.goBack();
+              },function (txn2, txnerr) { console.log(txnerr);setProcessing(false);notify('Cannot submit Attendance!') },);
+              
+              
+            });          
+        } catch (err) {
+            console.log(err);          
+        } 
+    }
+
+
+    async function uploadAttndance(){
+        setShowAlert(false);
+        setLoaderTitle('Saving Data...');
+        setProcessing(true);
+
+        let d1=new Date();
+        let d2=moment(d1).format('MM/DD/YYYY');    
+        let {ATTENDANCE_DATE,STATUS,STATUS_Id,REMARK,REASON_ID, REASON,IMAGE1,IMAGE1_PATH}=AttData;
+        
+        var data1 = new FormData();          
+        data1.append('file', {
+          uri:  IMAGE1_PATH,
+          type: 'image/jpg',
+          name: IMAGE1,
+        });
+  
+        data1.append('Foldername',"Attendance");
+        data1.append('Path', d2);
+        let data={
+            "UserId":props.UserId,  
+            "AttendanceDate":d2,
+            "ReasonId":REASON_ID!=null?REASON_ID:0, 
+            "ImageUrl":IMAGE1,  
+            "Remark":REMARK
+        }
+  
+        
+  
+        const url=props.baseurl+getMethodName(METHODS.UPLOADATTENDANCE_METHOD);
+        const url1=(props.imageUploadUrl || URL_IMAGE)+getMethodName(METHODS.UPLOADIMAGES_METHOD);
+        console.log(url,data);
+        
+        await UploadData2(url,data)
+        .then(async(res)=>{         
+          console.log('res upload attend:',res);
+          if(parseInt(res)>0){
+
+            saveData();
+
+            // Upload Image 
+            await UploadFormData(url1,data1)
+            .then(async(res1)=>{         
+              console.log('res1 image upload:',res1);            
+            })
+            .catch((err)=>{
+              console.log(err);
+            }); 
+          }
+          else{
+            setProcessing(false);
+          }
+        })
+        .catch((err)=>{
+          console.log(err);setProcessing(false);
+        });
+      }
+
+    
+
+
+    async function validate(){
+        let isValid=true;
+        let {ATTENDANCE_DATE,STATUS,STATUS_Id,REMARK,REASON_ID, REASON,IMAGE1,IMAGE1_PATH}=AttData;
+        if(STATUS_Id==null || STATUS_Id==''){
+            isValid=false;
+            notify('Please select Attendance Status','SHORT');
+        }
+        else if(showReason==true && (REASON_ID==null || REASON_ID=='')){
+            isValid=false;
+            notify('Please select reason','SHORT');
+        }
+        else if(showRemark==true && (REMARK==null || REMARK=='')){
+            isValid=false;
+            notify('Please enter remark','SHORT');
+        }
+        else if(CameraVis==true && (IMAGE1==null || IMAGE1=='')){
+            isValid=false;
+            notify('Please click image','SHORT');
+        }
+
+        console.log('isValid:',isValid);
+        return isValid;
+    }
+
+    
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader fullHeight={true} title={loaderTitle}/>}
+        <CustomHeader {...props} title={(isAdhocScreen==true?'Adhoc Team List':'Team List')} />
+        {ConfirmSaveAlert(props,showAlert,onSaveCancel,uploadAttndance)}
+        <CustomCamera cameraType={'front'} onImageCaptured={(imgData)=>{setShowCamera(false);getImage(imgData)}} showCamera={showCamera} onHideCamera={()=>{setShowCamera(false);}}/>   
+        
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+          <View style={customStyle.pageContentWrapper}>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          
+          { props.isDataDownloaded==true && 
+            <View style={customStyle.attend_PageWrap}>
+                <ScrollView
+                    contentContainerStyle={customStyle.attend_scrollViewInner}
+                    style={customStyle.attend_scrollView}
+                >
+                    {rerenderdata==rerenderdata && 
+                    <View style={customStyle.attenContent}>
+                        <View style={customStyle.attend_infoCon}>
+                            <Text style={customStyle.attend_infoText1}>Hi User</Text>
+                            <Text style={customStyle.attend_infoText2}>Please mark attendance before working!</Text>
+                        </View>
+                        {
+                        AttendanceLabels.map((item,index)=>{
+                            let isSelected=AttData["STATUS_Id"]==item.AttendanceId;
+                            return (
+                                <TouchableOpacity style={[customStyle.selAttBtn,isSelected?customStyle.selAttBtn_selected:{}]} activeOpacity={dataFound?1:0.5} onPress={()=>{dataFound?'' :onSelectAttendance(item)}}>
+                                    <Text style={[customStyle.selAttBtnText,isSelected?customStyle.selAttBtnText_selected:{}]}>{item.AttendanceName}</Text>
+                                </TouchableOpacity>
+                            )
+                        })
+                        }
+                        {
+                        <View style={customStyle.attend_extraDetails}>
+                            {showRemark==true && 
+                            <View style={[customStyle.addVisRow]}>
+                                <View style={[customStyle.addVisCol100]}>
+                                    <View style={customStyle.addVisFormGrp}>
+                                        <Text style={customStyle.addVisLabel}>Remark</Text>
+                                        {dataFound && <Text style={[customStyle.addVisInputStyle,{padding:10}]}>{AttData['REMARK']}</Text>}
+                                        {!dataFound && <TextInput  
+                                        style={customStyle.addVisInputStyle} 
+                                        value={(AttData['REMARK']!=null? AttData['REMARK']:'')}
+                                        onChangeText={(val)=>{onchangeText(val,'REMARK');}}
+                                        autoComplete='off'
+                                        />}
+                                    </View>
+                                </View>
+                            </View>}
+
+                            {showReason==true && 
+                            <View style={[customStyle.addVisRow]}>
+                                <View style={[customStyle.addVisCol100]}>
+                                    <View style={customStyle.addVisFormGrp}>
+                                        <Text style={customStyle.addVisLabel}>Reason</Text>
+                                        {CustomPicker(props,nonWorkingRsns,'Reason','ReasonId','REASON','REASON_ID',onselectionChange,{value:AttData["REASON"]})}
+                                    </View>
+                                </View>
+                            </View>}
+                            {CameraVis==true && 
+                            <View style={[customStyle.addVisRow]}>
+                                <View style={[customStyle.addVisCol100]}>
+                                    <View style={customStyle.addVisFormGrp}>
+                                        <Text style={customStyle.addVisLabel}>Image</Text>
+                                        <View style={customStyle.addVisCameras}>
+                                            <View style={customStyle.openStkCameraCon}>
+                                                { (AttData["IMAGE1_PATH"]==null || AttData["IMAGE1_PATH"]=='') && 
+                                                    <TouchableOpacity style={[customStyle.osCat_action_openCam,customStyle.osCat_actn_margin]} onPress={()=>{openCamera()}}>
+                                                        <SvgXml width={80} height={80} xml={cameraImg}/>                                     
+                                                    </TouchableOpacity>
+                                                }
+                                                { (AttData["IMAGE1_PATH"]!=null && AttData["IMAGE1_PATH"]!='') && 
+                                                    <View style={customStyle.osCatImageView}>
+                                                        <Image style={customStyle.osCatImage} source={{uri:AttData["IMAGE1_PATH"]}}/>
+                                                        {!dataFound && <TouchableOpacity style={[customStyle.osCat_action_reCap]} onPress={()=>{openCamera()}}>
+                                                            <MaterialCommunityIcons name='camera-retake' size={20} color={PageTheme.$accent_color}/>                                   
+                                                        </TouchableOpacity>}
+                                                    </View>                                    
+                                                }       
+                                            </View>
+                                            
+                                        </View>
+                                    </View>
+                                </View>
+                            </View>}
+                        </View>
+                        
+                        }
+
+                        <View>
+
+                        </View>
+                    </View>}
+                </ScrollView>
+                {
+                    !dataFound && 
+                    <View style={[customStyle.opening_Stock_btnWrap]}>
+                    <GradientButton {...props} title={'Submit'} onPress={()=>{onSubmitData()}}/> 
+                    </View> 
+                }
+            </View>
+          }
+          
+         </View>      
+       </LinearGradient>       
+       
+      </Container>   
+    ); 
+  }
+  
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(Attendance);
\ No newline at end of file
diff --git a/src/screensSup/ReportDetail.js b/src/screensSup/ReportDetail.js
new file mode 100644
index 0000000..e5774fe
--- /dev/null
+++ b/src/screensSup/ReportDetail.js
@@ -0,0 +1,473 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData, getDownloadJson1} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+
+function ReportDetail(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+  
+   
+    const [processing, setProcessing] = useState(true);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [reportData, setReportData] = useState([]);
+    const [reportConfig, setReportConfig] = useState([]);
+    const [aggrData, setAggrData] = useState({});
+    const [cols, setcols] = useState([]);
+    const [colWidth, setColWidth] = useState('100%');
+    const [currentReportMenu, setCurrentReportMenu] = useState({});
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let ReportMenu=params.ReportData || {};
+
+        setCurrentReportMenu(ReportMenu);
+        getData(ReportMenu);
+    }, []);
+    
+
+    // async function getData(ReportMenu){        
+    //   try {
+    //     let config=ReportMenu?.ColumnConfig
+    //     let configValue= (config && JSON.parse(config))||[]
+    //     let configArr=configValue.length>0? configValue : []
+    //     setReportConfig(configArr)
+
+    //     let allReportData= await DownloadReport(ReportMenu);
+    //     console.log('allReportData',allReportData);
+    //     console.log('ReportMenu',ReportMenu);
+    //     if(allReportData.length>0){
+    //         let data=allReportData[0];
+    //         console.log('data dynamicdata-----',data);
+    //         let ShowField= ShowField ? JSON.parse(data.ShowField) :''
+          
+    //         console.log(ShowField, "ShowField")
+
+
+    //         if(data.ReportValue!=null && data.ReportValue!=''){
+    //             let TotalIndex=allReportData.findIndex(i=>i.ReportValue=='Total');
+    //             console.log('TotalIndex:',TotalIndex)
+    //             if(TotalIndex>=0){
+    //                 let aggrgateData=allReportData[TotalIndex];
+    //                 console.log('aggrgateData',aggrgateData);
+    //                 setAggrData(aggrgateData);
+    //                 let newReports=allReportData
+    //                 newReports.splice(TotalIndex,1);
+    //                 console.log('newReports',newReports);
+    //                 setReportData(newReports);
+    //             }
+    //             else{
+    //                 setReportData(allReportData);
+    //             }
+    //         }
+    //         else{
+    //             setReportData(allReportData);
+    //         }
+
+    //         console.log("Object.key---",Object.keys(data).length)
+    //         let allCols=[];
+    //         let i=0;
+    //         let keylen=Object.keys(data).length;
+             
+
+    //         for(let key in data){
+    //             let obj={'actual_colname':key};
+    //             let colname=key.replace(/[$$]/g,' ').replace(/Percent/g,'%');
+    //             obj['colname']=colname;
+    //             let dontShowCol=(colname=='Srno' || colname=='ReportValue');
+    //             if(!dontShowCol){
+    //               allCols.push(obj);
+    //             }
+                
+    //             if(i==keylen-1){
+    //               console.log('allCols:',allCols);
+    //                 setcols(allCols);
+    //                 let colLen=allCols.length;
+    //                 let width=94/colLen;
+    //                 setColWidth(width+'%');
+    //             }
+    //             i++;
+    //         }
+
+
+    //         setProcessing(false);
+    //         setisDataFound(true);
+    //     }
+    //     else{
+    //         notify('No data found');
+    //         setProcessing(false);
+    //     }
+
+    //   } catch (err) {
+    //     setProcessing(false);
+    //     console.log(err);          
+    //   }        
+    // }
+
+
+    
+    // async function getData(ReportMenu) {
+    //   try {
+    //     let config = ReportMenu?.ColumnConfig;
+    //     let configValue = (config && JSON.parse(config)) || [];
+    //     let configArr = configValue.length > 0 ? configValue : [];
+    //     setReportConfig(configArr);
+    
+    //     let allReportData = await DownloadReport(ReportMenu);
+    //     console.log('allReportData', allReportData);
+    //     console.log('ReportMenu', ReportMenu);
+    
+    //     if (allReportData.length > 0) {
+    //       let data = allReportData[0];
+    //       console.log('data dynamicdata-----', data);
+    //       let ShowField =  data.ShowField ?  JSON.parse(data.ShowField) : [];
+    //       let ColorField = data.ColorField ?  JSON.parse(data.ColorField) : [];
+    //       console.log(ShowField, "ShowField");
+    
+    //       if (data.ReportValue != null && data.ReportValue != '') {
+    //         let TotalIndex = allReportData.findIndex(i => i.ReportValue === 'Total');
+    //         console.log('TotalIndex:', TotalIndex);
+    
+    //         if (TotalIndex >= 0) {
+    //           let aggrgateData = allReportData[TotalIndex];
+    //           console.log('aggrgateData', aggrgateData);
+    //           setAggrData(aggrgateData);
+    //           let newReports = [...allReportData];
+    //           newReports.splice(TotalIndex, 1);
+    //           console.log('newReports', newReports);
+    //           setReportData(newReports);
+    //         } else {
+    //           setReportData(allReportData);
+    //         }
+    //       } else {
+    //         setReportData(allReportData);
+    //       }
+    
+    //       let allCols = [];
+    //       if (ShowField.length > 0) {
+    //         for (let i = 0; i < ShowField.length; i++) {
+    //           let data1 = ShowField[i];
+    //           if (data1.Show === "Y") {
+    //             let obj = { actual_colname: data1.FieldName };
+    //             let colname = data1.FieldName.replace(/[$$]/g, ' ').replace(/Percent/g, '%');
+    //             obj['colname'] = colname;
+    
+    //             let colorobj = ColorField.find(c => c.FieldName === data1.FieldName);
+    //             if (colorobj) {
+    //               obj["Color"] = colorobj.Color;
+    //             }
+    
+    //             console.log("Item,--", obj);
+    //             allCols.push(obj);
+    //           }
+    //         }
+    
+    //         console.log('allCols:', allCols);
+    //         setcols(allCols);
+    //         let colLen = allCols.length;
+    //         let width = 94 / colLen;
+    //         setColWidth(width + '%');
+    //       }
+    
+    //       setProcessing(false);
+    //       setisDataFound(true);
+    //     } else {
+    //       notify('No data found');
+    //       setProcessing(false);
+    //     }
+    //   } catch (err) {
+    //     setProcessing(false);
+    //     console.log(err, "errorr");
+    //   }
+    // }
+    
+    ///////////////////////////
+
+    async function getData(ReportMenu) {
+      try {
+        // Extract and parse configuration
+        let config = ReportMenu?.ColumnConfig;
+        let configValue = (config && JSON.parse(config)) || [];
+        let configArr = configValue.length > 0 ? configValue : [];
+        setReportConfig(configArr);
+    
+        // Download report data
+        let allReportData = await DownloadReport(ReportMenu);
+        console.log('allReportData:', allReportData);
+        console.log('ReportMenu:', ReportMenu);
+    
+        if (allReportData.length > 0) {
+          let data = allReportData[0];
+          console.log('data dynamicdata-----', data);
+          let ShowField = data.ShowField ? JSON.parse(data.ShowField) : '';
+          let ColorField = data.ColorField ? JSON.parse(data.ColorField) : '';
+          console.log('ShowField:', ShowField);
+          console.log('ColorField:', ColorField);
+    
+          if (ShowField.length > 0) {
+            let allCols = [];
+            for (let i = 0; i < ShowField.length; i++) {
+              let data1 = ShowField[i];
+              if (data1.Show === "Y") {
+                let obj = { actual_colname: data1.FieldName };
+                let colname = data1.FieldName.replace(/[$$]/g, ' ').replace(/Percent/g, '%');
+                obj['colname'] = colname;
+    
+                let colorobj = ColorField.find(c => c.FieldName === data1.FieldName);
+                if (colorobj) {
+                  obj["Color"] = colorobj.Color;
+                }
+    
+                console.log("Item,--", obj);
+                allCols.push(obj);
+              }
+            }
+    
+            console.log('allCols:', allCols);
+            setcols(allCols);
+            let colLen = allCols.length;
+            let width = 94 / colLen;
+            setColWidth(width + '%');
+          } else {
+            // If ShowField is empty, fall back to processing keys directly from data
+            let allCols = [];
+            let keylen = Object.keys(data).length;
+            let i = 0;
+    
+            for (let key in data) {
+              let obj = { 'actual_colname': key };
+              let colname = key.replace(/[$$]/g, ' ').replace(/Percent/g, '%');
+              obj['colname'] = colname;
+              let dontShowCol = (colname === 'Srno' || colname === 'ReportValue');
+              if (!dontShowCol) {
+                allCols.push(obj);
+              }
+    
+              if (i === keylen - 1) {
+                console.log('allCols:', allCols);
+                setcols(allCols);
+                let colLen = allCols.length;
+                let width = 94 / colLen;
+                setColWidth(width + '%');
+              }
+              i++;
+            }
+          }
+    
+          // Set the report data
+          setReportData(allReportData);
+          setProcessing(false);
+          setisDataFound(true);
+        } else {
+          notify('No data found');
+          setProcessing(false);
+        }
+      } catch (err) {
+        setProcessing(false);
+        console.error('Error:', err);
+      }
+    }
+    
+    
+    
+
+    async function DownloadReport(ReportMenu){
+        let downloadKey=ReportMenu.DownloadKey;
+        console.log(downloadKey , "downloadKey")
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+        let data={
+          Downloadtype:downloadKey,
+          Username: loginDetails.UserId,
+          Param1: '',
+          Param2: '',
+        };
+  
+        console.log(url,data);
+        return await getDownloadJson1(url,data)
+        .then(async(res)=>{  
+          if (res[downloadKey]) {
+            let data_arr = res[downloadKey] || []; 
+            return data_arr;
+          }
+          else{
+            return [];
+          }        
+        })
+        .catch((err)=>{
+          console.log('onPage Team error',err);
+          return [];
+        }); 
+    }
+
+    
+
+
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        <CustomHeader {...props} title={currentReportMenu?.ContentType || 'Report'}/>
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper,customStyle.ImageTypesPageWrap]}>
+            <View style={customStyle.ImageTypesLHd}>
+                <Text  style={customStyle.ImageTypesLHdText}>{currentReportMenu?.ReportName || currentReportMenu?.ContentType}</Text>
+            </View>
+          { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+          { props.isDataDownloaded==true && 
+            <View>
+              
+              { isDataFound==false && 
+                <View style={customStyle.noDataCon}>
+                  <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+                </View>
+              }
+
+              {
+                isDataFound==true &&
+                <ScrollView
+                  contentContainerStyle={customStyle.rp_scrollViewInner}
+                  style={customStyle.rp_scrollView}
+                >
+                  
+                  {currentReportMenu.ReportType=='Tabular' &&
+                  <ScrollView
+                  horizontal={true}
+                >
+                  <View style={[customStyle.reportCon,{width:"100%"}]}>
+                    
+                    <View style={customStyle.report_TblHeader}>
+                        {cols?.map((col,colindex)=>{
+                            return (
+                            <View style={[customStyle.report_TblHeaderBox,{minWidth:120,maxWidth:120},(colindex==0?{marginLeft:0}:{}),(colindex==(cols.length-1)?{marginRight:0}:{})]}>
+                                <Text style={[customStyle.report_TblHeaderTxt]}>{col.actual_colname?.replace(/\$\$/g, ' ')}</Text>
+                            </View>
+                            )
+                        })
+                        }
+                    </View>
+                    <View style={[customStyle.report_TblBody, {paddingBottom :50}]}>
+                    {
+                      reportData?.length>0 &&
+                      reportData?.map((item,index)=>{
+
+                        let FieldName=reportConfig[0]?.FieldName
+                        let FieldNameObj=reportConfig?.find((val)=>{
+                          return item[val?.FieldName]==val?.FieldValue
+                        })
+                        let configValueMatch=item[FieldNameObj?.FieldName]==FieldNameObj?.FieldValue
+                        
+                        
+                        return(
+                          <View style={[customStyle.reportItem,{paddingVertical:0},(index%2!=0?customStyle.reportItemBg:{}),((index<(reportData.length-1))?customStyle.reportItemB:{})]} key={index}>
+                            {cols.map((col,colindex)=>{
+                              let keyValue=col.actual_colname!=null?item[col.actual_colname]:''
+
+                              let ColorArr= configValueMatch? FieldNameObj?.Color : null
+                              let str=String(keyValue).replace("%","")
+                              let ColorCode=ColorArr?.find((item)=>{
+                                  if(!isNaN(str)){
+                                    return eval(str+(item?.MinRange||""))&& (eval(str+(item?.MaxRange||"")))
+                                  }
+                                  return false
+                                })
+
+                                return (
+                                <View style={[customStyle.reportItemCol,{minWidth:120,maxWidth:120,paddingVertical:8, alignItems:'flex-start', marginLeft :2},(colindex==0?{marginLeft:0}:{}),(colindex==(cols.length-1)?{marginRight:0}:{}),(ColorCode?.Color?{backgroundColor:ColorCode?.Color}:null)]}>
+                                  <Text style={[customStyle.reportItemColText,{paddingLeft :10} ,(ColorCode?.Color?{backgroundColor:ColorCode?.Color,color:"white"}:null)]}>{keyValue}</Text>
+                                </View>
+                                )
+                            })
+                            }
+                          </View>
+                        )
+                      })
+                    }
+                    </View>
+                  </View>
+                  </ScrollView>}
+
+                  {
+                    currentReportMenu.ReportType=='Card' &&
+                    <View style={customStyle.reportCon}>
+                        <View style={customStyle.report_CardsWrap}>
+                            {Object.keys(aggrData).length>0 && 
+                                <View style={[customStyle.report_CardI,customStyle.report_CITotal]} key={'Total'}>
+                                    <View style={[customStyle.report_CardITHdr]}>
+                                        <Text style={[customStyle.report_CardITHdrText]}>{'Total'}</Text>
+                                    </View>
+                                    <View style={[customStyle.report_CardITBody]}>
+                                    {cols.map((col,colindex)=>{
+                                        let colindex1=colindex;
+                                        return (
+                                        <View style={[customStyle.report_CardIRow,(colindex1<(cols.length-1)?customStyle.report_CIRT_BorderBtm:{})]}>
+                                            <Text style={[customStyle.report_CardIRow_Lbl,customStyle.report_CIR_LblTotal]}>{col.colname+' :'}</Text>
+                                            <Text style={[customStyle.report_CardIRow_Val,customStyle.report_CIR_ValTotal]}>{col.colname!=null?aggrData[col.actual_colname]:''}</Text>
+                                        </View>
+                                        )
+                                    })
+                                    }
+                                    </View>
+                                </View>
+                            }
+                            {
+                            reportData.length>0 &&
+                            reportData.map((item,index)=>{
+                                let isEvenRow=index%2!=0;
+                                return(
+                                <View style={[customStyle.report_CardI,((index<(reportData.length-1))?customStyle.reportItemB:{})]} key={index}>
+                                    {cols.map((col,colindex)=>{
+                                        let colindex1=colindex;
+                                        return (
+                                        <View style={[customStyle.report_CardIRow,(colindex1<(cols.length-1)?customStyle.report_CardIRow_BorderBtm:{})]}>
+                                            <Text style={customStyle.report_CardIRow_Lbl}>{col.colname+' :'}</Text>
+                                            <Text style={customStyle.report_CardIRow_Val}>{col.colname!=null?item[col.actual_colname]:''}</Text>
+                                        </View>
+                                        )
+                                    })
+                                    }
+                                </View>
+                                )
+                            })
+                            }
+                        </View>
+                    </View>
+                  }
+                </ScrollView>
+              }
+                
+            </View>
+          }
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ReportDetail);
\ No newline at end of file
diff --git a/src/screensSup/ReportDetail1.js b/src/screensSup/ReportDetail1.js
new file mode 100644
index 0000000..f43b364
--- /dev/null
+++ b/src/screensSup/ReportDetail1.js
@@ -0,0 +1,349 @@
+import React,{useState,useEffect} from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import {notify} from '../components/notify';
+import moment from 'moment';
+import {getDownloadJson,DownloadData, getDownloadJson1, getDownloadJson12} from '../controller/functions';
+import {get_item,set_item,clear_item} from '../components/localStorage';
+import {version,sloganline,appname,testurl, db} from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import {Card} from 'react-native-paper';
+import {AntDesign} from '../components/icons';
+import { WebView } from 'react-native-webview';
+import CustomLoader from '../components/CustomLoader';
+import NoDataComponent from '../components/NoDataComponent';
+import LinearGradient from 'react-native-linear-gradient';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+
+function ReportDetail(props) { 
+    const route = useRoute();
+    const ST=props.StaticText || {};
+    // get all theme styles acc to current theme set 
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const [processing, setProcessing] = useState(true);
+    const [isDataFound, setisDataFound] = useState(false);
+    const [reportData, setReportData] = useState([]);
+    const [reportConfig, setReportConfig] = useState([]);
+    const [aggrData, setAggrData] = useState({});
+    const [cols, setcols] = useState([]);
+    const [colWidth, setColWidth] = useState('100%');
+    const [currentReportMenu, setCurrentReportMenu] = useState({});
+    const [designation, setDesignation] = useState('');
+    const d1=new Date();
+    const d2=moment(d1).format('MM/DD/YYYY');
+  
+    useEffect(() => {
+        let params=props.route.params? props.route.params:{};
+        let ReportMenu=params.ReportData || {};
+
+        setCurrentReportMenu(ReportMenu);
+        getData(ReportMenu);
+    }, []);
+    
+
+    async function getData(ReportMenu){        
+      try {
+        let allReportData= await DownloadReport(ReportMenu);
+        console.log('allReportData',ReportMenu?.ColumnConfig,"-----",allReportData);
+        if(allReportData.length>0){
+            let data=allReportData[0];
+            console.log('data--h',data);
+            if(data.ReportValue!=null && data.ReportValue!=''){
+                let TotalIndex=allReportData.findIndex(i=>i.ReportValue=='Total');
+                console.log('TotalIndex:',TotalIndex)
+                if(TotalIndex>=0 && currentReportMenu?.ReportType=='Tabular')
+                {
+                    let aggrgateData=allReportData[TotalIndex];
+                    console.log('aggrgateData',aggrgateData);
+                    setAggrData(aggrgateData);
+                    let newReports=allReportData
+                    newReports.splice(TotalIndex,1);
+                    console.log('newReports',newReports);
+                    setReportData(newReports);
+                }
+                else{
+                    setReportData(allReportData);
+                }
+            }
+            else{
+                setReportData(allReportData);
+            }
+            let allCols=[];
+            let i=0;
+            let keylen=Object.keys(data).length;
+             
+            let repoLen=ReportMenu?.ColumnConfig;
+            if(repoLen && repoLen.length){
+               let repoLenStr=repoLen.replace(/[$$]/g,' ').replace(/Percent/g,'%');
+              let config=JSON.parse(repoLenStr)
+              if(config && config.length>0){
+                console.log("config------",config)
+                setReportConfig(config)
+              }
+            }else{
+              setReportConfig([])
+            }
+        
+
+            for(let key in data)
+                {
+                    let obj={'actual_colname':key};
+                    let colname=key.replace(/[$$]/g,' ').replace(/Percent/g,'%');
+                    obj['colname']=colname;
+                    let dontShowCol=(colname=='Srno');
+                    // let dontShowCol=(colname=='Srno' || colname=='ReportValue');
+                    if(!dontShowCol){
+                      allCols.push(obj);
+                }
+                    
+                    if(i==keylen-1)
+                    {
+                      console.log('allCols:',allCols);
+                        setcols(allCols);
+                        let colLen=allCols.length;
+                        let width=97/colLen;
+                        setColWidth(width+'%');
+                    }
+                    i++;
+                }
+            
+
+            setProcessing(false);
+            setisDataFound(true);
+        }
+        else
+        {
+            notify('No data found');
+            setProcessing(false);
+        }
+        
+
+      } catch (err) {
+        setProcessing(false);
+        console.log(err);          
+      }        
+    }
+
+    async function DownloadReport(ReportMenu){
+        let downloadKey=ReportMenu.DownloadKey;
+        let loginInfo = await get_item('loginInfo');
+        const loginDetails = JSON.parse(loginInfo);
+        const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+        let data={
+          Downloadtype:downloadKey,
+          Username: loginDetails.UserId,
+          Param1: '',
+          Param2: '',
+        };
+  
+        console.log(url,data);
+        return await getDownloadJson12(url,data)
+        .then(async(res)=>{  
+          if (res[downloadKey]) {
+            let data_arr = res[downloadKey] || []; 
+            return data_arr;
+          }
+          else{
+            return [];
+          }        
+        })
+        .catch((err)=>{
+          console.log('onPage Team error',err);
+          return [];
+        }); 
+    }
+
+    
+
+
+    return ( 
+      <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+        {processing && <CustomLoader title={ST.Loading+"..."}/>}
+        <CustomHeader {...props} title={'Report'}/>
+        <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={[customStyle.pageContentWrapper,customStyle.ImageTypesPageWrap]}>
+            <View style={customStyle.ImageTypesLHd}>
+                <Text  style={customStyle.ImageTypesLHdText}>{currentReportMenu.ReportName}</Text>
+            </View>
+            { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+            { props.isDataDownloaded==true && 
+              <View style={{ flex: 1 }}>
+                { isDataFound==false && 
+                  <View style={customStyle.noDataCon}>
+                    <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+                  </View>
+                }
+                {
+                  isDataFound &&
+                  <ScrollView contentContainerStyle={customStyle.geotag_scroll} style={{}}>
+                  { currentReportMenu.ReportType=='Tabular' &&
+                    <ScrollView
+                        horizontal={true}
+                      >
+                        <View key={1} 
+                        // style={{height:'100%'}}
+                        >
+                          <View style={customStyle.report_TblHeader} >
+                            {
+                              cols.length>0 &&
+                              cols.map((item,index)=>{
+                                let colorObj=reportConfig.find(i=>i.FieldName==item.colname);
+                                if(reportConfig.length>0 && colorObj!==undefined && colorObj!="" ){
+                                  console.log("colorObj------",colorObj)
+                                  if(colorObj?.Show=="Y"){
+                                    return(
+                                      <View style={[customStyle.report_TblHeaderBox,{width:100},(index==0?{marginLeft:0}:{}),(index==(cols.length-1)?{marginRight:0}:{})]} key={index}>
+                                        <Text style={[customStyle.report_TblHeaderTxt]}>{item.colname}</Text>
+                                      </View>
+                                    )
+                                  }else{
+                                    return
+                                  }
+
+                                }
+                                return(
+                                  <View style={[customStyle.report_TblHeaderBox,{width:100},(index==0?{marginLeft:0}:{}),(index==(cols.length-1)?{marginRight:0}:{})]} key={index}>
+                                    <Text style={[customStyle.report_TblHeaderTxt]}>{item.colname}</Text>
+                                  </View>
+                                )})
+                            }
+                          </View>
+                        
+                          <View 
+                          // style={[customStyle.report_TblBody,{padding:10}]}
+                          style={[{
+                            backgroundColor:PageTheme.$bg_color,
+                            borderRadius:10,
+                            paddingLeft:5,paddingBottom:10,marginBottom:60,paddingRight:5,
+                            paddingTop:5, elevation:3,shadowColor:'#5f5f5f',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0
+                          },
+                          {padding:10}]}
+                          >
+                          {
+                            reportData.length>0 &&
+                            reportData.map((item,index)=>{
+                              let colorCodeBg="";
+                              if(item?.ReportValue=='Total'){
+                                  colorCodeBg="#FFFF00"
+                                }
+                              return(
+                                <View   
+                                key={index} 
+                                style={[customStyle.DYStSC_RItem,((index<(reportData.length-1))?customStyle.StSC_RtemB:{})]} 
+                                >
+                                  {cols.map((col,colindex)=>{
+                                        {/* let colorCode=item && col? ( col.Color=="Y"?(item.COLOR||"black") :"black") :"black"; */}
+
+                                        let colorObj=reportConfig.find(i=>i.FieldName==col.actual_colname);
+                                        if(reportConfig.length>0 && colorObj!==undefined && colorObj!="" ){
+                                          if(colorObj?.Show=="Y"){
+                                            let colorCode= colorObj.Color=="Y"?(colorObj?.ColorValue||"black") :"black";
+                                            let colorCodeStr= colorCode.toLowerCase()
+                                            
+                                            return (
+                                                <View key={colindex} style={[customStyle.DYreportItemCol,{width:100,backgroundColor:colorCodeBg},(colindex==0?{marginLeft:0}:{}),(colindex==(cols.length-1)?{marginRight:0}:{alignItems:"left"}),{justifyContent:"center",alignItems:"center"}]}>
+                                                    <Text style={[customStyle.reportItemColText,{color:colorCodeStr}]}>{col.actual_colname!=null?item[col.actual_colname]:''}</Text>
+                                                </View>
+                                                )
+                                          }else{
+                                            return
+                                          }
+                                        }
+
+                                        return (
+                                        <View key={colindex} style={[customStyle.DYreportItemCol,{width:100,backgroundColor:colorCodeBg},(colindex==0?{marginLeft:0}:{}),(colindex==(cols.length-1)?{marginRight:0}:{alignItems:"left"}),{justifyContent:"center",alignItems:"center"}]}>
+                                            <Text style={[customStyle.reportItemColText,{color:"black"}]}>{col.actual_colname!=null?item[col.actual_colname]:''}</Text>
+                                        </View>
+                                        )
+                                    })}
+                                </View>
+                              )
+                            })
+                          }
+                          </View>
+                        </View>
+                    </ScrollView>
+                    }
+                  {currentReportMenu.ReportType=='Card' &&
+                  <View style={customStyle.reportCon}>
+                    <View style={customStyle.report_CardsWrap}>
+                      {Object.keys(aggrData).length>0 && 
+                          <View style={[customStyle.report_CardI,customStyle.report_CITotal]} key={'Total'}>
+                              <View style={[customStyle.report_CardITHdr]}>
+                                  <Text style={[customStyle.report_CardITHdrText]}>{'Total'}</Text>
+                              </View>
+                              {
+                              isDataFound==true &&
+                              <ScrollView
+                              contentContainerStyle={customStyle.rp_scrollViewInner}
+                                style={customStyle.rp_scrollView}
+                              >
+                              <View style={[customStyle.report_CardITBody]}>
+                              {cols.map((col,colindex)=>{
+                                  let colindex1=colindex;
+                                  return (
+                                  <View style={[customStyle.report_CardIRow,(colindex1<(cols.length-1)?customStyle.report_CIRT_BorderBtm:{})]}>
+                                      <Text style={[customStyle.report_CardIRow_Lbl,customStyle.report_CIR_LblTotal]}>{col.colname+' :'}</Text>
+                                      <Text style={[customStyle.report_CardIRow_Val,customStyle.report_CIR_ValTotal]}>{col.colname!=null?aggrData[col.actual_colname]:''}</Text>
+                                  </View>
+                                  )
+                              })
+                              }
+                              </View>
+                              </ScrollView>
+    }
+                          </View>
+                      }
+                      {
+                      
+                      isDataFound==true &&
+                      <ScrollView
+                      contentContainerStyle={customStyle.rp_scrollViewInner}
+                        style={customStyle.rp_scrollView}
+                      >
+                      {
+                      reportData.length>0 &&
+                      reportData.map((item,index)=>{
+                          let isEvenRow=index%2!=0;
+                          return(
+                          <View style={[customStyle.report_CardI,((index<(reportData.length-1))?customStyle.reportItemB:{})]} key={index}>
+                              {cols.map((col,colindex)=>{
+                                  let colindex1=colindex;
+                                  return (
+                                  <View style={[customStyle.report_CardIRow,(colindex1<(cols.length-1)?customStyle.report_CardIRow_BorderBtm:{})]}>
+                                      <Text style={customStyle.report_CardIRow_Lbl}>{col.colname+' :'}</Text>
+                                      <Text style={customStyle.report_CardIRow_Val}>{col.colname!=null?item[col.actual_colname]:''}</Text>
+                                  </View>
+                                  )
+                              })
+                              }
+                          </View>
+                          )
+                      })
+                    }
+                      </ScrollView>
+                      }
+                    </View>
+                  </View>
+                  }
+                </ScrollView>
+                }
+                
+              </View>
+            }
+        </View>
+        </LinearGradient>
+
+      </Container>   
+    ); 
+  }
+  
+  
+
+export default connect(mapStateToProps, mapDispatchToProps)(ReportDetail);
\ No newline at end of file
diff --git a/src/screensSup/ReportDetailBackup.js b/src/screensSup/ReportDetailBackup.js
new file mode 100644
index 0000000..534c3cd
--- /dev/null
+++ b/src/screensSup/ReportDetailBackup.js
@@ -0,0 +1,282 @@
+// import React,{useState,useEffect} from 'react';
+// import Container from '../components/container';
+// import { useRoute } from '@react-navigation/native';
+// import { globalStyles,customStyles,GetPageTheme } from "../styles/Global";
+// import {StatusBar,Image,TextInput,View,Text,ScrollView,TouchableOpacity,Platform,PermissionsAndroid,FlatList} from 'react-native';
+// import { ReactReduxContext,connect,useSelector, useDispatch  } from 'react-redux';
+// import { mapStateToProps,mapDispatchToProps } from '../reducers/contextProvider';
+// import SQLite from 'react-native-sqlite-2';
+// import {notify} from '../components/notify';
+// import moment from 'moment';
+// import {getDownloadJson,DownloadData, getDownloadJson1} from '../controller/functions';
+// import {get_item,set_item,clear_item} from '../components/localStorage';
+// import {version,sloganline,appname,testurl, db} from '../constants/constants';
+// import CustomHeader from '../components/customHeader';
+// import {Card} from 'react-native-paper';
+// import {AntDesign} from '../components/icons';
+// import { WebView } from 'react-native-webview';
+// import CustomLoader from '../components/CustomLoader';
+// import NoDataComponent from '../components/NoDataComponent';
+// import LinearGradient from 'react-native-linear-gradient';
+// import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+
+// function ReportDetail(props) { 
+//     const route = useRoute();
+//     const ST=props.StaticText || {};
+//     // get all theme styles acc to current theme set 
+//     const PageTheme=GetPageTheme(props.DarkMode,route.name);
+//     const customStyle=customStyles(props.DarkMode,route.name);
+//     const [processing, setProcessing] = useState(true);
+//     const [isDataFound, setisDataFound] = useState(false);
+//     const [reportData, setReportData] = useState([]);
+//     const [aggrData, setAggrData] = useState({});
+//     const [cols, setcols] = useState([]);
+//     const [colWidth, setColWidth] = useState('100%');
+//     const [currentReportMenu, setCurrentReportMenu] = useState({});
+//     const [designation, setDesignation] = useState('');
+//     const d1=new Date();
+//     const d2=moment(d1).format('MM/DD/YYYY');
+  
+//     useEffect(() => {
+//         let params=props.route.params? props.route.params:{};
+//         let ReportMenu=params.ReportData || {};
+
+//         setCurrentReportMenu(ReportMenu);
+//         getData(ReportMenu);
+//     }, []);
+    
+
+//     async function getData(ReportMenu){        
+//       try {
+//         let allReportData= await DownloadReport(ReportMenu);
+//         console.log('allReportData',allReportData);
+//         if(allReportData.length>0){
+//             let data=allReportData[0];
+//             console.log('data',data);
+//             if(data.ReportValue!=null && data.ReportValue!=''){
+//                 let TotalIndex=allReportData.findIndex(i=>i.ReportValue=='Total');
+//                 console.log('TotalIndex:',TotalIndex)
+//                 if(TotalIndex>=0)
+//                 {
+//                     let aggrgateData=allReportData[TotalIndex];
+//                     console.log('aggrgateData',aggrgateData);
+//                     setAggrData(aggrgateData);
+//                     let newReports=allReportData
+//                     newReports.splice(TotalIndex,1);
+//                     console.log('newReports',newReports);
+//                     setReportData(newReports);
+//                 }
+//                 else{
+//                     setReportData(allReportData);
+//                 }
+//             }
+//             else{
+//                 setReportData(allReportData);
+//             }
+//             let allCols=[];
+//             let i=0;
+//             let keylen=Object.keys(data).length;
+             
+
+//             for(let key in data)
+//             {
+//                 let obj={'actual_colname':key};
+//                 let colname=key.replace(/[$$]/g,' ').replace(/Percent/g,'%');
+//                 obj['colname']=colname;
+//                 let dontShowCol=(colname=='Srno' || colname=='ReportValue');
+//                 if(!dontShowCol){
+//                   allCols.push(obj);
+//             }
+                
+//                 if(i==keylen-1)
+//                 {
+//                   console.log('allCols:',allCols);
+//                     setcols(allCols);
+//                     let colLen=allCols.length;
+//                     let width=94/colLen;
+//                     setColWidth(width+'%');
+//                 }
+//                 i++;
+//             }
+//             setProcessing(false);
+//             setisDataFound(true);
+//         }
+//         else
+//         {
+//             notify('No data found');
+//             setProcessing(false);
+//         }
+
+//       } catch (err) {
+//         setProcessing(false);
+//         console.log(err);          
+//       }        
+//     }
+
+//     async function DownloadReport(ReportMenu){
+//         let downloadKey=ReportMenu.DownloadKey;
+//         let loginInfo = await get_item('loginInfo');
+//         const loginDetails = JSON.parse(loginInfo);
+//         const url=props.baseurl+getMethodName(METHODS.DOWNLOADJSON_METHOD);
+//         let data={
+//           Downloadtype:downloadKey,
+//           Username: loginDetails.UserId,
+//           Param1: '',
+//           Param2: '',
+//         };
+  
+//         console.log(url,data);
+//         return await getDownloadJson1(url,data)
+//         .then(async(res)=>{  
+//           if (res[downloadKey]) {
+//             let data_arr = res[downloadKey] || []; 
+//             return data_arr;
+//           }
+//           else{
+//             return [];
+//           }        
+//         })
+//         .catch((err)=>{
+//           console.log('onPage Team error',err);
+//           return [];
+//         }); 
+//     }
+
+    
+
+
+//     return ( 
+//       <Container {...props} pt={0} avoidSafeArea={(Platform.OS=='ios'?true:false)}>
+//         {processing && <CustomLoader title={ST.Loading+"..."}/>}
+//         <CustomHeader {...props} title={'Report'}/>
+//         <LinearGradient colors={[PageTheme.$gradient1,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+//         <View style={[customStyle.pageContentWrapper,customStyle.ImageTypesPageWrap]}>
+//             <View style={customStyle.ImageTypesLHd}>
+//                 <Text  style={customStyle.ImageTypesLHdText}>{currentReportMenu.ReportName}</Text>
+//             </View>
+//             { !props.isDataDownloaded && <NoDataComponent {...props}/>}
+//             { props.isDataDownloaded==true && 
+//             <View>
+//               { isDataFound==false && 
+//                 <View style={customStyle.noDataCon}>
+//                   <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+//                 </View>
+//               }
+//               {currentReportMenu.ReportType=='Tabular' &&
+//               <View style={customStyle.reportCon}>
+//                 <View style={customStyle.report_TblHeader}>
+//                   {console.log('colsreturn',cols)}
+//                     {cols.map((col,colindex)=>{
+//                         return (
+//                         <View style={[customStyle.report_TblHeaderBox,{width:colWidth},(colindex==0?{marginLeft:0}:{}),(colindex==(cols.length-1)?{marginRight:0}:{})]}>
+//                             <Text style={[customStyle.report_TblHeaderTxt]}>{col.colname}</Text>
+//                         </View>
+//                         )
+//                     })
+//                     }
+//                 </View>
+//                 {isDataFound==true &&
+//                 <ScrollView
+//                   contentContainerStyle={customStyle.rp_scrollViewInner}
+//                   style={customStyle.rp_scrollView}
+//                 >
+//                   <View style={customStyle.report_TblBody}>
+//                   {
+//                     reportData.length>0 &&
+//                     reportData.map((item,index)=>{
+//                       return(
+//                         <View style={[customStyle.reportItem,(index%2!=0?customStyle.reportItemBg:{}),((index<(reportData.length-1))?customStyle.reportItemB:{})]} key={index}>
+//                           {cols.map((col,colindex)=>{
+//                               return (
+//                               <View style={[customStyle.reportItemCol,{width:colWidth},(colindex==0?{marginLeft:0}:{}),(colindex==(cols.length-1)?{marginRight:0}:{})]}>
+//                                   <Text style={customStyle.reportItemColText}>{col.actual_colname!=null?item[col.actual_colname]:''}</Text>
+//                               </View>
+//                               )
+//                           })
+//                           }
+//                         </View>
+//                       )
+//                     })
+//                   }
+//                   </View>
+                    
+                  
+//                 </ScrollView>
+//                 }
+//               </View>
+//               }
+//               {currentReportMenu.ReportType=='Card' &&
+//               <View style={customStyle.reportCon}>
+//                 <View style={customStyle.report_CardsWrap}>
+//                   {Object.keys(aggrData).length>0 && 
+//                       <View style={[customStyle.report_CardI,customStyle.report_CITotal]} key={'Total'}>
+//                           <View style={[customStyle.report_CardITHdr]}>
+//                               <Text style={[customStyle.report_CardITHdrText]}>{'Total'}</Text>
+//                           </View>
+//                           {
+//                           isDataFound==true &&
+//                           <ScrollView
+//                           contentContainerStyle={customStyle.rp_scrollViewInner}
+//                             style={customStyle.rp_scrollView}
+//                           >
+//                           <View style={[customStyle.report_CardITBody]}>
+//                           {cols.map((col,colindex)=>{
+//                               let colindex1=colindex;
+//                               return (
+//                               <View style={[customStyle.report_CardIRow,(colindex1<(cols.length-1)?customStyle.report_CIRT_BorderBtm:{})]}>
+//                                   <Text style={[customStyle.report_CardIRow_Lbl,customStyle.report_CIR_LblTotal]}>{col.colname+' :'}</Text>
+//                                   <Text style={[customStyle.report_CardIRow_Val,customStyle.report_CIR_ValTotal]}>{col.colname!=null?aggrData[col.actual_colname]:''}</Text>
+//                               </View>
+//                               )
+//                           })
+//                           }
+//                           </View>
+//                           </ScrollView>
+// }
+//                       </View>
+//                   }
+//                   {
+                  
+//                   isDataFound==true &&
+//                   <ScrollView
+//                   contentContainerStyle={customStyle.rp_scrollViewInner}
+//                     style={customStyle.rp_scrollView}
+//                   >
+//                   {
+//                   reportData.length>0 &&
+//                   reportData.map((item,index)=>{
+//                       let isEvenRow=index%2!=0;
+//                       return(
+//                       <View style={[customStyle.report_CardI,((index<(reportData.length-1))?customStyle.reportItemB:{})]} key={index}>
+//                           {cols.map((col,colindex)=>{
+//                               let colindex1=colindex;
+//                               return (
+//                               <View style={[customStyle.report_CardIRow,(colindex1<(cols.length-1)?customStyle.report_CardIRow_BorderBtm:{})]}>
+//                                   <Text style={customStyle.report_CardIRow_Lbl}>{col.colname+' :'}</Text>
+//                                   <Text style={customStyle.report_CardIRow_Val}>{col.colname!=null?item[col.actual_colname]:''}</Text>
+//                               </View>
+//                               )
+//                           })
+//                           }
+//                       </View>
+//                       )
+//                   })
+//                 }
+//                   </ScrollView>
+//                   }
+//                 </View>
+//               </View>
+//               }
+              
+//         </View>
+//         }
+//         </View>
+//         </LinearGradient>
+
+//       </Container>   
+//     ); 
+//   }
+  
+  
+
+// export default connect(mapStateToProps, mapDispatchToProps)(ReportDetail);
\ No newline at end of file
diff --git a/src/screensSup/TeamList.js b/src/screensSup/TeamList.js
new file mode 100644
index 0000000..6654fe2
--- /dev/null
+++ b/src/screensSup/TeamList.js
@@ -0,0 +1,530 @@
+import React, { useState, useEffect, memo } from 'react';
+import Container from '../components/container';
+import { useRoute } from '@react-navigation/native';
+import { globalStyles, customStyles, GetPageTheme } from "../styles/Global";
+import { StatusBar, Image, TextInput, View, Text, ScrollView, TouchableOpacity, TouchableHighlight, Platform, PermissionsAndroid, FlatList } from 'react-native';
+import { ReactReduxContext, connect, useSelector, useDispatch } from 'react-redux';
+import { mapStateToProps, mapDispatchToProps } from '../reducers/contextProvider';
+import SQLite from 'react-native-sqlite-2';
+import { notify } from '../components/notify';
+import moment from 'moment';
+import { getDownloadJson, AddStore, checkRange, UploadData2, UploadData, UpdateStoreStatus, getKPIS, marktext1, marktext2, UploadFormData } from '../controller/functions';
+import { get_item, set_item, clear_item } from '../components/localStorage';
+import { version, sloganline, appname, testurl, db, AppVersion } from '../constants/constants';
+import CustomHeader from '../components/customHeader';
+import { Card } from 'react-native-paper';
+import { AntDesign, Entypo, EvilIcons, Feather, FontAwesome, Fontisto, Ionicons, MaterialCommunityIcons } from '../components/icons';
+import CustomLoader from '../components/CustomLoader';
+import LinearGradient from 'react-native-linear-gradient';
+import NoDataComponent from '../components/NoDataComponent';
+import { SvgXml } from 'react-native-svg';
+import MapIcon from '../assets/performics/map_icon.svg';
+import CustomModal from '../components/CustomModal';
+import { AppTables } from '../constants/tableConstants';
+import { _checkLocationPermission } from '../components/geolocation';
+// import Geolocation from '@react-native-community/geolocation';
+import { getAvailblQuery, getIfAvlbl, getIfKPIDone, getQuery, Q_MenuList } from '../constants/ConstantQueries';
+import { ConfirmSaveAlert } from '../components/alert';
+import { getFolderName, getMethodName, METHODS } from '../constants/methodNames';
+import { uploadAllImages, uploadStoreStatus } from '../constants/uploadData';
+import { PrimaryTheme } from '../styles/Themes';
+import NetworkStatusBar from '../components/NetworkStatusBar';
+import * as RNFS from 'react-native-fs';
+
+import CameraImg2 from '../assets/performics/camera_icon.svg';
+import CustomCamera from '../components/Camera';
+import NoAttendance from '../components/NoAttendance';
+import HeaderTabsTeam from '../components/HeaderTabsTeam';
+
+const EmployeeItem = memo((props) => {
+  const route = useRoute();
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const item = props.item;
+
+  let params = props.route.params ? props.route.params : {};
+  let isAdhoc = params.isAdhoc || false;
+
+  console.log("params=====>",params)
+
+  const ST = props.StaticText || {};
+
+  let hasCheckedInEmployee = props?.list?.some(emp => emp.ChekedInStatus === true);
+  // console.log("list============",props.list, hasCheckedInEmployee)
+
+
+  // const gotoPage = React.useCallback(() => {
+  //   // If no one else is checked in or this employee has an empty CheckInStatus, allow navigation
+
+  //   const isCheckedIn = await checkStoreCheckIn(true, false, props);
+  //   console.log("Checked In:", isCheckedIn);
+
+
+  //   if (!hasCheckedInEmployee || item.ChekedInStatus === '') {
+  //     props.navigation.navigate('StoreList', { empData: item, isAdhoc: false });
+
+  //   } else if (item.ChekedInStatus === true) {
+  //     // If the current employee is checked in, allow navigation
+  //     props.navigation.navigate('StoreList', { empData: item, isAdhoc: false });
+  //   } else {
+  //     // Restrict navigation if someone else is checked in
+  //     notify("You have some Checked In data for other employee.");
+  //   }
+  // }, [item, hasCheckedInEmployee, props.navigation]);
+
+  //new React memo with async
+
+  const gotoPage = React.useCallback(() => {
+    const checkAndNavigate = async () => {
+      try {
+        const isCheckedIn = await checkStoreCheckIn(item, props);
+        console.log("Checked In:", isCheckedIn);
+
+        console.log('item===>',item);
+        
+
+        if (isCheckedIn.length == 0) {
+          if (!hasCheckedInEmployee || item.ChekedInStatus === '') {
+            props.navigation.navigate('StoreList', { empData: item, isAdhoc: isAdhoc });
+          } else if (item.ChekedInStatus === true) {
+            props.navigation.navigate('StoreList', { empData: item, isAdhoc: isAdhoc });
+          } else {
+            notify("You have some Checked In data for other employee.");
+          }
+        } else {
+          notify("You have some Checked In data for other employee.");
+        }
+
+      } catch (err) {
+        console.error('Error during check-in validation:', err);
+        notify("Something went wrong while checking status.");
+      }
+    };
+
+    checkAndNavigate();
+  }, [item, hasCheckedInEmployee, props]);
+
+
+  async function checkStoreCheckIn(empData1, props) {
+    console.log("Get data callled dddd", empData1, isAdhoc);
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    let columKey = loginDetails?.Designation == "Supervisor" ? "MerchandiserId" : "EmpId";
+    let q = '';
+
+    const configData = (() => {
+    try {
+      return typeof props.ManagerAppConfig === "string"
+        ? JSON.parse(props.ManagerAppConfig)
+        : props.ManagerAppConfig;
+    } catch (e) {
+      return null;
+    }
+  })();
+
+
+  const configArray = configData?.ManagerAppConfig ?? [];
+
+  const currentConfig = configArray.find(
+    item => item.Designation?.toLowerCase() === loginDetails.Designation?.toLowerCase()
+  );
+
+  const storewisePjp = currentConfig?.StorewisePJP;
+
+  console.log("currentConfig:=>", currentConfig);
+  console.log("storewisePjp:=>", storewisePjp);
+
+    var tables = [
+      'Sup_AdhocJourneyPlan',
+      'Sup_NPNDStore',
+      'Sup_JourneyPlan'
+    ];
+
+
+    if (storewisePjp === true) {
+      tables = [
+        'Sup_JourneyPlanStorewiseSup_Adhoc',
+        'Sup_NPNDStore',
+        'Sup_JourneyPlanStorewiseSup'
+      ];
+    }
+
+    const whereClause = `VisitDate='${d2}' AND UploadStatus='I' AND ${columKey} != '${empData1?.EmpId}' `;
+
+    const existingTables = [];
+
+    // Check which tables exist
+    for (const table of tables) {
+      const exists = await new Promise((resolve) => {
+        db.transaction(tx => {
+          tx.executeSql(
+            `SELECT name FROM sqlite_master WHERE type='table' AND name=?`,
+            [table],
+            (tx, res) => resolve(res.rows.length > 0),
+            (tx, err) => {
+              console.error(`Error checking table ${table}:`, err);
+              resolve(false);
+            }
+          );
+        });
+      });
+
+      if (exists) {
+        existingTables.push(table);
+      }
+    }
+
+    if (existingTables.length === 0) {
+      console.log('No valid tables found.');
+      return [];
+    }
+
+    const unionQuery = existingTables
+      .map(table => `SELECT * FROM ${table} WHERE ${whereClause}`)
+      .join(' UNION ');
+    // Run the final query
+    console.log("unionQuery", unionQuery, d2, empData1?.EmpId)
+    return new Promise((resolve, reject) => {
+      db.transaction(tx => {
+        tx.executeSql(
+          unionQuery,
+          [],
+          (tx, res) => {
+            const result = [];
+            for (let i = 0; i < res.rows.length; i++) {
+              console.log("unionQuery",)
+              result.push(res.rows.item(i));
+            }
+            resolve(result);
+          },
+          (tx, err) => {
+            console.error('Union query failed:', err);
+            reject(err);
+          }
+        );
+      });
+    });
+  }
+
+
+  return (
+    <TouchableOpacity
+      style={customStyle.storel}
+      key={props.index}
+      onPress={() => { gotoPage(item) }}>
+      <View style={customStyle.storel_card_outer}>
+        <View style={customStyle.storel_card}>
+          <View style={customStyle.storel_card_content}>
+            <Text style={customStyle.storel_card_title}>{item.EmployeeName}</Text>
+          </View>
+        </View>
+        <View style={customStyle.storel_details}>
+          <View style={customStyle.storel_code}>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{'Employee Id:'}</Text>
+              <Text style={customStyle.storel_codeText}>{item.EmpId}</Text>
+            </View>
+          </View>
+          <View style={customStyle.storel_code}>
+            <View style={[customStyle.storel_codeCon, customStyle.storel_codeConAddr]}>
+              <Text style={customStyle.storel_codeLbl}>{'User Id:'}</Text>
+              <Text style={[customStyle.storel_codeText, customStyle.storel_codeTextAddr]}>{item.UserId}</Text>
+            </View>
+          </View>
+          {
+            (item.ChekedInStatus == true) &&
+            <View style={[customStyle.storel_code, customStyle.storel_codeBorderTop, customStyle.mt10]}>
+              <FontAwesome style={customStyle.storel_codeIcon} color={PageTheme.$red} name='connectdevelop' />
+              <View style={[customStyle.storel_codeCon]}>
+                <Text style={[customStyle.storel_codeTextRed,]}>{'You have some Checked In data for this employee'}</Text>
+              </View>
+            </View>
+          }
+        </View>
+      </View>
+    </TouchableOpacity>
+  );
+});
+
+function TeamList(props) {
+  const route = useRoute();
+
+  const ST = props.StaticText || {};
+
+  // get all theme styles acc to current theme set 
+  const PageTheme = GetPageTheme(props.DarkMode, route.name);
+  const customStyle = customStyles(props.DarkMode, route.name);
+  const [loaderTitle, setLoaderTitle] = useState();
+  const [processing, setProcessing] = useState((props.isDataDownloaded ? true : false));
+  const [isAdhocScreen, setIsAdhocScreen] = useState(false);
+  const [nodataFound, setNodataFound] = useState(false);
+  const [showStoreVisitModal, setShowStoreVisitModal] = useState(false);
+  const [showGeoTagModal, setShowGeoTagModal] = useState(false);
+  const [showDistanceModal, setShowDistanceModal] = useState(false);
+  const [currentStore, setCurrentStore] = useState({});
+  const [storeDistance, setStoreDistance] = useState('0 M');
+  const [storeDistanceinM, setStoreDistanceinM] = useState(0);
+  const [showAlert, setShowAlert] = useState(false);
+  const [checkOutStore, setCheckOutStore] = useState({});
+  const [rerenderdata, setrerenderdata] = useState(false);
+  const [EmployeesList, setEmployeesList] = useState([]);
+  const [globalEmplist, setGlobalEmplist] = useState([]);
+
+  const [globalStorelist, setGlobalStorelist] = useState([]);
+  const [cancelCheckOutStore, setCancelCheckOutStore] = useState({});
+  const [showCancelCIModal, setShowCancelCIModal] = useState(false);
+  const [searchedItem, setSearchedItem] = useState('');
+
+
+  const [CheckOutImage, setCheckOutImage] = useState('');
+  const [CheckOutImagePath, setCheckOutImagePath] = useState('');
+  const [CheckOutImageModal, setCheckOutImageModal] = useState(false);
+  const [CheckOutLoc, setCheckOutLoc] = useState({});
+  const [showImageSaveOp, setShowImageSaveOp] = useState(true);
+  const [showCamera, setShowCamera] = useState(false);
+  const [GeoFenceEnable_Checkout, setGeoFenceEnable_Checkout] = useState(false);
+  const [GeoFenceRadius_Checkout, setGeoFenceRadius_Checkout] = useState('');
+  const [isCheckIn, setisCheckIn] = useState(false)
+
+  useEffect(() => {
+    setLoaderTitle(ST.Loading + '...');
+
+    if (props.isDataDownloaded == true && !props.isAttendanceMarked) {
+      props.navigation.pop(); props.navigation.push('Attendance');
+    }
+    else {
+      // checkLocalData();
+
+      const FocusUnsubscribe = props.navigation.addListener('focus', () => { checkLocalData(); });
+
+      return function cleanup() {
+        FocusUnsubscribe();
+        return;
+      };
+    }
+
+  }, []);
+
+  async function checkLocalData() {
+    let d1 = new Date();
+    let d2 = moment(d1).format('MM/DD/YYYY');
+
+    let token = await get_item('loginToken');
+    let loginInfo = await get_item('loginInfo');
+    const loginDetails = JSON.parse(loginInfo);
+    let params = props.route.params ? props.route.params : {};
+    let isAdhoc = params.isAdhoc || false;
+    console.log("isAdhoc===", isAdhoc)
+    setIsAdhocScreen(isAdhoc);
+
+    var q = '';
+    if (isAdhoc == true) {
+      q = `Select * from Sup_TeamList where TodayPJP='N'`;
+    }
+    else {
+      q = `Select * from Sup_TeamList where TodayPJP='Y'`;
+    }
+    console.log("teamlist q:", q);
+    await db.transaction(async function (txn) {
+      await txn.executeSql(q, [], async function (txn2, txnres2) {
+        console.log("teamlist length:", txnres2.rows.length);
+        if (txnres2.rows.length > 0) {
+          // show from local
+          var storeArr = [];
+          for (var i = 0; i < txnres2.rows.length; i++) {
+            let data = txnres2.rows.item(i);
+            console.log("data---", data)
+            let ChekedInStatus = await getCheckInStatus(data);
+            data['ChekedInStatus'] = ChekedInStatus;
+            storeArr.push(data);
+
+            if (i == (txnres2.rows.length - 1)) {
+              setEmployeesList(storeArr);
+              console.log("storeArr", storeArr);
+              setGlobalEmplist(storeArr);
+              setProcessing(false);
+            }
+          }
+        }
+        else {
+          setProcessing(false); notify(ST.Nodatafound); setNodataFound(true);
+        }
+      }, function (txn2, txnerr) { console.log(txnerr); setProcessing(false); notify(ST.Nodatafound); setNodataFound(true); });
+    });
+  }
+
+
+
+  // async function getCheckInStatus(emp){
+  //     let {EmpId} =emp
+  //     let d1=new Date();
+  //     let d2=moment(d1).format('MM/DD/YYYY');
+  //     return new Promise((resolve,reject)=>{
+  //         db.transaction(async function (txn) { 
+
+  //           //let join=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_JourneyPlan' `;
+  //           let q=`Select t1.* from Sup_JourneyPlan t1 where t1.VisitDate='${d2}' and t1.MerchandiserId='${EmpId}' and t1.UploadStatus='I'`
+
+  //           //let join2=`INNER JOIN ${AppTables.COVERAGE_DATA} t2 on t2.STORE_ID=t1.StoreId and t2.JCP_TYPE='Sup_AdhocJourneyPlan' `;
+  //           let q2=`Select t1.* from Sup_AdhocJourneyPlan t1 where t1.VisitDate='${d2}'  and t1.MerchandiserId='${EmpId}' and t1.UploadStatus='I'`
+
+  //           await txn.executeSql(q,[],async function (txn2, txnres2) {           
+  //               if(txnres2.rows.length>0){ 
+  //                 // show from local
+  //                 resolve(true);      
+  //               }
+  //               else{            
+  //                 await txn.executeSql(q2,[],async function (txn2, txnres3) {           
+  //                   if(txnres3.rows.length>0){ 
+  //                     // show from local
+  //                     resolve(true);      
+  //                   }
+  //                   else{   
+  //                     resolve('');
+  //                   }
+  //                 },function(txn2,txnerr){console.log(txnerr);resolve('');  });
+  //               }
+  //           },function(txn2,txnerr){console.log(txnerr);resolve(''); });
+
+  //         }); 
+
+  //     }).then((val)=>{
+  //       return val;
+  //     }).catch((err)=>{
+  //       return false;
+  //     });
+  // }
+
+  const getCheckInStatus = async (emp) => {
+    const { EmpId } = emp;
+    const d2 = moment(new Date()).format('MM/DD/YYYY');
+
+    return new Promise((resolve) => {
+      db.transaction(async (txn) => {
+        const q1 = `Select t1.* from Sup_JourneyPlan t1 where t1.VisitDate='${d2}' and t1.MerchandiserId='${EmpId}' and t1.UploadStatus='I'`;
+        const q2 = `Select t1.* from Sup_AdhocJourneyPlan t1 where t1.VisitDate='${d2}' and t1.MerchandiserId='${EmpId}' and t1.UploadStatus='I'`;
+
+        await txn.executeSql(q1, [], async (txn2, txnres1) => {
+          if (txnres1.rows.length > 0) {
+            resolve(true);
+          } else {
+            await txn.executeSql(q2, [], (txn2, txnres2) => {
+              resolve(txnres2.rows.length > 0);
+            });
+          }
+        });
+      });
+    });
+  };
+
+
+
+
+  function FilterStores(searchedQry) {
+    searchedQry = searchedQry.toLowerCase();
+    console.log('searchedQry', searchedQry);
+    let arr = []
+    if (searchedQry != null && searchedQry != '') {
+      globalEmplist.map((item, index) => {
+        let { EmpId, EmployeeName } = item;
+        if (EmployeeName.toLowerCase().includes(searchedQry) || JSON.stringify(EmpId).toLowerCase().includes(searchedQry)) {
+          arr.push(item);
+        }
+      });
+    }
+    else {
+      // arr=globalStorelist;
+      arr = globalEmplist;  // search fixed 
+    }
+    setEmployeesList(arr);
+    setrerenderdata(!rerenderdata)
+  }
+
+
+
+
+
+
+  return (
+    <Container {...props} pt={0} avoidSafeArea={(Platform.OS == 'ios' ? true : false)}>
+      {processing && <CustomLoader fullHeight={true} title={loaderTitle} />}
+      <CustomHeader {...props} title={(isAdhocScreen == true ? 'Adhoc Team List' : 'Team List')} />
+      <CustomCamera cameraType={'front'} onImageCaptured={(imgData) => { setShowCamera(false); getImage(imgData) }} showCamera={showCamera} onHideCamera={() => { setShowCamera(false); }} />
+
+      <LinearGradient colors={[PageTheme.$gradient1, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.roundScrollWrapper}>
+        <View style={customStyle.pageContentWrapper}>
+
+          {!props.isDataDownloaded && <NoDataComponent {...props} />}
+          {props.isDataDownloaded == true && !props.isAttendanceMarked &&
+            <NoAttendance {...props} />
+          }
+          {props.isDataDownloaded == true && props.isAttendanceMarked == true && props.isEntryAllow == false &&
+            <NoAttendance {...props} msg={"You have marked your attendance and you are not allowed to fill data now! "} />
+          }
+
+          <View style={[customStyle.storelist_parentwrap]}>
+
+
+            {/* <View style={customStyle.storeTab_Con}>
+          <ScrollView style={customStyle.storeTab_MenuCon} contentContainerStyle={customStyle.storeTab_Menu} horizontal={true}>
+            <TouchableOpacity style={[customStyle.storeTab_pill,(!isAdhocScreen?customStyle.storeTab_pillActive:{})]} onPress={()=>{props.navigation.pop();props.navigation.push('TeamList')}}>
+              <Text style={[customStyle.storeTab_pillText,(!isAdhocScreen?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>{ST.Planned}</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={[customStyle.storeTab_pill,(isAdhocScreen?customStyle.storeTab_pillActive:{})]} onPress={()=>{props.navigation.pop();props.navigation.push('TeamList',{'isAdhoc': true})}}>
+              <Text style={[customStyle.storeTab_pillText,(isAdhocScreen?customStyle.storeTab_pillActiveText:{color:PageTheme.$text_color})]}>{ST.Adhoc}</Text>
+            </TouchableOpacity>
+          </ScrollView>
+          </View> */}
+
+            <HeaderTabsTeam {...props} isAdhocScreen={isAdhocScreen} />
+
+            <View style={customStyle.storel_searchbar}>
+              <TextInput
+                style={[customStyle.storel_searchInput]}
+                placeholder={'Search by Employee Id, Employee Name'}
+                placeholderTextColor={PageTheme.$placeholder_color}
+                value={searchedItem}
+                onChangeText={(val) => { setSearchedItem(val); FilterStores(val) }}
+                autoComplete='off'
+              />
+              <TouchableOpacity style={customStyle.storel_searchBtn} onPress={() => { FilterStores(searchedItem) }}>
+                <AntDesign style={customStyle.storel_searchBtnIcon} name='search1' size={20} color={PageTheme.$accent_color} />
+              </TouchableOpacity>
+            </View>
+
+            {nodataFound &&
+              <View style={customStyle.noDataCon}>
+                <Text style={customStyle.noDataText}>{ST.NoDataAvailable}</Text>
+              </View>
+            }
+            {(props.isDataDownloaded == true && props.isAttendanceMarked == true && !nodataFound) &&
+              <View style={customStyle.storel_Con}>
+                <FlatList
+                  data={EmployeesList}
+                  extraData={rerenderdata}
+                  style={customStyle.listcon}
+                  initialNumToRender={4}
+                  contentContainerStyle={customStyle.iteml_con}
+                  renderItem={({ item, index, separators }) => {
+                    return (
+                      <EmployeeItem  {...props} item={item} index={index} isAdhocScreen={isAdhocScreen} list={EmployeesList} StaticText={ST} />
+                    );
+                  }}
+                />
+              </View>
+            }
+          </View>
+
+
+        </View>
+      </LinearGradient>
+
+    </Container>
+  );
+}
+
+
+
+export default connect(mapStateToProps, mapDispatchToProps)(TeamList);
\ No newline at end of file
diff --git a/src/store/configureStore.js b/src/store/configureStore.js
new file mode 100644
index 0000000..eb7c027
--- /dev/null
+++ b/src/store/configureStore.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import { createStore, combineReducers } from 'redux';
+import projectReducer from '../reducers/projectReducers';
+import sessionReducer from '../reducers/sessionReducer';
+// import darkmodeReducer from '../reducers/darkmodeReducer';
+import themeReducer from '../reducers/themeReducer';
+import globalDataReducer from '../reducers/globalDataReducer';
+
+const rootReducer = combineReducers(
+{ 
+    projectR:projectReducer,
+    sessionR:sessionReducer,
+    // darkmodeR:darkmodeReducer,
+    themeR:themeReducer,
+    globalR:globalDataReducer,
+});
+
+const store = createStore(rootReducer);
+
+
+export default store;
diff --git a/src/styles/Global.js b/src/styles/Global.js
new file mode 100644
index 0000000..64cf634
--- /dev/null
+++ b/src/styles/Global.js
@@ -0,0 +1,2271 @@
+import { PrimaryTheme, MainThemeLight, DarkTheme } from "./Themes";
+import { Platform, StatusBar, StyleSheet } from 'react-native';
+import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen';
+import { black } from "react-native-paper/lib/typescript/styles/colors";
+import { green100, red100 } from "react-native-paper/lib/typescript/src/styles/themes/v2/colors";
+const defdt = false, defrn = '';
+export const GetPageTheme = (isDarkTheme = defdt, routeName = defrn) => {
+  let PageTheme = (routeName == 'Project' ? MainThemeLight : (isDarkTheme == true ? DarkTheme : PrimaryTheme));
+  return PageTheme;
+};
+
+export const WP = wp;
+export const HP = hp;
+const borderRadius = 20;
+export const STATUSBAR_HEIGHT = Platform.OS === 'ios' ? 70 : StatusBar.currentHeight;
+const EXTRA_SPACE = Platform.OS === 'ios' ? 20 : 0;
+const EXTRA_SPACE_MD = Platform.OS === 'ios' ? 40 : 0;
+const deffontfamily = 'Zocial';
+export const deffontfamily_bold = 'Roboto-Bold';
+
+export const globalStyles = (isDarkTheme = defdt, routeName = defrn) => {
+  const PageTheme = GetPageTheme(isDarkTheme, routeName);
+  return StyleSheet.create({
+    statusBar: { height: STATUSBAR_HEIGHT, width: wp('100%') },
+    // drawerScreenHdr_bg: { backgroundColor: '#000', borderBottomWidth: 0, borderBottomColor: PrimaryTheme.$secondary_color_light, paddingHorizontal: 10, paddingBottom: 5, paddingTop: STATUSBAR_HEIGHT + 10 },
+    // dScreenHdr_Content: { flexDirection: 'row', alignItems: 'center', position: 'relative' },
+    // drawerScreenHdr_title: { width: '100%', textAlign: 'left', fontSize: 16, fontWeight: '500', color: PageTheme.$accent_color, paddingLeft: 50, paddingRight: 100, fontFamily: deffontfamily },
+    // dScreen_LeftContainer: { position: 'absolute', left: 0 },
+    // toggleDrawerBtn: { paddingVertical: 5, paddingHorizontal: 10 },
+    // dScreen_RightContainer: { position: 'absolute', right: 0, flexDirection: 'row', alignItems: 'center' },
+    // drawerProjectId: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color, paddingHorizontal: 5, fontFamily: deffontfamily },
+    // drawerNotifIcon: { marginLeft: 5, padding: 5 },
+    // drawerContent: {
+    //   flex: 1,
+    //   marginTop: -10,
+    //   paddingTop: 0,
+    // },
+    // drawerContentScroll: {},
+    // drawerContentScrollInner: { paddingTop: 10, padding: 0 },
+
+    drawerScreenHdr_bg:{backgroundColor:'#000', 
+      borderBottomWidth:0,
+      borderBottomColor:PrimaryTheme.$secondary_color_light,
+      height:Platform.OS=='ios'?"15%":"10%",
+    },
+    dScreenHdr_Content:{flexDirection:'row',alignItems:'center',position:'relative',height:"30%"},
+    drawerScreenHdr_title:{width:'100%',textAlign:'left',fontSize:16,fontWeight:'500',color:PageTheme.$accent_color,paddingLeft:50,paddingRight:100,fontFamily:deffontfamily,},
+    dScreen_LeftContainer:{position:'absolute',left:0},
+    toggleDrawerBtn:{paddingVertical:5,paddingHorizontal:10},
+    dScreen_RightContainer:{position:'absolute',right:0,flexDirection:'row',alignItems:'center'},
+    drawerProjectId:{fontSize:14,fontWeight:'500',color:PageTheme.$accent_color,paddingHorizontal:5,fontFamily:deffontfamily,},
+    drawerNotifIcon:{marginLeft:2,padding:10},
+    drawerContent: {
+      flex: 1,
+      marginTop: -10,
+      paddingTop: 0,
+    },
+    drawerContentScroll: {},
+    drawerContentScrollInner: { paddingTop: 10, padding: 0 },
+
+    cardTitle: {
+      fontWeight: 'normal',
+      fontSize: hp('1.8%'),
+    },
+    cardImage: {
+      width: 30,
+      height: 30,
+      resizeMode: 'contain',
+    },
+    title: {
+      fontSize: 15,
+      marginTop: 10,
+      fontWeight: '500',
+      textTransform: 'capitalize',
+      color: PageTheme.$text_color,
+      textAlign: 'center',
+      marginLeft: -5,
+      fontFamily: deffontfamily
+    },
+    caption: {
+      fontSize: hp('1.7%'),
+      lineHeight: 14,
+    },
+    row: {
+      marginTop: 20,
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
+    section: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginRight: 15,
+    },
+    paragraph: {
+      fontWeight: 'bold',
+      marginRight: 3,
+    },
+    drawerSection: {
+      marginTop: 7,
+      borderBottomColor: '#fff',
+      borderBottomWidth: 0,
+    },
+    bottomDrawerSecion: {
+      borderTopColor: '#f4f4f4',
+      borderTopWidth: 1,
+      borderBottomWidth: 0,
+      marginBottom: 0,
+    },
+    bottomDrawerCon: {
+      padding: 5,
+      flexDirection: 'column',
+      alignItems: 'center',
+    },
+    bottomDrawerIcon: {
+      width: '50%',
+      height: 30,
+      resizeMode: 'contain',
+    },
+    bottomDrawerLabel: {
+      fontSize: 14,
+      color: PageTheme.$text_color,
+    },
+    preferenceCon: {
+      padding: 10,
+    },
+    preferenceTitle: {
+      fontSize: 14,
+      color: PageTheme.$text_color,
+    },
+    preference: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      marginTop: 12,
+    },
+    userInfoSection: {
+      padding: 0,
+      borderBottomColor: '#f4f4f4',
+      borderBottomWidth: 1,
+    },
+    container: {
+      flex: 1, alignItems: 'center', backgroundColor: PageTheme.$accent_color, fontFamily: deffontfamily
+    },
+    logo: {
+      resizeMode: 'contain',
+      width: wp('50%')
+    },
+    drawerIcon: {
+      width: 30,
+      height: 30,
+      left: 2,
+      position: "absolute",
+      paddingLeft: 15
+
+    },
+    inputStyle: {
+      width: wp('85%'),
+      height: hp('8%'),
+      marginBottom: 12,
+    },
+    otpStyle: {
+      marginBottom: 12,
+      borderRadius: 8,
+      width: wp('15%'),
+      height: hp('7%'),
+    },
+    drawerItemStyle: {
+      flexDirection: 'row',
+      paddingHorizontal: 10,
+      paddingVertical: 8.5,
+      alignItems: 'center',
+      // height:35,
+    },
+    drawerLogo: {
+      // width: wp('50%') - 20,
+      marginTop:"20%",
+      width: '100%',
+      height: 60,
+      resizeMode: 'contain',
+    },
+    drawerItemIcon: { width: 30, justifyContent: 'center', flexDirection: 'row' },
+    drawerLabel: {
+      fontSize: 15,
+      fontWeight: '400',
+      color: PageTheme.$accent_color2,
+      marginLeft: 10,
+      fontFamily: deffontfamily,
+    },
+    otpContainer: {
+      width: wp('85%'),
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      justifyContent: 'space-between'
+    },
+    labelStyle: {
+      color: PageTheme.$text_color_700,
+      textAlign: 'left',
+      width: wp('85%'),
+      fontSize: hp('1.7%'),
+      marginBottom: 20,
+      justifyContent: 'flex-start'
+    },
+
+  });
+}
+
+export const customStyles = (isDarkTheme = defdt, routeName = defrn) => {
+  const PageTheme = GetPageTheme(isDarkTheme, routeName);
+  return StyleSheet.create({
+    drawerSubTitle: {
+      fontSize: 12,
+      color: PageTheme.$text_color
+    },
+    loginIllutration: {
+      // marginTop:20, 
+    },
+    moreIconMpin: {
+      position:'absolute',
+      right: 12,
+      top: 16, 
+      width: 40,
+      height: 40,
+      borderRadius: 24,
+      justifyContent: 'center',
+      alignItems:'center'
+    },
+    performics_logo: {
+      width: wp('50%'),
+      height: 40,
+      marginTop: 20,
+      resizeMode: 'contain',
+    },
+    company_logo: { width: wp('100%') - 40, height: 100, resizeMode: 'contain' },
+    loginScrollCon: {
+      flex: 1,
+      width: wp('100%'),
+    },
+    loginCon: {
+      flex: 1,
+      alignItems: "center",
+      position: 'relative',
+
+    },
+    projectScrollCon: {
+      width: wp('100%'),
+      flex: 1
+    },
+    projectCon: {
+      alignItems: "center",
+      position: 'relative',
+    },
+    loginScrollCon2: {
+      flex: 1,
+      width: wp('100%'),
+    },
+    projectPageWrapper: { width: '100%', height: hp('100%') },
+
+    //=============Bottom View==============
+    footerView: { width: '100%', alignItems: 'center', marginBottom: 20, },
+
+
+    repoertDetailsPicker: { flexDirection: 'row', alignItems: 'center' },
+
+    //=============signatureBox==============
+    signatureBox: {
+      alignItems: "center",
+      width: wp('100%'),
+      padding: 10,
+    },
+    signatureText: {
+      color: PageTheme.$text_color_light,
+      fontSize: 12,
+      fontWeight: '400',
+      textAlign: 'center',
+      fontFamily: deffontfamily
+    },
+    signatureLogo: {
+      resizeMode: 'contain',
+      width: wp('30%'),
+      height: 50,
+      marginTop: 5,
+    },
+
+    pageContentWrapper: { backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, elevation: 3, paddingTop: 10, flex: 1, },
+    pageContentWrapper_bgLight: { backgroundColor: '#efefef' },
+    pageContentWrappergm: { backgroundColor: 'black', borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, elevation: 3, paddingTop: 10, flex: 1, },
+
+    //=============general Style=============
+    // pt200:{paddingTop:200,},
+    mb7: { marginBottom: 7, }, mb10: { marginBottom: 10, }, mb20: { marginBottom: 20, }, mb30: { marginBottom: 30, }, mb40: { marginBottom: 40, }, mb50: { marginBottom: 50, }, mb60: { marginBottom: 60, }, mb70: { marginBottom: 70, }, mb80: { marginBottom: 80, }, mb90: { marginBottom: 90, }, mb100: { marginBottom: 100, },
+    mt10: { marginTop: 10, }, mt20: { marginTop: 20, }, mt30: { marginTop: 30, }, mt40: { marginTop: 40, }, mt50: { marginTop: 50, }, mt60: { marginTop: 60, }, mt70: { marginTop: 70, }, mt80: { marginTop: 80, }, mt90: { marginTop: 90, }, mt100: { marginTop: 100, },
+    pl10: { paddingLeft: 10 }, pl20: { paddingLeft: 20 }, pl30: { paddingLeft: 30 }, pl40: { paddingLeft: 40 }, pl50: { paddingLeft: 50 },
+    pr10: { paddingRight: 10 }, pr20: { paddingRight: 20 }, pr30: { paddingRight: 30 }, pr40: { paddingRight: 40 }, pr50: { paddingRight: 50 },
+    mr10: { marginRight: 10 }, mr20: { marginRight: 20 }, mr30: { marginRight: 30 },
+    ml10: { marginLeft: 10 }, ml20: { marginLeft: 20 }, ml30: { marginLeft: 30 }, ml40: { marginLeft: 40 }, ml50: { marginLeft: 50 },
+    pt10: { paddingTop: 10 }, pt20: { paddingTop: 20 }, pt30: { paddingTop: 30 }, pt40: { paddingTop: 40 }, pt50: { paddingTop: 50 },
+    mtb10: { marginTop: 10, marginBottom: 10, },
+    mtb5: { marginTop: 5, marginBottom: 5, },
+    zIndex0: { zIndex: 0 },
+    logoImage_con: { flexDirection: 'row', justifyContent: 'center', marginBottom: 10 },
+    logoImage: { width: 100, height: 50 },
+    drawerInfoCon: { 
+      // padding: 10, 
+      // paddingLeft: 0, 
+       alignItems: 'center',
+       height:"20%" 
+      },
+    // drawerInfoLeft:{paddingRight:10,marginRight:10,borderRightColor:PageTheme.$secondary_color_light,borderRightWidth:2},
+    drawerLogo2: { width: 100, height: 50 },
+    pageText: {
+      color: PageTheme.$text_color_dark,
+      fontSize: 16,
+      fontWeight: '500',
+      fontFamily: deffontfamily,
+      textAlign: 'center',
+      marginBottom: 10,
+    },
+    pagedescText: {
+      color: PageTheme.$text_color,
+      fontSize: 13,
+      fontFamily: deffontfamily,
+      fontWeight: '400',
+      textAlign: 'center',
+      marginBottom: 5,
+    },
+    formCon: {},
+    formGroup: { position: 'relative' },
+    inputStyle: {
+      textAlign: 'left',
+      fontFamily: deffontfamily,
+      backgroundColor: PageTheme.$secondary_color_light,
+      width: wp('85%'),
+      borderRadius: 7,
+      paddingVertical: 5,
+      paddingHorizontal: 15,
+      height: 50,
+      color: PageTheme.$accent_color2,
+    },
+    formInputLabel: { position: 'absolute', left: 40, zIndex: 1, color: PageTheme.$placeholder_color, top: 15, },
+    formInputLeftIcon: { position: 'absolute', left: 15, top: 15 },
+    passField: {
+      position: 'relative',
+    },
+    show_pass_btn: {
+      position: 'absolute',
+      top: 0,
+      right: 0,
+      width: 40,
+      height: 50,
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
+    keyba_view: { flex: 1, width: wp('100%'), alignItems: 'center' },
+    keyba_viewContent: { overflow: 'hidden' },
+    keyba_inner_view: { flex: 1, width: wp('100%'), alignItems: 'center', position: 'relative' },
+    pass_input: {
+      paddingRight: 40,
+    },
+    form_label: {
+      color: PageTheme.$text_color,
+      fontSize: 14,
+      fontWeight: '400',
+      textAlign: 'left',
+      paddingHorizontal: 0,
+      fontFamily: deffontfamily,
+      marginBottom: 10,
+
+    },
+    otp_inputStyle: {
+      textAlign: 'center',
+      backgroundColor: PageTheme.$secondary_color_light,
+      width: ((wp('85%') / 4) - 10),
+      borderRadius: 4,
+      paddingVertical: 10,
+      paddingHorizontal: 15,
+      height: 50,
+      color: PageTheme.$accent_color2,
+      marginBottom: 10,
+      marginRight: 10,
+      fontSize: 25,
+      fontFamily: deffontfamily,
+    },
+    otp_field: {
+      flexDirection: 'row',
+    },
+    otp_hiddeninput: {
+      display: 'none',
+    },
+    fullwebview: {
+      width: '100%',
+      height: '100%',
+      flex: 1,
+      // borderTopLeftRadius:borderRadius,borderTopRightRadius:borderRadius,
+      marginBottom: 0,
+    },
+    roundScrollWrapper: { flex: 1, width: '100%' },
+    roundScrollZIndex: { zIndex: 1, },
+    roundScrollCon: { backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, },
+    roundScrollInner: { height: '100%', width: '100%', flex: 1, backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, elevation: 3, paddingTop: 40, },
+    webViewCon: { height: '100%', flex: 1, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, paddingTop: 0, },
+    headetBgImage: {
+      height: hp('20%'),
+      width: wp('100%') + 2,
+      position: 'relative',
+      justifyContent: 'center',
+      alignItems: 'center',
+    },
+    headerTitle: {
+      color: PageTheme.$accent_color,
+      fontSize: 20,
+      width: 150,//(wp('100%')-80),
+      textAlign: 'right',
+    },
+    headerImg: {
+      width: wp('40%'),
+      height: 120,
+      resizeMode: 'contain',
+      top: 28,
+      left: -30,
+    },
+    headerLeftIcon: {
+      width: 60,
+      height: 60,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginLeft: -10,
+    },
+    headerContent: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      position: 'absolute',
+      width: wp('100%'),
+      paddingHorizontal: 20,
+    },
+    teaml_name: {
+      color: PageTheme.$text_color,
+      fontSize: 14,
+      fontWeight: '400',
+      textAlign: 'left',
+      paddingLeft: 20,
+      paddingRight: 10,
+    },
+    teaml_img: {
+      width: 20,
+      height: 20,
+    },
+    teaml: {
+      flexDirection: 'row',
+      paddingHorizontal: 20,
+      marginBottom: 10,
+      borderWidth: 2,
+      borderColor: PageTheme.$secondary_color_light,
+      shadowOffset: { width: 0, height: 2 },
+      borderRadius: 5,
+      paddingVertical: 10,
+      alignItems: 'center'
+    },
+    iteml_con: {
+      width: '100%',
+      marginTop: 10,
+      paddingBottom: 50,
+      paddingHorizontal: 20,
+      paddingTop: 10
+    },
+    iteml_conR: { paddingBottom: 20, paddingTop: 10, paddingHorizontal: 10 },
+    iteml_conR2: { marginBottom: 20, backgroundColor: PageTheme.$bg_color, borderRadius: 5, elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15 },
+    storel_Con: { width: '100%', height: '100%', paddingBottom: 150, },
+    listcon: {
+      width: '100%',
+      height: '100%',
+    },
+    storeR_listcon: {
+      width: '100%',
+      height: '100%',
+      paddingHorizontal: 0,
+      paddingBottom: 30,
+    },
+    storelist_parentwrap: { width: '100%' },
+    storeTab_Con: { width: '94%', minHeight: 40 },
+    storeTab_MenuCon: { width: '94%', marginTop: 0, marginBottom: 0, marginHorizontal: 10, borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1 },
+    storeTab_Menu: { alignItems: 'center', marginBottom: 10 },
+    storeTab_pill: { paddingHorizontal: 20, paddingVertical: 5, borderRadius: 30, backgroundColor: '#efefef', marginRight: 7 },
+    storeTab_pillText: { color: PageTheme.$text_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
+    storeTab_pillActive: { backgroundColor: '#ffb020' },
+    storeTab_pillActiveText: { color: '#fff' },
+    // storelist card style
+    storel: {
+      flexDirection: 'row',
+      paddingRight: 10,
+      marginBottom: 10,
+      // borderWidth:2,
+      // borderColor:PageTheme.$secondary_color_light, 
+      backgroundColor: PageTheme.$bg_color,
+      borderRadius: 5,
+      paddingVertical: 10,
+      alignItems: 'center',
+      elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15
+    },
+    storel_card_outer: {
+      paddingVertical: 5, paddingHorizontal: 10, position: 'relative', width: '100%'
+    },
+    storel_card: {
+      flexDirection: 'row', alignItems: 'center',
+    },
+    storel_card_content: { marginHorizontal: 5, width: '100%', flexDirection: 'row', alignItems: 'baseline' },
+    storel_card_title: {
+      fontSize: 15,
+      color: PageTheme.$text_color,
+      fontWeight: '500',
+      fontFamily: deffontfamily,
+    },
+    storel_card_subtitle: { marginLeft: 10, paddingLeft: 10, borderLeftColor: PageTheme.$text_color_light, borderLeftWidth: 1, fontFamily: deffontfamily, },
+    storel_card_subtitleTxt: { fontSize: 12, color: PageTheme.$text_color_light, fontFamily: deffontfamily, },
+    storel_details: {
+      // flex:1,  
+      paddingHorizontal: 5,
+    },
+    storel_code: { flexDirection: 'row', marginTop: 0, paddingTop: 5, width: '100%' },
+    storel_codeCon: { marginRight: 10, flexDirection: 'row', alignItems: 'center' },
+    storel_codeConAddr: { alignItems: 'flex-start' },
+    storel_codeIcon: { fontSize: 20, marginRight: 10, },
+    storel_codeBorder: { borderRightColor: PageTheme.$secondary_color_dark, borderRightWidth: 1 },
+    storel_codeBorderTop: { borderTopColor: PageTheme.$secondary_color_light, borderTopWidth: 1, },
+    storel_codeLbl: { fontSize: 12, color: PageTheme.$secondary_color_dark, marginRight: 5, flexWrap: 'wrap', fontFamily: deffontfamily, },
+    storel_codeText: { fontSize: 12, color: PageTheme.$text_color, marginRight: 5, fontFamily: deffontfamily, },
+    storel_codeTextRed: { fontSize: 12, color: PageTheme.$red, marginRight: 5 },
+    storel_codeTextAddr: { width: '80%' },
+    storel_usWrap: { width: '100%', position: 'relative', justifyContent: 'center', paddingVertical: 10, },
+    storel_usCon: { flexDirection: 'row', alignItems: 'center' },
+    storel_usConBtn: { borderRadius: 30, width: 140, position: 'relative', backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 5, paddingVertical: 6, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
+    storel_usConBtn2: { width: 150, },
+    storel_usOpBtn: { flexDirection: 'row', alignItems: 'center', borderRadius: 30, position: 'relative', backgroundColor: PageTheme.$primary_color, paddingHorizontal: 15, paddingVertical: 6, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
+    storel_usOp: { flexDirection: 'row', alignItems: 'center' },
+    storel_usOpBtnText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', marginLeft: 5, fontFamily: deffontfamily, },
+    storel_usBtnText: { paddingRight: 5, marginRight: 5, color: PageTheme.$text_color },
+    storel_usBtnRemoveIcon: { backgroundColor: '#fff', position: 'absolute', top: 0, bottom: 0, right: 0, borderTopRightRadius: 30, borderBottomRightRadius: 30, paddingHorizontal: 10, alignItems: 'center', justifyContent: 'center' },
+    storel_usText: { marginLeft: 5, color: PageTheme.$text_color, fontSize: 13, fontFamily: deffontfamily, },
+    storel_geotag_btn: { position: 'absolute', top: -15, right: -10, width: 50, height: 50, borderRadius: 25, alignItems: 'center', justifyContent: 'center' },
+    storel_CheckOutBtn: { position: 'absolute', right: 0, borderRadius: 30, backgroundColor: PageTheme.$primary_color, paddingHorizontal: 15, paddingVertical: 6, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, },
+    storel_cancelBtn: {},
+    storel_CheckOutBtnText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily, },
+
+    // storel searchbar
+    storel_crossBtn: { width: 40, height: 40, top: 0, right: 40, position: 'absolute', borderTopRightRadius: 4, borderBottomRightRadius: 4, alignItems: 'center', justifyContent: 'center' },
+    storel_searchbar: { marginTop: 10, marginHorizontal: 10, backgroundColor: PageTheme.$secondary_color_light, height: 40, borderRadius: 4, paddingHorizontal: 10, elevation: 1, shadowColor: '#000', shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 }, flexDirection: 'row' },
+    storel_searchInput: { width: '86%', fontSize: 13, color: PageTheme.$text_color, fontFamily: deffontfamily, },
+    storel_searchBtn: { width: 40, height: 40, top: 0, right: 0, position: 'absolute', backgroundColor: PageTheme.$primary_color, borderTopRightRadius: 4, borderBottomRightRadius: 4, alignItems: 'center', justifyContent: 'center' },
+    storel_searchBtnIcon: { marginTop: -2 },
+
+    // storel searchbar 2
+    storel_searchBtnMain: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', marginBottom: 10, marginHorizontal: 10, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 4, paddingHorizontal: 10, elevation: 1, shadowColor: '#000', shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 } },
+    storel_searchBtnMainText: { fontSize: 14, marginLeft: 10, color: PageTheme.$accent_color, fontWeight: "600", textAlign: 'center' },
+    storel_headCon: { paddingHorizontal: 5, marginHorizontal: 10, paddingBottom: 5, borderBottomWidth: 1, borderBottomColor: PageTheme.$secondary_color_light },
+    storel_headingText: { fontSize: 14, color: PageTheme.$primary_color, fontWeight: "600" },
+
+    // Download Error Modal
+    dErrM_Style: { alignItems: 'center' },
+    dErrMsg: { textAlign: 'center', marginTop: 20, marginBottom: 5, color: PageTheme.$red, fontSize: 14, fontFamily: deffontfamily, },
+    dErrSubMsg: { fontSize: 14, fontWeight: '500', marginBottom: 10, color: PageTheme.$red, fontFamily: deffontfamily, },
+    dErrDetail: { fontSize: 12, fontWeight: '400', marginBottom: 10, color: PageTheme.$text_color_dark, fontFamily: deffontfamily, },
+
+
+    // storel searchbar for SearchStoreList
+    SSt_searchbar: { marginHorizontal: 10, flexDirection: 'row' },
+    SSt_searchInput: { width: '86%', fontSize: 13, color: PageTheme.$text_color, backgroundColor: PageTheme.$secondary_color_light, height: 40, paddingHorizontal: 10, borderRadius: 4, elevation: 1, shadowColor: '#000', shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 } },
+    SSt_searchBtn: { width: 40, height: 40, top: 0, right: 0, position: 'absolute', backgroundColor: PageTheme.$primary_color, borderRadius: 4, alignItems: 'center', justifyContent: 'center' },
+    SSt_searchBtnIcon: { marginTop: -2 },
+
+    // color description box
+    colorDescriptionWrap: { marginTop: 5, marginHorizontal: 10, backgroundColor: PageTheme.$bg_color, paddingVertical: 5, borderRadius: 4, paddingHorizontal: 10, flexDirection: 'row', elevation: 1, shadowColor: '#000', shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
+    colorBoxCon: { flexDirection: 'row', alignItems: 'center', marginRight: 20 },
+    colorBox: { elevation: 1, shadowColor: '#000', borderRadius: 4, shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 }, width: 20, height: 20, },
+    colorBox1: { backgroundColor: PageTheme.$fifth_color, },
+    colorBox2: { backgroundColor: PageTheme.$secondary_color_light, },
+    colorDesc: { fontSize: 12, color: PageTheme.$text_color, marginLeft: 5, flexWrap: 'wrap' },
+
+
+    // Page header
+    pageHdrWrap: { position: 'absolute', top: STATUSBAR_HEIGHT + (70 + (Platform.OS == 'ios' ? 0 : 5)), zIndex: 9, marginHorizontal: 10, justifyContent: 'center', backgroundColor: PageTheme.$primary_color, paddingVertical: 5, borderRadius: 20, paddingHorizontal: 10, flexDirection: 'row', flexWrap: 'wrap' },
+    pageHdrWrapText: { textAlign: 'center', fontSize: 13, color: PageTheme.$accent_color, flexWrap: 'wrap' },
+
+
+    // storelist row style
+    storelR: { flexDirection: 'row', paddingRight: 10, marginBottom: 5, paddingBottom: 5, paddingTop: 10, borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1 },
+    storelR_last: { borderBottomWidth: 0, paddingBottom: 0, marginBottom: 0 },
+
+
+    // download APK
+    downloadAPk_Title: { color: PageTheme.$text_color, fontSize: 16, fontWeight: '500', marginBottom: 7, width: '100%', textAlign: 'center', fontFamilY: deffontfamily },
+    downloadAPk_subtitleWrap: { flexDirection: 'row', marginBottom: 10, alignItems: 'center', justifyContent: 'center' },
+    downloadAPk_subTitle: { color: PageTheme.$text_color_dark, fontSize: 12, fontWeight: '400', textAlign: 'center', fontFamily: deffontfamily },
+    downloadAPkProgress: { position: 'relative', marginVertical: 7, alignItems: 'center', justifyContent: 'center' },
+    downloadAPkProgress_gif: { transform: [{ scale: 0.6 }], width: '100%', marginBottom: 5 },
+    downloadAPKModal_spin: { marginRight: 5 },
+
+    // dynamic storelist style
+    dstorel_card_outer: {
+      paddingVertical: 0, paddingHorizontal: 10, width: '100%',
+    },
+    dstorel_row: { flexDirection: 'row', width: '100%', paddingBottom: 5, paddingTop: 5, borderBottomWidth: 1, borderBottomColor: PageTheme.$secondary_color_light },
+    dstorel_row_last: { borderBottomWidth: 0 },
+    dstorel_codeLbl: { fontSize: 12, color: PageTheme.$secondary_color_dark, marginRight: 5 },
+    dstorel_codeText: { fontSize: 12, fontWeight: '400', color: PageTheme.$text_color, marginRight: 5 },
+    dstorel_codeSep: { fontSize: 12, color: PageTheme.$text_color, marginRight: 5 },
+    dstorel_codeCon: { marginRight: 0, flexDirection: 'row', alignItems: 'center' },
+
+    // storePhotos
+    storePhotosl_card: {
+      paddingVertical: 7,
+      paddingHorizontal: 10,
+      marginHorizontal: 10,
+      marginBottom: 5,
+      flexDirection: 'row',
+      borderRadius: 5,
+      borderWidth: 2,
+      borderColor: PageTheme.$secondary_color_light,
+      alignItems: 'center',
+    },
+    storePhotosl_card_details: { width: 100, paddingLeft: 10, marginRight: 10, },
+    storePhotosl_card_title: {
+      fontSize: 15,
+      color: PageTheme.$text_color,
+      fontWeight: '500',
+    },
+    storePhotosl_card_subtitle: { fontSize: 11, color: PageTheme.$text_color_light, fontWeight: '400', },
+    storePhotosl_card_img: { width: 50, height: 50 },
+    storePhotosl_card_remove_btn: { position: 'absolute', right: 10, },
+    // daily menu card style
+    dailym_scroll_con: { padding: 10, alignItems: 'center', width: '100%' },
+    dailym_scroll: { width: '100%' },
+    dailym_bgcolor1: { backgroundColor: '#e0f9a5' },
+    dailym_bgcolor2: { backgroundColor: '#ffd667' },
+    dailym_bgcolor3: { backgroundColor: '#c2ddff' },
+    dailym_bgcolor4: { backgroundColor: '#d9c2ff' },
+    dailym_card: {
+      paddingHorizontal: 20,
+      marginBottom: 10,
+      borderRadius: 5,
+      paddingVertical: 10,
+      justifyContent: 'center',
+      width: '100%',
+      height: 100,
+      elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 2 },
+    },
+    dailym_con: { flexDirection: 'row', alignItems: 'center' },
+    dailym_photo: {
+      width: 100,
+      height: 80,
+      // marginTop:-20,
+    },
+    dailym_title: {
+      textAlign: 'left',
+      color: PageTheme.$text_color,
+      fontSize: 20,
+      width: 150,
+      fontWeight: '500',
+      marginLeft: 20,
+    },
+    dailym_done: { position: 'absolute', width: 31, height: 31, right: 15, top: 15, borderRadius: 15, elevation: 3, shadowColor: '#000' },
+    dailym_done_icon: {},
+    //download screen 
+    download_scroll_con: { flex: 1, padding: 10, alignItems: 'center', width: '100%', justifyContent: 'center' },
+    download_scroll: { flex: 1, width: '100%' },
+    downloadbtn: {
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      borderRadius: 20,
+      backgroundColor: PageTheme.$primary_color,
+    },
+    downloadbtn_label: {
+      textAlign: 'center',
+      color: PageTheme.$accent_color,
+      fontWeight: '500',
+    },
+    // storephotos form 
+    sform_con: {
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      borderBottomColor: PageTheme.$secondary_color_light,
+      borderBottomWidth: 1,
+    },
+    sform_con2: { paddingHorizontal: 10 },
+    sform_hd: {
+      textAlign: 'center',
+      color: PageTheme.$secondary_color_dark,
+      fontWeight: '500',
+      fontSize: 16,
+      marginBottom: 10,
+    },
+    sform_hd2: {
+      textAlign: 'left',
+      width: '100%',
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      color: PageTheme.$secondary_color_dark,
+      fontWeight: '500',
+      fontSize: 16,
+      marginBottom: 10,
+    },
+    sform_group: {
+      paddingHorizontal: 10,
+    },
+    sform_group2: {
+      paddingHorizontal: 0,
+      marginBottom: 10,
+    },
+    sform_50: {
+      width: '50%',
+      marginHorizontal: 5,
+    },
+    sform_100: {
+      width: '100%',
+      marginHorizontal: 5,
+    },
+    sform_flex: { flexDirection: 'row', alignItems: 'center' },
+    sform_label: {
+      textAlign: 'left',
+      color: PageTheme.$text_color_dark,
+      fontWeight: '500',
+      fontSize: 14,
+      width: '40%',
+      marginBottom: 10,
+    },
+    sform_selectStyle: {
+      textAlign: 'left',
+      backgroundColor: PageTheme.$secondary_color_light,
+      width: '60%',
+      borderRadius: 20,
+      paddingVertical: 0,
+      paddingHorizontal: 0,
+      padding: 0,
+      height: 30,
+      color: PageTheme.$accent_color2,
+    },
+    sform_label2: {
+      textAlign: 'left',
+      color: PageTheme.$text_color_dark,
+      fontWeight: '500',
+      fontSize: 14,
+      width: '100%',
+      height: 25,
+      marginBottom: 0,
+      padding: 0,
+    },
+
+    sform_label3: {
+      textAlign: 'left',
+      color: PageTheme.$text_color_dark,
+      fontWeight: '500',
+      fontSize: 14,
+      marginBottom: 10,
+      padding: 0,
+      fontFamily: deffontfamily
+    },
+    sform_selectStyle2: {
+      textAlign: 'left',
+      width: wp('40%'),
+      backgroundColor: PageTheme.$secondary_color_light,
+      borderRadius: 20,
+      paddingVertical: 0,
+      paddingHorizontal: 0,
+      padding: 0,
+      color: PageTheme.$accent_color2,
+    },
+    sform_row: {
+      flexDirection: 'row',
+    },
+    sform_row2: {
+      flexDirection: 'row',
+      width: wp('100%'),
+      paddingHorizontal: 10,
+    },
+    sform_inputStyle: {
+      textAlign: 'left',
+      width: wp('40%'),
+      backgroundColor: PageTheme.$secondary_color_light,
+      paddingVertical: 5,
+      paddingHorizontal: 10,
+      color: PageTheme.$accent_color2,
+    },
+    sform_inputStyle2: {
+      textAlign: 'left',
+      width: '100%',
+      backgroundColor: PageTheme.$secondary_color_light,
+      paddingVertical: 5,
+      paddingHorizontal: 10,
+      color: PageTheme.$accent_color2,
+    },
+
+    sform_selectItem: { borderBottomWidth: 1, borderBottomColor: PageTheme.$text_color },
+    sform_selectedItem: { backgroundColor: PageTheme.$secondary_color_light, },
+    sform_btn_con: {
+      width: '100%',
+      marginTop: 10,
+      marginBottom: 0,
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexDirection: 'row'
+    },
+    fixedbtn: { marginBottom: 20 },
+    sform_btn: {
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      borderRadius: 20,
+      backgroundColor: PageTheme.$primary_color,
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      minWidth: 150,
+    },
+    sform_btn_icon: {
+      marginRight: 5,
+    },
+    sform_btn_text: {
+      textAlign: 'center',
+      color: PageTheme.$accent_color,
+      fontWeight: '500',
+    },
+    sform_pic_row: { flexDirection: 'row', width: '100%', marginTop: 10, justifyContent: 'center' },
+    sform_pic_row2: { justifyContent: 'flex-start' },
+    sform_pic_con: { width: (wp('33%') - 25), marginHorizontal: 5, display: 'flex' },
+    capture_image_btn: { width: 80, height: 40, alignItems: 'center', flexDirection: 'row', justifyContent: 'center', alignSelf: 'center' },
+    store_img: {
+      width: '100%', height: 90, borderRadius: 5, marginBottom: 5,
+      backgroundColor: '#b5b5b5'
+    },
+    csku_scroll_con: { padding: 10, width: '100%' },
+    sf_datePicker_text: {
+      textAlign: 'left',
+      width: wp('40%'),
+      backgroundColor: PageTheme.$secondary_color_light,
+      paddingVertical: 5,
+      paddingHorizontal: 10,
+      color: PageTheme.$accent_color2,
+    },
+    sf_datePicker: { position: 'absolute', width: 21, height: 21, right: 25, top: 3 },
+    sf_datePicker_con: { position: 'relative' },
+    select_ht: { height: 53 },
+    // report menu
+    reportMenu_con: { paddingHorizontal: 20, paddingVertical: 20, },
+    reportMenu_hd: {
+      textAlign: 'center',
+      width: '100%',
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      color: PageTheme.$secondary_color_dark,
+      fontSize: 20,
+      fontFamily: deffontfamily,
+      marginBottom: 10,
+    },
+    reportMenu: { marginTop: 10 },
+    reportMenu_item: {
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      borderRadius: 5,
+      minHeight: 50,
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      minWidth: 150,
+      marginBottom: 10,
+    },
+    reportMenu_item_bg1: { backgroundColor: PageTheme.$primary_color, },
+    reportMenu_item_bg2: { backgroundColor: '#ffd667', },
+    reportMenu_item_text: {
+      textAlign: 'center',
+      color: PageTheme.$accent_color,
+      fontSize: 16,
+      fontFamily: deffontfamily
+    },
+    // loaderSyle
+    loaderBackdrop: {
+      position: 'absolute',
+      width: '100%',
+      height: '100%',
+      backgroundColor: '#00000052',
+      padding: 10,
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      top: 0,
+      zIndex: 9999,
+    },
+    loaderCon: {
+      backgroundColor: PageTheme.$bg_color,
+      width: '80%',
+      height: 50,
+      borderRadius: 4,
+      elevation: 10,
+      shadowColor: '#000',
+      shadowOpacity: 0.5,
+      shadowOffset: { width: 0, height: 3 },
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+
+    },
+    download_loaderCon: { backgroundColor: PageTheme.$accent_color, width: '80%', borderRadius: 4, elevation: 10, shadowColor: '#000', shadowOpacity: 0.5, shadowOffset: { width: 0, height: 3 }, padding: 10, },
+    download_Title: { color: PageTheme.$text_color, fontSize: 16, fontWeight: '500', marginBottom: 7, fontFamily: deffontfamily, },
+    download_count: { color: PageTheme.$text_color_light, fontSize: 13, fontWeight: '400', fontFamily: deffontfamily, },
+    download_subTitle: { color: PageTheme.$text_color_dark, fontSize: 12, fontWeight: '400', fontFamily: deffontfamily, },
+    downloadProgress: { position: 'relative', marginVertical: 7 },
+    downloadProgress_bg: { height: 10, borderRadius: 10, backgroundColor: PageTheme.$text_color_light2, width: '100%' },
+    downloadProgress_filled: { position: 'absolute', top: 0, height: 10, borderRadius: 10, backgroundColor: PageTheme.$primary_color, width: '0%' },
+    spinnerCon: { position: 'relative' },
+    downloadModal_spin: { position: 'absolute', top: 10, right: 10, },
+    downloadModal_btnWrap: { flexDirection: 'row', justifyContent: 'center' },
+    downloadModal_OkBtn: {
+      paddingVertical: 5,
+      paddingHorizontal: 25,
+      borderRadius: 20,
+      backgroundColor: PageTheme.$primary_color,
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      marginTop: 10,
+    },
+    downloadModal_OkBtnText: { color: PageTheme.$accent_color, fontSize: 16, fontFamily: deffontfamily },
+    spinner: {},
+    spinnerInner: { position: 'absolute', top: 4, left: 4 },
+    spinnerInner2: { position: 'absolute', top: 2, left: 2 },
+    loaderTitle: {
+      fontSize: 16,
+      color: PageTheme.$text_color,
+      fontFamily: deffontfamily,
+      marginLeft: 30,
+    },
+    // store info
+    storeInfo_wrap: { borderRadius: 10 },
+    dm_storeInfo: { width: wp('100%'), backgroundColor: PageTheme.$accent_color, padding: 10, borderRadius: 4, borderBottomWidth: 2, borderBottomColor: PageTheme.$secondary_color_light, marginTop: 10, paddingBottom: 20 },
+    dm_storeInfo_title: { color: PageTheme.$text_color_dark, fontWeight: '500', fontSize: 16, },
+    dm_storeInfo_subtitle: { color: PageTheme.$text_color_light, fontWeight: '400', fontSize: 13, },
+    checkinbtn: {
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      borderRadius: 20,
+      backgroundColor: PageTheme.$primary_color,
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      minWidth: 150,
+      marginTop: 40,
+    },
+    checkinbtn_text: { color: PageTheme.$accent_color, fontSize: 16 },
+    // selfie box:
+    selfie_preview_con: { width: wp('100%'), paddingHorizontal: 20, alignItems: 'center', justifyContent: 'center' },
+    selfie_preview_hd: { textAlign: 'left' },
+    selfie_preview: { flexDirection: 'row', alignItems: 'center' },
+    selfiep_img: { width: 100, height: 100, backgroundColor: '#b5b5b5' },
+    take_selfie_btn: {
+      paddingVertical: 10,
+      paddingHorizontal: 20,
+      borderRadius: 20,
+      backgroundColor: PageTheme.$primary_color,
+      alignItems: 'center',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      minWidth: 150,
+      marginLeft: 40,
+    },
+    take_selfie_btn_text: { color: PageTheme.$accent_color, fontSize: 16, marginLeft: 10 },
+
+    // checkin info
+    checkinMainCon: { width: '100%' },
+    checkinInfo: { width: '100%', paddingBottom: 10, marginBottom: 10, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 2, },
+    checkinInfo_hd: { color: PageTheme.$secondary_color_dark, fontSize: 15, marginRight: 10 },
+    checkinInfo_hdr: { flexDirection: 'row', alignItems: 'center', marginBottom: 5, },
+    checkinInfo_timecon: { flexDirection: 'row', },
+    checkinInfo_timeinner: { marginLeft: 10, },
+    checkinInfo_img: { width: 120, height: 150, backgroundColor: '#b5b5b5' },
+    checkinInfo_time: { color: PageTheme.$text_color, fontSize: 14, },
+    checkinInfo_btnCon: { flex: 1, alignItems: 'center' },
+    goto_storemenu_btn: { flexDirection: 'row', marginTop: 20, borderColor: PageTheme.$primary_color, borderWidth: 2, borderRadius: 20, paddingHorizontal: 10, height: 30, alignItems: 'center' },
+    goto_storemenu_btn_text: { color: PageTheme.$primary_color, fontSize: 14, marginRight: 20 },
+    statusIcon: { position: 'absolute', top: 0, right: 0 },
+    storeintro_scroll: { width: '100%', },
+    storeintro_scrollcon: {
+      width: '100%',
+      paddingBottom: 10,
+      paddingHorizontal: 5,
+    },
+    store_audit_img_con: { width: '100%', marginTop: 10, height: 150, marginHorizontal: 5, alignSelf: 'center', alignItems: 'center', justifyContent: 'center', position: 'relative', backgroundColor: '#f5f5f5' },
+    store_audit_image: { width: '100%', height: 150, maxWidth: 200, backgroundColor: '#f5f5f5' },
+    store_audit_pickimg_btn: { position: 'absolute', right: 5, top: 0, padding: 10 },
+    clocktimer: { position: "absolute", right: 0, top: 10, flexDirection: 'row' },
+    clocktimerWrap: { marginTop: 10, marginLeft: 10 },
+    clocktimerRow: { flexDirection: 'row', alignItems: 'center', backgroundColor: PageTheme.$accent_color, width: 'auto', paddingHorizontal: 15, paddingVertical: 5, borderRadius: 30, width: 220, justifyContent: 'center' },
+    clocktimerText: { color: PrimaryTheme.$primary_color, fontSize: 12, marginLeft: 5, fontWeight: '400', fontFamily: deffontfamily, },
+
+    // QAD styles
+    qad_bg: { flex: 1, alignItems: 'center', position: 'relative' },
+    qad_hdr: { alignItems: 'center', width: '100%', paddingTop: 20, paddingBottom: 10, paddingLeft: 10, paddingRight: 10, position: 'absolute', top: 0, left: 0 },
+    qad_text: { color: PageTheme.$accent_color, fontSize: 18, fontWeight: '500', textAlign: 'center', marginBottom: 5, textTransform: 'capitalize', fontFamily: deffontfamily },
+    qad_subtext: { color: PageTheme.$accent_color, fontSize: 13, fontWeight: '400', textAlign: 'center', marginBottom: 5, fontFamily: deffontfamily },
+    qadPopUp: { flex: 1, width: wp('100%'), marginTop: 160, backgroundColor: PageTheme.$accent_color, borderTopLeftRadius: 20, borderTopRightRadius: 20, elevation: 5, shadowOpacity: 1, shadowColor: '#323232', alignItems: 'center', padding: 20 },
+    qadPopUpInner: { flex: 1 },
+    qadScrollCon: { flex: 1, width: '100%', padding: 0, height: 420 },
+    qadInnerCon: { alignItems: "center", position: 'relative' },
+
+    // QAD Progess bar
+    linear_progressBarWrapper: { backgroundColor: '#fff', paddingHorizontal: 10, paddingVertical: 10, flexDirection: 'row', width: '100%', position: 'relative', elevation: 5, borderRadius: 15, alignItems: 'center' },
+    linear_progressBar: { width: '87%', marginRight: 10, position: 'relative' },
+    linear_progressBar_bg: { width: '100%', borderRadius: 5, height: 10, backgroundColor: PageTheme.$text_color_light2 },
+    linear_progressBar_filled: { width: '0%', borderRadius: 5, height: 10, backgroundColor: PageTheme.$primary_color, marginRight: 10, position: 'absolute', top: 0, left: 0 },
+    linear_progressBarText: { paddingLeft: 10, borderLeftWidth: 1, borderLeftColor: PageTheme.$text_color_light, color: PageTheme.$text_color, fontFamily: deffontfamily },
+
+
+    // QAD Form
+    qad_form: { marginTop: 10 },
+    qad_questions: { width: '100%', display: 'none' },
+    qad_questionsShow: { display: 'flex' },
+    qad_qtnText: { color: PageTheme.$text_color, fontSize: 17, fontWeight: '600', fontFamily: deffontfamily },
+    qad_optionsCon: { marginTop: 20, paddingHorizontal: 10 },
+    qad_optionBtn: { backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 15, paddingVertical: 12, marginBottom: 10, borderRadius: 10, elevation: 2 },
+    qad_optionBtnText: { fontSize: 12, color: PageTheme.$text_color, fontFamily: deffontfamily },
+    qad_qtnBtnsGrp: { width: wp('87%'), marginTop: 20, position: 'relative', height: 50, padding: 10 },
+    qad_qtnBtn: { backgroundColor: PageTheme.$primary_color, elevation: 6, shadowColor: PageTheme.$primary_color, shadowOffset: { width: 0, height: 2 }, borderRadius: 40, width: '35%', height: 40, display: 'flex', alignItems: 'center', justifyContent: 'center' },
+    qad_qtnBtnText: { color: PageTheme.$accent_color, textAlign: 'center', fontSize: 15, padding: 10, fontFamily: deffontfamily },
+    qad_btnSubmitCon: { position: 'absolute', right: 0, width: '35%' },
+    qad_btnSubmit: { elevation: 6, shadowColor: PageTheme.$primary_color, shadowOffset: { width: 0, height: 2 }, borderRadius: 40, width: '100%', height: 40, display: 'flex', alignItems: 'center', justifyContent: 'center' },
+    qad_btnBack: { position: 'absolute', left: 0 },
+    qad_btnBackText: { fontFamily: deffontfamily },
+    qad_btnNext: { position: 'absolute', right: 0 },
+    qad_btnNextText: { fontFamily: deffontfamily },
+    qad_timer_wrapper: { flexDirection: 'row', marginTop: 5, alignItems: 'center', paddingHorizontal: 10 },
+    qad_timerText: { marginLeft: 10, color: PageTheme.$text_color, fontSize: 16, marginRight: 10, fontFamily: deffontfamily },
+    timerProgressBar: { position: 'relative', flex: 1, height: 10, overflow: "hidden" },
+    timerProgressBar_bg: { height: 10, borderRadius: 10, backgroundColor: PageTheme.$text_color_light2, width: '100%' },
+    timerProgressBar_filled: { height: 10, borderRadius: 10, backgroundColor: 'green', position: 'absolute', top: 0 },
+    answerRemark: { padding: 10, backgroundColor: '#bdebbd', borderRadius: 10, marginTop: 5 },
+    answerRemarkText: { fontSize: 14, color: 'green', fontFamily: deffontfamily },
+    remarkRedbg: { backgroundColor: '#fdc0c0' },
+    remarkRed: { color: 'red' },
+
+    // forgetMpin
+    forgetMpinWrap: { width: wp('80%'), paddingVertical: 10, position: 'relative', marginTop: 10 },
+    forgetMpinBtn: { position: 'absolute', right: 0, top: 0 },
+    forgetMpinText: { color: PageTheme.$text_color_light, fontFamily: deffontfamily, },
+
+    // modalWrapper
+    modalWrapper: { position: 'absolute', top: 0, left: 0, width: wp('100%'), height: hp('100%'), backgroundColor: '#000', zIndex: 999 },
+    downloadModalWrapper: {},
+
+    // attendance_menu
+    attmenu_listcon: { width: wp('100%'), },
+    attmenu_list: { width: wp('100%'), marginTop: 10, paddingBottom: 10, paddingHorizontal: 20, flexDirection: 'row', flexWrap: 'wrap' },
+    attendance_menu_outer: { width: wp('50%') - 30, marginBottom: 20, },
+    attendance_menu_first: { marginRight: 20, },
+    attendance_menu: { padding: 10, borderRadius: 7, elevation: 3, height: 120, alignItems: 'center' },
+    attendance_menu_inner: { alignItems: 'center', height: '60%', justifyContent: 'center' },
+    attendance_Icon: { width: 50, height: 50 },
+    attendance_menu_image: { height: 50, },
+    attendance_menu_title: { fontSize: 16, fontWeight: 'bold', color: PageTheme.$text_color, marginTop: 10, textAlign: 'center' },
+
+    // backgroundVideo
+    backgroundVideo: { position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 },
+
+    // no download data style
+    nodownloaddata_con: { width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center' },
+    nodownloaddata_row: { width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center' },
+    nodownloaddata_text: { fontSize: 15, fontWeight: "500", color: PageTheme.$text_color_light, textAlign: 'center', marginTop: 10 },
+
+    // no data available 
+    noDataCon: { width: '100%', height: 400, alignItems: 'center', justifyContent: 'center' },
+    noDataText: { fontSize: 15, fontWeight: "500", color: PageTheme.$text_color_light, textAlign: 'center', fontFamily: deffontfamily, },
+
+    // geotag screen
+    geotag_scroll: { justifyContent: 'center', padding: 10, paddingBottom: 10, paddingTop: 5 },
+    geotag_scroll_pb: { paddingBottom: 50, },
+    gtag_sImageWrap: { position: 'absolute', bottom: -60, alignItems: 'center', left: 0, right: 0, width: '100%' },
+    gtag_sImage_View: { position: 'absolute', top: -60, elevation: 1, backgroundColor: '#fff', borderRadius: 15, padding: 3, shadowOpacity: 0.1, shadowColor: '#000', shadowOffset: { width: 0, height: 2 } },
+    gTag_sImageBtn: { position: 'absolute', zIndex: 2, top: 5, elevation: 2, backgroundColor: PageTheme.$red, borderRadius: 20, padding: 9, shadowOpacity: 0.25, shadowColor: PageTheme.$red, shadowOffset: { width: 0, height: 2 } },
+    gtag_sImagelbl: { alignItems: 'center', paddingHorizontal: 20, paddingTop: 30, paddingBottom: 10, borderRadius: 10, backgroundColor: PageTheme.$bg_color, elevation: 2, shadowOpacity: 0.2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 } },
+    gtag_sImagelblText: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, zIndex: 1, marginTop: 20, fontFamily: deffontfamily, },
+    gTag_btnWrap: { alignItems: 'center', marginTop: 40 },
+    gTag_btnWrapCI: { marginTop: 40, },
+    gTag_Image: { width: 80, height: 80, borderRadius: 13 },
+    gTag_distanceAway: { paddingHorizontal: 13, paddingVertical: 7, borderRadius: 6, backgroundColor: '#f5aeae78', width: '90%' },
+    gTag_distanceAwayLbl: { fontSize: 14, color: 'red', textAlign: 'center', fontWeight: '500', fontFamily: deffontfamily, },
+    android_flipIMageView: { transform: [{ scaleX: -1 }] },
+    // geotag_Page:{marginTop:StatusBar.currentHeight+10,position:'relative'},
+    // geotag_BackBtn:{position:'absolute',top:20,left:20,backgroundColor:PageTheme.$primary_color,padding:10,borderRadius:40,elevation:4,shadowColor:'#676767'},
+    // geotag_BackBtnIcon:{},
+
+    // map
+    mapWrapCon: { marginBottom: 10, position: 'relative' },
+    mapWrapConIOS: { backgroundColor: '#fff', padding: 1, borderRadius: 15, elevation: 5, shadowColor: '#000', shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
+    mapWrapper: { width: '100%', height: hp('100%') - (350 + EXTRA_SPACE), backgroundColor: '#fff', borderRadius: 15, overflow: 'hidden', elevation: 5, shadowColor: '#000', shadowOpacity: 0.6, shadowOffset: { width: 0, height: 2 } },
+    mapWrapperView: { height: hp('100%') - (310 + EXTRA_SPACE) },
+    mapWrapperSmall: { height: hp('100%') - (380 + EXTRA_SPACE) },
+    mapStyle: { width: '100%', height: '100%' },
+    customMapStyle: { borderRadius: 10, },
+    // Store Visited Modal Style
+    storelVisitM_Style: { alignItems: 'center' },
+    storelVisitM_titleStyle: { textAlign: 'center', marginTop: 20, marginBottom: 20, fontFamily: deffontfamily, },
+    storelVisitM_options: { flexDirection: 'row', marginBottom: 20, justifyContent: 'space-between', width: '65%',marginHorizontal:10 },
+    storelVisitM_op_btn: { backgroundColor: PageTheme.$primary_color, color: PageTheme.$accent_color, paddingHorizontal: 20, paddingVertical: 6, borderRadius: 20, minWidth: 70, fontFamily: deffontfamily, },
+    storelVisitM_op_btnText: { textAlign: 'center', color: PageTheme.$accent_color, fontFamily: deffontfamily, },
+
+    // MPin MOdal
+    MPinM_Style: { alignItems: 'center', paddingTop: 20, width: '90%' },
+    MPinM_title_Style: { textAlign: 'center', marginBottom: 10, fontSize: 15, color: PageTheme.$text_color, fontWeight: '500' },
+    MPinM_subtitle_Style: { textAlign: 'center', fontSize: 13, marginLeft: 5, color: PageTheme.$red, fontFamily: deffontfamily },
+    MPinM_subtitle_Style2: { textAlign: 'center', fontSize: 13, marginBottom: 10, color: PageTheme.$red, fontFamily: deffontfamily },
+    MPinM_subtitleCon: { flexDirection: 'row', marginLeft: -5, marginBottom: 5, justifyContent: 'center', alignItems: 'center' },
+    MPinM_con: { marginBottom: 10, padding: 10, },
+    MPinM_otp_inputStyle: {
+      textAlign: 'center',
+      backgroundColor: PageTheme.$secondary_color_light,
+      width: '80%',
+      borderRadius: 4,
+      paddingVertical: 10,
+      paddingHorizontal: 15,
+      height: 50,
+      color: PageTheme.$accent_color2,
+      marginBottom: 10,
+      marginRight: 10,
+      fontSize: 25,
+    },
+    MPinM_otp_field: {
+      flexDirection: 'row',
+    },
+
+    // app update modal 
+    appUpdateMStyle: { alignItems: 'center' },
+    appUpdateMT_Style: { marginTop: 10, marginBottom: 10, fontSize: 13, fontWeight: "500", color: PageTheme.$text_color },
+    appUpdateMT_SubStyle: { paddingHorizontal: 10, marginBottom: 20, fontSize: 12, fontWeight: "400", color: PageTheme.$text_color_light },
+
+    // Store Cancel visit modal
+    storelCM_alertCon: { marginBottom: 20, flexDirection: 'row', alignItems: 'center' },
+    storelCM_alert: { textAlign: 'center', color: '#ff0000', fontSize: 14, fontWeight: '400', marginLeft: 10, fontFamily: deffontfamily, },
+    storelCancelM_titleStyle: { textAlign: 'center', marginTop: 10, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily, },
+    storelCancelM_subtitleStyle: { marginBottom: 10, fontSize: 13, fontWeight: '400', color: PageTheme.$primary_color, textTransform: 'capitalize' },
+
+    // custom modal
+    customModal: { backgroundColor: PageTheme.$accent_color, width: '80%', borderRadius: 4, elevation: 10, shadowColor: '#000', shadowOpacity: 0.5, padding: 10, shadowOffset: { width: 0, height: 2 }, },
+    customModal_Title: { color: PageTheme.$text_color, fontSize: 16, fontWeight: '500', marginBottom: 7, fontFamily: deffontfamily, },
+    customModal_Message: { color: PageTheme.$text_color_light, fontSize: 14, fontWeight: '400', marginBottom: 10, fontFamily: deffontfamily, },
+
+
+    // non working rsns style
+    storeD_Main: { width: '100%', height: '100%', paddingVertical: 10, },
+    storeD_storelMain: { width: '100%', paddingHorizontal: 10, },
+    storeD_scrollCon: { width: '100%', height: hp('100%') - (340 + EXTRA_SPACE) },
+    storeD_scroll: { width: '100%', marginBottom: 20, paddingHorizontal: 10, },
+    nonWorking_con: { width: '100%' },
+    nonWorking_form: { width: '100%' },
+    nonWform_hd: { textAlign: 'left', color: PageTheme.$text_color, fontSize: 15, paddingVertical: 5, paddingHorizontal: 10, fontWeight: '600', marginBottom: 10, fontFamily: deffontfamily, },
+    // nonWorking_imgWrap:{width:'100%',height:200,backgroundColor:PageTheme.$text_color_light2,marginTop:20,},
+    // nonWorking_form_selectBox:{width:'100%',textAlign:'left',paddingVertical:0,paddingHorizontal:0,padding:0,height:30,color:PageTheme.$accent_color2,},
+    nonW_btnWrap: { position: 'absolute', bottom: 10, left: 10, alignItems: 'center', width: '100%', alignItems: 'center' },
+
+    nonWlist: { position: 'relative', flexDirection: 'row', marginBottom: 10, alignItems: 'center', width: '100%', backgroundColor: PageTheme.$bg_color, elevation: 2, borderRadius: 7, paddingHorizontal: 10, paddingVertical: 10, shadowColor: '#000', shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 } },
+    nonWlist_camera: { position: 'absolute', right: 0, alignItems: 'center', justifyContent: 'center', padding: 10, },
+    nonWlist_camera_icon: {},
+    nonWlist_Text: { fontSize: 14, color: PageTheme.$text_color, marginRight: 10, fontFamily: deffontfamily },
+
+    nWselStyle: { backgroundColor: PageTheme.$secondary_color_dark, },
+    nWselStyleText: { color: PageTheme.$accent_color },
+
+    // nonWCapImgModal
+    nonWCapImgModal: { alignItems: 'center' },
+    nonWCapImgModal_title: { fontSize: 14, fontFamily: deffontfamily, },
+    nonWCapImgModal_subtitle: { fontFamily: deffontfamily, },
+    nonWCapImgModalCon: { width: '100%', alignItems: 'center', position: 'relative' },
+    nonWCapImgModal_Camera: { marginTop: 10, marginBottom: 20, padding: 10, },
+    nonWCapImgModal_btng: { flexDirection: 'row', justifyContent: 'space-evenly', width: '100%' },
+    nonWCapImgModal_Cancel_btn: { marginBottom: 10, paddingHorizontal: 15, paddingVertical: 10, minWidth: 100, backgroundColor: PageTheme.$accent_color, borderColor: PageTheme.$primary_color, borderWidth: 1, borderRadius: 40, elevation: 1 },
+    nonWCapImgModal_Cancel_btnText: { textAlign: 'center', color: PageTheme.$primary_color },
+    nonWCapImgModal_Save_btn: { marginBottom: 10, paddingHorizontal: 15, paddingVertical: 10, minWidth: 100, backgroundColor: PageTheme.$primary_color, borderRadius: 40, elevation: 1 },
+    nonWCapImgModal_Save_btnText: { textAlign: 'center', color: PageTheme.$accent_color },
+    nonWCapImgModal_ImgWrap: { marginTop: 10, marginBottom: 20, padding: 10, width: '100%', alignItems: 'center' },
+    nonWCapImgModal_Img: { backgroundColor: '#efefef', width: 150, height: 100, resizeMode: 'contain' },
+    nonWCapImgModal_CameraSmall: { position: 'absolute', right: 40, top: 0, padding: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 40, elevation: 3 },
+
+    PromoImgModal_CameraSmall: { position: 'absolute', right: 40, top: 0, padding: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 40, elevation: 3 },
+
+    // store Distance Modal
+    storeDistance_Modal: { padding: 20, width: '90%', alignItems: 'center' },
+    storeDistanceM_title: { fontSize: 18, fontFamily: deffontfamily, },
+    storeDistanceM_Con: { alignItems: 'center' },
+    storeDistanceM_message: { fontSize: 14, color: PageTheme.$text_color, fontWeight: '400', textAlign: 'center', fontFamily: deffontfamily },
+    storeDistanceM_submessage: { fontSize: 14, fontWeight: '400', textAlign: 'center', color: PageTheme.$text_color, fontFamily: deffontfamily },
+    storeDistanceM_btn: { minWidth: 100, paddingHorizontal: 20, paddingVertical: 10, marginTop: 20, backgroundColor: PageTheme.$primary_color, borderRadius: 20, elevation: 3 },
+    storeDistanceM_btnText: { textAlign: 'center', color: PageTheme.$accent_color, fontFamily: deffontfamily },
+
+    // daily_menu
+    dailymenu_listcon: { width: '100%', alignItems: 'center' },
+    dailymenu_list: { paddingHorizontal: 10, marginTop: 10, paddingBottom: 10, },
+    dialyMenu_Rows: { width: '100%', flexDirection: 'row', marginBottom: 0 },
+    daily_menu_outer: { width: '50%', position: 'relative', padding: 10, },
+
+    daily_menu_first: {},
+    daily_menu_tilebgShadow: { borderRadius: 7, elevation: 3, height: 160, alignItems: 'center', shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, backgroundColor: '#0000' },
+    daily_menu: { width: '100%', height: '100%', padding: 10, borderRadius: 7, position: 'absolute', top: 0, left: 0 },
+    daily_menu_inner: { alignItems: 'center', backgroundColor: PageTheme.$bg_color, borderRadius: 10, paddingHorizontal: 20, paddingVertical: 5, marginTop: -20, marginBottom: 10, elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0.2, justifyContent: 'center' },
+    daily_menu_inner2: { alignItems: 'center', paddingHorizontal: 20, paddingTop: 25, marginBottom: 10, justifyContent: 'center' },
+    daily_menu_innerImgCon: { position: 'absolute', top: 20, width: 90, height: 90 },
+    daily_menu_bgImg: { width: '100%', height: '100%' },
+    daily_menu_Icon: { width: 80, height: 80 },
+
+    daily_menu_title: { fontSize: 14, fontWeight: '400', color: PageTheme.$text_color, marginTop: 5, textAlign: 'center', fontFamily: deffontfamily },
+    daily_menu_done: { position: 'absolute', width: 31, height: 31, right: 10, top: -10, borderRadius: 15, elevation: 3, shadowColor: '#000' },
+
+
+    // Dail menu Category
+
+    catDMenuI_Wrap: { flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-start', width: '100%', marginBottom: 10, borderRadius: 4, paddingHorizontal: 10, paddingVertical: 8, backgroundColor: PageTheme.$secondary_color_light, elevation: 1, shadowColor: '#000', shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 } },
+    catDMenuI_CheckBoxCon: { position: 'absolute', width: 25, height: 25, top: 4, left: 5, },
+    catDMenuI_CheckBox: { alignSelf: 'flex-start' },
+    catDMenuI_CheckBox_pName: { width: '85%', marginLeft: 30 },
+    catDMenu_listcon: { width: '100%' },
+    catDMenu_list: { marginTop: 10, paddingBottom: 10, },
+    catDmenu_scroll: { justifyContent: 'center', paddingBottom: 10, paddingTop: 5 },
+
+    // opening stock kpi
+    opening_Stock_wrap: { width: '100%', marginBottom: 10 },
+    opening_Stock_scroll: { justifyContent: 'center', padding: 10, paddingBottom: 10, },
+    opening_Stock_scrollOuter: { marginBottom: 80, width: wp('100%') },
+    opening_Stock_cat: { width: '100%' },
+    opening_Stock_catHdr: { width: '100%', position: 'relative' },
+    opening_Stock_catHdrIcon: { position: 'absolute', right: 10, top: 5 },
+    opening_Stock_catInner: { width: '100%', paddingHorizontal: 10, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 5, },
+    opening_Stock_catText: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color },
+
+    opening_Stock_SubCatHdr: { width: '100%', position: 'relative' },
+    opening_Stock_SubCatIcon: { position: 'absolute', right: 10, top: 10 },
+    opening_Stock_SubCatInner: { width: '100%', paddingHorizontal: 10, marginTop: 10, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 5, },
+    opening_Stock_SubCatText: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, textAlign: 'center' },
+
+    osCat_actions: { width: '100%', marginVertical: 10, marginTop: 20, paddingBottom: 10, alignItems: 'center', borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1, },
+    osCat_action_openCam: {},
+    osCat_action_add_image: {},
+    osCatImageView: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, padding: 5, borderRadius: 10, },
+    osCat_action_reCap: { position: 'absolute', top: -10, right: -10, padding: 8, backgroundColor: PageTheme.$primary_color, borderRadius: 30, elevation: 2 },
+    osCatImage: { width: 80, height: 80, borderRadius: 10, backgroundColor: '#232323' },
+    osCat_actn_margin: {},
+    osCatImage: { width: 80, height: 80, borderRadius: 10, backgroundColor: '#232323' },
+    osCatImage2: { width: 55, height: 47, backgroundColor: 'transparent' },
+    opening_Stock_prds: { paddingBottom: 20, },
+    openStk_prd_Con: { paddingHorizontal: 10, position: 'relative', marginTop: 10, paddingVertical: 10, backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, elevation: 1, shadowColor: '#484848', shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 } },
+    openStk_prd_name: { fontSize: 15, color: PageTheme.$text_color, fontWeight: '600' },
+    openStk_prd_nameB: { fontSize: 15, color: PageTheme.$text_color, fontWeight: '600', borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1, paddingBottom: 5 },
+    openStk_prd_name2: { fontSize: 14, color: PageTheme.$text_color, fontWeight: '400', marginTop: 4, },
+    openStk_refImageBtn: { position: 'absolute', right: 20, top: 5, width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' },
+    openStk_prd_form: { marginTop: 10, },
+    openStk_prd_row: { width: '100%', flexDirection: 'row', },
+    openStk_prd_cols: { width: '100%', },
+    openStk_prd_colflex: {
+      width: '100%',
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
+    openStk_prd_col50: { width: '48.5%' },
+    openStk_prd_col50_1: { marginRight: 5, },
+    openStk_prd_col50_2: { marginLeft: 5 },
+    openStkP_checkboxWrap: { flexDirection: 'row', alignItems: 'flex-start', justifyContent: 'flex-start', borderBottomColor: PageTheme.$bg_color, borderBottomWidth: 1, paddingBottom: 10, },
+    openStkP_checkbox: { alignSelf: 'flex-start' },
+    openStkP_checkboxCon: { position: 'absolute', width: 25, height: 25, top: -5, left: -10, },
+    openStkP_checkbox_pName: { width: '85%', marginLeft: 25 },
+    openStk_prd_label: { fontSize: 13, color: PageTheme.$text_color_dark, fontWeight: '400' },
+    openStk_prd_flexlabel: { marginRight: 10, width: '35%', color: PageTheme.$text_color_dark },
+    openStk_prd_inputStyle: { backgroundColor: PageTheme.$bg_color, borderRadius: 4, marginTop: 5, height: 30, paddingVertical: 3, paddingHorizontal: 5, minWidth: 100, color: PageTheme.$text_color },
+    openStk_prd_flex_inputStyle: { marginTop: 0, width: '60%' },
+    openStk_prd_selectStyle: { backgroundColor: PageTheme.$bg_color, borderRadius: 4, height: 40, minWidth: 100 },
+    openStk_prd_selectStyle_item: { height: 40, fontSize: 14, },
+    openStk_prd_choiceBoxCon: { height: 40, width: '60%', paddingHorizontal: (Platform.OS == 'ios' ? 10 : 0), },
+    openStk_prd_choiceBox: { position: 'relative', backgroundColor: PageTheme.$bg_color, flexDirection: 'row', height: 40, alignItems: 'center', width: '80%', maxWidth: 150, minWidth: 100, borderRadius: 5 },
+    openStkCh_con1: { width: '50%', height: '100%', paddingVertical: 5, paddingHorizontal: 10, justifyContent: 'center', borderRadius: 5, },
+    openStkCh_text: { textAlign: 'center', color: PageTheme.$text_color, fontFamily: deffontfamily },
+    openStkCh_textactive: { color: PageTheme.$accent_color },
+    openStkCh_con_red: { backgroundColor: 'red' },
+    openStkCh_con_green: { backgroundColor: 'green' },
+    openStkCh_con_active: { borderRadius: 5, elevation: 4, shadowColor: '#000', shadowOpacity: 0.4, shadowOffset: { width: 0, height: 2 }, shadowRadius: 5, backgroundColor: '#0000' },
+    openStkCh_absolutebg: { position: 'absolute', top: 0, bottom: 0, width: '50%', left: '50%' },
+    opening_Stock_btnWrap: { position: 'absolute', bottom: 0, left: 0, right: 0, width: wp('100%'), paddingBottom: 20, alignItems: 'center' },
+    openStk_prddetails: { flexDirection: 'row', marginTop: 10, paddingTop: 10, paddingBottom: 10, alignItems: 'center' },
+    openStk_prd_borderT: { borderTopColor: PageTheme.$fourth_color, borderTopWidth: 1 },
+    openStk_prd_borderB: { borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1 },
+    openStk_prd_borderL: { borderLeftColor: PageTheme.$fourth_color, borderLeftWidth: 1 },
+    openStk_prd_borderR: { borderRightColor: PageTheme.$fourth_color, borderRightWidth: 1 },
+    openStk_prdd_wrap: { flexDirection: 'row', alignItems: 'center' },
+    openStk_prdd_flabel: { fontSize: 13, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 10, },
+    openStk_prdd_fvalue: { fontSize: 13, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 10, },
+    openStk_prdCameras: { marginTop: 10, flexDirection: 'row', flexWrap: 'wrap' },
+    openStkCameraCon: { marginRight: 10, },
+
+    // Visibility audit
+    VAudi_prd_choiceBox: { position: 'relative', backgroundColor: PageTheme.$bg_color, flexDirection: 'row', height: 40, alignItems: 'center', width: '100%', maxWidth: "100%", minWidth: 100, borderRadius: 5 },
+    VAudi_drTextCon: { position: 'relative', backgroundColor: PageTheme.$fourth_color, paddingHorizontal: 7, flexDirection: 'row', alignItems: 'center', paddingVertical: 5, marginBottom: 10, borderRadius: 4, elevation: 5, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000' },
+
+    // product cats in Stock with cat screen
+    prodCatsScroll: { justifyContent: 'center', padding: 10, paddingBottom: 10, },
+    prodCatsScroll_Outer: { marginBottom: 5, width: wp('100%') },
+    prodCatPageWrap: { alignItems: 'center' },
+    prodCatsHdr: { backgroundColor: PageTheme.$primary_color, width: wp('100%') - 20, paddingVertical: 8, paddingHorizontal: 10, marginBottom: 15, borderRadius: 6, elevation: 1, shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2, },
+    prodCatsHdrText: { textAlign: 'center', fontSize: 14, color: PageTheme.$accent_color, fontFamily: deffontfamily },
+    prodCatsHdr_Stockprds: { paddingBottom: 10 },
+    prdCat_hdIMgWrap: { width: wp('100%') - 20, marginVertical: 10, marginTop: 20, paddingBottom: 10, alignItems: 'center', justifyContent: 'center', borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1, },
+    prdCat_hdImgCon: { width: wp('100%'), alignItems: 'center' },
+    stockCatDone_check: { position: 'absolute', width: 24, height: 24, right: 10, top: 5, borderRadius: 15, elevation: 3, paddingLeft: 0.2, shadowColor: '#000' },
+
+
+    // SOS
+    SOS_subCatImgCon: {},
+    SOS_imageWrap: { width: '100%', paddingVertical: 10, alignItems: 'center', borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1, },
+
+
+    // Stock 
+    stockPrdInfo: { flexDirection: 'row', width: '100%', paddingHorizontal: 10, paddingVertical: 4, backgroundColor: PageTheme.$fourth_color, borderRadius: 5, },
+    stockPrdInfoLabelHd: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color_dark, marginRight: 10, },
+    stockPrdInfoLabel: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color, },
+
+
+    // shelf talker
+    st_TextLbl: { marginBottom: 10, },
+
+    // Stock page 
+    stk_inptSTyle: { textAlign: 'center' },
+    stk_inptSTyle_error: { borderColor: 'red', borderWidth: 2 },
+    stk_MultiSSTyle_error: { borderColor: 'red', borderWidth: 2, color: '#CCC' },
+    stk_mfdView: { marginTop: 10, borderTopColor: PageTheme.$accent_color, borderTopWidth: 2, paddingTop: 10, },
+    stk_mfdTbl_hd: { marginBottom: 10, marginTop: 10, color: PageTheme.$text_color, fontSize: 14, fontWeight: '500' },
+    stk_mfdTblHeader: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
+    stk_mfdTblHeaderBox: { width: '24%', height: '100%', alignItems: 'center', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, },
+    stk_mfdTblHeaderBox1: {},
+    stk_mfdTblHeaderBox2: {},
+    stk_mfdTblHeaderBox3: {},
+    stk_mfdTblHeaderBox4: {},
+    stk_mfdTblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '700' },
+    stk_addStockBtn: { position: 'absolute', right: 0, top: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 4, paddingHorizontal: 10, paddingVertical: 5, elevation: 1, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1 },
+    stk_addStockBtnText: { fontSize: 13, fontWeight: '500', color: PageTheme.$accent_color },
+    AddStockM_View: { width: '100%', marginBottom: 10, },
+    AddStockM_row: { marginBottom: 10, marginTop: 0, width: '100%', paddingHorizontal: 10 },
+    AddStockM_label: { color: PageTheme.$text_color, fontSize: 14, fontWeight: '400', marginBottom: 5 },
+    AddStockM_col: {},
+    AddStockM_MFDInputCon: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
+    AddStockM_MFDInput: { height: 30, alignItems: 'center', justifyContent: 'center', width: '84%', borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, paddingVertical: 5, color: PageTheme.$text_color },
+    AddStockM_DatePicker: { width: 30, height: 30, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderRadius: 5 },
+    AddStockM_InputStyle: { height: 30, borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, paddingVertical: 5, color: PageTheme.$text_color },
+    AddStockM_cancelBtn: { backgroundColor: PageTheme.$bg_color, borderWidth: 1, borderColor: PageTheme.$primary_color, minWidth: 90 },
+    AddStockM_cancelBtnText: { color: PageTheme.$primary_color },
+    AddStockM_Btn: { minWidth: 90 },
+
+    stk_mfdTblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 5, paddingVertical: 5 },
+    stk_mfdTblrow: { marginBottom: 5, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1, padding: 5, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
+    stk_mfdTblrow_last: { borderBottomWidth: 0, marginBottom: 0 },
+    stk_mfdTblCol: { paddingHorizontal: 10, alignItems: 'center', width: '24%', },
+    stk_mfdTblCol1: {},
+    stk_mfdTblCol2: {},
+    stk_mfdTblCol3: {},
+    stk_mfdTblCol4: { height: 35 },
+    stk_mfdTblColText: { color: PageTheme.$text_color, fontSize: 13, fontWeight: '400' },
+    stk_mfdTbl_DeleteBtn: { position: 'absolute', right: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 20, width: 30, height: 30, alignItems: 'center', justifyContent: 'center', elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2 },
+
+    //possale
+    posS_hdrWrap: { paddingHorizontal: 10 },
+    posSale_getdata_btnWrap: { backgroundColor: PageTheme.$sidemenuColor, borderRadius: 5, paddingHorizontal: 20, paddingVertical: 10, width: '40%', alignSelf: 'flex-end', marginHorizontal: 10 },
+    posSale_getdata_disable_btnWrap: { backgroundColor: PageTheme.$text_color_light, borderRadius: 5, paddingHorizontal: 20, paddingVertical: 10, width: '40%', alignSelf: 'flex-end', marginHorizontal: 10 },
+    picker_design: { width: '65%' },
+    text_month: { width: '35%', color: PageTheme.$text_color_dark },
+    possale_prd_label: { fontSize: 15, color: PageTheme.$text_color_dark, fontWeight: '400', fontFamily: deffontfamily },
+    possale_headerview: {},
+    possale_sImageWraps: { flexDirection: 'row' },
+    possale_sImagelbl: { marginTop: -70, paddingTop: 5, paddingBottom: 5, borderRadius: 5, backgroundColor: PageTheme.$bg_color, elevation: 2, shadowOpacity: 0.2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, marginLeft: 20, paddingLeft: 10, paddingRight: 10 },
+    possale_sImagelbl2: { marginTop: -70, paddingTop: 5, paddingBottom: 5, borderRadius: 5, backgroundColor: PageTheme.$bg_color, elevation: 2, shadowOpacity: 0.2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, marginLeft: 80 },
+
+    possale_sImageWrap: { position: 'absolute', alignItems: 'center', left: 0, right: 0, width: '100%' },
+    possale_sImage_View: { position: 'absolute', elevation: 1, backgroundColor: '#fff', borderRadius: 15, padding: 3, shadowOpacity: 0.1, shadowColor: '#000', shadowOffset: { width: 0, height: 2 } },
+
+    posS_flex_inputStyle: { marginTop: 0, width: '65%', backgroundColor: PageTheme.$secondary_color_light },
+    posS_flex_label: { paddingRight: 10, width: '35%', color: PageTheme.$text_color_dark },
+    posS_field: { paddingHorizontal: 10 },
+    posS_fieldBorder: { borderTopColor: PageTheme.$fourth_color, borderTopWidth: 1, paddingTop: 10, marginTop: 10 },
+    posS_flex_inputStyle2: { backgroundColor: PageTheme.$bg_color, width: '50%', borderRadius: 4, marginTop: 5, height: 30, paddingVertical: 3, paddingHorizontal: 5, minWidth: 100, color: PageTheme.$text_color },
+
+
+    // album designs 
+    alumbl: { backgroundColor: PageTheme.$bg_color, elevation: 3, padding: 10, marginBottom: 10, borderRadius: 4 },
+    alumblsurvey: { backgroundColor: PageTheme.$bg_color, elevation: 3, padding: 10, marginTop: +10, borderRadius: 4 },
+    alumbl_img: { height: 200, width: '100%', resizeMode: 'contain' },
+    alumbl_topText: { color: PageTheme.$text_color, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily, },
+    alumbl_bottomText: { color: PageTheme.$text_color_light, fontWeight: '400', marginTop: 10, fontSize: 13, fontFamily: deffontfamily, },
+    album_ZOOM: { backgroundColor: '#000', width: ('100%'), height: hp('100%'), },
+    album_ZOOM_wrap: { backgroundColor: '#000', position: 'absolute', top: 0, left: 0, width: ('100%'), height: hp('100%') + (Platform.OS == 'android' ? STATUSBAR_HEIGHT : 0), zIndex: 1 },
+    album_ZOOM_img: { backgroundColor: '#fff', width: '100%', height: 400 },
+    album_ZOOM_topBar: { position: 'relative', top:"10%",backgroundColor: '#fff', width: '100%', height: 50, paddingHorizontal: 10, paddingVertical: 15,  alignItems: 'center', flexDirection: 'row' },
+    album_ZOOM_backBtn: { position: 'absolute', left: 5, padding: 10,zIndex:100 },
+    album_ZOOM_indicator: { width: '100%', textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, fontFamily: deffontfamily },
+
+    // AddVisibilityPresent
+    addVis_Wrapper: { width: '100%', height: '100%', padding: 10, paddingTop: 0 },
+    addvisCon: {},
+    addvis_pCon: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 10, paddingBottom: 10, marginBottom: 10, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 2, },
+    addvis_pText: { width: '40%', color: PageTheme.$text_color, fontWeight: '500', fontSize: 15, fontFamily: deffontfamily },
+    addvis_pChoiceBoxCon: { width: '60%', alignItems: 'flex-end' },
+    addvis_pChoiceBoxbg: { backgroundColor: '#efefef' },
+    addVisForm: { paddingHorizontal: 10, },
+    addVisRow: { flexDirection: 'row', width: '100%', flexWrap: 'wrap', justifyContent: 'center' },
+    addVisCol50: { width: '47%', marginBottom: 10, },
+    addVisCol100: { width: '100%', marginBottom: 10, },
+    addVisColspace: { paddingHorizontal: 5 },
+    addVisCol1: { marginRight: 5, },
+    addVisCol2: { marginLeft: 5, },
+    addVisFormGrp: {},
+    addVisInputStyle: { height: 40, borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, color: PageTheme.$text_color, fontFamily: deffontfamily },
+    addVisLabel: { color: PageTheme.$text_color, fontSize: 14, fontWeight: '400', marginBottom: 6, fontFamily: deffontfamily },
+    addVisPickerStyle: { height: 40, borderRadius: 5, },
+    addVisPickerOverlay: { backgroundColor: '#00000057' },
+    addVisPicker_OptionContainerStyle: { backgroundColor: '#fff', paddingHorizontal: 0 },
+    PV_selectStyle: { width: '60%' },
+    PV_selectInputStyle: { backgroundColor: PageTheme.$bg_color, width: '100%' },
+    addVisPicker_InputStyle: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12, fontFamily: deffontfamily },
+    addVisPicker_Dis_InputStyle: { backgroundColor: '#bbbbbb' },
+    // addVisPickerStyle_and:{backgroundColor:PageTheme.$secondary_color_light,borderRadius:5},
+    // addVisPickerStyle_IOS:{height:40,borderRadius:5,fontSize:14,marginLeft:-10},
+    addvis_opStyle: { padding: 0 },
+    addvis_opTextStyle: { paddingVertical: 8, paddingHorizontal: 10, fontSize: 15, color: PageTheme.$text_color, fontFamily: deffontfamily },
+    addvis_selectedOpStyle: { backgroundColor: PageTheme.$secondary_color_light },
+    addvis_selectedOpTextStyle: { paddingVertical: 8, paddingHorizontal: 10, color: PageTheme.$primary_color, textAlign: 'center', fontSize: 17 },
+    addVisCameras: { flexDirection: 'row', flexWrap: 'wrap' },
+
+    addVisScroll: { height: hp('100%') - 260 },
+    DBVisScroll: { height: hp('100%') - 160 },
+    addVisScrollCon: {},
+    addVis_btnWrap: { width: '100%', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', paddingBottom: 15, paddingTop: 5, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 2 },
+    addVis_btnWrap2: { borderBottomWidth: 0, justifyContent: 'center' },
+    addVis_btn: { paddingHorizontal: 20, minWidth: 100, paddingVertical: 10, borderRadius: 40, backgroundColor: PageTheme.$primary_color, alignItems: 'center', elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3 },
+    addVisBtnText: { fontSize: 14, color: PageTheme.$accent_color, fontFamily: deffontfamily },
+    addVis_list: { paddingTop: 10, paddingHorizontal: 10, width: '100%' },
+    addVis_listhdrText: { color: PageTheme.$primary_color, fontFamily: deffontfamily },
+    addVis_listInner: { marginTop: 10, },
+    addVis_listItem: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, width: '100%', padding: 10, borderRadius: 5, marginBottom: 20, elevation: 2, shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15, shadowColor: '#000' },
+    addVis_listI_row: { flexDirection: 'row', paddingBottom: 5, marginBottom: 5, borderBottomColor: PageTheme.$accent_color, borderBottomWidth: 2, },
+    addVis_listI_lastrow: { borderBottomWidth: 0, marginBottom: 0 },
+    addVis_listI_Label: { fontSize: 15, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 5, width: '50%', flexWrap: 'wrap', fontFamily: deffontfamily },
+
+    addVis_listI_Label2: { fontSize: 15, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 5 },
+    addVis_listI_Val: { fontSize: 14, fontFamily: deffontfamily, fontWeight: '400', color: PageTheme.$text_color, width: '50%', flexWrap: 'wrap' },
+    addVis_listI_Val2: { fontSize: 14, fontFamily: deffontfamily, fontWeight: '400', color: PageTheme.$text_color, width: '40%', flexWrap: 'wrap' },
+    addVis_listI_Image: { width: 80, height: 80, borderRadius: 5, },
+    addVis_listI_row2: { flexDirection: 'row', width: '100%' },
+    addVis_listIcol1: { width: '60%' },
+    addVis_listIcol2: { width: '40%', paddingLeft: 10, alignItems: 'center' },
+    addVis_btnRemove: { padding: 8, alignItems: 'center', justifyContent: 'center', paddingHorizontal: 10, borderRadius: 40, position: 'absolute', right: 0, top: -30, backgroundColor: PageTheme.$accent_color, elevation: 2, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
+    addVis_listPcon: { width: '48%', marginTop: 10, flexDirection: 'row', backgroundColor: PageTheme.$bg_color, paddingVertical: 3, paddingHorizontal: 5, borderRadius: 4, },
+    addVis_listPcon1: { marginRight: 5 },
+    addVis_listPcon2: { marginLeft: 5 },
+    addVis_listR: { flexDirection: "row", marginTop: 10, flexWrap: 'wrap' },
+    addVis_listRlbl: { fontSize: 15, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 5, width: '60%', flexWrap: 'wrap', fontFamily: deffontfamily },
+
+    contactConvWrap: { paddingHorizontal: 10, paddingTop: 10, width: '100%', height: '100%' },
+    contactConvCard: { backgroundColor: PageTheme.$bg_color, elevation: 2, shadowColor: '#000', shadowOpacity: 0.15, borderRadius: 5, shadowOffset: { width: 0, height: 2 }, padding: 10 },
+    contactConvCardRow: { flexDirection: 'row', flexWrap: 'wrap' },
+    contactConvCardCol: { width: '100%', marginBottom: 10, },
+    ccCard_FormGrp: { flexDirection: 'row', alignItems: 'center' },
+    ccCard_lbl: { fontSize: 15, fontWeight: '500', color: PageTheme.$secondary_color_dark, width: '45%', paddingRight: 10, flexWrap: 'wrap' },
+    ccCard_input: { width: '55%', backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'left', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12, fontFamily: deffontfamily },
+
+    // survey list
+    surveyPageWrapper: { marginTop: 10, paddingTop: 10, backgroundColor: PageTheme.$secondary_color_light, borderTopLeftRadius: 40, borderTopRightRadius: 40, },
+    surveyList: { width: '100%' },
+    surveyListInner: { justifyContent: 'center', padding: 10, paddingHorizontal: 15, width: '100%' },
+    surveyItem: { elevation: 1, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#efefef', backgroundColor: '#0000', marginBottom: 10, },
+    surveyItem_tile: { flexDirection: 'row', alignItems: 'center', width: '100%', borderRadius: 10 },
+    surveyItem_name: { fontSize: 16, fontWeight: '500', color: PageTheme.$text_color, fontFamily: deffontfamily },
+    surveyItemCircle: { backgroundColor: '#fff', width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center', marginRight: 10, },
+    surveyItemCircle_Text: { fontSize: 16, fontWeight: '500', color: PageTheme.$primary_color, fontFamily: deffontfamily },
+    surveyItem_Check: { position: 'absolute', width: 24, height: 24, right: 10, borderRadius: 15, elevation: 3, paddingLeft: 0.2, shadowColor: '#000' },
+
+    // survey cat
+    surveyCatList: { width: '100%', marginTop: 20 },
+    surveyCatItem: { elevation: 1, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000', backgroundColor: PageTheme.$bg_color, marginBottom: 10, flexDirection: 'row', alignItems: 'center', borderRadius: 5, paddingHorizontal: 10, paddingVertical: 5 },
+    surveyCatItem_name: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, paddingRight: 10, width: wp('100%') - 125 },
+    surveyCatItem_Circle: { backgroundColor: PageTheme.$secondary_color_light, width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center', marginRight: 10, },
+    surveyCatItem_CircleText: { fontSize: 16, fontWeight: '500', color: PageTheme.$primary_color, },
+    surveyCatItem_Check: { position: 'absolute', width: 24, height: 24, right: 10, borderRadius: 15, elevation: 3, shadowColor: '#000' },
+
+
+    // survey toggle view
+    SurveyView: { position: 'absolute', padding: 10, paddingTop: 30, paddingBottom: 20, top: 20, left: 0, right: 0, width: '100%', height: hp('100%') - (STATUSBAR_HEIGHT + 50), shadowOpacity: 1, shadowColor: '#8d8d8d', shadowRadius: 5, alignItems: 'center', borderTopLeftRadius: 40, borderTopRightRadius: 40, },
+    SurveyViewCloseBtn: { position: 'absolute', top: -17, right: 30, paddingHorizontal: 6, paddingVertical: 5, borderRadius: 20, backgroundColor: PageTheme.$primary_color, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 } },
+    SurveyViewContent: { width: '100%' },
+    SurveyViewContentInner: { padding: 10, height: hp('100%') - 200 },
+    SV_activeSurvey: { position: 'absolute', top: -17, left: 30, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, backgroundColor: '#0000', marginBottom: 10, width: wp('100%') - 115 },
+    SV_activeSurvey_tile: { padding: 10, borderRadius: 30, paddingHorizontal: 20, backgroundColor: PageTheme.$primary_color },
+    SV_activeSurvey_name: { fontSize: 16, fontWeight: '500', color: PageTheme.$accent_color, fontFamily: deffontfamily },
+
+    // survey questions
+    surveyQtnScroll: { width: '100%' },
+    surveyQtnScrollInner: { width: '100%', paddingBottom: 10, paddingHorizontal: 5, },
+    surveyQtn_InputStyle: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'left', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12, height: 40, fontFamily: deffontfamily },
+
+    surveyQtn_datePicker_text: {
+      textAlign: 'left',
+      width: '100%',
+      backgroundColor: PageTheme.$secondary_color_light,
+      paddingVertical: 10,
+      paddingHorizontal: 10,
+      color: PageTheme.$accent_color2,
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: 5,
+      fontFamily: deffontfamily
+    },
+    surveyQtn_datePicker: { position: 'absolute', width: 40, height: 40, right: 0, top: 0, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderTopRightRadius: 5, borderBottomRightRadius: 5 },
+    surveyQtn_datePicker_con: { position: 'relative', justifyContent: 'center', height: 40, },
+    surveyQtnRatingIcon: { position: 'absolute', width: 40, height: 40, right: 0, top: 0, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderTopRightRadius: 5, borderBottomRightRadius: 5 },
+
+    // survey Screen View
+    SVn_ContentCon: { paddingHorizontal: 10, paddingBottom: 70 },
+    SVn_ContentOuter: { width: '100%', height: '100%' },
+    SVn_ContentInner: { padding: 10 },
+    SVn_activeSurvey: { zIndex: 1, position: 'absolute', top: -15, left: 0, right: 0, alignItems: 'center', marginBottom: 10 },
+    SVn_activeSurvey_tile: { shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, backgroundColor: '#0000', borderRadius: 30, paddingHorizontal: 15, alignItems: 'center', paddingVertical: 7, width: wp('100%') - 50 },
+    SVn_SubmitBtn: { position: 'absolute', bottom: Platform.OS == 'ios' ? 30 : 10, left: 0, right: 0, width: '100%', alignItems: 'center' },
+    SVn_PageWrapper: { marginTop: 10, paddingTop: 10, backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: 40, borderTopRightRadius: 40, },
+    SVn_QtnScroll: { width: '100%', paddingTop: 20 },
+    SVn_QtnScrollInner: { width: '100%', paddingBottom: 40, paddingHorizontal: 5, },
+    SVn_GroupView: { paddingTop: 20, paddingBottom: 30 },
+    SVn_GroupView_hdr: { paddingHorizontal: 10, paddingVertical: 5, alignItems: 'center' },
+    SVn_GroupView_hdrText: { fontSize: 13, color: PageTheme.$accent_color, fontFamily: deffontfamily },
+    SVn_GroupViewList: { paddingTop: 10, },
+
+    // Feedback
+    FeedbVn_GroupView: { paddingBottom: 20 },
+
+    // RatingModal
+    RatingModal: { position: 'absolute', zIndex: 99, backgroundColor: '#00000055', alignItems: 'center', justifyContent: 'center', top: 0, left: 0, right: 0, bottom: 0, width: '100%', height: '100%' },
+    RatingModalCon: { zIndex: 9999, backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 10, width: '80%', elevation: 3, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, },
+    RatingModalHeding: { textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, fontWeight: '500', marginBottom: 20, marginTop: 10, },
+    RModal_list: { padding: 10, },
+    RModal_listInner: {},
+    RModal_Btns: { flexDirection: 'row', width: '100%', marginTop: 20, marginBottom: 20, justifyContent: 'space-evenly' },
+    RModal_BtnCancel: { minWidth: 100, paddingHorizontal: 15, paddingVertical: 7, borderColor: PageTheme.$primary_color, borderWidth: 1, borderRadius: 30, },
+    RModal_BtnTextCancel: { textAlign: 'center', fontSize: 14, color: PageTheme.$primary_color, fontWeight: '500' },
+    RModal_Btnsave: { minWidth: 100, paddingHorizontal: 15, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 30, },
+    RModal_BtnTextsave: { textAlign: 'center', fontSize: 14, color: PageTheme.$accent_color, fontWeight: '500' },
+    RModal_listItem: { paddingHorizontal: 10, paddingVertical: 7, borderRadius: 4, marginBottom: 10, },
+    RModal_listItemText: { textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, fontWeight: '500' },
+
+    // Voice Rcorder
+    VRModalHeding: { textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, fontWeight: '500', marginTop: 10, },
+    VRSubHeding: { textAlign: 'center', fontSize: 12, color: PageTheme.$red, fontWeight: '400', marginBottom: 20, marginTop: 10, },
+    VRSubHeding2: { textAlign: 'center', fontSize: 12, color: PageTheme.$primary_color, fontWeight: '400', marginTop: 10, },
+    VRMicBgRipple1: { width: 80, height: 80, borderWidth: 5, borderColor: '#f5acb4c2', borderRadius: 40, position: 'absolute', top: 0, left: 0 },
+    VRMicBgRipple2: { width: 80, height: 80, borderWidth: 5, borderColor: '#fce6e9e3', borderRadius: 70, position: 'absolute', top: 0, left: 0 },
+
+
+    VoiceRecorder: { width: '100%', alignItems: 'center' },
+    VoiceRecorderMic: { padding: 10, },
+    VoiceRecorderMicBtn: { width: 60, height: 60, backgroundColor: PageTheme.$red, alignItems: 'center', justifyContent: 'center', borderRadius: 40, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#bdbdbd' },
+    VoiceRecorderStopBtn: { width: 60, height: 60, backgroundColor: PageTheme.$red, position: 'absolute', top: 10, left: 10, alignItems: 'center', justifyContent: 'center', borderRadius: 40, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#bdbdbd' },
+    VoiceRecordedView: { marginTop: 30, alignItems: 'center', width: '100%' },
+    VoiceRecorderTimer: { textAlign: 'center', fontSize: 13, color: PageTheme.$text_color, fontWeight: '400' },
+
+    VRPlayBack: { alignItems: 'center', flexDirection: 'row', marginTop: 10, paddingTop: 10, borderTopColor: PageTheme.$secondary_color_light, borderTopWidth: 2, width: '100%', paddingHorizontal: 10, },
+    VRPlayBackBarView: { width: '70%', alignItems: 'center', },
+    VRPlayBackBar: { position: 'relative', width: '100%' },
+    VRPlayBackBarBg: { width: '100%', height: 10, borderRadius: 20, backgroundColor: '#efefef' },
+    VRPlayBackBarFilled: { width: '10%', position: 'absolute', top: 0, left: 0, height: 10, borderRadius: 20, backgroundColor: PageTheme.$primary_color },
+    VRPlayBackTimer: {},
+    VRPlayBackControls: { width: '30%', alignItems: 'flex-end' },
+    VRPB_Play: { width: 40, height: 40, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderRadius: 40, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#bdbdbd' },
+    VRPB_Pause: { width: 40, height: 40, backgroundColor: PageTheme.$primary_color, position: 'absolute', top: 0, right: 0, alignItems: 'center', justifyContent: 'center', borderRadius: 40, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#bdbdbd' },
+
+    SurveyL_SubmitBtn: { position: 'absolute', bottom: Platform.OS == 'ios' ? 30 : 10, left: 10, right: 0, width: '100%', paddingBottom: 20, alignItems: 'center' },
+
+    // Visitor Login
+    vl_scrollView: { width: wp('100%') },
+    vl_scrollViewInner: { width: '100%', paddingHorizontal: 10, },
+    vlPageWrapper: { paddingTop: 10, backgroundColor: PageTheme.$secondary_color_light },
+
+    vlUinfo_Card: { marginBottom: 10, backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 10, elevation: 3, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15 },
+    vlUinfo_CardRow: { flexDirection: 'row', paddingHorizontal: 5, paddingVertical: 5 },
+    vlUinfo_CardBorder: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 2 },
+    vlUinfo_lbl: { fontSize: 14, color: PageTheme.$secondary_color_dark, marginRight: 5, fontFamily: deffontfamily },
+    vlUinfo_text: { fontSize: 14, color: PageTheme.$text_color, fontFamily: deffontfamily },
+    vlEmplForm: { marginTop: 10, marginBottom: 10, },
+    vlEmplFormRow: { flexDirection: 'row', alignItems: 'center', },
+    vlEmplForm_field: { width: '80%' },
+    vlEmplForm_InputStyle: { marginRight: 10, backgroundColor: PageTheme.$bg_color, borderRadius: 7, elevation: 3, shadowOffset: { width: 0, height: 2 }, shadowColor: '#afafaf', shadowOpacity: 1.15, paddingVertical: 10, paddingHorizontal: 10, color: PageTheme.$text_color },
+    vlEmplSearchBtn: { width: '20%', paddingVertical: 10, paddingHorizontal: 10, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$primary_color, borderRadius: 7, elevation: 3, shadowOffset: { width: 0, height: 2 }, shadowColor: '#747474', shadowOpacity: 1.15 },
+    vlEmplSearchBtnText: { fontSize: 14, fontWeight: '500', color: '#fff', },
+
+    vlEmplList: { marginTop: 10, },
+    vlEmplLDtl: { marginBottom: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
+    vlEmplLDtlRow: { flexDirection: 'row', paddingHorizontal: 5, paddingVertical: 5 },
+    vlEmplLDtlRow_Lbl: { fontSize: 14, color: PageTheme.$accent_color, marginRight: 5, fontWeight: '700' },
+    vlEmplLDtlRow_Text: { fontSize: 14, color: PageTheme.$text_color_light2, marginRight: 5, textTransform: 'capitalize' },
+    vlEmplLDtlRow_Border: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
+    vlEmplLDtlAct: { paddingTop: 10, flexDirection: 'row', },
+    vlED_Act_Cameras: { width: '80%' },
+    vlED_Act_CameraCon: { marginRight: 10, marginTop: 5, },
+    vlED_Act_openCam: {},
+    vlED_Act_ImageView: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, padding: 5, borderRadius: 10, width: 60, height: 60 },
+    vlED_Act_Image: { width: 50, height: 50, borderRadius: 10, backgroundColor: '#232323' },
+    vlED_Act_reCap: { position: 'absolute', top: -10, right: -10, padding: 8, backgroundColor: PageTheme.$bg_color, borderRadius: 30, elevation: 2, shadowColor: '#8d8d8d', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.5 },
+    vlED_Act_addEmplCon: { width: '20%', justifyContent: 'flex-end' },
+    vlED_Act_addEmpl: { height: 40, paddingHorizontal: 10, marginBottom: 5, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$accent_color, borderRadius: 7, elevation: 3, shadowOffset: { width: 0, height: 2 }, shadowColor: '#efefef', shadowOpacity: 1 },
+    vlED_Act_addEmplText: { fontSize: 14, color: PageTheme.$primary_color, textTransform: 'capitalize', fontWeight: '600' },
+
+
+    vl_visitorsList: { marginTop: 10, borderTopColor: PageTheme.$accent_color, borderTopWidth: 2, paddingTop: 10, },
+    vl_visitorsListText: { fontSize: 14, color: PageTheme.$secondary_color_dark, marginRight: 5, fontWeight: '500', fontFamily: deffontfamily },
+    vl_TblHeader: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center' },
+    vl_TblHeaderBox: { alignItems: 'center', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, marginTop: 10, marginLeft: 10 },
+    vl_TblHeaderBox1: { width: wp('30%') - 15, marginRight: 5 },
+    vl_TblHeaderBox2: { width: wp('30%') - 15, marginRight: 5 },
+    vl_TblHeaderBox3: { width: '40%' },
+    vl_TblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontFamily: deffontfamily },
+
+    vl_TblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
+    vl_visitorsLItem: { flexDirection: 'row', alignItems: 'center', paddingVertical: 10 },
+    vl_visitorsLItemB: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
+    vl_visitorsLI_Box: { alignItems: 'center', },
+    vl_visitorsLI_Box1: { width: wp('30%') - 15, marginRight: 5, alignItems: 'flex-start', paddingLeft: 5, },
+    vl_visitorsLI_Box2: { width: wp('30%') - 15, marginRight: 5 },
+    vl_visitorsLI_Box3: { width: '40%', flexDirection: 'row', alignItems: 'center', position: 'relative' },
+    vl_visitorsLI_Txt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '400' },
+    vl_CheckOutBtn: { backgroundColor: PageTheme.$primary_color, marginRight: 5, borderRadius: 10, padding: 5, paddingHorizontal: 10, elevation: 3, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
+    vl_CheckOutBtnText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '600' },
+    vl_DeleteBtn: { position: 'absolute', right: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 20, width: 35, height: 35, alignItems: 'center', justifyContent: 'center', elevation: 2, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
+
+    vl_checkoutModal: { alignItems: 'center', },
+    vl_checkoutModalTitle: { fontSize: 14, fontWeight: '500', color: PageTheme.$primary_color, marginBottom: 10, },
+    vl_removeModalTitle: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, marginBottom: 10, marginTop: 10, },
+    vl_removeModalSubTitle: { fontSize: 14, fontWeight: '500', color: PageTheme.$primary_color, marginBottom: 20, },
+    vl_checkoutM_Con: { width: '100%' },
+    vl_checkoutM_Camera: { alignItems: 'center', },
+    vl_checkoutM_CameraCon: {},
+    vl_checkoutM_openCam: {},
+    vl_checkoutM_ImageView: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, padding: 5, borderRadius: 10, width: 90, height: 90 },
+    vl_checkoutM_Image: { width: 80, height: 80, borderRadius: 10, backgroundColor: '#232323' },
+    vl_checkoutM_recap: { position: 'absolute', top: -10, right: -10, padding: 8, backgroundColor: PageTheme.$primary_color, borderRadius: 30, elevation: 2, shadowColor: '#8d8d8d', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.5 },
+    vl_checkoutM_btng: { marginTop: 20, },
+    vlStatus: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },
+    vlStatus2: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },
+
+    // Dashboard Report Styling 
+    // all reports wrapper
+    DashB_ReportWrap: { paddingHorizontal: 3 },
+    DashB_ReportsHdr: { padding: 15, justifyContent: "center", borderRadius: 5, shadowColor: '#d8d8d8', shadowOpacity: 1, elevation: 1, shadowOffset: { width: 0, height: 2 }, backgroundColor: '#eaf0fe' },
+    DashB_ReportsHdrTxt: { color: PageTheme.$primary_color, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily },
+    DashB_ReportsHdrIcon: { position: 'absolute', right: 20, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, padding: 4, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$primary_color, borderRadius: 20 },
+    DashB_RefrehsHdrIcon: { shadowColor: '#8d8d8d', paddingLeft: 10, alignItems: 'center', justifyContent: 'center', borderRadius: 20 },
+
+    // report coontainer
+    DashB_ReportCon: { padding: 10, marginBottom: 10, marginTop: 10, borderRadius: 5, shadowColor: '#000', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, backgroundColor: PageTheme.$secondary_color_light },
+    DashB_DetailReport: { padding: 10, marginBottom: 10, marginTop: 10, borderRadius: 5, backgroundColor: PageTheme.$bg_color },
+
+    DashB_ReportConNB: { paddingHorizontal: 3, marginBottom: 0, marginTop: 5, borderRadius: 5, backgroundColor: PageTheme.$bg_color },
+    DashB_ReportConHdr: { borderBottomWidth: 0, borderBottomColor: PrimaryTheme.$fifth_color, paddingBottom: 0, marginBottom: 0 },
+    DashB_ReportConHdrTxt: { color: PageTheme.$text_color_dark, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily },
+    DashB_ReportConHdrIcon: { position: 'absolute', right: 10, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, padding: 4, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$primary_color, borderRadius: 20 },
+    DashB_ReportContent: {},
+
+    // tabular style
+    DashBTbl_ReportWrap: { width: '100%', minHeight: 40 },
+    DashBTbl_ReportColWrap: { width: 100, },
+    DashBTbl_ReportColW: { width: 90, },
+    DashBTbl_NoDataCon: { width: '100%', alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 1, shadowColor: '#efefef', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, borderColor: "#D6DBE4", borderWidth: 1 },
+    DashBTbl_NoDataText: { color: PageTheme.$text_color_light, fontWeight: '500', fontSize: 14, fontFamily: deffontfamily },
+    DashBTbl_ReportHdr: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center' },
+
+    DashBTbl_ReportHdrColTxt: { color: PageTheme.$text_color, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily },
+    DashBTbl_ReportHdrCol: { alignItems: 'center', height: '100%', marginRight: 2, marginLeft: 2, backgroundColor: PageTheme.$bg_color, paddingVertical: 5, paddingHorizontal: 5, borderRadius: 5, },
+    // DashBTab_ReportHdrBox1:{width:wp('40%')-15,marginRight:5},
+    // DashBTab_ReportHdrBox2:{width:wp('30%')-15,marginRight:5},
+    // DashBTab_ReportHdrBox2:{width:'30%'},
+    // report_TblHeaderTxt:{fontSize:13,color:PageTheme.$text_color,marginRight:5,fontWeight:'700',fontFamily:deffontfamily},
+
+    DashBTblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 5, padding: 5, elevation: 3, shadowColor: '#5f5f5f', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
+
+    DashBTblBodyNB1: { paddingVertical: 0, paddingBottom: 8, backgroundColor: '#ACB7C233', borderRadius: 10, },
+    DashBTblBodyNB2: { paddingVertical: 10, paddingHorizontal: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 10, borderColor: "#D6DBE4", borderWidth: 1 },
+
+    DashBTbl_Item: { flexDirection: 'row', alignItems: 'center' },
+    DashBTbl_ItemB: { borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1, paddingBottom: 5, marginBottom: 5 },
+    DashBTbl_ItemBg: { backgroundColor: PageTheme.$text_color_light2 },
+    DashBTbl_ItemCol: { alignItems: 'center', marginRight: 2, marginLeft: 2, width: '100%', height: '100%', borderRadius: 4, paddingVertical: 7, paddingHorizontal: 2 },
+    DashBTbl_ItemCol2: { alignItems: 'center', marginRight: 2, marginLeft: 2, justifyContent: 'center' },
+    // DashBTbl_ItemBox1:{width:wp('40%')-15,marginRight:5,alignItems:'flex-start',paddingLeft:5,},
+    // DashBTbl_ItemBox2:{width:wp('30%')-15,marginRight:5},
+    // DashBTbl_ItemBox3:{width:'30%',alignItems:'center'},
+    DashBTbl_ItemColText: { fontSize: 14, color: PageTheme.$text_color_900, marginRight: 5, fontWeight: '400', fontFamily: deffontfamily, },
+    DashBTbl_ReportColContent: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, padding: 5, marginHorizontal: 2 },
+
+    // dashboard card style
+    DashBCard_Wrap: { flexDirection: 'row', paddingVertical: 5, paddingHorizontal: 3 },
+    DashBCard_ItemNB1: { width: 180, paddingVertical: 0, paddingBottom: 8, backgroundColor: '#ACB7C233', borderRadius: 10 },
+    DashBCard_ItemNB2: { width: 180, paddingHorizontal: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 10, borderColor: "#D6DBE4", borderWidth: 1 },
+
+    DashBCard_Item: { width: 180, paddingVertical: 5, paddingHorizontal: 10, backgroundColor: PageTheme.$bg_color, borderRadius: 10, elevation: 3, shadowColor: '#878787', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, },
+    DashBCard_ItemMid: { marginLeft: 5, marginRight: 5 },
+    DashBCard_ItemFirst: { marginRight: 5 },
+    DashBCard_ItemLast: { marginLeft: 5 },
+    DashBCard_Itemhdr: { flexDirection: 'row', paddingHorizontal: 5, borderBottomColor: PageTheme.$fourth_color, paddingBottom: 10, paddingTop: 5, marginBottom: 10 },
+    DashBCard_ItemhdrText: { color: PageTheme.$text_color, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily_bold, width: '50%', paddingTop: 20 },
+    DashBCard_ItemhdrIcon: { width: '50%', alignItems: 'flex-end', justifyContent: 'flex-start' },
+    DashBCard_ItemContent: { paddingHorizontal: 1, },
+    DashBCard_IInn_row: { flexDirection: 'row', paddingVertical: 5 },
+    DashBCard_DetailIInn_row: { flexDirection: 'row', paddingVertical: 5, justifyContent: 'space-between', alignItems: 'center' },
+    DashBCard_IInn_rowdironly: { flexDirection: 'row', alignItems: 'center' },
+
+    DashBCard_IInn_rowB: { borderBottomColor: PageTheme.$secondary_color_light, marginBottom: 5 },
+    DashBCard_IInn_hd: { color: PageTheme.$text_color_900, fontWeight: '600', fontSize: 13, fontFamily: deffontfamily, width: '50%' },
+    DashBCard_IInn_valueTxt: { color: PageTheme.$text_color_900, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily_bold, paddingLeft: 5, width: '50%' },
+    Dashboard_viewButton: { borderRadius: 20, paddingVertical: 6, paddingHorizontal: 10, borderColor: '#B2BCCE', borderWidth: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', backgroundColor: '#FAFAFA' },
+    Dashboard_refrehButton: { borderRadius: 20, paddingVertical: 6, paddingHorizontal: 10, borderColor: '#B2BCCE', borderWidth: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', backgroundColor: '#E9F1FE' },
+
+
+    // PeopleReport 
+    modalContainer: { flex: 1, alignItems: 'center', backgroundColor: 'rgba(0.5, 0.5, 0.5, 0.5)', justifyContent: 'flex-end' },
+    modalContent: { backgroundColor: 'white', justifyContent: 'flex-end', width: '100%', borderTopLeftRadius: 10, borderTopRightRadius: 10 },
+    modealH2: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 15 },
+    modalH1: { marginVertical: 40, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', paddingHorizontal: 20 },
+    centeredView: { flex: 1, justifyContent: 'center', alignItems: 'center', marginTop: 22 },
+    modalView: { margin: 20, backgroundColor: 'white', borderRadius: 20, padding: 15, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.25, shadowRadius: 4, elevation: 5 },
+    modalText: { marginBottom: 15, textAlign: 'center', color: '#000' },
+    modalrow: { flexDirection: 'row', alignItems: 'center', marginBottom: 10 },
+    modalInView: { borderColor: '#7CAAF8', borderWidth: 5, padding: 20, borderRadius: 15 },
+    //  REports
+    rp_scrollView: { width: '100%', height: '100%' },
+    rp_scrollViewInner: { width: '100%', paddingHorizontal: 5 },
+    rp_scrollViewInner1: { paddingHorizontal: 5, height: '100%' },
+    reportCon: { paddingBottom: 30 },
+    reportConHdr: { backgroundColor: PageTheme.$primary_color, borderRadius: 7, paddingVertical: 10, paddingHorizontal: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', justifyContent: 'center', marginBottom: 5, marginTop: 5 },
+    reportConHdrText: { color: PageTheme.$accent_color, fontSize: 14, fontFamily: deffontfamily },
+    report_TblHeader: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center' },
+    report_TblHeaderBox: { alignItems: 'center', marginRight: 2, marginLeft: 2, height: '100%', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, },
+    report_TblHeaderBox1: { width: wp('40%') - 15, marginRight: 5 },
+    report_TblHeaderBox2: { width: wp('30%') - 15, marginRight: 5 },
+    report_TblHeaderBox3: { width: '30%' },
+    report_TblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontFamily: deffontfamily },
+
+    report_TblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#5f5f5f', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
+    // report_TblBody:{backgroundColor:PageTheme.$bg_color, borderRadius:10,paddingLeft:5,paddingBottom:'10%',marginBottom:'60%',paddingright:5,paddingTop:5, elevation:3,shadowColor:'#5f5f5f',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0},
+    reportItem: { flexDirection: 'row', alignItems: 'center', paddingVertical: 10 },
+    reportItemB: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
+    reportItemBg: { backgroundColor: PageTheme.$text_color_light2 },
+    reportItemCol: { alignItems: 'center', marginRight: 2, marginLeft: 2 },
+    reportItemCol1: { width: wp('40%') - 15, marginRight: 5, alignItems: 'flex-start', paddingLeft: 5, },
+    reportItemCol2: { width: wp('30%') - 15, marginRight: 5 },
+    reportItemCol3: { width: '30%', alignItems: 'center' },
+    reportItemColText: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, fontFamily: deffontfamily },
+    DYreportItemCol: { alignItems: 'center', marginRight: 1, marginLeft: 1, justifyContent: 'center' },
+    DYStSC_RItem: { flexDirection: 'row' },
+
+    StSC_RtemB: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
+
+    report_CardsWrap: { marginTop: 10 },
+    report_CardI: { padding: 10, marginBottom: 15, backgroundColor: PageTheme.$bg_color, borderRadius: 10, elevation: 3, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2 },
+    report_CITotal: { backgroundColor: PageTheme.$fourth_color, paddingHorizontal: 0, paddingTop: 0, },
+    report_CardIRow: { flexDirection: 'row', alignItems: 'center', paddingVertical: 2 },
+    report_CardIRow_BorderBtm: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
+    report_CIRT_BorderBtm: { borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1 },
+    report_CardIRow_Lbl: { fontSize: 14, color: PageTheme.$primary_color, marginRight: 5, fontFamily: deffontfamily },
+    report_CardIRow_Val: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, fontFamily: deffontfamily },
+    report_CIR_LblTotal: { color: PageTheme.$accent_color, },
+    report_CIR_ValTotal: { color: PageTheme.$accent_color, },
+    report_CardITHdr: { backgroundColor: PageTheme.$primary_color, borderTopLeftRadius: 10, paddingHorizontal: 15, paddingVertical: 5, borderTopRightRadius: 10, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1, paddingBottom: 5, marginBottom: 10 },
+    report_CardITBody: { backgroundColor: PageTheme.$fourth_color, paddingHorizontal: 10 },
+    report_CardITHdrText: { fontSize: 16, color: PageTheme.$accent_color, marginRight: 5, fontFamily: deffontfamily },
+
+
+    // report menu
+    reportMenuCon: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, marginTop: 20 },
+    reportMenuItem: { flexDirection: 'row', alignItems: 'center', paddingVertical: 10, justifyContent: 'center', paddingHorizontal: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 6, marginBottom: 15, elevation: 3, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, },
+    reportMenuItemText: { fontSize: 13, fontFamily: deffontfamily, color: PageTheme.$accent_color },
+
+
+    settingsWrap: { padding: 10, paddingHorizontal: 10, },
+    settingsBtn: { flexDirection: 'row', alignItems: 'center', position: 'relative', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 15, paddingHorizontal: 10, borderRadius: 2, elevation: 1, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15, marginBottom: 10, },
+    settingsBtnText: { fontSize: 15, color: PageTheme.$text_color, fontFamily: deffontfamily },
+    settingsBtnIcon: { position: 'absolute', right: 10 },
+
+
+    // network status bar
+    netSBar: { position: 'absolute', bottom: 0, width: '100%', backgroundColor: '#000', alignItems: 'center', justifyContent: 'center', paddingHorizontal: 10, paddingVertical: 6 },
+    netSBarText: { fontSize: 13, fontWeight: '500', color: '#fff' },
+    netSBarGreen: { backgroundColor: 'green' },
+    netSBarGrey: { backgroundColor: 'red' },
+    netSBarGrey_Text: { color: '#fff' },
+    netSBarGreen_Text: { color: '#fff' },
+
+
+    // Window styles
+    Windows_Wrap: {},
+    Win_scroll: { justifyContent: 'center', padding: 10, paddingBottom: 10, },
+    Win_scrollO: { marginBottom: 80, },
+    WItem_wrap: { width: '100%', marginBottom: 20, },
+    WItem_Hdr: {},
+    WItem_Hdrbg: { width: '100%', paddingHorizontal: 10, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 5, justifyContent: 'center', position: 'relative' },
+    WItem_HdrText: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color, width: '90%' },
+    WItem_HdrSubTitleText: { fontSize: 13, fontWeight: '400', color: PageTheme.$accent_color, width: '80%', marginTop: 10 },
+    WItem_Hdrname2: { fontSize: 14, color: PageTheme.$accent_color, fontWeight: '400', marginTop: 4, },
+    WForm: { marginTop: 10, paddingHorizontal: 10, position: 'relative', marginTop: 10, paddingVertical: 10, backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, elevation: 1, shadowColor: '#484848', shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 } },
+    WItem_RefImgBtn: { position: 'absolute', right: 0, top: -5, width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' },
+    WSCameraWrap: { justifyContent: 'center' },
+    WSCameraCon: {},
+    WSCameraLabel: { fontSize: 13, fontWeight: '400', color: '#000', textAlign: 'center', marginTop: 5 },
+    WQPicker_InputStyle: { backgroundColor: PageTheme.$bg_color, borderRadius: 5, overflow: 'hidden', textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12 },
+    WStkWrap: { backgroundColor: PageTheme.$bg_color, marginBottom: 10, paddingHorizontal: 10, paddingVertical: 5, borderRadius: 5, elevation: 1, shadowColor: '#efefef', shadowOpacity: 0.05, shadowOffset: { width: 0, height: 2 } },
+    WStkHdrText: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color_dark, marginBottom: 10, paddingBottom: 5, borderBottomWidth: 1, borderBottomColor: PageTheme.$secondary_color_light },
+    WStkHdrText2: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color_dark, paddingBottom: 5, },
+    WStkHdr_checkboxWrap: { flexDirection: 'row', alignItems: 'flex-start', justifyContent: 'flex-start' },
+    WStkHdr_checkbox: { alignSelf: 'flex-start' },
+    WStkHdr_checkboxCon: { position: 'absolute', width: 25, height: 25, top: -5, left: -10, },
+    WStkHdr_checkboxpName: { width: '85%', marginLeft: 25 },
+    WStkHdr_PrdcontentWrap: { borderTopColor: PageTheme.$secondary_color_light, borderTopWidth: 1, marginTop: 5, paddingTop: 5, },
+    WStkCon: {},
+    WStkInputStyle: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 2, paddingHorizontal: 12, height: 35 },
+    windhdrTextCon: { position: 'relative', backgroundColor: PageTheme.$fourth_color, paddingHorizontal: 10, justifyContent: 'center', alignItems: 'center', paddingVertical: 5, marginBottom: 10, borderRadius: 4, elevation: 5, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000' },
+    windhdrText: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color, },
+    windhdr_checkAllBtnCon: { alignItems: 'flex-start', marginBottom: 10 },
+    windhdr_checkAllBtn: { flexDirection: 'row', backgroundColor: PageTheme.$fourth_color, paddingRight: 10, paddingVertical: 3, alignItems: 'center', justifyContent: 'center', borderRadius: 4, elevation: 2, shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000' },
+    windhdr_checkAllBtnText: { marginLeft: 10, fontSize: 13, fontWeight: '500', color: PageTheme.$text_color, },
+    WQ_InputStyle: { backgroundColor: PageTheme.$bg_color, borderRadius: 5, overflow: 'hidden', textAlign: 'left', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12, height: 40 },
+    WQ_datePicker_text: { textAlign: 'left', width: '100%', backgroundColor: PageTheme.$bg_color, paddingVertical: 10, paddingHorizontal: 10, color: PageTheme.$accent_color2, height: '100%', justifyContent: 'center', alignItems: 'center', borderRadius: 5 },
+    // contact us 
+    ContUs_Wrap: { padding: 10, marginTop: 10, },
+    ContUs_Hdr: { backgroundColor: PageTheme.$secondary_color_dark, borderRadius: 4, justifyContent: 'center', alignItems: 'center', paddingVertical: 10, paddingHorizontal: 12 },
+    ContUs_HdrText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500' },
+    ContUs_infoBox: { backgroundColor: PageTheme.$secondary_color_light, marginBottom: 10, flexDirection: 'row', alignItems: 'center', borderRadius: 5, paddingVertical: 10, paddingHorizontal: 10 },
+    ContUs_IB_desc: { marginLeft: 10, flexWrap: 'wrap', width: '85%', color: PageTheme.$text_color },
+
+    // Image Types
+    ImageTypesPageWrap: { paddingHorizontal: 10, },
+    ImageTypesLHd: { backgroundColor: PageTheme.$primary_color, marginBottom: 10, alignItems: 'center', borderRadius: 5, paddingVertical: 10, paddingHorizontal: 10, elevation: 0.5, shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000' },
+    ImageTypesLHdText: { fontSize: 14, fontFamily: deffontfamily, fontWeight: '500', color: PageTheme.$accent_color, textAlign: 'center' },
+
+    Remarkdirection: { width: wp('100%') - 140 },
+    TextRemarkfont: { marginRight: 20, borderRadius: 5, color: PageTheme.$text_color },
+    textRemark_background: {},
+    textRemark_Input: { fontSize: 14, color: PageTheme.$text_color, backgroundColor: PageTheme.$secondary_color_light, borderRadius: 4, marginTop: 5, fontFamily: deffontfamily },
+
+
+    ImageTypesLOuter: { marginTop: 10, },
+    ImageTypesL: {},
+    ImageTypesLCon: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, marginBottom: 10, alignItems: 'center', borderRadius: 5, paddingVertical: 10, paddingHorizontal: 10, elevation: 0.5, shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000', },
+    ImageTypesLName: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color, fontFamily: deffontfamily },
+    ImageTypesLImageCountBox: { position: 'absolute', top: 7, right: 10, backgroundColor: PageTheme.$primary_color, width: 25, height: 25, borderRadius: 30, alignItems: 'center', justifyContent: 'center' },
+    ImageTypesLImageCountText: { fontSize: 13, fontWeight: '600', color: PageTheme.$accent_color, },
+
+    // Image Cap Screen
+    ImageCapCamWrap: { alignItems: 'flex-start', marginTop: 15 },
+    ImageCapViewWrap: { alignItems: 'flex-start', marginTop: 20, marginBottom: 80 },
+    ImageCapCamCon: { marginRight: 10, },
+    ImgCapWrap: { paddingHorizontal: 10, },
+    ImgCapCon: {},
+    ImgCapBox: {},
+    ImgCapBoxTDF: {},
+    ImageCapImgViewOuter: { width: '100%', flexDirection: 'row' },
+    ImageCapImgView: { position: 'relative', width: 90, padding: 5, borderRadius: 10, marginRight: 20, },
+    ImageCapImgViewR: { width: 90, padding: 5, borderRadius: 10, marginRight: 20, },
+    ImageCapImgView1: { flexDirection: 'row' },
+    ImageCapImgView2: { flexDirection: 'row' },
+    ImageCapImgView3: { flexDirection: 'row' },
+    ImageCapImg: { width: 80, height: 80, borderRadius: 10, backgroundColor: '#232323', borderWidth: 2, },
+    ImageCapImgRemove: { position: 'absolute', top: -10, right: -10, padding: 6, backgroundColor: PageTheme.$red, borderRadius: 30, elevation: 1, shadowColor: '#000', shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
+
+
+    // SOS one app
+    SOSForm: { width: '100%' },
+    SOSheadingsCon: { position: 'relative', backgroundColor: PageTheme.$primary_color, paddingHorizontal: 10, justifyContent: 'center', alignItems: 'center', paddingVertical: 5, marginBottom: 10, borderRadius: 4 },
+    SOSheadingsCon2: { backgroundColor: PageTheme.$fourth_color },
+    SOSheadingsCon3: { marginBottom: 0 },
+    SOSheadingsText: { fontSize: 13, fontWeight: '500', color: PageTheme.$accent_color, },
+    SOSheadingsText2: { color: PageTheme.$text_color, },
+    SOSHdrForm: { paddingHorizontal: 10, position: 'relative', marginTop: 10, paddingVertical: 10, backgroundColor: PageTheme.$fourth_color, borderRadius: 5, elevation: 1, shadowColor: '#484848', shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 } },
+    SOSChildlist: {},
+    SOSInputStyle: { backgroundColor: PageTheme.$bg_color, borderRadius: 5, overflow: 'hidden', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 2, paddingHorizontal: 12, height: 35 },
+    SOSlist_form: { marginTop: 10, borderTopColor: PageTheme.$secondary_color_light, borderTopWidth: 1, marginTop: 5, paddingTop: 5, },
+    SOSform_row: { width: '100%', flexDirection: 'row', marginBottom: 10 },
+    SOSform_colflex: { width: '100%', flexDirection: 'row', alignItems: 'center', },
+    SOSform_cols: { width: '100%', },
+    SOSform_colsCommon: {},
+    SOSform_col1: { width: '30%', paddingRight: 5, },
+    SOSform_col2: { width: '70%', paddingLeft: 5 },
+    SOSform_collabel: { width: '100%', color: PageTheme.$text_color_dark, fontSize: 13 },
+    SOSListHdr: { marginTop: 10, },
+    SOShdrImagesWrap: { width: '100%', flexDirection: 'row', flexWrap: 'wrap' },
+    SOSChildImagesWrap: { width: '100%', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'center' },
+    SOSCameraBtn: { width: 80, height: 80, justifyContent: 'center', alignItems: 'center', backgroundColor: PageTheme.$primary_color, padding: 8, borderRadius: 18, elevation: 2 },
+
+
+    // Attendance 
+    attend_PageWrap: { width: '100%', height: '100%', flex: 1 },
+    attend_scrollView: { width: wp('100%'), height: '100%' },
+    attend_scrollViewInner: { width: '100%', paddingHorizontal: 10, height: '100%' },
+    attenContent: { width: '100%', height: '100%', paddingHorizontal: 10, },
+    attend_infoCon: { backgroundColor: PageTheme.$primary_color, paddingHorizontal: 10, paddingVertical: 10, justifyContent: 'center', alignItems: 'center', marginBottom: 10, borderRadius: 4 },
+    attend_infoText1: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color, fontFamily: deffontfamily },
+    attend_infoText2: { fontSize: 13, fontWeight: '500', color: PageTheme.$accent_color, marginTop: 5, fontFamily: deffontfamily },
+    selAttBtn: { backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, paddingVertical: 10, justifyContent: 'center', alignItems: 'center', marginBottom: 10, borderRadius: 4 },
+    selAttBtnText: { fontSize: 14, fontFamily: deffontfamily, fontWeight: '500', color: PageTheme.$text_color },
+    selAttBtn_selected: { backgroundColor: PageTheme.$primary_color, },
+    selAttBtnText_selected: { color: PageTheme.$accent_color, },
+    attend_extraDetails: { marginTop: 40 },
+    attendList_scrollCon: { width: '100%', height: hp('100%') - 240 },
+    attendList_scrollCon2: { width: '100%', height: hp('100%') - 180 },
+    attendList_scroll: { width: '100%', marginBottom: 20, paddingHorizontal: 10, },
+
+
+
+    // 
+    noticeboard_container: {
+      flex: 1
+    },
+    noticeboard_customstylewrapper: { backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, elevation: 3, flex: 1, },
+    noticeboard_background: { borderTopLeftRadius: 20, borderTopRightRadius: 20, shadowColor: '#fff', shadowOffset: { width: 0, height: 2 }, marginTop: -2, shadowOpacity: 0.1, shadowRadius: 2, elevation: 2, paddingVertical: 5, paddingHorizontal: 10 },
+    noticeboard_text: { color: 'black', fontSize: 15, fontFamily: deffontfamily },
+
+    noticeboard_tblHdrparent: { paddingLeft: 5, paddingRight: 5, paddingTop: 10, width: (wp('100%') - 20) / 4 },
+    noticeboard_tblHdr: { width: '90%', height: 60, backgroundColor: '#eaf0fe', borderRadius: 10, alignItems: 'center', flexDirection: 'row', justifyContent: 'center' },
+    noticeboard_tblHdr2: { paddingBottom: 10 },
+    noticeboard_tblIconItem: { alignContent: 'center', alignItems: 'center' },
+    noticeboard_tblTextItem: { textAlign: 'center', alignContent: 'center', alignItems: 'center', fontFamily: deffontfamily, fontSize: 10, marginHorizontal: 2, paddingHorizontal: 5, color: PageTheme.$text_color, paddingTop: 5 },
+
+    //bannerimage
+    bannerimagebackground: { borderTopLeftRadius: 0, borderTopRightRadius: 0, shadowColor: '#3d3d3d', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, shadowRadius: 2, elevation: 2, paddingVertical: 15, paddingHorizontal: 10, width: '100%', marginTop: 0, marginBottom: 10 },
+    bannerCard: { width: wp('100%') - 40, height: 172, resizeMode: 'contain', marginRight: 10, soverflow: 'hidden', elevation: 1, borderRadius: 20, shadowColor: '#d3d3d3' },
+    bannerCardImg: { width: '100%', height: 170, backgroundColor: '#efefef', borderRadius: 20 },
+    //storeperformancecard
+
+    sfimagebackground: {
+      borderTopLeftRadius: 0, borderTopRightRadius: 0, shadowColor: '#3d3d3d',
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.1,
+      shadowRadius: 2, elevation: 2, paddingVertical: 15, paddingHorizontal: 10, marginBottom: 10
+    },
+    sftblHdrparent: { paddingLeft: 5, paddingRight: 5, paddingTop: 10, width: (wp('100%') - 20) / 2 },
+    sftblHdr: { width: '100%', height: 140, backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5 },
+    sftblIconItem: { alignContent: 'flex-end', alignItems: 'flex-end' },
+    sftblTextItem: { fontSize: 12, color: PageTheme.$text_color, marginTop: 15, paddingLeft: 10, fontFamily: deffontfamily },
+    sftblTextValue: { fontSize: 30, paddingLeft: 40, color: PageTheme.$text_color, fontFamily: deffontfamily },
+    sf_storecol: { flexDirection: 'row', marginTop: 10 },
+
+
+
+    //HR
+
+    hr_parentlayout: { backgroundColor: PageTheme.$bg_color, borderRadius: borderRadius, elevation: 4, flex: 1, margin: 10 },
+    hr_childlayout: { marginTop: 10, },
+    hr_TypesLHdText: { fontSize: 14, color: PageTheme.$accent_color, textAlign: 'center', alignContent: 'center' },
+    hr_viewButton: { position: 'absolute', right: 5, backgroundColor: PageTheme.$sidemenuColor, borderRadius: 5, paddingTop: 5, paddingBottom: 5, paddingLeft: 10, paddingRight: 10, alignContent: 'flex-end' },
+    hr_LHd: { backgroundColor: '#e3e3e3', height: 2, widh: '80%' },
+    hr_viewButtonText: { color: '#fff', fontFamily: deffontfamily },
+    hr_scroll: { justifyContent: 'center', paddingBottom: 10 },
+    hr_scrollOuter: { marginBottom: 80, width: '100%' },
+    hr_flex: { width: '100%', flexDirection: 'column' },
+    hr_prd_col100: { width: '100%' },
+    hr_prd_colexp: { flexDirection: 'row' },
+    hr_prd_flexlabel: { color: PageTheme.$text_color_dark, marginBottom: 1, fontFamily: deffontfamily },
+    hrInputStylepdf: { width: '85%', backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, paddingHorizontal: 12, paddingVertical: 5, textAlign: 'left', textAlignVertical: 'top', marginRight: 5 },
+    hrInputStyleexp: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, paddingHorizontal: 12, paddingVertical: 5, textAlign: 'left', textAlignVertical: 'top', fontFamily: deffontfamily },
+    hrInputStyle: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'left', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 2, paddingHorizontal: 12, height: 35, marginTop: 5, fontFamily: deffontfamily },
+    hrScrollView: { width: '100%' },
+    hrsearchIcon: { padding: 10, },
+    hr_customstylewrapper: { backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, elevation: 3, flex: 1 },
+    hr_SubmitBtn: { position: 'absolute', bottom: Platform.OS == 'ios' ? 30 : 10, left: 10, right: 0, width: '100%', alignItems: 'center', },
+
+    //resumeview
+
+    resume_customstylewrapper: { backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, elevation: 3, flex: 1 },
+    resume_parentbg: { flexDirection: 'row', flexWrap: 'wrap' },
+    resume_background: { width: ((wp('100%') - 20) / 3), paddingHorizontal: 5, },
+    resume_cBG_g: { width: '100%', height: '100%', padding: 10, borderRadius: 7, position: 'absolute', top: 0, left: 0 },
+    resume_cBG: { shadowColor: '#3d3d3d', shadowOffset: { width: 0, height: 2 }, elevation: 1, marginBottom: 10, alignItems: 'center', backgroundColor: '#0000', borderRadius: 10 },
+    // resumev_CircleShape: {width: 50,height: 50,borderRadius: 150 / 2,backgroundColor: '#fff',alignSelf:'center',alignItems:'center', justifyContent:'center'},
+    resume_text: { textAlign: 'center', color: '#000', marginTop: 5, fontFamily: deffontfamily },
+    resume_textchild: { textAlign: 'center', color: '#000', marginTop: 5, fontSize: 10, fontFamily: deffontfamily },
+    resume_aText: { color: PageTheme.$primary_color, fontSize: 20, textAlign: 'center', fontFamily: deffontfamily },
+    resume_dateChild: { color: '#000', padding: 2, backgroundColor: '#fff', fontSize: 8, alignSelf: 'flex-end', margin: 5, borderRadius: 4, fontFamily: deffontfamily },
+    resume_scrollOuter: { width: '100%', marginBottom: 80 },
+
+
+
+    drawerLabel: {
+      fontSize: 15,
+      fontWeight: '400',
+      color: PageTheme.$accent_color2,
+      marginLeft: 10,
+    },
+    tblHeaderView: { width: '100%', height: 50 },
+
+
+    trainingl: {
+      flexDirection: 'row',
+      paddingRight: 10,
+      marginBottom: 10,
+      margin: 10,
+      // borderWidth:2, 
+      // borderColor:PageTheme.$secondary_color_light,  
+      backgroundColor: PageTheme.$bg_color,
+      borderRadius: 5,
+      paddingVertical: 10,
+      alignItems: 'center',
+      elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15
+    },
+    trainingView: { margin: 16, marginVertical: 8, width: '100%' },
+    trainingView2: { flexDirection: "column", width: "70%" },
+    trainingl_card_title: {
+      fontSize: 15,
+      color: PageTheme.$text_color,
+      fontFamily: deffontfamily
+
+    },
+    trainingl_codeText: { fontSize: 12, color: PageTheme.$text_color, marginRight: 5 },
+    trainingHdr: { width: "100%", backgroundColor: PageTheme.$primary_color, borderRadius: 7, paddingVertical: 10, paddingHorizontal: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', justifyContent: 'center', marginBottom: 5, marginTop: 5 },
+    trainingHdrText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
+
+    //gatemeeting
+
+    gmeet_header: { flexDirection: 'row', borderBottomColor: PageTheme.$secondary_color_dark, borderBottomWidth: 2, paddingVertical: 5, paddingBottom: 10, marginHorizontal: 10 },
+    gmeet_scroll: { justifyContent: 'center', paddingBottom: 10 },
+    gmeet_scrollOuter: { width: '100%' },
+    gmVisCameras: { flexDirection: 'row', justifyContent: 'center' },
+    gm_childlayout: { fontFamily: deffontfamily },
+
+    gm_scrollView: { paddingHorizontal: 10, marginBottom: 100 },
+    gm_DisPList: {},
+    gm_DiscPWrap: { borderTopWidth: 1, borderTopColor: PageTheme.$secondary_color_light, marginTop: 5, paddingTop: 5, marginBottom: 5, paddingBottom: 10, borderBottomWidth: 1, borderBottomColor: PageTheme.$secondary_color_light },
+    gm_DiscProw: { flexDirection: 'row', justifyContent: 'space-between' },
+    gm_DiscPInputStyle: { width: '85%', backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'left', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 2, paddingHorizontal: 12, height: 40, fontFamily: deffontfamily },
+    gm_DiscPAddBtn: { paddingHorizontal: 10, paddingVertical: 10, borderRadius: 5, width: 50, height: 40, backgroundColor: PageTheme.$primary_color, alignItems: 'center', elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3 },
+
+    gm_listI_row: { paddingBottom: 5, marginBottom: 10, borderBottomColor: PageTheme.$accent_color, backgroundColor: PageTheme.$secondary_color_light, padding: 10 },
+    gm_btnRemove: { padding: 2, alignItems: 'center', justifyContent: 'center', paddingHorizontal: 5, borderRadius: 40, position: 'absolute', right: 0, top: -30, backgroundColor: PageTheme.$accent_color, elevation: 2, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, marginTop: 35, marginRight: 10 },
+    gm_listI_Val: { fontSize: 14, fontWeight: '400', color: PageTheme.$text_color, width: '50%', flexWrap: 'wrap', fontFamily: deffontfamily },
+    gm_TblHeaderBox1: { width: '100%', flexDirection: 'row', padding: 2 },
+    gm_TblHeaderBox2: { width: '100%', padding: 2 },
+    gm_TblHeaderBox3: { width: '100%', padding: 2 },
+    gm_TblHeaderBox4: { width: '20%' },
+    gm_viewpage: { marginLeft: 5, marginRight: 5 },
+    gm_visitorsLI_Box: { alignItems: 'center', },
+    gm_visitorsLI_Box1: { width: wp('30%') - 45, alignItems: 'flex-start', paddingLeft: 5, flexDirection: 'column' },
+    gm_visitorsLI_Box2: { width: wp('30%') - 15, marginRight: 5 },
+    gm_visitorsLI_Box3: { width: '40%', flexDirection: 'row', alignItems: 'center', position: 'relative' },
+    gm_CheckOutBtn: { backgroundColor: PageTheme.$primary_color, borderRadius: 20, padding: 5, paddingHorizontal: 20, elevation: 3, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
+    gm_DeleteBtn: { position: 'absolute', borderRadius: 20, width: 35, height: 35, justifyContent: 'flex-end', alignSelf: 'flex-end', shadowOpacity: 1.0, },
+    gm_TblHeader: { marginBottom: 10, marginTop: 10, borderRadius: 2, padding: 5, elevation: 1, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'column', margin: 5 },
+    gm_visitorsLItem: { column: 'row', alignItems: 'center', paddingVertical: 10 },
+    gm_TblHeaderTxt2: { flexWrap: 'wrap', width: '100%', color: PageTheme.$text_color, fontWeight: '400', marginTop: 3, marginBottom: 5, fontSize: 13, fontFamily: deffontfamily },
+    gm_TblHeaderTxt: { flexWrap: 'wrap', width: '50%', color: PageTheme.$text_color, fontWeight: '400', fontSize: 13, fontFamily: deffontfamily },
+    vlStatus: { flexDirection: 'row', alignItems: 'flex-end', justifyContent: 'flex-end' },
+    vlStatus2: { flexDirection: 'row', alignItems: 'flex-end', justifyContent: 'flex-end' },
+    gm_TblHeaderTxt3: { marginTop: 5, marginLeft: 2, marginRight: 2, backgroundColor: PrimaryTheme.$secondary_color_light, borderRadius: 2, paddingTop: 3, paddingBottom: 3, paddingLeft: 10, paddingRight: 10, elevation: 1, shadowColor: '#afafaf', flexDirection: 'column', marginBottom: 5, color: PrimaryTheme.$primary_color, fontFamily: deffontfamily },
+
+    //attendancesupervisor
+    attsupdate_Text: { fontWeight: 500, fontSize: 14, color: PageTheme.$primary_color },
+    attsupdate_HText: { fontSize: 14, color: PageTheme.$secondary_color_dark, marginRight: 5, fontWeight: '500', fontSize: 15, },
+    attsup_HText: { flexDirection: 'row', marginLeft: 5, padding: 5, marginRight: 5, borderRadius: 10 },
+    attsup_HeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '700' },
+    attsup_TblHeader: { backgroundColor: PageTheme.$primary_color, borderRadius: 10, paddingBottom: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center', marginLeft: 4, marginRight: 4, marginTop: 10 },
+    attsup_HeaderBox: { alignItems: 'center', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, marginTop: 5, },
+    attsup_HeaderBox1: { width: (wp('100%') / 3) - 10, marginLeft: 7 },
+    attsup_HeaderBox2: { width: (wp('100%') / 3) - 10, marginLeft: 4 },
+    attsup_HeaderBox3: { width: (wp('100%') / 3) - 10, marginLeft: 4 },
+    attsup_View: { backgroundColor: PageTheme.$primary_color, height: 2, marginTop: 5, weight: '100%,', borderColor: '#000', marginRight: 5, marginLeft: 5 },
+    attsup_TblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, marginLeft: 5, marginRight: 5, marginTop: 5 },
+    attsup_Txt: { fontSize: 13, color: PageTheme.$text_color, textTransform: 'capitalize', fontWeight: '400', marginLeft: 10 },
+    attsup_Box1: { width: (wp('100%') / 3) - 10 },
+    attsup_Box2: { width: (wp('100%') / 3) - 10 },
+    attsup_Box3: { width: (wp('100%') / 3) - 10, alignItems: 'center' },
+
+    attsup_statusCon: { flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-end' },
+    attsup_utext: { flexDirection: 'column', color: 'green', fontWeight: '500', textAlign: 'right' },
+    attsup_ntext: { flexDirection: 'column', color: 'red', fontWeight: '500', textAlign: 'right' },
+    attsup_vtext: { width: '100%', margin: 2, padding: 5 },
+    attsup_dl: { width: 120, marginLeft: 5 },
+
+
+
+
+
+
+
+
+
+
+
+
+    // text: {
+    //   padding: 12,
+    //   fontSize: 22,
+    //   textAlign: 'center',
+    //   fontWeight: 'bold',
+    //   color: 'black'
+    // }
+
+  });
+}
+
+export const customeButtons = (isDarkTheme = defdt, routeName = defrn) => {
+  const PageTheme = GetPageTheme(isDarkTheme, routeName);
+  return StyleSheet.create({
+    buttonStyle: {
+      backgroundColor: PageTheme.$primary_color,
+      elevation: 5, shadowColor: PageTheme.$primary_color, shadowOffset: { width: 0, height: 5 }, shadowRadius: 7, shadowOpacity: 0.4,
+      borderRadius: 40, width: wp('85%'), height: 50, display: 'flex', marginTop: 25, alignItems: 'center', justifyContent: 'center'
+    },
+    textStyle: { color: PageTheme.$text_color_100, textAlign: 'center', fontSize: 15, padding: 10, },
+    g_buttonStyle: {
+      marginTop: 25, height: 50, shadowColor: PageTheme.$primary_color, shadowRadius: 7, shadowOffset: { width: 0, height: 5 }, shadowOpacity: 0.4, borderRadius: 40, backgroundColor: '#0000'
+    },
+    g_linearGradient: {
+      backgroundColor: PageTheme.$primary_color,
+      elevation: 5, shadowColor: PageTheme.$primary_color,
+      borderRadius: 40, width: wp('85%'), display: 'flex', height: '100%', alignItems: 'center', justifyContent: 'center'
+    },
+    g_textStyle: { color: PageTheme.$text_color_100, textAlign: 'center', fontSize: 15, padding: 10, fontFamily: deffontfamily },
+
+
+  });
+}
+
+// export const customCamera = (isDarkTheme = defdt, routeName = defrn) => {
+//   const PageTheme = GetPageTheme(isDarkTheme, routeName);
+//   const bottomBarHeight = 100, imageControlBarHeight = 60;
+//   const topBarHeight = Platform.OS == 'ios' ? STATUSBAR_HEIGHT + 40 : 40;
+//   const topBarHeight2 = Platform.OS == 'ios' ? STATUSBAR_HEIGHT : 0;
+//   return StyleSheet.create({
+//     IOS_StatusBar: { height: STATUSBAR_HEIGHT, width: wp('100%'), backgroundColor: 'transparent', zIndex: 100000, position: 'absolute', left: 0, top: 0, right: 0 },
+//     scrollMain: { flex: 1, backgroundColor: '#000', width: '100%', height: '100%', 
+//       position: 'absolute', 
+//       zIndex: 99999,  
+//     },
+//     // scrollMainInner:{alignItems:'center',height:'100%'},
+//     btnStyle: { backgroundColor: '#0096d7', paddingVertical: 10, paddingHorizontal: 30, borderRadius: 20, marginTop: 50, elevation: 5, shadowColor: '#232323', shadowOffset: { width: 0, height: 2 } },
+//     btnText: { color: '#fff' },
+//     imgView: { flex: 1, height: 300, width: '100%', marginTop: 100, paddingHorizontal: 20 },
+//     image: { width: '100%', height: 300, backgroundColor: '#efefef' },
+//     customCamera_Wrap: { position: 'absolute', backgroundColor: '#000', top: 0, left: 0, right: 0, bottom: 0, zIndex: 9999 },
+//     customCamera: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 100 },
+//     customCameraLS: { top: 0, bottom: 0 },
+//     customCameraTop: { top: Platform.OS == 'ios' ? STATUSBAR_HEIGHT : 0, },
+//     customCamera_bottomBar: { padding: 10, flexDirection: 'row', backgroundColor: 'transparent', height: bottomBarHeight, position: 'absolute', bottom: 0, width: '100%', alignItems: 'center', justifyContent: 'center' },
+//     customCamera_bottomBarLS: { padding: 10, flexDirection: 'row', backgroundColor: 'transparent', height: bottomBarHeight, position: 'absolute', top: "35%", width: '100%', alignItems: 'flex-end', justifyContent: 'flex-end' },
+//     customCamera_capbtn: { elevation: 4, shadowColor: '#efefef', width: 60, height: 60, borderRadius: 30, },
+//     customCamera_capbtn_Outer: { width: 60, height: 60, borderRadius: 30, backgroundColor: '#e4e4e4', paddingLeft: 5, paddingTop: 5 },
+//     customCamera_capbtn_Inner: { width: 50, height: 50, borderRadius: 30, backgroundColor: '#fff' },
+//     customCamera_Gallerybtn: { elevation: 4, shadowColor: '#efefef', width: 60, height: 60, borderRadius: 30, position: 'absolute', right: 30 },
+//     customCamera_Gallerybtn_Outer: { width: 60, height: 60, borderRadius: 30, backgroundColor: '#e4e4e4', paddingLeft: 5, paddingTop: 5 },
+//     customCamera_Gallerybtn_Inner: { width: 50, height: 50, borderRadius: 30, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center' },
+//     customCamera_Gallerybtn_Icon: { marginTop: -2, marginLeft: -2 },
+
+//     customCamera_bottomBar2: { paddingVertical: 5, paddingHorizontal: 10, backgroundColor: '#5c5c5cb3', height: imageControlBarHeight, position: 'absolute', bottom: 0, width: '100%', justifyContent: 'center' },
+//     imgControls_btnCon: { minWidth: 100, paddingHorizontal: 10 },
+//     imgControls_btn: { alignItems: 'center' },
+//     imgControls_btnText: { fontSize: 13, fontWeight: '400', color: '#fff', textAlign: 'center' },
+//     imgControls: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
+//     cameraImgCaptured: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 },
+//     icbtTop: { marginTop: 0, },
+//     imgControls_centerBtn: { marginTop: -15, minWidth: 100, paddingHorizontal: 10 },
+//     imgControls_retakeBtn: { width: 40, height: 40, borderRadius: 30, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', elevation: 2, shadowColor: '#000', shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
+//     // flashBtn:{width:35,height:35,borderRadius:30,backgroundColor:'#fff',alignItems:'center',justifyContent:'center',elevation:4,shadowColor:'#fff',shadowOpacity:0.3,shadowOffset:{width:0,height:2}},
+//     flashBtn: { padding: 5, backgroundColor: '#4c4c4cdb', borderRadius: 30, width: 40, height: 40, marginBottom: 10, elevation: 2, alignItems: 'center', justifyContent: 'center', shadowColor: '#000', shadowOpacity: 0.3, shadowOffset: { width: 0, height: 2 } },
+//     topControls: { position: 'absolute', top: 0, backgroundColor: 'transparent', width: '100%', height: topBarHeight },
+//     topControlsInner: { flexDirection: 'row', paddingVertical: 5, paddingHorizontal: 10, justifyContent: 'center' },
+//     sideControls: { position: 'absolute', right: 0, top: '40%', backgroundColor: 'transparent', padding: 10 },
+//     sideControl: { position: 'absolute', right: 0, top: '0%', backgroundColor: 'transparent', padding: 10 },
+//     sideControlsInner: {},
+
+
+//   });
+// }
+
+export const customCamera=(isDarkTheme=defdt,routeName=defrn)=>{
+  const PageTheme=GetPageTheme(isDarkTheme,routeName);  
+  const bottomBarHeight=100,imageControlBarHeight=60;
+  const topBarHeight=Platform.OS=='ios'?STATUSBAR_HEIGHT+40:40;
+  const topBarHeight2=Platform.OS=='ios'?STATUSBAR_HEIGHT:0;
+  return StyleSheet.create({
+    IOS_StatusBar:{height:STATUSBAR_HEIGHT,width:wp('100%'),backgroundColor:'transparent',zIndex:100000,position:'absolute',left:0,top:0,right:0},
+    CameraWrapper:{flex: 1,backgroundColor: '#000',width:'100%',height:'100%',position:'absolute',zIndex:9999,top:0,left:0,right:0},
+    CameraWrapperHide:{zIndex:0,opacity:0},
+    scrollMain:{flex: 1,backgroundColor: '#000',width:'100%',height:'100%',position:'absolute',zIndex:99999,top:0,left:0,right:0},
+    // scrollMainInner:{alignItems:'center',height:'100%'},
+    btnStyle:{ backgroundColor:'#0096d7',paddingVertical:10,paddingHorizontal:30,borderRadius:20,marginTop:50,elevation:5,shadowColor:'#232323',shadowOffset:{width:0,height:2}},
+    btnText:{color:'#fff'},
+    imgView:{flex:1,height:300,width:'100%',marginTop:100,paddingHorizontal:20},
+    image:{width:'100%',height:300,backgroundColor:'#efefef'},
+    customCamera_Wrap:{position:'absolute',backgroundColor:'#000',top:0,left:0,right:0,bottom:0,zIndex:9999},
+    customCamera:{position:'absolute',top:0,left:0,right:0,bottom:100},
+    customCameraLS:{top:0,bottom:0},
+    customCameraTop:{top:Platform.OS=='ios'?STATUSBAR_HEIGHT:0,},
+    customCamera_bottomBar:{padding:10,flexDirection:'row',backgroundColor:'transparent',height:bottomBarHeight,position:'absolute',bottom:0,width:'100%',alignItems:'center',justifyContent:'center'},
+    customCamera_bottomBarLS:{padding:10,flexDirection:'row',backgroundColor:'transparent',height:bottomBarHeight,position:'absolute',top:"35%",width:'100%',alignItems:'flex-end',justifyContent:'flex-end'},
+    customCamera_capbtn:{elevation:4,shadowColor:'#efefef',width:60,height:60,borderRadius:30,},
+    customCamera_capbtn_Outer:{width:60,height:60,borderRadius:30,backgroundColor:'#e4e4e4',paddingLeft:5,paddingTop:5},
+    customCamera_capbtn_Inner:{width:50,height:50,borderRadius:30,backgroundColor:'#fff'},
+    customCamera_Gallerybtn:{elevation:4,shadowColor:'#efefef',width:60,height:60,borderRadius:30,position:'absolute',right:30},
+    customCamera_Gallerybtn_Outer:{width:60,height:60,borderRadius:30,backgroundColor:'#e4e4e4',paddingLeft:5,paddingTop:5},
+    customCamera_Gallerybtn_Inner:{width:50,height:50,borderRadius:30,backgroundColor:'#fff',alignItems:'center',justifyContent:'center'},
+    customCamera_Gallerybtn_Icon:{marginTop:-2,marginLeft:-2},
+    
+    customCamera_bottomBar2:{paddingVertical:5,paddingHorizontal:10,backgroundColor:'#5c5c5cb3',height:imageControlBarHeight,position:'absolute',bottom:0,width:'100%',justifyContent:'center'},
+    imgControls_btnCon:{minWidth:100,paddingHorizontal:10},
+    imgControls_btn:{alignItems:'center'},
+    imgControls_btnText:{fontSize:13,fontWeight:'400',color:'#fff',textAlign:'center',fontFamily:deffontfamily},
+    imgControls:{flexDirection:'row',alignItems:'center',justifyContent:'space-between'},
+    cameraImgCaptured:{position:'absolute',top:0,left:0,right:0,bottom:0},
+    icbtTop:{marginTop:0,},
+    imgControls_centerBtn:{marginTop:-15,minWidth:100,paddingHorizontal:10},
+    imgControls_retakeBtn:{width:40,height:40,borderRadius:30,backgroundColor:'#fff',alignItems:'center',justifyContent:'center',elevation:2,shadowColor:'#000',shadowOpacity:0.2,shadowOffset:{width:0,height:2}},
+    // flashBtn:{width:35,height:35,borderRadius:30,backgroundColor:'#fff',alignItems:'center',justifyContent:'center',elevation:4,shadowColor:'#fff',shadowOpacity:0.3,shadowOffset:{width:0,height:2}},
+    flashBtn:{padding:5,backgroundColor:'#4c4c4cdb',borderRadius:30,width:40,height:40,marginBottom:10,elevation:2,alignItems:'center',justifyContent:'center',shadowColor:'#000',shadowOpacity:0.3,shadowOffset:{width:0,height:2}},
+    topControls:{position:'absolute',top:0,backgroundColor:'transparent',width:'100%',height:topBarHeight},
+    topControlsInner:{flexDirection:'row',paddingVertical:5,paddingHorizontal:10,justifyContent:'center'},
+    sideControls:{position:'absolute',right:0,top:'40%',backgroundColor:'transparent',padding:10},
+    sideControl:{position:'absolute',right:0,top:'0%',backgroundColor:'transparent',padding:10},
+    sideControlsInner:{},
+    or_icon:{position:'absolute',top:10,right:10,padding:7,borderRadius:40,backgroundColor:'#4c4c4ccc'}
+
+    
+  });
+}
+
+export const ModalStyles = (isDarkTheme = defdt, routeName = defrn) => {
+  const PageTheme = GetPageTheme(isDarkTheme, routeName);
+  return StyleSheet.create({
+    centeredView: {
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+    },
+    modalView: {
+      margin: 20,
+      backgroundColor: "white",
+      borderRadius: 10,
+      padding: 35,
+      alignItems: "center",
+      shadowColor: "#000",
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.25,
+      shadowRadius: 4,
+      elevation: 5
+    },
+    button: {
+      paddingLeft: 40,
+      paddingRight: 40,
+      elevation: 2
+    },
+    buttonOpen: {
+      backgroundColor: "#F194FF",
+    },
+    buttonClose: {
+      backgroundColor: "#2196F3",
+    },
+    textStyle: {
+      color: "white",
+      fontWeight: "bold",
+      textAlign: "center"
+    },
+    modalText: {
+      marginBottom: 15,
+      textAlign: "center",
+      color: "#000",
+    }
+  });
+}
+
diff --git a/src/styles/Global_LS.js b/src/styles/Global_LS.js
new file mode 100644
index 0000000..b655b7e
--- /dev/null
+++ b/src/styles/Global_LS.js
@@ -0,0 +1,1699 @@
+import { PrimaryTheme,MainThemeLight,DarkTheme } from "./Themes";
+import {Platform, StatusBar,StyleSheet} from 'react-native';
+import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen';
+const defdt=false,defrn='';
+export const GetPageTheme=(isDarkTheme=defdt,routeName=defrn)=>{
+  let PageTheme=(routeName=='Project'?MainThemeLight:(isDarkTheme==true?DarkTheme:PrimaryTheme));
+  return PageTheme;
+};
+
+export const WP=wp;
+export const HP=hp;
+const borderRadius=20;
+export const STATUSBAR_HEIGHT = Platform.OS === 'ios' ? 25 : StatusBar.currentHeight;
+const EXTRA_SPACE = Platform.OS === 'ios' ? 20 : 0;
+const EXTRA_SPACE_MD= Platform.OS === 'ios' ? 40 : 0;
+export const globalStyles=(isDarkTheme=defdt,routeName=defrn)=>{
+  const PageTheme=GetPageTheme(isDarkTheme,routeName);
+  return StyleSheet.create({
+    statusBar:{height:STATUSBAR_HEIGHT,width:wp('100%')},
+    drawerScreenHdr_bg:{backgroundColor:'#000', borderBottomWidth:0,borderBottomColor:PrimaryTheme.$secondary_color_light,paddingHorizontal:10,paddingBottom:5,paddingTop:STATUSBAR_HEIGHT+10},
+    dScreenHdr_Content:{flexDirection:'row',alignItems:'center',position:'relative'},
+    drawerScreenHdr_title:{width:'100%',textAlign:'left',fontSize:16,fontWeight:'500',color:PageTheme.$accent_color,paddingLeft:50,paddingRight:100},
+    dScreen_LeftContainer:{position:'absolute',left:0},
+    toggleDrawerBtn:{paddingVertical:5,paddingHorizontal:10},
+    dScreen_RightContainer:{position:'absolute',right:0,flexDirection:'row',alignItems:'center'},
+    drawerProjectId:{fontSize:14,fontWeight:'500',color:PageTheme.$accent_color,paddingHorizontal:5},
+    drawerNotifIcon:{marginLeft:5,padding:5},
+    drawerContent: {
+      flex: 1,
+      marginTop: -10,
+      paddingTop:0,
+    },
+    drawerContentScroll:{},
+    drawerContentScrollInner:{paddingTop:10,padding:0},
+    cardTitle: {
+    fontWeight:'normal',
+    fontSize: hp('1.8%'),
+    },
+    cardImage: {
+      width: 30,
+      height: 30,
+      resizeMode: 'contain',
+    },
+    title: {
+      fontSize: 15,
+      marginTop: 10,
+      fontWeight:'500',
+      textTransform:'capitalize',
+      color:PageTheme.$text_color,
+      textAlign:'center',
+      marginLeft:-5
+    },
+    caption: {
+      fontSize: hp('1.7%'),
+      lineHeight: 14,
+    },
+    row: {
+      marginTop: 20,
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
+    section: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginRight: 15,
+    },
+    paragraph: {
+      fontWeight: 'bold',
+      marginRight: 3,
+    },
+    drawerSection: {
+      marginTop: 7,
+      borderBottomColor:'#fff',
+      borderBottomWidth:0,
+    },
+    bottomDrawerSecion: {
+      borderTopColor: '#f4f4f4',
+      borderTopWidth: 1,
+      borderBottomWidth:0,
+      marginBottom:0,
+    },
+    bottomDrawerCon:{
+      padding:5,
+      flexDirection:'column', 
+      alignItems:'center',
+    },
+    bottomDrawerIcon:{
+      width: '50%',
+      height: 30,
+      resizeMode: 'contain',
+    },
+    bottomDrawerLabel:{
+      fontSize: 14,
+      color:PageTheme.$text_color,
+    },
+    preferenceCon:{      
+      padding:10,
+    },
+    preferenceTitle:{
+      fontSize:14,
+      color:PageTheme.$text_color,
+    },
+    preference: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      marginTop: 12,
+    },
+    userInfoSection: {
+      padding: 0,
+      borderBottomColor: '#f4f4f4',
+      borderBottomWidth: 1,
+    },
+    container: {
+      flex: 1,alignItems: 'center',backgroundColor: PageTheme.$accent_color,
+    },
+    logo: {
+      resizeMode: 'contain',
+      width: wp('50%')
+    },
+    drawerIcon: {
+      width: 30,
+      height: 30,
+      left: 2,
+      position: "absolute",
+      paddingLeft: 15
+
+    },
+    inputStyle: {
+      width: wp('85%'),
+      height: hp('8%'),
+      marginBottom: 12,
+    },
+    otpStyle: {
+      marginBottom: 12,
+      borderRadius: 8,
+      width: wp('15%'),
+      height: hp('7%'),
+    },
+    drawerItemStyle:{
+      flexDirection:'row',
+      paddingHorizontal:10,
+      paddingVertical:8.5,
+      alignItems:'center',
+      // height:35,
+    },
+    drawerLogo: {
+      width: wp('50%')-20,
+      height: 60,
+      resizeMode: 'contain',
+      // borderWidth:1,
+      // borderColor:'#000'
+    },
+    drawerItemIcon:{width:30,justifyContent:'center',flexDirection:'row'},
+    drawerLabel: {
+      fontSize: 15,
+      fontWeight:'400',
+      color:PageTheme.$accent_color2,
+      marginLeft:10,
+    },
+    otpContainer: {
+      width: wp('85%'),
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      justifyContent: 'space-between'
+    },
+    labelStyle: {
+      color: PageTheme.$text_color_700,
+      textAlign: 'left',
+      width: wp('85%'),
+      fontSize: hp('1.7%'),
+      marginBottom: 20,
+      justifyContent: 'flex-start'
+    },
+    
+  });
+}
+
+export const customStyles=(isDarkTheme=defdt,routeName=defrn)=>{
+  const PageTheme=GetPageTheme(isDarkTheme,routeName);
+  return StyleSheet.create({
+    drawerSubTitle:{
+      fontSize:12,
+      color:PageTheme.$text_color
+    },    
+    loginIllutration:{
+      // marginTop:20, 
+    },
+    performics_logo:{
+      width:wp('50%'),
+      height:40,  
+      marginTop:20, 
+      resizeMode:'contain',
+    },    
+    company_logo:{width:wp('100%')-40,height:100,resizeMode:'contain'},
+    loginScrollCon:{
+      flex:1,
+      width:wp('100%'),
+    },
+    loginCon:{
+      flex:1,
+      alignItems:"center",
+      position:'relative',
+      
+    },
+    projectScrollCon:{
+      width:wp('100%'),
+      flex:1
+    },
+    projectCon:{
+      alignItems:"center",
+      position:'relative',
+    },
+    loginScrollCon2:{
+      flex:1,
+      width:wp('100%'), 
+    },
+    projectPageWrapper:{width:'100%',height:hp('100%')},
+
+    //=============Bottom View==============
+    footerView:{width:'100%',alignItems:'center',marginBottom:20,},
+
+    //=============signatureBox==============
+    signatureBox:{
+      alignItems:"center",
+      width:wp('100%'),
+      padding:10,
+    },
+    signatureText:{
+      color:PageTheme.$text_color_light,
+      fontSize:12,
+      fontWeight:'400',
+      textAlign:'center',
+    },
+    signatureLogo:{
+      resizeMode: 'contain',
+      width: wp('30%'),
+      height:50,
+      marginTop:5,
+    },
+    pageContentWrapper:{backgroundColor:PageTheme.$bg_color,borderTopLeftRadius:borderRadius,borderTopRightRadius:borderRadius,elevation:3,paddingTop:10,flex:1,},
+    pageContentWrapper_bgLight:{backgroundColor:'#efefef'},
+    //=============general Style=============
+    // pt200:{paddingTop:200,},
+    mb7:{marginBottom:7,},mb10:{marginBottom:10,},mb20:{marginBottom:20,},mb30:{marginBottom:30,},mb40:{marginBottom:40,},mb50:{marginBottom:50,},mb60:{marginBottom:60,},mb70:{marginBottom:70,},mb80:{marginBottom:80,},mb90:{marginBottom:90,},mb100:{marginBottom:100,},
+    mt10:{marginTop:10,},mt20:{marginTop:20,},mt30:{marginTop:30,},mt40:{marginTop:40,},mt50:{marginTop:50,},mt60:{marginTop:60,},mt70:{marginTop:70,},mt80:{marginTop:80,},mt90:{marginTop:90,},mt100:{marginTop:100,},
+    pl10:{paddingLeft:10},pl20:{paddingLeft:20},pl30:{paddingLeft:30},pl40:{paddingLeft:40},pl50:{paddingLeft:50},
+    pr10:{paddingRight:10},pr20:{paddingRight:20},pr30:{paddingRight:30},pr40:{paddingRight:40},pr50:{paddingRight:50},
+    mr10:{marginRight:10},mr20:{marginRight:20},mr30:{marginRight:30},
+    ml10:{marginLeft:10},ml20:{marginLeft:20},ml30:{marginLeft:30},ml40:{marginLeft:40},ml50:{marginLeft:50},
+    pt10:{paddingTop:10},pt20:{paddingTop:20},pt30:{paddingTop:30},pt40:{paddingTop:40},pt50:{paddingTop:50},
+    zIndex0:{zIndex:0},
+    logoImage_con:{flexDirection:'row',justifyContent:'center',marginBottom:10},
+    logoImage:{width:100,height:50},
+    drawerInfoCon:{padding:10,paddingLeft:0,paddingTop:STATUSBAR_HEIGHT+10,alignItems:'center'},
+    // drawerInfoLeft:{paddingRight:10,marginRight:10,borderRightColor:PageTheme.$secondary_color_light,borderRightWidth:2},
+    drawerLogo2:{width:100,height:50},
+    pageText:{
+      color:PageTheme.$text_color_dark,
+      fontSize:16,
+      fontWeight:'500',
+      textAlign:'center',
+      marginBottom:10,
+    },
+    pagedescText:{
+      color:PageTheme.$text_color,
+      fontSize:13,
+      fontWeight:'400',
+      textAlign:'center',
+      marginBottom:5,
+    },
+    formCon:{},
+    formGroup:{position:'relative'},
+    inputStyle:{
+      textAlign:'left',
+      backgroundColor:PageTheme.$secondary_color_light,
+      width:wp('85%'),
+      borderRadius:7,
+      paddingVertical:5,
+      paddingHorizontal:15,
+      height:50,
+      color:PageTheme.$accent_color2,
+    },
+    formInputLabel:{position:'absolute',left:40,zIndex:1,color:PageTheme.$placeholder_color,top:15,},
+    formInputLeftIcon:{position:'absolute',left:15,top:15},
+    passField:{
+      position:'relative',
+    },
+    show_pass_btn:{
+      position:'absolute',
+      top:0,
+      right:0,
+      width:40,
+      height:50,
+      alignItems:'center',
+      justifyContent:'center',
+    },
+    keyba_view:{ flex: 1,width: wp('100%'),alignItems:'center'},
+    keyba_viewContent:{overflow:'hidden'},
+    keyba_inner_view:{ flex: 1,width: wp('100%'),alignItems:'center',position:'relative'},
+    pass_input:{
+      paddingRight:40,
+    },
+    form_label:{
+      color:PageTheme.$text_color,
+      fontSize:14,
+      fontWeight:'400',
+      textAlign:'left',
+      paddingHorizontal:0,
+      marginBottom:10,
+      
+    },
+    otp_inputStyle:{
+      textAlign:'center',
+      backgroundColor:PageTheme.$secondary_color_light,
+      width:((wp('85%')/4)-10),
+      borderRadius:4,
+      paddingVertical:10,
+      paddingHorizontal:15,
+      height:50,
+      color:PageTheme.$accent_color2,
+      marginBottom:10,
+      marginRight:10,
+      fontSize:25,
+    },
+    otp_field:{
+      flexDirection:'row',
+    },
+    otp_hiddeninput:{
+      display:'none',
+    },
+    fullwebview:{
+      width:'100%',
+      height:'100%',
+      flex:1,
+      // borderTopLeftRadius:borderRadius,borderTopRightRadius:borderRadius,
+      marginBottom:0,
+    },
+    roundScrollWrapper:{paddingTop:10,flex:1,width:'100%'},
+    roundScrollZIndex:{zIndex:1,},
+    roundScrollCon:{backgroundColor:PageTheme.$bg_color,borderTopLeftRadius:borderRadius,borderTopRightRadius:borderRadius,},
+    roundScrollInner:{height:'100%',width:'100%',flex:1,backgroundColor:PageTheme.$bg_color,borderTopLeftRadius:borderRadius,borderTopRightRadius:borderRadius,elevation:3,paddingTop:40,},
+    webViewCon:{height:'100%',flex:1,borderTopLeftRadius:borderRadius,borderTopRightRadius:borderRadius,paddingTop:0,},
+    headetBgImage:{
+      height:hp('20%'),
+      width:wp('100%')+2,
+      position:'relative',
+      justifyContent:'center',
+      alignItems:'center',
+    },
+    headerTitle:{
+      color:PageTheme.$accent_color,
+      fontSize:20,
+      width:150,//(wp('100%')-80),
+      textAlign:'right',
+    },
+    headerImg:{
+      width:wp('40%'),
+      height:120,
+      resizeMode:'contain',
+      top:28,
+      left:-30,      
+    },
+    headerLeftIcon:{
+      width:60,
+      height:60,
+      alignItems:'center',
+      justifyContent:'center',
+      marginLeft:-10,
+    },
+    headerContent:{
+      flex:1,
+      flexDirection:'row',
+      alignItems:'center',
+      justifyContent:'space-between',
+      position:'absolute',
+      width:wp('100%'),
+      paddingHorizontal:20,
+    },
+    teaml_name:{
+      color:PageTheme.$text_color,
+      fontSize:14,
+      fontWeight:'400',
+      textAlign:'left',
+      paddingLeft:20,
+      paddingRight:10,
+    },
+    teaml_img:{
+      width:20,
+      height:20,
+    },
+    teaml:{
+      flexDirection:'row',
+      paddingHorizontal:20,
+      marginBottom:10,
+      borderWidth:2,
+      borderColor:PageTheme.$secondary_color_light,
+      shadowOffset:{width:0,height:2},
+      borderRadius:5,
+      paddingVertical:10,
+      alignItems:'center'
+    },
+    iteml_con:{
+      width:'100%',
+      marginTop:10,
+      paddingBottom:50,
+      paddingHorizontal:20,
+      paddingTop:10
+    },
+    iteml_conR:{paddingBottom:20,paddingTop:10,paddingHorizontal:10},
+    iteml_conR2:{marginBottom:20,backgroundColor:PageTheme.$bg_color,borderRadius:5,elevation:5,shadowColor:'#000',shadowOffset: { width: 0, height: 3 } , shadowOpacity:0.15},
+    listcon:{
+      width:wp('100%'),
+      height:hp('100%')-(180+EXTRA_SPACE_MD),  
+    },
+    storeR_listcon:{
+      width:wp('100%'),
+      height:hp('100%')-(180+EXTRA_SPACE_MD),  
+      paddingHorizontal:0,
+      paddingBottom:30,
+    },
+    storelist_parentwrap:{width:'100%'},
+    storeTab_MenuCon:{width:'94%',marginTop:0,marginBottom:0,marginHorizontal:10,borderBottomColor:PageTheme.$text_color_light2,borderBottomWidth:1},
+    storeTab_Menu:{alignItems:'center',marginBottom:10,},
+    storeTab_pill:{paddingHorizontal:20,paddingVertical:5,borderRadius:30,backgroundColor:'#efefef',marginRight:7},
+    storeTab_pillText:{color:PageTheme.$text_color,fontSize:14,fontWeight:'500'},
+    storeTab_pillActive:{backgroundColor:'#ffb020'},
+    storeTab_pillActiveText:{color:'#fff'},
+    // storelist card style
+    storel:{
+      flexDirection:'row',
+      paddingRight:10,
+      marginBottom:10,
+      // borderWidth:2,
+      // borderColor:PageTheme.$secondary_color_light, 
+      backgroundColor:PageTheme.$bg_color,     
+      borderRadius:5,
+      paddingVertical:10,
+      alignItems:'center',
+      elevation:5,shadowColor:'#000',shadowOffset: { width: 0, height: 3 } , shadowOpacity:0.15
+    },
+    storel_card_outer:{
+      paddingVertical:5,paddingHorizontal:10,position:'relative',width:'100%'
+    },
+    storel_card:{
+      flexDirection:'row',alignItems:'center',
+    },
+    storel_card_content:{marginHorizontal:5,width:'100%',flexDirection:'row',alignItems:'baseline'},
+    storel_card_title:{
+      fontSize:15,
+      color:PageTheme.$text_color,
+      fontWeight:'500',
+      
+    },
+    storel_card_subtitle:{marginLeft:10,paddingLeft:10,borderLeftColor:PageTheme.$text_color_light,borderLeftWidth:1},
+    storel_card_subtitleTxt:{fontSize:12, color:PageTheme.$text_color_light,},
+    storel_details:{
+      // flex:1,  
+      paddingHorizontal:5,    
+    },
+    storel_code:{flexDirection:'row',marginTop:0,paddingTop:5,width:'100%'},
+    storel_codeCon:{marginRight:10,flexDirection:'row',alignItems:'center'},
+    storel_codeConAddr:{alignItems:'flex-start'},
+    storel_codeIcon:{fontSize:20,marginRight:10,},
+    storel_codeBorder:{borderRightColor:PageTheme.$secondary_color_dark,borderRightWidth:1},
+    storel_codeBorderTop:{borderTopColor:PageTheme.$secondary_color_light,borderTopWidth:1,},
+    storel_codeLbl:{fontSize:12,color:PageTheme.$secondary_color_dark,marginRight:5,flexWrap:'wrap'},
+    storel_codeText:{fontSize:12,color:PageTheme.$text_color,marginRight:5},
+    storel_codeTextAddr:{width:'80%'},
+    storel_usWrap:{width:'100%',position:'relative',justifyContent:'center',paddingVertical:10,},
+    storel_usCon:{flexDirection:'row',alignItems:'center'},
+    storel_usConBtn:{borderRadius:30,width:140,position:'relative',backgroundColor:PageTheme.$secondary_color_light,paddingHorizontal:5,paddingVertical:6,elevation:3,shadowOpacity:0.2,shadowOffset:{width:0,height:2}},
+    storel_usConBtn2:{width:150,},
+    storel_usBtnText:{paddingRight:5,marginRight:5,color:PageTheme.$text_color},
+    storel_usBtnRemoveIcon:{backgroundColor:'#fff',position:'absolute',top:0,bottom:0,right:0,borderTopRightRadius:30,borderBottomRightRadius:30,paddingHorizontal:10,alignItems:'center',justifyContent:'center'},
+    storel_usText:{marginLeft:5,color:PageTheme.$text_color,fontSize:13},
+    storel_geotag_btn:{position:'absolute',top:-15,right:-10,width:50,height:50,borderRadius:25,alignItems:'center',justifyContent:'center'},
+    storel_CheckOutBtn:{position:'absolute',right:0,borderRadius:30,backgroundColor:PageTheme.$primary_color,paddingHorizontal:15,paddingVertical:6,elevation:3,shadowOpacity:0.2,shadowOffset:{width:0,height:2}},
+    storel_cancelBtn:{},
+    storel_CheckOutBtnText:{color:PageTheme.$accent_color,fontSize:14,fontWeight:'500'},
+
+    // storel searchbar
+    storel_searchbar:{marginTop:10,marginHorizontal:10,backgroundColor:PageTheme.$secondary_color_light,height:40,borderRadius:4,paddingHorizontal:10,elevation:1,shadowColor:'#000',shadowOpacity:0.15,shadowOffset:{width:0,height:2},flexDirection:'row'},
+    storel_searchInput:{width:'86%',fontSize:13,color:PageTheme.$text_color},
+    storel_searchBtn:{width:40,height:40,top:0,right:0,position:'absolute',backgroundColor:PageTheme.$primary_color,borderTopRightRadius:4,borderBottomRightRadius:4,alignItems:'center',justifyContent:'center'},
+    storel_searchBtnIcon:{marginTop:-2},
+
+    // color description box
+    colorDescriptionWrap:{marginTop:5,marginHorizontal:10,backgroundColor:PageTheme.$bg_color,paddingVertical:5,borderRadius:4,paddingHorizontal:10,flexDirection:'row',elevation:1,shadowColor:'#000',shadowOpacity:0.2,shadowOffset:{width:0,height:2}},
+    colorBoxCon:{flexDirection:'row',alignItems:'center',marginRight:20},
+    colorBox:{elevation:1,shadowColor:'#000',borderRadius:4,shadowOpacity:0.15,shadowOffset:{width:0,height:2},width:20,height:20,},
+    colorBox1:{backgroundColor:PageTheme.$fifth_color,},
+    colorBox2:{backgroundColor:PageTheme.$secondary_color_light,},
+    colorDesc:{fontSize:12,color:PageTheme.$text_color,marginLeft:5,flexWrap:'wrap'},
+
+
+    // Page header
+    pageHdrWrap:{position:'absolute',top:STATUSBAR_HEIGHT+(70+(Platform.OS=='ios'?0:5)),zIndex:9,marginHorizontal:10,justifyContent:'center',backgroundColor:PageTheme.$primary_color,paddingVertical:5,borderRadius:20,paddingHorizontal:10,flexDirection:'row',flexWrap:'wrap'},
+    pageHdrWrapText:{textAlign:'center',fontSize:13,color:PageTheme.$accent_color,flexWrap:'wrap'},
+
+
+    // storelist row style
+    storelR:{flexDirection:'row',paddingRight:10,marginBottom:5,paddingBottom:5,paddingTop:10,borderBottomColor:PageTheme.$fourth_color,borderBottomWidth:1},
+    storelR_last:{borderBottomWidth:0,paddingBottom:0,marginBottom:0},
+
+
+    // dynamic storelist style
+    dstorel_card_outer:{
+      paddingVertical:0,paddingHorizontal:10,width:'100%',
+    },
+    dstorel_row:{flexDirection:'row',width:'100%',paddingBottom:5,paddingTop:5,borderBottomWidth:1,borderBottomColor:PageTheme.$secondary_color_light},
+    dstorel_row_last:{borderBottomWidth:0},
+    dstorel_codeLbl:{fontSize:12,color:PageTheme.$secondary_color_dark,marginRight:5},
+    dstorel_codeText:{fontSize:12,fontWeight:'400',color:PageTheme.$text_color,marginRight:5},
+    dstorel_codeSep:{fontSize:12,color:PageTheme.$text_color,marginRight:5},
+    dstorel_codeCon:{marginRight:0,flexDirection:'row',alignItems:'center'},
+
+    // storePhotos
+    storePhotosl_card:{
+      paddingVertical:7,
+      paddingHorizontal:10,
+      marginHorizontal:10,
+      marginBottom:5,
+      flexDirection:'row',
+      borderRadius:5,
+      borderWidth:2,
+      borderColor:PageTheme.$secondary_color_light,
+      alignItems:'center',
+    },
+    storePhotosl_card_details:{width:100,paddingLeft:10,marginRight:10,},
+    storePhotosl_card_title:{
+      fontSize:15,
+      color:PageTheme.$text_color,
+      fontWeight:'500',
+    },
+    storePhotosl_card_subtitle:{fontSize:11,color:PageTheme.$text_color_light,fontWeight:'400',},
+    storePhotosl_card_img:{width:50,height:50},
+    storePhotosl_card_remove_btn:{position:'absolute',right:10,},
+    // daily menu card style
+    dailym_scroll_con:{padding:10,alignItems:'center',width:'100%'},
+    dailym_scroll:{width:'100%'},
+    dailym_bgcolor1:{backgroundColor:'#e0f9a5'},
+    dailym_bgcolor2:{backgroundColor:'#ffd667'},
+    dailym_bgcolor3:{backgroundColor:'#c2ddff'},
+    dailym_bgcolor4:{backgroundColor:'#d9c2ff'},
+    dailym_card:{
+      paddingHorizontal:20,
+      marginBottom:10,
+      borderRadius:5,
+      paddingVertical:10,
+      justifyContent:'center',
+      width:'100%',
+      height:100,
+      elevation:5,shadowColor:'#000',shadowOffset:{width:0,height:2},
+    },
+    dailym_con:{flexDirection:'row',alignItems:'center'},
+    dailym_photo:{
+      width:100,
+      height:80,
+      // marginTop:-20,
+    },
+    dailym_title:{
+      textAlign:'left',
+      color:PageTheme.$text_color,
+      fontSize:20,
+      width:150,
+      fontWeight:'500',
+      marginLeft:20,
+    },
+    dailym_done:{position:'absolute',width:31,height:31,right:15,top:15,borderRadius:15,elevation:3,shadowColor:'#000'},
+    dailym_done_icon:{},
+    //download screen 
+    download_scroll_con:{flex:1,padding:10,alignItems:'center',width:'100%',justifyContent:'center'},
+    download_scroll:{flex:1,width:'100%'},
+    downloadbtn:{
+      paddingVertical:10,
+      paddingHorizontal:20,
+      borderRadius:20,
+      backgroundColor:PageTheme.$primary_color,
+    },
+    downloadbtn_label:{
+      textAlign:'center',
+      color:PageTheme.$accent_color,
+      fontWeight:'500',
+    },
+    // storephotos form 
+    sform_con:{
+      paddingVertical:10,
+      paddingHorizontal:20,
+      borderBottomColor:PageTheme.$secondary_color_light,
+      borderBottomWidth:1,
+    },
+    sform_con2:{paddingHorizontal:10},
+    sform_hd:{ 
+    textAlign:'center',
+    color:PageTheme.$secondary_color_dark,
+    fontWeight:'500',
+    fontSize:16,
+    marginBottom:10,
+    },
+    sform_hd2:{ 
+      textAlign:'left',
+      width:'100%',
+      paddingVertical:10,
+      paddingHorizontal:20,
+      color:PageTheme.$secondary_color_dark,
+      fontWeight:'500',
+      fontSize:16,
+      marginBottom:10,
+    },
+    sform_group:{
+      paddingHorizontal:10,
+    },
+    sform_group2:{
+      paddingHorizontal:0,
+      marginBottom:10,
+    },
+    sform_50:{
+      width:'50%', 
+      marginHorizontal:5,     
+    },
+    sform_100:{
+      width:'100%', 
+      marginHorizontal:5,     
+    },
+    sform_flex:{flexDirection:'row',alignItems:'center'},
+    sform_label:{
+      textAlign:'left',
+      color:PageTheme.$text_color_dark,
+      fontWeight:'500',
+      fontSize:14,
+      width:'40%',
+      marginBottom:10,
+    },
+    sform_selectStyle:{
+      textAlign:'left',
+      backgroundColor:PageTheme.$secondary_color_light,
+      width:'60%',
+      borderRadius:20,
+      paddingVertical:0,
+      paddingHorizontal:0,
+      padding:0,
+      height:30,
+      color:PageTheme.$accent_color2,
+    }, 
+    sform_label2:{
+      textAlign:'left',
+      color:PageTheme.$text_color_dark,
+      fontWeight:'500',
+      fontSize:14,
+      width:'100%',
+      height:25,
+      marginBottom:0,
+      padding:0,
+    },
+    sform_label3:{
+      textAlign:'left',
+      color:PageTheme.$text_color_dark,
+      fontWeight:'500',
+      fontSize:14,
+      marginBottom:10,
+      padding:0,
+    },
+    sform_selectStyle2:{
+      textAlign:'left',
+      width:wp('40%'),
+      backgroundColor:PageTheme.$secondary_color_light,     
+      borderRadius:20,
+      paddingVertical:0,
+      paddingHorizontal:0,
+      padding:0,
+      color:PageTheme.$accent_color2,
+    }, 
+    sform_row:{
+      flexDirection:'row',
+    },
+    sform_row2:{
+      flexDirection:'row',
+      width:wp('100%'),
+      paddingHorizontal:10,
+    },
+    sform_inputStyle:{
+      textAlign:'left',
+      width:wp('40%'),
+      backgroundColor:PageTheme.$secondary_color_light,   
+      paddingVertical:5,
+      paddingHorizontal:10,
+      color:PageTheme.$accent_color2,
+    },
+    sform_inputStyle2:{
+      textAlign:'left',
+      width:'100%',
+      backgroundColor:PageTheme.$secondary_color_light, 
+      paddingVertical:5,
+      paddingHorizontal:10,
+      color:PageTheme.$accent_color2,
+    },
+     
+    sform_selectItem:{borderBottomWidth:1,borderBottomColor:PageTheme.$text_color},
+    sform_selectedItem:{backgroundColor:PageTheme.$secondary_color_light,},
+    sform_btn_con:{
+      width:'100%',
+      marginTop:10,
+      marginBottom:0,
+      alignItems:'center',
+      justifyContent:'center',
+      flexDirection:'row'
+    },
+    fixedbtn:{marginBottom:20},
+    sform_btn:{
+      paddingVertical:10,
+      paddingHorizontal:20,
+      borderRadius:20,
+      backgroundColor:PageTheme.$primary_color,
+      alignItems:'center',
+      flexDirection:'row',
+      justifyContent:'center',
+      minWidth:150,
+    },
+    sform_btn_icon:{
+      marginRight:5,
+    },
+    sform_btn_text:{
+      textAlign:'center',
+      color:PageTheme.$accent_color,
+      fontWeight:'500',
+    },
+    sform_pic_row:{flexDirection:'row',width:'100%',marginTop:10,justifyContent:'center'},
+    sform_pic_row2:{justifyContent:'flex-start'},
+    sform_pic_con:{width:(wp('33%')-25),marginHorizontal:5,display:'flex'},
+    capture_image_btn:{width:80,height:40,alignItems:'center',flexDirection:'row',justifyContent:'center',alignSelf:'center'},
+    store_img:{width:'100%',height:90,borderRadius:5,marginBottom:5,
+    backgroundColor:'#b5b5b5'
+  },
+    csku_scroll_con:{padding:10,width:'100%'},
+    sf_datePicker_text:  {
+      textAlign:'left',
+      width:wp('40%'),
+      backgroundColor:PageTheme.$secondary_color_light,
+      paddingVertical:5,
+      paddingHorizontal:10,
+      color:PageTheme.$accent_color2,
+    },
+    sf_datePicker:{position:'absolute',width:21,height:21,right:25,top:3},
+    sf_datePicker_con:{position:'relative'},
+    select_ht:{height:53},
+    // report menu
+    reportMenu_con:{paddingHorizontal:20,paddingVertical:20,},
+    reportMenu_hd:{
+      textAlign:'center',
+      width:'100%',
+      paddingVertical:10,
+      paddingHorizontal:20,
+      color:PageTheme.$secondary_color_dark,
+      fontWeight:'500',
+      fontSize:20,
+      marginBottom:10,
+    },
+    reportMenu:{marginTop:10},
+    reportMenu_item:{
+      paddingVertical:10,
+      paddingHorizontal:20,
+      borderRadius:5,      
+      minHeight:50,
+      alignItems:'center',
+      flexDirection:'row',
+      justifyContent:'center',
+      minWidth:150,
+      marginBottom:10,
+    },
+    reportMenu_item_bg1:{backgroundColor:PageTheme.$primary_color,},
+    reportMenu_item_bg2:{backgroundColor:'#ffd667',},
+    reportMenu_item_text:{
+      textAlign:'center',
+      color:PageTheme.$accent_color,
+      fontWeight:'500',
+      fontSize:16,
+    },
+    // loaderSyle
+    loaderBackdrop:{
+      position:'absolute',
+      width:wp('100%'),
+      height:hp('100%'),
+      backgroundColor:'#00000052',
+      padding:10,
+      flex:1,
+      flexDirection:'row',
+      alignItems:'center',
+      justifyContent:'center',
+      top:0,
+      zIndex:9999, 
+    },
+    loaderCon:{
+      backgroundColor:PageTheme.$bg_color,
+      width:'80%',
+      height:50,
+      borderRadius:4,
+      elevation:10,
+      shadowColor:'#000', 
+      shadowOpacity:0.5,
+      shadowOffset:{width:0,height:3},
+      flexDirection:'row',
+      alignItems:'center',
+      justifyContent:'center',
+          
+    },
+    download_loaderCon:{backgroundColor:PageTheme.$accent_color,width:'80%',borderRadius:4,elevation:10,shadowColor:'#000', shadowOpacity:0.5,shadowOffset:{width:0,height:3},padding:10,},
+    download_Title:{color:PageTheme.$text_color, fontSize:16,fontWeight:'500',marginBottom:7},
+    download_count:{color:PageTheme.$text_color_light, fontSize:13,fontWeight:'400'},
+    download_subTitle:{color:PageTheme.$text_color_dark, fontSize:12,fontWeight:'400'},
+    downloadProgress:{position:'relative',marginVertical:7},
+    downloadProgress_bg:{height:10,borderRadius:10,backgroundColor:PageTheme.$text_color_light2,width:'100%'},
+    downloadProgress_filled:{position:'absolute',top:0,height:10,borderRadius:10,backgroundColor:PageTheme.$primary_color,width:'0%'},
+    spinnerCon:{position:'relative'},
+    downloadModal_spin:{position:'absolute',top:10,right:10,},
+    spinner:{},
+    spinnerInner:{position:'absolute',top:4,left:4},
+    spinnerInner2:{position:'absolute',top:2,left:2},
+    loaderTitle:{
+      fontSize:16,
+      color:PageTheme.$text_color, 
+      marginLeft:30,     
+    },
+    // store info
+    storeInfo_wrap:{borderRadius:10},
+    dm_storeInfo:{width:wp('100%'),backgroundColor:PageTheme.$accent_color,padding:10,borderRadius:4,borderBottomWidth:2,borderBottomColor:PageTheme.$secondary_color_light,marginTop:10,paddingBottom:20},
+    dm_storeInfo_title:{color:PageTheme.$text_color_dark,fontWeight:'500',fontSize:16,},
+    dm_storeInfo_subtitle:{color:PageTheme.$text_color_light,fontWeight:'400',fontSize:13,},
+    checkinbtn:{
+      paddingVertical:10,
+      paddingHorizontal:20,
+      borderRadius:20,
+      backgroundColor:PageTheme.$primary_color,
+      alignItems:'center',
+      flexDirection:'row',
+      justifyContent:'center',
+      minWidth:150,
+      marginTop:40,
+    },
+    checkinbtn_text:{color:PageTheme.$accent_color,fontSize:16},
+    // selfie box:
+    selfie_preview_con:{width:wp('100%'),paddingHorizontal:20,alignItems:'center',justifyContent:'center'},
+    selfie_preview_hd:{textAlign:'left'},
+    selfie_preview:{flexDirection:'row',alignItems:'center'},
+    selfiep_img:{width:100,height:100,backgroundColor:'#b5b5b5'},
+    take_selfie_btn:{
+      paddingVertical:10,
+      paddingHorizontal:20,
+      borderRadius:20,
+      backgroundColor:PageTheme.$primary_color,
+      alignItems:'center',
+      flexDirection:'row',
+      justifyContent:'center',
+      minWidth:150,
+      marginLeft:40,
+    },
+    take_selfie_btn_text:{color:PageTheme.$accent_color,fontSize:16,marginLeft:10},
+    
+    // checkin info
+    checkinMainCon:{width:'100%'},
+    checkinInfo:{width:'100%',paddingBottom:10,marginBottom:10,borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:2,},
+    checkinInfo_hd:{color:PageTheme.$secondary_color_dark,fontSize:15,marginRight:10},
+    checkinInfo_hdr:{flexDirection:'row',alignItems:'center',marginBottom:5,},
+    checkinInfo_timecon:{flexDirection:'row',},
+    checkinInfo_timeinner:{marginLeft:10,},
+    checkinInfo_img:{width:120,height:150,backgroundColor:'#b5b5b5'},
+    checkinInfo_time:{color:PageTheme.$text_color,fontSize:14,},
+    checkinInfo_btnCon:{flex:1,alignItems:'center'},
+    goto_storemenu_btn:{flexDirection:'row',marginTop:20,borderColor:PageTheme.$primary_color,borderWidth:2,borderRadius:20,paddingHorizontal:10,height:30,alignItems:'center'},
+    goto_storemenu_btn_text:{color:PageTheme.$primary_color,fontSize:14,marginRight:20},
+    statusIcon:{position:'absolute',top:0,right:0},
+    storeintro_scroll:{width:'100%',},
+    storeintro_scrollcon:{width:'100%',
+    paddingBottom:10,
+    paddingHorizontal:5,},
+    store_audit_img_con:{width:'100%',marginTop:10,marginHorizontal:5,alignSelf:'center',position:'relative',backgroundColor:'#f5f5f5'},
+    store_audit_image:{width:'100%',height:150,backgroundColor:'#f5f5f5'},
+    store_audit_pickimg_btn:{position:'absolute',right:5,top:0,padding:10},
+    clocktimer:{position:"absolute",right:0,top:10,flexDirection:'row'},
+    clocktimerWrap:{marginTop:10,marginLeft:10},
+    clocktimerRow:{flexDirection:'row',alignItems:'center', backgroundColor:PageTheme.$accent_color,width:'auto',paddingHorizontal:15,paddingVertical:5,borderRadius:30,width:220,justifyContent:'center'},
+    clocktimerText:{color:PrimaryTheme.$primary_color,fontSize:12,marginLeft:5,fontWeight:'400'},
+
+    // QAD styles
+    qad_bg:{flex:1,alignItems:'center',position:'relative'},
+    qad_hdr:{alignItems:'center',width:'100%',paddingTop:20,paddingBottom:10,paddingLeft:10,paddingRight:10,position:'absolute',top:0,left:0},
+    qad_text:{color:PageTheme.$accent_color,fontSize:18,fontWeight:'500',textAlign:'center',marginBottom:5,textTransform:'capitalize'},
+    qad_subtext:{color:PageTheme.$accent_color,fontSize:13,fontWeight:'400',textAlign:'center',marginBottom:5,},
+    qadPopUp:{flex:1,width:wp('100%'),marginTop:160,backgroundColor:PageTheme.$accent_color,borderTopLeftRadius:20,borderTopRightRadius:20,elevation:5,shadowOpacity:1,shadowColor:'#323232',alignItems:'center',padding:20},
+    qadPopUpInner:{flex:1},
+    qadScrollCon:{flex:1,width:'100%',padding:0,height:420},
+    qadInnerCon:{alignItems:"center",position:'relative'},
+    
+    // QAD Progess bar
+    linear_progressBarWrapper:{backgroundColor:'#fff',paddingHorizontal:10,paddingVertical:10,flexDirection:'row',width:'100%',position:'relative',elevation:5,borderRadius:15,alignItems:'center'},
+    linear_progressBar:{width:'87%',marginRight:10,position:'relative'},
+    linear_progressBar_bg:{width:'100%',borderRadius:5,height:10,backgroundColor:PageTheme.$text_color_light2},
+    linear_progressBar_filled:{width:'0%',borderRadius:5,height:10,backgroundColor:PageTheme.$primary_color,marginRight:10,position:'absolute',top:0,left:0},
+    linear_progressBarText:{paddingLeft:10,borderLeftWidth:1,borderLeftColor:PageTheme.$text_color_light,color:PageTheme.$text_color},
+    
+
+    // QAD Form
+    qad_form:{marginTop:10},
+    qad_questions:{width:'100%',display:'none'},
+    qad_questionsShow:{display:'flex'},
+    qad_qtnText:{color:PageTheme.$text_color,fontSize:17,fontWeight:'600'},
+    qad_optionsCon:{marginTop:20,paddingHorizontal:10},
+    qad_optionBtn:{backgroundColor:PageTheme.$secondary_color_light,paddingHorizontal:15,paddingVertical:12,marginBottom:10,borderRadius:10,elevation:2},
+    qad_optionBtnText:{fontSize:12,color:PageTheme.$text_color},
+    qad_qtnBtnsGrp:{width:wp('87%'),marginTop:20,position:'relative',height:50,padding:10},
+    qad_qtnBtn:{backgroundColor: PageTheme.$primary_color,elevation:6,shadowColor:PageTheme.$primary_color,shadowOffset:{width:0,height:2},borderRadius: 40,width:'35%',height: 40,display: 'flex',alignItems: 'center',justifyContent: 'center'},
+    qad_qtnBtnText:{color: PageTheme.$accent_color,textAlign: 'center',fontSize: 15,padding: 10,},
+    qad_btnSubmitCon:{position:'absolute',right:0,width:'35%'},
+    qad_btnSubmit:{elevation:6,shadowColor:PageTheme.$primary_color,shadowOffset:{width:0,height:2},borderRadius: 40,width:'100%',height: 40,display: 'flex',alignItems: 'center',justifyContent: 'center'},
+    qad_btnBack:{position:'absolute',left:0},
+    qad_btnBackText:{},
+    qad_btnNext:{position:'absolute',right:0},
+    qad_btnNextText:{},
+    qad_timer_wrapper:{flexDirection:'row',marginTop:5,alignItems:'center',paddingHorizontal:10},
+    qad_timerText:{marginLeft:10,color:PageTheme.$text_color,fontSize:16,marginRight:10},
+    timerProgressBar:{position:'relative',flex:1,height:10,overflow:"hidden"},
+    timerProgressBar_bg:{height:10,borderRadius:10,backgroundColor:PageTheme.$text_color_light2,width:'100%'},
+    timerProgressBar_filled:{height:10,borderRadius:10,backgroundColor:'green',position:'absolute',top:0},
+    answerRemark:{padding:10,backgroundColor:'#bdebbd',borderRadius:10,marginTop:5},
+    answerRemarkText:{fontSize:14,color:'green'},
+    remarkRedbg:{backgroundColor:'#fdc0c0'},
+    remarkRed:{color:'red'},
+
+    // forgetMpin
+    forgetMpinWrap:{width:wp('80%'),paddingVertical:10,position:'relative',marginTop:10},
+    forgetMpinBtn:{position:'absolute',right:0,top:0},
+    forgetMpinText:{color:PageTheme.$text_color_light},
+
+    // modalWrapper
+    modalWrapper:{position:'absolute',top:0,left:0,width:wp('100%'),height:hp('100%'),backgroundColor:'#000',zIndex:999},
+    downloadModalWrapper:{},
+
+    // attendance_menu
+    attmenu_listcon:{width:wp('100%'), },
+    attmenu_list:{ width:wp('100%'),marginTop:10,paddingBottom:10,paddingHorizontal:20,flexDirection:'row',flexWrap:'wrap'},
+    attendance_menu_outer:{width:wp('50%')-30,marginBottom:20,},
+    attendance_menu_first:{marginRight:20,},
+    attendance_menu:{padding:10,borderRadius:7,elevation:3,height:120,alignItems:'center'},
+    attendance_menu_inner:{alignItems:'center',height:'60%',justifyContent:'center'},
+    attendance_Icon:{width:50,height:50},
+    attendance_menu_image:{height:50,},
+    attendance_menu_title:{fontSize:16,fontWeight:'bold',color:PageTheme.$text_color,marginTop:10,textAlign:'center'},
+
+    // backgroundVideo
+    backgroundVideo:{position:'absolute',top:0,bottom:0,left:0,right:0},
+
+    // no download data style
+    nodownloaddata_con:{width:'100%',height:'100%',alignItems:'center',justifyContent:'center'},
+    nodownloaddata_row:{width:'100%',height:'100%',alignItems:'center',justifyContent:'center'},
+    nodownloaddata_text:{fontSize:15,fontWeight:"500",color:PageTheme.$text_color_light,textAlign:'center',marginTop:10},
+
+    // no data available 
+    noDataCon:{width:'100%',height:400,alignItems:'center',justifyContent:'center'},
+    noDataText:{fontSize:15,fontWeight:"500",color:PageTheme.$text_color_light,textAlign:'center'},
+
+    // geotag screen
+    geotag_scroll:{justifyContent:'center',padding:10,paddingBottom:10,paddingTop:5},
+    geotag_scroll_pb:{paddingBottom:50,},
+    gtag_sImageWrap:{position:'absolute',bottom:-60,alignItems:'center',left:0,right:0, width:'100%'},
+    gtag_sImage_View:{position:'absolute',top:-60,elevation:1,backgroundColor:'#fff',borderRadius:15,padding:3,shadowOpacity:0.1,shadowColor:'#000',shadowOffset:{width:0,height:2}},
+    gTag_sImageBtn:{position:'absolute',zIndex:2,top:5,elevation:2,backgroundColor:PageTheme.$red,borderRadius:20,padding:9,shadowOpacity:0.25,shadowColor:PageTheme.$red,shadowOffset:{width:0,height:2}},
+    gtag_sImagelbl:{alignItems:'center',paddingHorizontal:20,paddingTop:30,paddingBottom:10,borderRadius:10,backgroundColor:PageTheme.$bg_color,elevation:2,shadowOpacity:0.2,shadowColor:'#000',shadowOffset:{width:0,height:2}},
+    gtag_sImagelblText:{fontSize:14,fontWeight:'500',color:PageTheme.$text_color,zIndex:1,marginTop:20,},
+    gTag_btnWrap:{alignItems:'center',marginTop:40},
+    gTag_btnWrapCI:{marginTop:40,},
+    gTag_Image:{width:80,height:80,borderRadius:13},
+    gTag_distanceAway:{paddingHorizontal:13,paddingVertical:7,borderRadius:6,backgroundColor:'#f5aeae78',width:'90%'},
+    gTag_distanceAwayLbl:{fontSize:14,color:'red',textAlign:'center',fontWeight:'500'},
+    android_flipIMageView:{transform:[{scaleX:-1}]},
+    // geotag_Page:{marginTop:StatusBar.currentHeight+10,position:'relative'},
+    // geotag_BackBtn:{position:'absolute',top:20,left:20,backgroundColor:PageTheme.$primary_color,padding:10,borderRadius:40,elevation:4,shadowColor:'#676767'},
+    // geotag_BackBtnIcon:{},
+
+    // map
+    mapWrapCon:{marginBottom:10,position:'relative'},
+    mapWrapConIOS:{backgroundColor:'#fff',padding:1,borderRadius:15,elevation:5,shadowColor:'#000',shadowOpacity:0.2,shadowOffset: { width: 0, height: 2 }},
+    mapWrapper:{width:'100%',height:hp('100%')-(350+EXTRA_SPACE),backgroundColor:'#fff',borderRadius:15,overflow:'hidden',elevation:5,shadowColor:'#000',shadowOpacity:0.6,shadowOffset: { width: 0, height: 2 }},
+    mapWrapperView:{height:hp('100%')-(310+EXTRA_SPACE)},
+    mapWrapperSmall:{height:hp('100%')-(380+EXTRA_SPACE)},
+    mapStyle:{width:'100%',height:'100%'},
+    customMapStyle:{borderRadius:10,},
+    // Store Visited Modal Style
+    storelVisitM_Style:{alignItems:'center'},
+    storelVisitM_titleStyle:{textAlign:'center',marginTop:20,marginBottom:20},
+    storelVisitM_options:{flexDirection:'row',marginBottom:20,justifyContent:'space-evenly',width:'80%'},
+    storelVisitM_op_btn:{backgroundColor:PageTheme.$primary_color,color:PageTheme.$accent_color,paddingHorizontal:20,paddingVertical:6,borderRadius:20,minWidth:70},
+    storelVisitM_op_btnText:{textAlign:'center',color:PageTheme.$accent_color},
+
+    // MPin MOdal
+    MPinM_Style:{alignItems:'center',paddingTop:20,width:'90%'},
+    MPinM_title_Style:{textAlign:'center',marginBottom:10,fontSize:15,color:PageTheme.$text_color,fontWeight:'500'},
+    MPinM_subtitle_Style:{textAlign:'center',fontSize:13,marginLeft:5,color:PageTheme.$red,fontWeight:'400'},
+    MPinM_subtitle_Style2:{textAlign:'center',fontSize:13,marginBottom:10,color:PageTheme.$red,fontWeight:'400'},
+    MPinM_subtitleCon:{flexDirection:'row',marginLeft:-5,marginBottom:5,justifyContent:'center',alignItems:'center'},
+    MPinM_con:{marginBottom:10,padding:10,},
+    MPinM_otp_inputStyle:{
+      textAlign:'center',
+      backgroundColor:PageTheme.$secondary_color_light,
+      width:'80%',
+      borderRadius:4,
+      paddingVertical:10,
+      paddingHorizontal:15,
+      height:50,
+      color:PageTheme.$accent_color2,
+      marginBottom:10,
+      marginRight:10,
+      fontSize:25,
+    },
+    MPinM_otp_field:{
+      flexDirection:'row',
+    },
+
+    // app update modal 
+    appUpdateMStyle:{alignItems:'center'},
+    appUpdateMT_Style:{marginTop:10,marginBottom:10,fontSize:13,fontWeight:"500",color:PageTheme.$text_color},
+    appUpdateMT_SubStyle:{paddingHorizontal:10,marginBottom:20,fontSize:12,fontWeight:"400",color:PageTheme.$text_color_light},
+
+    // Store Cancel visit modal
+    storelCM_alertCon:{marginBottom:20,flexDirection:'row',alignItems:'center'},
+    storelCM_alert:{textAlign:'center',color:'#ff0000',fontSize:14,fontWeight:'400',marginLeft:10},
+    storelCancelM_titleStyle:{textAlign:'center',marginTop:10,fontSize:14,fontWeight:'500'},
+    storelCancelM_subtitleStyle:{marginBottom:10,fontSize:13,fontWeight:'400',color:PageTheme.$primary_color,textTransform:'capitalize'},
+
+    // custom modal
+    customModal:{backgroundColor:PageTheme.$accent_color,width:'80%',borderRadius:4,elevation:10,shadowColor:'#000', shadowOpacity:0.5,padding:10,shadowOffset: { width: 0, height: 2 },},
+    customModal_Title:{color:PageTheme.$text_color, fontSize:16,fontWeight:'500',marginBottom:7},
+    customModal_Message:{color:PageTheme.$text_color_light, fontSize:14,fontWeight:'400',marginBottom:10},
+    
+
+    // non working rsns style
+    storeD_Main:{width:'100%',height:'100%',paddingVertical:10,},
+    storeD_storelMain:{width:'100%',paddingHorizontal:10,},
+    storeD_scrollCon:{width:'100%',height:hp('100%')-(340+EXTRA_SPACE)},
+    storeD_scroll:{width:'100%',marginBottom:20,paddingHorizontal:10,},
+    nonWorking_con:{width:'100%'},
+    nonWorking_form:{width:'100%'},
+    nonWform_hd:{textAlign:'left',color:PageTheme.$text_color,fontSize:15,paddingVertical:5,paddingHorizontal:10,fontWeight:'600',marginBottom:10,},
+    // nonWorking_imgWrap:{width:'100%',height:200,backgroundColor:PageTheme.$text_color_light2,marginTop:20,},
+    // nonWorking_form_selectBox:{width:'100%',textAlign:'left',paddingVertical:0,paddingHorizontal:0,padding:0,height:30,color:PageTheme.$accent_color2,},
+    nonW_btnWrap:{position:'absolute',bottom:10,left:10,alignItems:'center',width:'100%',alignItems:'center'},
+
+    nonWlist:{position:'relative',flexDirection:'row',marginBottom:10,alignItems:'center',width:'100%',backgroundColor:PageTheme.$bg_color,elevation:2,borderRadius:7,paddingHorizontal:10,paddingVertical:10,shadowColor:'#000',shadowOpacity:0.15,shadowOffset:{width:0,height:2}},
+    nonWlist_camera:{position:'absolute',right:0,alignItems:'center',justifyContent:'center',padding:10,},
+    nonWlist_camera_icon:{},
+    nonWlist_Text:{fontSize:14,color:PageTheme.$text_color,marginRight:10,},
+    nWselStyle:{backgroundColor:PageTheme.$secondary_color_dark,},
+    nWselStyleText:{color:PageTheme.$accent_color},
+
+    // nonWCapImgModal
+    nonWCapImgModal:{alignItems:'center'},
+    nonWCapImgModal_title:{fontSize:14,},
+    nonWCapImgModal_subtitle:{},
+    nonWCapImgModalCon:{width:'100%',alignItems:'center',position:'relative'},
+    nonWCapImgModal_Camera:{marginTop:10,marginBottom:20,padding:10,},
+    nonWCapImgModal_btng:{flexDirection:'row',justifyContent:'space-evenly',width:'100%'},
+    nonWCapImgModal_Cancel_btn:{marginBottom:10,paddingHorizontal:15,paddingVertical:10,minWidth:100,backgroundColor:PageTheme.$accent_color,borderColor:PageTheme.$primary_color,borderWidth:1,borderRadius:40,elevation:1},
+    nonWCapImgModal_Cancel_btnText:{textAlign:'center',color:PageTheme.$primary_color},
+    nonWCapImgModal_Save_btn:{marginBottom:10,paddingHorizontal:15,paddingVertical:10,minWidth:100,backgroundColor:PageTheme.$primary_color,borderRadius:40,elevation:1},
+    nonWCapImgModal_Save_btnText:{textAlign:'center',color:PageTheme.$accent_color},
+    nonWCapImgModal_ImgWrap:{marginTop:10,marginBottom:20,padding:10,width:'100%',alignItems:'center'},
+    nonWCapImgModal_Img:{backgroundColor:'#efefef',width:150,height:100,resizeMode:'contain'},
+    nonWCapImgModal_CameraSmall:{position:'absolute',right:40,top:0,padding:5,backgroundColor:PageTheme.$bg_color,borderRadius:40,elevation:3},
+
+    // store Distance Modal
+    storeDistance_Modal:{padding:20,width:'90%',alignItems:'center'},
+    storeDistanceM_title:{fontSize:18,},
+    storeDistanceM_Con:{alignItems:'center'},
+    storeDistanceM_message:{fontSize:14,color:PageTheme.$text_color,fontWeight:'400',textAlign:'center'},
+    storeDistanceM_submessage:{fontSize:14,fontWeight:'400',textAlign:'center',color:PageTheme.$text_color},
+    storeDistanceM_btn:{minWidth:100,paddingHorizontal:20,paddingVertical:10,marginTop:20,backgroundColor:PageTheme.$primary_color,borderRadius:20,elevation:3},
+    storeDistanceM_btnText:{textAlign:'center',color:PageTheme.$accent_color},
+
+    // daily_menu
+    dailymenu_listcon:{width:'100%',alignItems:'center'},
+    dailymenu_list:{ paddingHorizontal:10,marginTop:10,paddingBottom:10,},
+    dialyMenu_Rows:{width:'100%',flexDirection:'row',marginBottom:0},
+    daily_menu_outer:{width:'50%',position:'relative',padding:10,},
+    
+    daily_menu_first:{},
+    daily_menu_tilebgShadow:{borderRadius:7,elevation:3,height:160,alignItems:'center',shadowColor:'#000',shadowOffset:{width:0,height:2},shadowOpacity:0.3,backgroundColor:'#0000'},
+    daily_menu:{width:'100%',height:'100%',padding:10,borderRadius:7,position:'absolute',top:0,left:0},
+    daily_menu_inner:{alignItems:'center',backgroundColor:PageTheme.$bg_color,borderRadius:10,paddingHorizontal:20,paddingVertical:5,marginTop:-20,marginBottom:10,elevation:2,shadowColor:'#000',shadowOffset:{width:0,height:0},shadowOpacity:0.2,justifyContent:'center'},
+    daily_menu_inner2:{alignItems:'center',paddingHorizontal:20,paddingTop:25,marginBottom:10,justifyContent:'center'},
+    daily_menu_innerImgCon:{position:'absolute',top:20,width:90,height:90},
+    daily_menu_bgImg:{width:'100%',height:'100%'},
+    daily_menu_Icon:{width:80,height:80},
+
+    daily_menu_title:{fontSize:14,fontWeight:'400',color:PageTheme.$text_color,marginTop:5,textAlign:'center'},
+    daily_menu_done:{position:'absolute',width:31,height:31,right:10,top:-10,borderRadius:15,elevation:3,shadowColor:'#000'},
+    
+
+    // Dail menu Category
+
+    catDMenuI_Wrap:{flexDirection:'row',alignItems:'center',justifyContent:'flex-start',width:'100%',marginBottom:10,borderRadius:4,paddingHorizontal:10,paddingVertical:8,backgroundColor:PageTheme.$secondary_color_light,elevation:1,shadowColor:'#000',shadowOpacity:0.1,shadowOffset:{width:0,height:2}},
+    catDMenuI_CheckBoxCon:{position:'absolute',width:25,height:25,top:4,left:5,},
+    catDMenuI_CheckBox:{alignSelf:'flex-start'},
+    catDMenuI_CheckBox_pName:{width:'85%',marginLeft:30},
+    catDMenu_listcon:{width:'100%'},
+    catDMenu_list:{ marginTop:10,paddingBottom:10,},
+    catDmenu_scroll:{justifyContent:'center',paddingBottom:10,paddingTop:5},
+
+    // opening stock kpi
+    opening_Stock_wrap:{width:'100%',marginBottom:10},
+    opening_Stock_scroll:{justifyContent:'center',padding:10,paddingBottom:10,},
+    opening_Stock_scrollOuter:{marginBottom:80,width:wp('100%')},
+    opening_Stock_cat:{width:'100%'},
+    opening_Stock_catHdr:{width:'100%',position:'relative'},
+    opening_Stock_catHdrIcon:{position:'absolute',right:10,top:5},
+    opening_Stock_catInner:{width:'100%',paddingHorizontal:10,paddingVertical:7,backgroundColor:PageTheme.$primary_color,borderRadius:5,},
+    opening_Stock_catText:{fontSize:14,fontWeight:'500',color:PageTheme.$accent_color},
+    
+    opening_Stock_SubCatHdr:{width:'100%',position:'relative'},
+    opening_Stock_SubCatIcon:{position:'absolute',right:10,top:10},
+    opening_Stock_SubCatInner:{width:'100%',paddingHorizontal:10,marginTop:10,paddingVertical:7,backgroundColor:PageTheme.$primary_color,borderRadius:5,},
+    opening_Stock_SubCatText:{fontSize:14,fontWeight:'500',color:PageTheme.$text_color,textAlign:'center'},
+  
+    osCat_actions:{width:'100%',marginVertical:10,marginTop:20,paddingBottom:10,alignItems:'center',borderBottomColor:PageTheme.$text_color_light2,borderBottomWidth:1,},
+    osCat_action_openCam:{},
+    osCat_action_add_image:{},
+    osCatImageView:{position:'relative',backgroundColor:PageTheme.$secondary_color_light,padding:5,borderRadius:10,},
+    osCat_action_reCap:{position:'absolute',top:-10,right:-10,padding:8,backgroundColor:PageTheme.$primary_color,borderRadius:30,elevation:2},
+    osCatImage:{width:80,height:80,borderRadius:10,backgroundColor:'#232323'},
+    osCat_actn_margin:{},
+    opening_Stock_prds:{paddingBottom:20,},
+    openStk_prd_Con:{paddingHorizontal:10,position:'relative',marginTop:10,paddingVertical:10,backgroundColor:PageTheme.$secondary_color_light,borderRadius:5,elevation:1,shadowColor:'#484848',shadowOpacity:0.1,shadowOffset:{width:0,height:2}},
+    openStk_prd_name:{fontSize:15,color:PageTheme.$text_color,fontWeight:'600'},
+    openStk_prd_nameB:{fontSize:15,color:PageTheme.$text_color,fontWeight:'600',borderBottomColor:PageTheme.$fourth_color,borderBottomWidth:1,paddingBottom:5},
+    openStk_prd_name2:{fontSize:14,color:PageTheme.$text_color,fontWeight:'400',marginTop:4,},
+    openStk_refImageBtn:{position:'absolute',right:20,top:5,width:40,height:40,borderRadius:20,alignItems:'center',justifyContent:'center'},
+    openStk_prd_form:{marginTop:10,},
+    openStk_prd_row:{width:'100%',flexDirection:'row',},
+    openStk_prd_cols:{width:'100%',},
+    openStk_prd_colflex:{width:'100%',flexDirection:'row',alignItems:'center',},
+    openStk_prd_col50:{width:'48.5%'},
+    openStk_prd_col50_1:{marginRight:5,},
+    openStk_prd_col50_2:{marginLeft:5},
+    openStkP_checkboxWrap:{flexDirection:'row',alignItems:'flex-start',justifyContent:'flex-start',borderBottomColor:PageTheme.$bg_color,borderBottomWidth:1,paddingBottom:10,},
+    openStkP_checkbox:{alignSelf:'flex-start'},
+    openStkP_checkboxCon:{position:'absolute',width:25,height:25,top:-5,left:-10,},
+    openStkP_checkbox_pName:{width:'85%',marginLeft:25},
+    openStk_prd_label:{fontSize:13,color:PageTheme.$text_color_dark,fontWeight:'400'},
+    openStk_prd_flexlabel:{marginRight:10,width:'35%',color:PageTheme.$text_color_dark},
+    openStk_prd_inputStyle:{backgroundColor:PageTheme.$bg_color,borderRadius:4,marginTop:5,height:30,paddingVertical:3,paddingHorizontal:5,minWidth:100,color:PageTheme.$text_color},
+    openStk_prd_flex_inputStyle:{marginTop:0,width:'60%'},
+    openStk_prd_selectStyle:{backgroundColor:PageTheme.$bg_color,borderRadius:4,height:40,minWidth:100},
+    openStk_prd_selectStyle_item:{height:40,fontSize:14,},
+    openStk_prd_choiceBoxCon:{height:40,width:'60%',paddingHorizontal:(Platform.OS=='ios'?10:0),},
+    openStk_prd_choiceBox:{position:'relative',backgroundColor:PageTheme.$bg_color,flexDirection:'row',height:40,alignItems:'center',width:'80%',maxWidth:150,minWidth:100,borderRadius:5},
+    openStkCh_con1:{width:'50%',height:'100%',paddingVertical:5,paddingHorizontal:10,justifyContent:'center',borderRadius:5,},
+    openStkCh_text:{textAlign:'center',color:PageTheme.$text_color},
+    openStkCh_textactive:{color:PageTheme.$accent_color},
+    openStkCh_con_red:{backgroundColor:'red'},
+    openStkCh_con_green:{backgroundColor:'green'},
+    openStkCh_con_active:{borderRadius:5,elevation:4,shadowColor:'#000',shadowOpacity:0.4,shadowOffset:{width:0,height:2},shadowRadius:5,backgroundColor:'#0000'},
+    openStkCh_absolutebg:{position:'absolute',top:0,bottom:0,width:'50%',left:'50%'},
+    opening_Stock_btnWrap:{position:'absolute',bottom:0,left:0,right:0,width:wp('100%'),paddingBottom:20,alignItems:'center'},
+    openStk_prddetails:{flexDirection:'row',marginTop:10,paddingTop:10,paddingBottom:10,alignItems:'center'},
+    openStk_prd_borderT:{borderTopColor:PageTheme.$fourth_color,borderTopWidth:1},
+    openStk_prd_borderB:{borderBottomColor:PageTheme.$fourth_color,borderBottomWidth:1},
+    openStk_prd_borderL:{borderLeftColor:PageTheme.$fourth_color,borderLeftWidth:1},
+    openStk_prd_borderR:{borderRightColor:PageTheme.$fourth_color,borderRightWidth:1},
+    openStk_prdd_wrap:{flexDirection:'row',alignItems:'center'},
+    openStk_prdd_flabel:{fontSize:13,fontWeight:'500',color:PageTheme.$secondary_color_dark,marginRight:10,},
+    openStk_prdd_fvalue:{fontSize:13,fontWeight:'500',color:PageTheme.$secondary_color_dark,marginRight:10,},
+    openStk_prdCameras:{marginTop:10,flexDirection:'row',flexWrap:'wrap'},
+    openStkCameraCon:{marginRight:10,},
+
+    // product cats in Stock with cat screen
+    prodCatsScroll:{justifyContent:'center',padding:10,paddingBottom:10,},
+    prodCatsScroll_Outer:{marginBottom:5,width:wp('100%')},
+    prodCatPageWrap:{alignItems:'center'},
+    prodCatsHdr:{backgroundColor:PageTheme.$primary_color,width:wp('100%')-20,paddingVertical:8,paddingHorizontal:10,marginBottom:15,borderRadius:6,elevation:1,shadowOffset: { width: 0, height: 2 } , shadowOpacity:0.2,},
+    prodCatsHdrText:{textAlign:'center',fontSize:14,color:PageTheme.$accent_color},
+    prodCatsHdr_Stockprds:{paddingBottom:10},
+    prdCat_hdIMgWrap:{width:wp('100%')-20,marginVertical:10,marginTop:20,paddingBottom:10,alignItems:'center',justifyContent:'center',borderBottomColor:PageTheme.$text_color_light2,borderBottomWidth:1,},
+    prdCat_hdImgCon:{width:wp('100%'),alignItems:'center'},
+    stockCatDone_check:{position:'absolute',width:24,height:24,right:10,top:5,borderRadius:15,elevation:3,paddingLeft:0.2,shadowColor:'#000'},
+
+
+    // SOS
+    SOS_subCatImgCon:{},
+    SOS_imageWrap:{width:'100%',paddingVertical:10,alignItems:'center',borderBottomColor:PageTheme.$text_color_light2,borderBottomWidth:1,},
+    
+
+    // shelf talker
+    st_TextLbl:{marginBottom:10,},
+
+    // Stock page 
+    stk_inptSTyle:{textAlign:'center'},
+    stk_mfdView:{marginTop:10,borderTopColor:PageTheme.$accent_color,borderTopWidth:2,paddingTop:10,},
+    stk_mfdTbl_hd:{marginBottom:10,marginTop:10,color:PageTheme.$text_color,fontSize:14,fontWeight:'500'},
+    stk_mfdTblHeader:{marginBottom:10,marginTop:10,backgroundColor:PageTheme.$primary_color, borderRadius:10,padding:5,elevation:3,shadowColor:'#747474',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0,flexDirection:'row',alignItems:'center',justifyContent:'space-between'},
+    stk_mfdTblHeaderBox:{width:'24%',alignItems:'center',backgroundColor:PageTheme.$secondary_color_light,paddingVertical:5,borderRadius:5,},
+    stk_mfdTblHeaderBox1:{},
+    stk_mfdTblHeaderBox2:{},
+    stk_mfdTblHeaderBox3:{},
+    stk_mfdTblHeaderBox4:{},
+    stk_mfdTblHeaderTxt:{fontSize:13,color:PageTheme.$text_color,marginRight:5,textTransform:'capitalize',fontWeight:'700'},
+    stk_addStockBtn:{position:'absolute',right:0,top:10,backgroundColor:PageTheme.$primary_color,borderRadius:4,paddingHorizontal:10,paddingVertical:5,elevation:1,shadowColor:'#747474',shadowOffset: { width: 0, height: 2 } , shadowOpacity:0.1},
+    stk_addStockBtnText:{fontSize:13,fontWeight:'500',color:PageTheme.$accent_color},
+    AddStockM_View:{width:'100%',marginBottom:10,},
+    AddStockM_row:{marginBottom:10,marginTop:0,width:'100%',paddingHorizontal:10},
+    AddStockM_label:{color:PageTheme.$text_color,fontSize:14,fontWeight:'400',marginBottom:5},
+    AddStockM_col:{},
+    AddStockM_MFDInputCon:{flexDirection:'row',alignItems:'center',justifyContent:'space-between'},
+    AddStockM_MFDInput:{height:30,alignItems:'center',justifyContent:'center',width:'84%',borderRadius:5,backgroundColor:PageTheme.$secondary_color_light,paddingHorizontal:10,paddingVertical:5,color:PageTheme.$text_color},
+    AddStockM_DatePicker:{width:30,height:30,backgroundColor:PageTheme.$primary_color,alignItems:'center',justifyContent:'center',borderRadius:5},
+    AddStockM_InputStyle:{height:30,borderRadius:5,backgroundColor:PageTheme.$secondary_color_light,paddingHorizontal:10,paddingVertical:5,color:PageTheme.$text_color},
+    AddStockM_cancelBtn:{backgroundColor:PageTheme.$bg_color,borderWidth:1,borderColor:PageTheme.$primary_color,minWidth:90},
+    AddStockM_cancelBtnText:{color:PageTheme.$primary_color},
+    AddStockM_Btn:{minWidth:90},
+
+    stk_mfdTblBody:{backgroundColor:PageTheme.$bg_color,borderRadius:5,paddingVertical:5},
+    stk_mfdTblrow:{marginBottom:5,borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:1,padding:5,flexDirection:'row',alignItems:'center',justifyContent:'space-between'},
+    stk_mfdTblrow_last:{borderBottomWidth:0,marginBottom:0},
+    stk_mfdTblCol:{paddingHorizontal:10,alignItems:'center',width:'24%',},
+    stk_mfdTblCol1:{},
+    stk_mfdTblCol2:{},
+    stk_mfdTblCol3:{},
+    stk_mfdTblCol4:{height:35},
+    stk_mfdTblColText:{color:PageTheme.$text_color,fontSize:13,fontWeight:'400'},
+    stk_mfdTbl_DeleteBtn:{position:'absolute',right:5,backgroundColor:PageTheme.$bg_color,borderRadius:20,width:30,height:30,alignItems:'center',justifyContent:'center',elevation:2,shadowColor:'#000',shadowOffset: { width: 0, height: 2 } , shadowOpacity:0.2},
+
+
+    // album designs 
+    alumbl:{backgroundColor:PageTheme.$bg_color,elevation:3,padding:10,marginBottom:10,borderRadius:4},
+    alumbl_img:{height:200,width:'100%',resizeMode:'contain'},
+    alumbl_topText:{color:PageTheme.$text_color,fontWeight:'600',marginBottom:10,fontSize:14},
+    alumbl_bottomText:{color:PageTheme.$text_color_light,fontWeight:'400',marginTop:10,fontSize:13},
+    album_ZOOM:{backgroundColor:'#000',width:wp('100%'),height:hp('100%'),},
+    album_ZOOM_wrap:{backgroundColor:'#000',position:'absolute',top:0,left:0,width:wp('100%'),height:hp('100%')+(Platform.OS=='android'?STATUSBAR_HEIGHT:0),zIndex:1},
+    album_ZOOM_img:{backgroundColor:'#fff',width:'100%',height:400},
+    album_ZOOM_topBar:{position:'relative',backgroundColor:'#fff',width:'100%',height:50,paddingHorizontal:10,paddingVertical:15,marginTop:STATUSBAR_HEIGHT+10,alignItems:'center',flexDirection:'row'},
+    album_ZOOM_backBtn:{position:'absolute',left:5,padding:10,},
+    album_ZOOM_indicator:{width:'100%',textAlign:'center',fontSize:14,color:PageTheme.$text_color},
+
+    // AddVisibilityPresent
+    addVis_Wrapper:{width:'100%',height:'100%',padding:10,paddingTop:0},
+    addvisCon:{},
+    addvis_pCon:{flexDirection:'row',alignItems:'center',paddingHorizontal:10,paddingBottom:10,marginBottom:10,borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:2,},
+    addvis_pText:{width:'40%',color:PageTheme.$text_color,fontWeight:'500',fontSize:15},
+    addvis_pChoiceBoxCon:{width:'60%',alignItems:'flex-end'},
+    addvis_pChoiceBoxbg:{backgroundColor:'#efefef'},
+    addVisForm:{paddingHorizontal:10,},
+    addVisRow:{flexDirection:'row',width:'100%',flexWrap:'wrap',justifyContent:'center'},
+    addVisCol50:{width:'47%',marginBottom:10,},
+    addVisCol100:{width:'100%',marginBottom:10,},
+    addVisColspace:{paddingHorizontal:5},
+    addVisCol1:{marginRight:5,},
+    addVisCol2:{marginLeft:5,},
+    addVisFormGrp:{},
+    addVisInputStyle:{height:40,borderRadius:5,backgroundColor:PageTheme.$secondary_color_light,paddingHorizontal:10,color:PageTheme.$text_color},
+    addVisLabel:{color:PageTheme.$text_color,fontSize:14,fontWeight:'400',marginBottom:6},
+    addVisPickerStyle:{height:40,borderRadius:5,},
+    addVisPickerOverlay:{backgroundColor:'#00000057'},
+    addVisPicker_OptionContainerStyle:{backgroundColor:'#fff',paddingHorizontal:0},
+    PV_selectStyle:{width:'60%'},
+    PV_selectInputStyle:{backgroundColor:PageTheme.$bg_color,width:'100%'},
+    addVisPicker_InputStyle:{backgroundColor:PageTheme.$secondary_color_light,borderRadius:5,overflow:'hidden',textAlign:'center',fontSize:14,color:PageTheme.$text_color,paddingVertical:12,paddingHorizontal:12},
+    addVisPicker_Dis_InputStyle:{backgroundColor:'#bbbbbb'},
+    // addVisPickerStyle_and:{backgroundColor:PageTheme.$secondary_color_light,borderRadius:5},
+    // addVisPickerStyle_IOS:{height:40,borderRadius:5,fontSize:14,marginLeft:-10},
+    addvis_opStyle:{padding:0},
+    addvis_opTextStyle:{paddingVertical:8,paddingHorizontal:10,fontSize:15,color:PageTheme.$text_color},
+    addvis_selectedOpStyle:{backgroundColor:PageTheme.$secondary_color_light},
+    addvis_selectedOpTextStyle:{paddingVertical:8,paddingHorizontal:10,color:PageTheme.$primary_color,textAlign:'center',fontSize:17},
+    addVisCameras:{flexDirection:'row',flexWrap:'wrap'},
+    addVisScroll:{height:hp('100%')-260},
+    addVisScrollCon:{},
+    addVis_btnWrap:{width:'100%',flexDirection:'row',alignItems:'center',justifyContent:'center',paddingBottom:15,paddingTop:5,borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:2},
+    addVis_btnWrap2:{borderBottomWidth:0,justifyContent:'flex-start'},
+    addVis_btn:{paddingHorizontal:20,minWidth:100,paddingVertical:10,borderRadius:40,backgroundColor:PageTheme.$primary_color,alignItems:'center',elevation:2,shadowColor:'#000',shadowOffset:{width:0,height:2},shadowOpacity:0.3},
+    addVisBtnText:{fontSize:14,color:PageTheme.$accent_color},
+    addVis_list:{paddingTop:10,paddingHorizontal:10,width:'100%'},
+    addVis_listhdrText:{color:PageTheme.$primary_color,},
+    addVis_listInner:{marginTop:10,},
+    addVis_listItem:{position:'relative',backgroundColor:PageTheme.$secondary_color_light,width:'100%',padding:10,borderRadius:5,marginBottom:20,elevation:2,shadowOffset:{width:0,height:2},shadowOpacity:0.15,shadowColor:'#000'},
+    addVis_listI_row:{flexDirection:'row',paddingBottom:5,marginBottom:5,borderBottomColor:PageTheme.$accent_color,borderBottomWidth:2,},
+    addVis_listI_lastrow:{borderBottomWidth:0,marginBottom:0},
+    addVis_listI_Label:{fontSize:15,fontWeight:'500',color:PageTheme.$secondary_color_dark,marginRight:5,width:'50%',flexWrap:'wrap'},
+    
+    addVis_listI_Label2:{fontSize:15,fontWeight:'500',color:PageTheme.$secondary_color_dark,marginRight:5},
+    addVis_listI_Val:{fontSize:14,fontWeight:'400',color:PageTheme.$text_color,width:'50%',flexWrap:'wrap'},
+    addVis_listI_Val2:{fontSize:14,fontWeight:'400',color:PageTheme.$text_color,width:'40%',flexWrap:'wrap'},
+    addVis_listI_Image:{width:80,height:80,borderRadius:5,},
+    addVis_listI_row2:{flexDirection:'row',width:'100%'},
+    addVis_listIcol1:{width:'60%'},
+    addVis_listIcol2:{width:'40%',paddingLeft:10,alignItems:'center'},
+    addVis_btnRemove:{padding:8,alignItems:'center',justifyContent:'center',paddingHorizontal:10,borderRadius:40,position:'absolute',right:0,top:-30,backgroundColor:PageTheme.$accent_color,elevation:2,shadowOpacity:0.2,shadowOffset:{width:0,height:2}},
+    addVis_listPcon:{width:'48%',marginTop:10,flexDirection:'row',backgroundColor:PageTheme.$bg_color,paddingVertical:3,paddingHorizontal:5,borderRadius:4,},
+    addVis_listPcon1:{marginRight:5},
+    addVis_listPcon2:{marginLeft:5},
+    addVis_listR:{flexDirection:"row",marginTop:10,flexWrap:'wrap'},
+    addVis_listRlbl:{fontSize:15,fontWeight:'500',color:PageTheme.$secondary_color_dark,marginRight:5,width:'60%',flexWrap:'wrap'},
+  
+    contactConvWrap:{paddingHorizontal:10,paddingTop:10,width:'100%',height:'100%'},
+    contactConvCard:{backgroundColor:PageTheme.$bg_color,elevation:2,shadowColor:'#000',shadowOpacity:0.15,borderRadius:5,shadowOffset:{width:0,height:2},padding:10},
+    contactConvCardRow:{flexDirection:'row',flexWrap:'wrap'},
+    contactConvCardCol:{width:'100%',marginBottom:10,},
+    ccCard_FormGrp:{flexDirection:'row',alignItems:'center'},
+    ccCard_lbl:{fontSize:15,fontWeight:'500',color:PageTheme.$secondary_color_dark,width:'45%',paddingRight:10,flexWrap:'wrap'},
+    ccCard_input:{width:'55%',backgroundColor:PageTheme.$secondary_color_light,borderRadius:5,overflow:'hidden',textAlign:'left',fontSize:14,color:PageTheme.$text_color,paddingVertical:12,paddingHorizontal:12},
+  
+    // survey list
+    surveyPageWrapper:{marginTop:10,paddingTop:10,backgroundColor:PageTheme.$secondary_color_light,borderTopLeftRadius:40,borderTopRightRadius:40,},
+    surveyList:{width:'100%',},
+    surveyListInner:{justifyContent:'center',padding:10,paddingHorizontal:15,width:'100%'},
+    surveyItem:{elevation:1,shadowOpacity:1,shadowOffset:{width:0,height:2},shadowColor:'#efefef',backgroundColor:'#0000',marginBottom:10,},
+    surveyItem_tile:{flexDirection:'row',alignItems:'center',width:'100%',padding:10,borderRadius:10},
+    surveyItem_name:{fontSize:16,fontWeight:'500',color:PageTheme.$text_color,},
+    surveyItemCircle:{backgroundColor:'#fff',width:40,height:40,borderRadius:20,alignItems:'center',justifyContent:'center',marginRight:10,},
+    surveyItemCircle_Text:{fontSize:16,fontWeight:'500',color:PageTheme.$primary_color,},
+    surveyItem_Check:{position:'absolute',width:24,height:24,right:10,borderRadius:15,elevation:3,paddingLeft:0.2,shadowColor:'#000'},
+
+    // survey cat
+    surveyCatList:{width:'100%',marginTop:20},
+    surveyCatItem:{elevation:1,shadowOpacity:1,shadowOffset:{width:0,height:2},shadowColor:'#000',backgroundColor:PageTheme.$bg_color,marginBottom:10,flexDirection:'row',alignItems:'center',borderRadius:5,paddingHorizontal:10,paddingVertical:5},
+    surveyCatItem_name:{fontSize:14,fontWeight:'500',color:PageTheme.$text_color,paddingRight:10,width:wp('100%')-125},
+    surveyCatItem_Circle:{backgroundColor:PageTheme.$secondary_color_light,width:40,height:40,borderRadius:20,alignItems:'center',justifyContent:'center',marginRight:10,},
+    surveyCatItem_CircleText:{fontSize:16,fontWeight:'500',color:PageTheme.$primary_color,},
+    surveyCatItem_Check:{position:'absolute',width:24,height:24,right:10,borderRadius:15,elevation:3,shadowColor:'#000'},
+
+
+    // survey toggle view
+    SurveyView:{position:'absolute',padding:10,paddingTop:30,paddingBottom:20,top:20,left:0,right:0,width:'100%',height:hp('100%')-(STATUSBAR_HEIGHT+50),shadowOpacity:1,shadowColor:'#8d8d8d',shadowRadius:5,alignItems:'center',borderTopLeftRadius:40,borderTopRightRadius:40,},
+    SurveyViewCloseBtn:{position:'absolute',top:-17,right:30,paddingHorizontal:6,paddingVertical:5,borderRadius:20,backgroundColor:PageTheme.$primary_color,shadowColor:'#8d8d8d',shadowOpacity:1,elevation:2,shadowOffset:{width:0,height:2}},
+    SurveyViewContent:{width:'100%'},
+    SurveyViewContentInner:{padding:10,height:hp('100%')-200},
+    SV_activeSurvey:{position:'absolute',top:-17,left:30,shadowColor:'#8d8d8d',shadowOpacity:1,elevation:2,shadowOffset:{width:0,height:2},backgroundColor:'#0000',marginBottom:10,width:wp('100%')-115},
+    SV_activeSurvey_tile:{padding:10,borderRadius:30,paddingHorizontal:20,backgroundColor:PageTheme.$primary_color},
+    SV_activeSurvey_name:{fontSize:16,fontWeight:'500',color:PageTheme.$accent_color,},
+
+    // survey questions
+    surveyQtnScroll:{width:'100%'},
+    surveyQtnScrollInner:{width:'100%',paddingBottom:10,paddingHorizontal:5,},
+    surveyQtn_InputStyle:{backgroundColor:PageTheme.$secondary_color_light,borderRadius:5,overflow:'hidden',textAlign:'left',fontSize:14,color:PageTheme.$text_color,paddingVertical:12,paddingHorizontal:12,height:40},
+    
+    surveyQtn_datePicker_text:  {
+      textAlign:'left',
+      width:'100%',
+      backgroundColor:PageTheme.$secondary_color_light,
+      paddingVertical:10,
+      paddingHorizontal:10,
+      color:PageTheme.$accent_color2,
+      height:'100%',
+      justifyContent:'center',
+      alignItems:'center',
+      borderRadius:5
+    },
+    surveyQtn_datePicker:{position:'absolute',width:40,height:40,right:0,top:0,backgroundColor:PageTheme.$primary_color,alignItems:'center',justifyContent:'center',borderTopRightRadius:5,borderBottomRightRadius:5},
+    surveyQtn_datePicker_con:{position:'relative',justifyContent:'center',height:40,},
+    surveyQtnRatingIcon:{position:'absolute',width:40,height:40,right:0,top:0,backgroundColor:PageTheme.$primary_color,alignItems:'center',justifyContent:'center',borderTopRightRadius:5,borderBottomRightRadius:5},
+
+    // survey Screen View
+    SVn_ContentCon:{paddingHorizontal:10,},
+    SVn_ContentOuter:{width:'100%',height:hp('100%')-180},
+    SVn_ContentInner:{padding:10},
+    SVn_activeSurvey:{zIndex:1,position:'absolute',top:-15,left:0,right:0,width:wp('100%'),alignItems:'center',marginBottom:10},
+    SVn_activeSurvey_tile:{shadowColor:'#8d8d8d',shadowOpacity:1,elevation:2,shadowOffset:{width:0,height:2},backgroundColor:'#0000',borderRadius:30,paddingHorizontal:15,alignItems:'center',paddingVertical:7,width:wp('100%')-50},
+    SVn_SubmitBtn:{position:'absolute',bottom:Platform.OS=='ios'?30:10,left:0,right:0,width:'100%',alignItems:'center'},
+    SVn_PageWrapper:{marginTop:10,paddingTop:10,backgroundColor:PageTheme.$bg_color,borderTopLeftRadius:40,borderTopRightRadius:40,},
+    SVn_QtnScroll:{width:'100%',paddingTop:20},
+    SVn_QtnScrollInner:{width:'100%',paddingBottom:40,paddingHorizontal:5,},
+    SVn_GroupView:{paddingTop:20,paddingBottom:30},
+    SVn_GroupView_hdr:{paddingHorizontal:10,paddingVertical:5,alignItems:'center'},
+    SVn_GroupView_hdrText:{fontSize:13,color:PageTheme.$accent_color},
+    SVn_GroupViewList:{paddingTop:10,},
+
+    // Feedback
+    FeedbVn_GroupView:{paddingBottom:20},
+
+    // RatingModal
+    RatingModal:{position:'absolute',zIndex:99,backgroundColor:'#00000055',alignItems:'center',justifyContent:'center',top:0,left:0,right:0,bottom:0,width:'100%',height:'100%'},
+    RatingModalCon:{zIndex:9999,backgroundColor:PageTheme.$bg_color,borderRadius:10,padding:10,width:'80%',elevation:3,shadowColor:'#000',shadowOffset:{width:0,height:2},shadowOpacity:0.3,},
+    RatingModalHeding:{textAlign:'center',fontSize:14,color:PageTheme.$text_color,fontWeight:'500',marginBottom:20,marginTop:10,},
+    RModal_list:{padding:10,},
+    RModal_listInner:{},
+    RModal_Btns:{flexDirection:'row',width:'100%',marginTop:20,marginBottom:20,justifyContent:'space-evenly'},
+    RModal_BtnCancel:{minWidth:100,paddingHorizontal:15,paddingVertical:7,borderColor:PageTheme.$primary_color,borderWidth:1,borderRadius:30,},
+    RModal_BtnTextCancel:{textAlign:'center',fontSize:14,color:PageTheme.$primary_color,fontWeight:'500'},
+    RModal_Btnsave:{minWidth:100,paddingHorizontal:15,paddingVertical:7,backgroundColor:PageTheme.$primary_color,borderRadius:30,},
+    RModal_BtnTextsave:{textAlign:'center',fontSize:14,color:PageTheme.$accent_color,fontWeight:'500'},
+    RModal_listItem:{paddingHorizontal:10,paddingVertical:7,borderRadius:4,marginBottom:10,},
+    RModal_listItemText:{textAlign:'center',fontSize:14,color:PageTheme.$text_color,fontWeight:'500'},
+
+    // Voice Rcorder
+    VRModalHeding:{textAlign:'center',fontSize:14,color:PageTheme.$text_color,fontWeight:'500',marginTop:10,},
+    VRSubHeding:{textAlign:'center',fontSize:12,color:PageTheme.$red,fontWeight:'400',marginBottom:20,marginTop:10,},
+    VRSubHeding2:{textAlign:'center',fontSize:12,color:PageTheme.$primary_color,fontWeight:'400',marginTop:10,},
+    VRMicBgRipple1:{width:80,height:80,borderWidth:5,borderColor:'#f5acb4c2',borderRadius:40,position:'absolute',top:0,left:0},
+    VRMicBgRipple2:{width:80,height:80,borderWidth:5,borderColor:'#fce6e9e3',borderRadius:70,position:'absolute',top:0,left:0},
+    
+
+    VoiceRecorder:{width:'100%',alignItems:'center'},
+    VoiceRecorderMic:{padding:10,},
+    VoiceRecorderMicBtn:{width:60,height:60,backgroundColor:PageTheme.$red,alignItems:'center',justifyContent:'center',borderRadius:40,elevation:3,shadowOpacity:0.2,shadowOffset:{width:0,height:2},shadowColor:'#bdbdbd'},
+    VoiceRecorderStopBtn:{width:60,height:60,backgroundColor:PageTheme.$red,position:'absolute',top:10,left:10,alignItems:'center',justifyContent:'center',borderRadius:40,elevation:3,shadowOpacity:0.2,shadowOffset:{width:0,height:2},shadowColor:'#bdbdbd'},
+    VoiceRecordedView:{marginTop:30,alignItems:'center',width:'100%'},
+    VoiceRecorderTimer:{textAlign:'center',fontSize:13,color:PageTheme.$text_color,fontWeight:'400'},
+    
+    VRPlayBack:{alignItems:'center',flexDirection:'row',marginTop:10,paddingTop:10,borderTopColor:PageTheme.$secondary_color_light,borderTopWidth:2,width:'100%',paddingHorizontal:10,},
+    VRPlayBackBarView:{width:'70%',alignItems:'center',},
+    VRPlayBackBar:{position:'relative',width:'100%'},
+    VRPlayBackBarBg:{width:'100%',height:10,borderRadius:20,backgroundColor:'#efefef'},
+    VRPlayBackBarFilled:{width:'10%',position:'absolute',top:0,left:0,height:10,borderRadius:20,backgroundColor:PageTheme.$primary_color},
+    VRPlayBackTimer:{},
+    VRPlayBackControls:{width:'30%',alignItems:'flex-end'},
+    VRPB_Play:{width:40,height:40,backgroundColor:PageTheme.$primary_color,alignItems:'center',justifyContent:'center',borderRadius:40,elevation:3,shadowOpacity:0.2,shadowOffset:{width:0,height:2},shadowColor:'#bdbdbd'},
+    VRPB_Pause:{width:40,height:40,backgroundColor:PageTheme.$primary_color,position:'absolute',top:0,right:0,alignItems:'center',justifyContent:'center',borderRadius:40,elevation:3,shadowOpacity:0.2,shadowOffset:{width:0,height:2},shadowColor:'#bdbdbd'},
+    
+    SurveyL_SubmitBtn:{position:'absolute',bottom:Platform.OS=='ios'?30:10,left:10,right:0,width:'100%',paddingBottom:20,alignItems:'center'},
+  
+     // Visitor Login
+     vl_scrollView:{width:wp('100%')},
+     vl_scrollViewInner:{width:'100%',paddingHorizontal:10,},
+     vlPageWrapper:{paddingTop:10,backgroundColor:PageTheme.$secondary_color_light},
+     
+     vlUinfo_Card:{marginBottom:10,backgroundColor:PageTheme.$bg_color, borderRadius:10,padding:10,elevation:3,shadowColor:'#000',shadowOffset: { width: 0, height: 2 } , shadowOpacity:0.15},
+     vlUinfo_CardRow:{flexDirection:'row',paddingHorizontal:5,paddingVertical:5},
+     vlUinfo_CardBorder:{borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:2},
+     vlUinfo_lbl:{fontSize:14,color:PageTheme.$secondary_color_dark,marginRight:5},
+     vlUinfo_text:{fontSize:14,color:PageTheme.$text_color,textTransform:'capitalize'},
+     vlEmplForm:{marginTop:10,marginBottom:10,},
+     vlEmplFormRow:{flexDirection:'row',alignItems:'center',},
+     vlEmplForm_field:{width:'80%'},
+     vlEmplForm_InputStyle:{marginRight:10,backgroundColor:PageTheme.$bg_color,borderRadius:7,elevation:3,shadowOffset:{width:0,height:2},shadowColor:'#afafaf',shadowOpacity:1.15,paddingVertical:10,paddingHorizontal:10,color:PageTheme.$text_color},
+     vlEmplSearchBtn:{width:'20%',paddingVertical:10,paddingHorizontal:10,alignItems:'center',justifyContent:'center',backgroundColor:PageTheme.$primary_color,borderRadius:7,elevation:3,shadowOffset:{width:0,height:2},shadowColor:'#747474',shadowOpacity:1.15},
+     vlEmplSearchBtnText:{fontSize:14,fontWeight:'500',color:'#fff'},
+
+     vlEmplList:{marginTop:10,},
+     vlEmplLDtl:{marginBottom:10,backgroundColor:PageTheme.$primary_color, borderRadius:10,padding:10,elevation:3,shadowColor:'#747474',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0},
+     vlEmplLDtlRow:{flexDirection:'row',paddingHorizontal:5,paddingVertical:5},
+     vlEmplLDtlRow_Lbl:{fontSize:14,color:PageTheme.$accent_color,marginRight:5,fontWeight:'700'},
+     vlEmplLDtlRow_Text:{fontSize:14,color:PageTheme.$text_color_light2,marginRight:5,textTransform:'capitalize'},
+     vlEmplLDtlRow_Border:{borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:1},
+     vlEmplLDtlAct:{paddingTop:10,flexDirection:'row',},
+     vlED_Act_Cameras:{width:'80%'},
+     vlED_Act_CameraCon:{marginRight:10,marginTop:5,},
+     vlED_Act_openCam:{},
+     vlED_Act_ImageView:{position:'relative',backgroundColor:PageTheme.$secondary_color_light,padding:5,borderRadius:10,width:60,height:60},
+     vlED_Act_Image:{width:50,height:50,borderRadius:10,backgroundColor:'#232323'},
+     vlED_Act_reCap:{position:'absolute',top:-10,right:-10,padding:8,backgroundColor:PageTheme.$bg_color,borderRadius:30,elevation:2,shadowColor:'#8d8d8d',shadowOffset: { width: 0, height: 2 } , shadowOpacity:0.5},
+     vlED_Act_addEmplCon:{width:'20%',justifyContent:'flex-end'},
+     vlED_Act_addEmpl:{height:40,paddingHorizontal:10,marginBottom:5,alignItems:'center',justifyContent:'center',backgroundColor:PageTheme.$accent_color,borderRadius:7,elevation:3,shadowOffset:{width:0,height:2},shadowColor:'#efefef',shadowOpacity:1},
+     vlED_Act_addEmplText:{fontSize:14,color:PageTheme.$primary_color,textTransform:'capitalize',fontWeight:'600'},
+
+
+     vl_visitorsList:{marginTop:10,borderTopColor:PageTheme.$accent_color,borderTopWidth:2,paddingTop:10,},
+     vl_visitorsListText:{fontSize:14,color:PageTheme.$secondary_color_dark,marginRight:5,fontWeight:'500'},
+     vl_TblHeader:{marginBottom:10,marginTop:10,backgroundColor:PageTheme.$primary_color, borderRadius:10,padding:5,elevation:3,shadowColor:'#747474',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0,flexDirection:'row',alignItems:'center'},
+     vl_TblHeaderBox:{alignItems:'center',backgroundColor:PageTheme.$secondary_color_light,paddingVertical:5,borderRadius:5,},
+     vl_TblHeaderBox1:{width:wp('30%')-15,marginRight:5},
+     vl_TblHeaderBox2:{width:wp('30%')-15,marginRight:5},
+     vl_TblHeaderBox3:{width:'40%'},
+     vl_TblHeaderTxt:{fontSize:13,color:PageTheme.$text_color,marginRight:5,textTransform:'capitalize',fontWeight:'700'},
+
+     vl_TblBody:{backgroundColor:PageTheme.$bg_color, borderRadius:10,padding:5,elevation:3,shadowColor:'#afafaf',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0},
+     vl_visitorsLItem:{flexDirection:'row',alignItems:'center',paddingVertical:10},
+     vl_visitorsLItemB:{borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:1},
+     vl_visitorsLI_Box:{alignItems:'center',},
+     vl_visitorsLI_Box1:{width:wp('30%')-15,marginRight:5,alignItems:'flex-start',paddingLeft:5,},
+     vl_visitorsLI_Box2:{width:wp('30%')-15,marginRight:5},
+     vl_visitorsLI_Box3:{width:'40%',flexDirection:'row',alignItems:'center',position:'relative'},
+     vl_visitorsLI_Txt:{fontSize:13,color:PageTheme.$text_color,marginRight:5,textTransform:'capitalize',fontWeight:'400'},
+     vl_CheckOutBtn:{backgroundColor:PageTheme.$primary_color,marginRight:5, borderRadius:10,padding:5,paddingHorizontal:10,elevation:3,shadowColor:'#afafaf',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0},
+     vl_CheckOutBtnText:{color:PageTheme.$accent_color,fontSize:14,fontWeight:'600'},
+     vl_DeleteBtn:{position:'absolute',right:5,backgroundColor:PageTheme.$bg_color,borderRadius:20,width:35,height:35,alignItems:'center',justifyContent:'center',elevation:2,shadowColor:'#afafaf',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0},
+
+     vl_checkoutModal:{alignItems:'center',},
+     vl_checkoutModalTitle:{fontSize:14,fontWeight:'500',color:PageTheme.$primary_color,marginBottom:10,},
+     vl_removeModalTitle:{fontSize:14,fontWeight:'500',color:PageTheme.$text_color,marginBottom:10,marginTop:10,},
+     vl_removeModalSubTitle:{fontSize:14,fontWeight:'500',color:PageTheme.$primary_color,marginBottom:20,},
+     vl_checkoutM_Con:{width:'100%'},
+     vl_checkoutM_Camera:{alignItems:'center',},
+     vl_checkoutM_CameraCon:{},
+     vl_checkoutM_openCam:{},
+     vl_checkoutM_ImageView:{position:'relative',backgroundColor:PageTheme.$secondary_color_light,padding:5,borderRadius:10,width:90,height:90},
+     vl_checkoutM_Image:{width:80,height:80,borderRadius:10,backgroundColor:'#232323'},
+     vl_checkoutM_recap:{position:'absolute',top:-10,right:-10,padding:8,backgroundColor:PageTheme.$primary_color,borderRadius:30,elevation:2,shadowColor:'#8d8d8d',shadowOffset: { width: 0, height: 2 } , shadowOpacity:0.5},
+     vl_checkoutM_btng:{marginTop:20,},
+     vlStatus:{flexDirection:'row',alignItems:'center',justifyContent:'center'},
+     vlStatus2:{flexDirection:'row',alignItems:'center',justifyContent:'center'},
+
+    //  REports
+    rp_scrollView:{width:wp('100%'),height:'100%'},
+    rp_scrollViewInner:{width:'100%',paddingHorizontal:10,height:'100%'},
+    reportCon:{},
+    reportConHdr:{backgroundColor:PageTheme.$primary_color, borderRadius:7,paddingVertical:10,paddingHorizontal:10,elevation:3,shadowColor:'#747474',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0,flexDirection:'row',justifyContent:'center',marginBottom:5,marginTop:5},
+    reportConHdrText:{color:PageTheme.$accent_color,fontSize:14,fontWeight:'500',},
+    report_TblHeader:{marginBottom:10,marginTop:10,backgroundColor:PageTheme.$primary_color, borderRadius:10,padding:5,elevation:3,shadowColor:'#747474',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0,flexDirection:'row',alignItems:'center'},
+    report_TblHeaderBox:{alignItems:'center',backgroundColor:PageTheme.$secondary_color_light,paddingVertical:5,borderRadius:5,},
+    report_TblHeaderBox1:{width:wp('40%')-15,marginRight:5},
+    report_TblHeaderBox2:{width:wp('30%')-15,marginRight:5},
+    report_TblHeaderBox3:{width:'30%'},
+    report_TblHeaderTxt:{fontSize:13,color:PageTheme.$text_color,marginRight:5,textTransform:'capitalize',fontWeight:'700'},
+
+    report_TblBody:{backgroundColor:PageTheme.$bg_color, borderRadius:10,padding:5,elevation:3,shadowColor:'#afafaf',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0},
+    reportItem:{flexDirection:'row',alignItems:'center',paddingVertical:10},
+    reportItemB:{borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:1},
+    reportItemCol:{alignItems:'center',},
+    reportItemCol1:{width:wp('40%')-15,marginRight:5,alignItems:'flex-start',paddingLeft:5,},
+    reportItemCol2:{width:wp('30%')-15,marginRight:5},
+    reportItemCol3:{width:'30%',alignItems:'center'},
+    reportItemColText:{fontSize:13,color:PageTheme.$text_color,marginRight:5,textTransform:'capitalize',fontWeight:'400'},
+     
+    settingsWrap:{padding:10,paddingHorizontal:10,},
+    settingsBtn:{flexDirection:'row',alignItems:'center',position:'relative',backgroundColor:PageTheme.$secondary_color_light,paddingVertical:15,paddingHorizontal:10, borderRadius:2,elevation:1,shadowColor:'#afafaf',shadowOffset: { width: 0, height: 2 } , shadowOpacity:0.15,marginBottom:10,},
+    settingsBtnText:{fontSize:15,fontWeight:'600',color:PageTheme.$text_color},
+    settingsBtnIcon:{position:'absolute',right:10},
+
+
+    // network status bar
+    netSBar:{position:'absolute',bottom:0,width:'100%',backgroundColor:'#000',alignItems:'center',justifyContent:'center',paddingHorizontal:10,paddingVertical:6},
+    netSBarText:{fontSize:13,fontWeight:'500',color:'#fff'},
+    netSBarGreen:{backgroundColor:'green'},
+    netSBarGrey:{backgroundColor:'red'},
+    netSBarGrey_Text:{color:'#fff'},
+    netSBarGreen_Text:{color:'#fff'},
+
+
+    // Window styles
+    Windows_Wrap:{},
+    Win_scroll:{justifyContent:'center',padding:10,paddingBottom:10,},
+    Win_scrollO:{marginBottom:80,},
+    WItem_wrap:{width:'100%',marginBottom:20,},
+    WItem_Hdr:{},
+    WItem_Hdrbg:{width:'100%',paddingHorizontal:10,paddingVertical:7,backgroundColor:PageTheme.$primary_color,borderRadius:5,justifyContent:'center'},
+    WItem_HdrText:{fontSize:14,fontWeight:'500',color:PageTheme.$accent_color},
+    WItem_Hdrname2:{fontSize:14,color:PageTheme.$accent_color,fontWeight:'400',marginTop:4,},
+    WForm:{marginTop:10,paddingHorizontal:10,position:'relative',marginTop:10,paddingVertical:10,backgroundColor:PageTheme.$secondary_color_light,borderRadius:5,elevation:1,shadowColor:'#484848',shadowOpacity:0.1,shadowOffset:{width:0,height:2}},
+    WItem_RefImgBtn:{position:'absolute',right:10,width:40,height:40,borderRadius:20,alignItems:'center',justifyContent:'center'},
+    WSCameraWrap:{justifyContent:'center'},
+    WSCameraCon:{},
+    WSCameraLabel:{fontSize:13,fontWeight:'400',color:'#000',textAlign:'center',marginTop:5},
+    WQPicker_InputStyle:{backgroundColor:PageTheme.$bg_color,borderRadius:5,overflow:'hidden',textAlign:'center',fontSize:14,color:PageTheme.$text_color,paddingVertical:12,paddingHorizontal:12},
+    WStkWrap:{backgroundColor:PageTheme.$bg_color,marginBottom:10,paddingHorizontal:10,paddingVertical:5,borderRadius:5,elevation:1,shadowColor:'#efefef',shadowOpacity:0.05,shadowOffset:{width:0,height:2}},
+    WStkHdrText:{fontSize:13,fontWeight:'500',color:PageTheme.$text_color_dark,marginBottom:10,paddingBottom:5,borderBottomWidth:1,borderBottomColor:PageTheme.$secondary_color_light},
+    WStkHdrText2:{fontSize:13,fontWeight:'500',color:PageTheme.$text_color_dark,paddingBottom:5,},
+    WStkHdr_checkboxWrap:{flexDirection:'row',alignItems:'flex-start',justifyContent:'flex-start'},
+    WStkHdr_checkbox:{alignSelf:'flex-start'},
+    WStkHdr_checkboxCon:{position:'absolute',width:25,height:25,top:-5,left:-10,},
+    WStkHdr_checkboxpName:{width:'85%',marginLeft:25},
+    WStkHdr_PrdcontentWrap:{borderTopColor:PageTheme.$secondary_color_light,borderTopWidth:1,marginTop:5,paddingTop:5,},
+    WStkCon:{},
+    WStkInputStyle:{backgroundColor:PageTheme.$secondary_color_light,borderRadius:5,overflow:'hidden',textAlign:'center',fontSize:14,color:PageTheme.$text_color,paddingVertical:2,paddingHorizontal:12,height:35},
+    windhdrTextCon:{position:'relative',backgroundColor:PageTheme.$fourth_color,paddingHorizontal:10,justifyContent:'center',alignItems:'center',paddingVertical:5,marginBottom:10,borderRadius:4,elevation:5,shadowOpacity:0.2,shadowOffset:{width:0,height:2},shadowColor:'#000'},
+    windhdrText:{fontSize:13,fontWeight:'500',color:PageTheme.$text_color,},
+    windhdr_checkAllBtnCon:{alignItems:'flex-start',marginBottom:10},
+    windhdr_checkAllBtn:{flexDirection:'row',backgroundColor:PageTheme.$fourth_color,paddingRight:10,paddingVertical:3,alignItems:'center',justifyContent:'center',borderRadius:4,elevation:2,shadowOpacity:0.1,shadowOffset:{width:0,height:2},shadowColor:'#000'},
+    windhdr_checkAllBtnText:{marginLeft:10,fontSize:13,fontWeight:'500',color:PageTheme.$text_color,},
+    WQ_InputStyle:{backgroundColor:PageTheme.$bg_color,borderRadius:5,overflow:'hidden',textAlign:'left',fontSize:14,color:PageTheme.$text_color,paddingVertical:12,paddingHorizontal:12,height:40},
+    WQ_datePicker_text:  {textAlign:'left',width:'100%',backgroundColor:PageTheme.$bg_color,paddingVertical:10,paddingHorizontal:10,color:PageTheme.$accent_color2,height:'100%',justifyContent:'center',alignItems:'center',borderRadius:5 },
+    // contact us 
+    ContUs_Wrap:{padding:10,marginTop:10,},
+    ContUs_Hdr:{backgroundColor:PageTheme.$secondary_color_dark,borderRadius:4,justifyContent:'center',alignItems:'center',paddingVertical:10,paddingHorizontal:12},
+    ContUs_HdrText:{color:PageTheme.$accent_color,fontSize:14,fontWeight:'500'},
+    ContUs_infoBox:{backgroundColor:PageTheme.$secondary_color_light,marginBottom:10,flexDirection:'row',alignItems:'center',borderRadius:5,paddingVertical:10,paddingHorizontal:10},
+    ContUs_IB_desc:{marginLeft:10,flexWrap:'wrap',width:'85%',color:PageTheme.$text_color},
+
+    // Image Types
+    ImageTypesPageWrap:{paddingHorizontal:10,},
+    ImageTypesLHd:{backgroundColor:PageTheme.$primary_color,marginBottom:10,alignItems:'center',borderRadius:5,paddingVertical:10,paddingHorizontal:10,elevation:0.5,shadowOpacity:0.1,shadowOffset:{width:0,height:2},shadowColor:'#000'},
+    ImageTypesLHdText:{fontSize:14,fontWeight:'500',color:PageTheme.$accent_color,textAlign:'center'},
+    ImageTypesLOuter:{marginTop:10,},
+    ImageTypesL:{},
+    ImageTypesLCon:{position:'relative',backgroundColor:PageTheme.$secondary_color_light,marginBottom:10,alignItems:'center',borderRadius:5,paddingVertical:10,paddingHorizontal:10,elevation:0.5,shadowOpacity:0.1,shadowOffset:{width:0,height:2},shadowColor:'#000'},
+    ImageTypesLName:{fontSize:13,fontWeight:'500',color:PageTheme.$text_color,},
+    ImageTypesLImageCountBox:{position:'absolute',top:7,right:10,backgroundColor:PageTheme.$primary_color,width:25,height:25,borderRadius:30,alignItems:'center',justifyContent:'center'},
+    ImageTypesLImageCountText:{fontSize:13,fontWeight:'600',color:PageTheme.$accent_color,},
+
+    // Image Cap Screen
+    ImageCapCamWrap:{flexDirection:'row',flexWrap:'wrap',alignItems:'flex-start'},
+    ImageCapViewWrap:{flexDirection:'row',flexWrap:'wrap',alignItems:'flex-start',marginTop:20,},
+    ImageCapCamCon:{marginRight:10,},
+    ImgCapWrap:{paddingHorizontal:10,},
+    ImgCapCon:{},
+    ImgCapBox:{},
+    ImgCapBoxTDF:{},
+    ImageCapImgViewOuter:{width:'33%'},
+    ImageCapImgView:{position:'relative',width:90,backgroundColor:PageTheme.$secondary_color_light,padding:5,borderRadius:10,marginRight:20,marginBottom:20,},
+    ImageCapImgView1:{alignItems:'flex-start'},
+    ImageCapImgView2:{alignItems:'center'},
+    ImageCapImgView3:{alignItems:'flex-end'},
+    ImageCapImg:{width:80,height:80,borderRadius:10,backgroundColor:'#232323'},
+    ImageCapImgRemove:{position:'absolute',top:-10,right:-10,padding:6,backgroundColor:PageTheme.$red,borderRadius:30,elevation:1,shadowColor:'#000',shadowOpacity:0.2,shadowOffset:{width:0,height:2}},
+    
+  });
+}
+
+export const customeButtons=(isDarkTheme=defdt,routeName=defrn)=>{
+  const PageTheme=GetPageTheme(isDarkTheme,routeName);  
+  return StyleSheet.create({
+    buttonStyle: {
+      backgroundColor: PageTheme.$primary_color,
+      elevation:5,shadowColor:PageTheme.$primary_color,shadowOffset:{width:0,height:5},shadowRadius:7,shadowOpacity:0.4,
+      borderRadius: 40,width: wp('85%'),height: 50,display: 'flex',marginTop: 25,alignItems: 'center',justifyContent: 'center'
+    },
+    textStyle: {color: PageTheme.$text_color_100,textAlign: 'center',fontSize: 15,padding: 10,},
+    g_buttonStyle:{
+      marginTop: 25,height: 50,shadowColor:PageTheme.$primary_color,shadowRadius:7,shadowOffset:{width:0,height:5},shadowOpacity:0.4,borderRadius: 40,backgroundColor:'#0000'
+    },
+    g_linearGradient:{
+      backgroundColor: PageTheme.$primary_color,
+      elevation:5,shadowColor:PageTheme.$primary_color,
+      borderRadius: 40,width: wp('85%'),display: 'flex',height:'100%',alignItems: 'center',justifyContent: 'center'
+    },
+    g_textStyle: {color: PageTheme.$text_color_100,textAlign: 'center',fontSize: 15,padding: 10,},
+
+   
+  });
+}
+
+export const customCamera_LS=(isDarkTheme=defdt,routeName=defrn)=>{
+  const PageTheme=GetPageTheme(isDarkTheme,routeName);  
+  const bottomBarHeight=100;
+  const topBarHeight=Platform.OS=='ios'?STATUSBAR_HEIGHT+40:40;
+  return StyleSheet.create({
+    IOS_StatusBar:{height:wp('100%'),width:STATUSBAR_HEIGHT,backgroundColor:'#000',zIndex:100000,position:'absolute',left:0,top:0,bottom:0},
+    scrollMain:{flex: 1,backgroundColor: 'black',width:'100%',height:'100%',position:'absolute',zIndex:99999,top:0,left:0,right:0},
+    // scrollMainInner:{alignItems:'center',height:'100%'},
+    btnStyle:{ backgroundColor:'#0096d7',paddingVertical:10,paddingHorizontal:30,borderRadius:20,marginTop:50,elevation:5,shadowColor:'#232323',shadowOffset:{width:0,height:2}},
+    btnText:{color:'#fff'},
+    imgView:{flex:1,height:300,width:'100%',marginTop:100,paddingHorizontal:20},
+    image:{width:'100%',height:300,backgroundColor:'#efefef'},
+    customCamera_Wrap:{position:'absolute',top:0,left:0,right:0,bottom:0,zIndex:9999},
+    customCamera:{position:'absolute',top:0,left:topBarHeight,right:bottomBarHeight,bottom:0},
+    customCameraTop:{top:Platform.OS=='ios'?STATUSBAR_HEIGHT:0,},
+    customCamera_bottomBar:{padding:10,backgroundColor:'#000',height:bottomBarHeight,position:'absolute',bottom:0,width:'100%',alignItems:'center',justifyContent:'center'},
+    customCamera_capbtn:{elevation:4,shadowColor:'#efefef',width:60,height:60,borderRadius:30,},
+    customCamera_capbtn_Outer:{width:60,height:60,borderRadius:30,backgroundColor:'#e4e4e4',paddingLeft:5,paddingTop:5},
+    customCamera_capbtn_Inner:{width:50,height:50,borderRadius:30,backgroundColor:'#fff'},
+    
+    customCamera_bottomBar2:{padding:10,backgroundColor:'#000',height:bottomBarHeight,position:'absolute',bottom:0,width:'100%',justifyContent:'center'},
+    imgControls_btnCon:{minWidth:100,paddingHorizontal:10,paddingVertical:10},
+    imgControls_btn:{alignItems:'center'},
+    imgControls_btnText:{fontSize:14,fontWeight:'400',color:'#fff',textAlign:'center'},
+    imgControls:{flexDirection:'row',alignItems:'center',justifyContent:'space-between'},
+    cameraImgCaptured:{position:'absolute',top:0,left:0,right:0,bottom:bottomBarHeight},
+    icbtTop:{marginTop:2,},
+    imgControls_centerBtn:{marginTop:-15,minWidth:100,paddingHorizontal:10,paddingVertical:10},
+    // flashBtn:{width:35,height:35,borderRadius:30,backgroundColor:'#fff',alignItems:'center',justifyContent:'center',elevation:4,shadowColor:'#fff',shadowOpacity:0.3,shadowOffset:{width:0,height:2}},
+    flashBtn:{paddingVertical:10,paddingHorizontal:5,},
+    topControls:{position:'absolute',top:0,left:0,bottom:0,backgroundColor:'#000',width:topBarHeight,height:'100%'},
+    topControlsInner:{paddingVertical:10,paddingHorizontal:5,alignItems:'center'},
+  });
+}
+
+export const ModalStyles =(isDarkTheme=defdt,routeName=defrn)=>{
+  const PageTheme=GetPageTheme(isDarkTheme,routeName);    
+  return StyleSheet.create({
+    centeredView: {
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+    },
+    modalView: {
+      margin: 20,
+      backgroundColor: "white",
+      borderRadius: 10,
+      padding: 35,
+      alignItems: "center",
+      shadowColor: "#000",
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.25,
+      shadowRadius: 4,
+      elevation: 5
+    },
+    button: {
+      paddingLeft: 40,
+      paddingRight: 40,
+      elevation: 2
+    },
+    buttonOpen: {
+      backgroundColor: "#F194FF",
+    },
+    buttonClose: {
+      backgroundColor: "#2196F3",
+    },
+    textStyle: {
+      color: "white",
+      fontWeight: "bold",
+      textAlign: "center"
+    },
+    modalText: {
+      marginBottom: 15,
+      textAlign: "center",
+      color: "#000",
+    }
+  });
+}
+
diff --git a/src/styles/Themes.js b/src/styles/Themes.js
new file mode 100644
index 0000000..e563b86
--- /dev/null
+++ b/src/styles/Themes.js
@@ -0,0 +1,86 @@
+export const PrimaryTheme = {
+    primary_theme:true,
+    $primary_color:'#00968e',
+    $secondary_color_light:'#e6ecec',
+    $secondary_color_dark:'#046661',
+    $gradient1:'#5fd3bb',
+    $gradient2:'#31ab92',    
+    $tertiary_color:'#999999',
+    $fourth_color:'#71c4c0',
+    $bg_color:'#fff',
+    $accent_color:'#fff',    
+    $accent_color2:'#131313',
+    $status_bar_color:'#c6e7e6',
+    $placeholder_color:'#232323',
+    $icon_color:'#6B84F6',
+    $text_color:'#454545',
+    $text_color_light2:'#efefef',
+    $text_color_light:'#9e9e9e',
+    $text_color_dark:'#161616',
+    $text_color_900:'#000000', 
+    $text_color_500:'#999999',
+    $text_color_300:'#666666',
+    $text_color_700:'#333333',
+    $text_color_100:'#ffffff',
+    $red:'#e3051f',
+    $red_light100:'#faeaea',
+    $sidemenuColor:'#00968e',
+}
+
+export const MainThemeLight = {
+    project_theme:true,
+    $primary_color:'#00968e',
+    $secondary_color_light:'#e6ecec',
+    $secondary_color_dark:'#68a0f3',
+    $gradient1:'#5fd3bb',
+    $gradient2:'#31ab92',    
+    $tertiary_color:'#999999',
+    $fourth_color:'#71c4c0',
+    $bg_color:'#fff',
+    $accent_color:'#fff',    
+    $accent_color2:'#131313',
+    $status_bar_color:'#c6e7e6',
+    $placeholder_color:'#232323',
+    $icon_color:'#6B84F6',
+    $text_color:'#454545',
+    $text_color_light2:'#efefef',
+    $text_color_light:'#9e9e9e',
+    $text_color_dark:'#161616',
+    $text_color_900:'#000000', 
+    $text_color_500:'#999999',
+    $text_color_300:'#666666',
+    $text_color_700:'#333333',
+    $text_color_100:'#ffffff',
+    $red:'#e3051f',
+    $red_light100:'#faeaea',
+    $sidemenuColor:'#00968e',
+}
+
+export const DarkTheme = {
+    dark_theme:true,
+    $primary_color:'#00968e',
+    $secondary_color_light:'#e6ecec',
+    $secondary_color_dark:'#68a0f3',
+    $gradient1:'#5fd3bb',
+    $gradient2:'#31ab92',    
+    $tertiary_color:'#999999',
+    $fourth_color:'#71c4c0',
+    $bg_color:'#fff',
+    $accent_color:'#fff',    
+    $accent_color2:'#131313',
+    $status_bar_color:'#c6e7e6',
+    $placeholder_color:'#232323',
+    $icon_color:'#6B84F6',
+    $text_color:'#454545',
+    $text_color_light2:'#efefef',
+    $text_color_light:'#9e9e9e',
+    $text_color_dark:'#161616',
+    $text_color_900:'#000000', 
+    $text_color_500:'#999999',
+    $text_color_300:'#666666',
+    $text_color_700:'#333333',
+    $text_color_100:'#ffffff',
+    $red:'#e3051f',
+    $red_light100:'#faeaea',
+    $sidemenuColor:'#00968e',
+}
\ No newline at end of file
diff --git a/src/test.js b/src/test.js
new file mode 100644
index 0000000..d736dde
--- /dev/null
+++ b/src/test.js
@@ -0,0 +1,176 @@
+function _renderSurveyQtns(image) {
+  const SurveyQuestions = image.Questions;
+
+  const renderItem = ({ item: qtn, index }) => {
+    let selansid = '',
+      selanswer = '',
+      selimg = '',
+      selimg2 = '',
+      showImageTag = false,
+      showImageTag2 = false;
+    let id_key = qtn.AIQuestionId + '_AnswerId' + image.QuestionImageId;
+    let ans_key = qtn.AIQuestionId + '_Answer' + image.QuestionImageId;
+    let multi_key = qtn.AIQuestionId + '_MultiOption' + image.QuestionImageId;
+    let date_key = qtn.AIQuestionId + '_Date' + image.QuestionImageId;
+    let img_key = qtn.AIQuestionId + '_ImagePath1' + image.QuestionImageId;
+    let imgname_key = qtn.AIQuestionId + '_ImageName1' + image.QuestionImageId;
+    let img_key2 = qtn.AIQuestionId + '_ImagePath2' + image.QuestionImageId;
+    let imgname_key2 = qtn.AIQuestionId + '_ImageName2' + image.QuestionImageId;
+    let rating_key = qtn.AIQuestionId + '_Rating' + image.QuestionImageId;
+    let voiceClip_key = qtn.AIQuestionId + '_VoiceClip' + image.QuestionImageId;
+    let list_mcdata = [];
+
+    if (qtn.QuestionType == 'Single choice list') {
+      selansid = QuestionsData[id_key] != null ? QuestionsData[id_key] : '';
+      selanswer = QuestionsData[ans_key] != null ? QuestionsData[ans_key] : '';
+    } else if (qtn.QuestionType == 'Multi choice list') {
+      if (qtn.Answers != null) {
+        for (var i = 0; i < qtn.Answers.length; i++) {
+          let obj = {
+            AIAnswerId: parseInt(qtn.Answers[i].AIAnswerId),
+            AIAnswerName: qtn.Answers[i].AIAnswerName,
+          };
+          list_mcdata.push(obj);
+        }
+      }
+      selansid = QuestionsData[multi_key] != null && QuestionsData[multi_key] != '' ? QuestionsData[multi_key].split(',') : [];
+      if (selansid != null && selansid.length > 0) {
+        let arr = [];
+        for (var i = 0; i < selansid.length; i++) {
+          arr.push(parseInt(selansid[i]));
+        }
+        selansid = arr;
+      }
+    } else if (qtn.QuestionType == 'Number' || qtn.QuestionType == 'Text' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Date') {
+      selansid = QuestionsData[ans_key];
+      selanswer = (qtn.QuestionType == 'Date') ? QuestionsData[date_key] || moment().format('MM/DD/YYYY') : '';
+      showImageTag = (qtn.QuestionImageAllow == true || qtn.QuestionImageAllow == 'true' || qtn.QuestionImageAllow == 1);
+      showImageTag2 = false;
+    } else if (qtn.QuestionType == 'Rating') {
+      selanswer = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+    } else if (qtn.QuestionType == 'Audio') {
+      selansid = QuestionsData[ans_key] ? QuestionsData[ans_key] : '';
+      selanswer = QuestionsData[voiceClip_key] ? QuestionsData[voiceClip_key].filename  ||'' : '';
+    }
+
+    if (qtn.QuestionType == 'Single choice list' || qtn.QuestionType == 'Multi choice list') {
+      if (qtn.Answers && qtn.Answers.length > 0) {
+        for (var i = 0; i < qtn.Answers.length; i++) {
+          let ansss = qtn.Answers[i];
+          let isandImgAl = ansss.ImageAllow1 == true || ansss.ImageAllow1 == 'true' || ansss.ImageAllow1 == 1;
+          let isandImgAl2 = ansss.ImageAllow2 == true || ansss.ImageAllow2 == 'true' || ansss.ImageAllow2 == 1;
+
+          if (qtn.QuestionType == 'Single choice list' && isandImgAl && ansss.AIAnswerId == selansid) {
+            showImageTag = true;
+          } else if (qtn.QuestionType == 'Multi choice list' && isandImgAl && selansid.indexOf(ansss.AIAnswerId) >= 0) {
+            showImageTag = true;
+          }
+
+          if (qtn.QuestionType == 'Single choice list' && isandImgAl2 && ansss.AIAnswerId == selansid) {
+            showImageTag2 = true;
+          } else if (qtn.QuestionType == 'Multi choice list' && isandImgAl2 && selansid.indexOf(ansss.AIAnswerId) >= 0) {
+            showImageTag2 = true;
+          }
+        }
+      }
+    }
+
+let isDisabled = qtn.isDisabled != null ? qtn.isDisabled : false;
+
+if (isDisabled == true) {
+      return <View key={index} />;
+    } else {
+      return (
+        <View style={[customStyle.sform_group2]} key={index}>
+          <Text style={[customStyle.sform_label3]}>{qtn.AIQuestionName}</Text>
+          {qtn.QuestionType == 'Single choice list' && qtn.Answers && render_Picker('AIAnswerName', 'AIAnswerId', onselectionChange, { value: selanswer, qtn, image })}
+          {qtn.QuestionType == 'Multi choice list' && qtn.Answers && (
+            <MultiSelect
+              items={list_mcdata}
+              uniqueKey="AIAnswerId"
+              onSelectedItemsChange={(selectedItems) => {
+                console.log('onSelectedItemsChange');
+                setMultiSelectValue(selectedItems, qtn, image);
+              }}
+              selectedItems={selansid}
+              selectText="Pick Items"
+              searchInputPlaceholderText="Search Items..."
+              tagRemoveIconColor={PrimaryTheme.$primary_color}
+              tagBorderColor={PrimaryTheme.$primary_color}
+              tagTextColor={PrimaryTheme.$primary_color}
+              selectedItemTextColor={PrimaryTheme.$primary_color}
+              selectedItemIconColor={PrimaryTheme.$primary_color}
+              tagContainerStyle={{ height: 30, width: '100%', paddingVertical: 5 }}
+              styleTextTag={{ fontSize: 14 }}
+              itemTextColor={PrimaryTheme.$text_color}
+              displayKey="AIAnswerName"
+              searchInputStyle={{ color: '#CCC' }}
+              submitButtonColor={PrimaryTheme.$primary_color}
+              submitButtonText="Submit"
+            />
+          )}
+          {(qtn.QuestionType == 'Number' || qtn.QuestionType == 'Decimal' || qtn.QuestionType == 'Text') && (
+            <TextInput
+              style={[customStyle.surveyQtn_InputStyle]}
+              placeholder=""
+              placeholderTextColor={PageTheme.$placeholder_color}
+              keyboardType={qtn.QuestionType == 'Decimal' ? 'decimal-pad' : qtn.QuestionType == 'Text' ? 'default' : 'number-pad'}
+              value={selansid}
+              onChangeText={(val) => {
+                setTextValue(val, qtn, image);
+              }}
+              autoComplete="off"
+            />
+          )}
+          {qtn.QuestionType == 'Date' && (
+            <View style={customStyle.surveyQtn_datePicker_con}>
+              <Text style={customStyle.surveyQtn_datePicker_text}>{selansid != '' ? selansid : 'MM/YYYY'}</Text>
+              <TouchableOpacity
+                style={[customStyle.surveyQtn_datePicker]}
+                onPress={() => {
+                  setDateValue(selanswer);
+                  showQtnDatePicker(qtn, true);
+                }}>
+                <Fontisto size={20} color={PageTheme.$accent_color} name="date" />
+              </TouchableOpacity>
+            </View>
+          )}
+          {qtn.QuestionType == 'Rating' && (
+            <View style={customStyle.surveyQtn_datePicker_con}>
+              <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+              <TouchableOpacity
+                style={[customStyle.surveyQtnRatingIcon]}
+                onPress={() => {
+                  setRatingQtn(qtn);
+                  setShowRating(true);
+                }}>
+                <MaterialCommunityIcons size={25} color={PageTheme.$accent_color} name="drag" />
+              </TouchableOpacity>
+            </View>
+          )}
+          {qtn.QuestionType == 'Audio' && (
+            <View style={customStyle.surveyQtn_datePicker_con}>
+              <Text style={customStyle.surveyQtn_datePicker_text}>{selanswer}</Text>
+              <TouchableOpacity
+                style={[customStyle.surveyQtnRatingIcon]}
+                onPress={() => {
+                  show_recorder(qtn);
+                }}>
+                <FontAwesome size={25} color={PageTheme.$accent_color} name="microphone" />
+              </TouchableOpacity>
+            </View>
+          )}
+        </View>
+      );
+    }
+  };
+
+return (
+    <FlatList
+      data={SurveyQuestions}
+      renderItem={renderItem}
+      keyExtractor={(item, index) => index.toString()}
+      contentContainerStyle={customStyle.SVn_GroupViewList}
+    />
+  );
+}
\ No newline at end of file
diff --git a/src/utils/navigations/Navigator.js b/src/utils/navigations/Navigator.js
new file mode 100644
index 0000000..26a0fd8
--- /dev/null
+++ b/src/utils/navigations/Navigator.js
@@ -0,0 +1,58 @@
+import React,{useState,useEffect} from 'react';
+import {StatusBar} from 'react-native';
+import {NavigationContainer} from '@react-navigation/native';
+// import {PrimaryTheme} from '../../styles/Themes';
+import { GetPageTheme } from "../../styles/Global";
+import { AuthStack } from './Routes';
+import { connect } from 'react-redux';
+import { mapStateToProps,mapDispatchToProps } from '../../reducers/contextProvider';
+import {get_item,set_item,clear_item} from '../../components/localStorage';
+import { LogBox } from 'react-native';
+import NetInfo from "@react-native-community/netinfo";
+
+LogBox.ignoreLogs(['new NativeEventEmitter']); // Ignore log notification by message
+LogBox.ignoreAllLogs(); //Ignore all log notifications
+LogBox.ignoreLogs([
+    "[react-native-gesture-handler] Seems like you\'re using an old API with gesture components, check out new Gestures system!",
+]);
+const Navigator = (props)=>{
+    const PageTheme=GetPageTheme(false,'');
+    const {DarkMode}=props;
+    const [state, setState] = useState({});
+    
+    useEffect(() => {   
+        
+        const unsubscribe = NetInfo.addEventListener(state => {
+            
+            // console.log("Is connected?", state.isConnected);
+           
+            var isAlreadyConnected=props.isInternetAvailable==true
+            // console.log("check if already connected ",isAlreadyConnected);
+            if(isAlreadyConnected==false || (isAlreadyConnected!=state.isConnected)){
+                props.show_ConnChange({showConnChange:true})
+            }
+            props.set_networkStatus({isInternetAvailable:state.isConnected});
+            
+            
+        });
+
+        return ()=>{
+            unsubscribe();
+        }
+    }, []);
+
+    
+    
+   return (   
+    <NavigationContainer>
+        <StatusBar barStyle={"dark-content"} backgroundColor={PageTheme.$status_bar_color} />
+        <AuthStack {...props}/>
+    </NavigationContainer>
+   )
+
+    
+};
+
+
+  
+export default connect(mapStateToProps, mapDispatchToProps)(Navigator)
\ No newline at end of file
diff --git a/src/utils/navigations/Routes.js b/src/utils/navigations/Routes.js
new file mode 100644
index 0000000..e8b2152
--- /dev/null
+++ b/src/utils/navigations/Routes.js
@@ -0,0 +1,198 @@
+import * as React from 'react';
+import { useRoute } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+import { createDrawerNavigator } from '@react-navigation/drawer';
+import {Text,ImageBackground} from 'react-native';
+import { PrimaryTheme } from '../../styles/Themes';
+import { DrawerContent } from './drawerContent';
+import { globalStyles,customStyles,GetPageTheme } from "../../styles/Global";
+
+// screens
+import Project from '../../screens/Project';
+import Login from '../../screens/Login';
+import Mpin from '../../screens/Mpin';
+import MpinLogin from '../../screens/MpinLogin';
+import NoticeBoard from '../../screens/NoticeBoard';
+import One_QAD from '../../screens/One_QAD';
+import ReportsMenu from '../../screens/ReportsMenu';
+import UploadDataScreen from '../../screens/UploadData';
+import Splash from '../../screens/SplashScreen';
+import VisitorLogin from '../../screens/VisitorLogin';
+import PersonalDocument from '../../screens/PersonalDocument';
+import Training from '../../screens/Training';
+import StoreList from '../../screens/StoreList';
+import StoreDailyMenu from '../../screens/StoreDailyMenu';
+import StoreCheckin from '../../screens/CheckInStore';
+import GeoTag from '../../screens/GeoTag';
+import ShowMap from '../../screens/ShowMap';
+import StoreNonWorkingReasons from '../../screens/StoreNonWorkingReasons';
+import Settings from '../../screens/Settings';
+import CompetitionVisibility from '../../screens/CompetitionVisibility';
+import CompetitionPromotion from '../../screens/CompetitionPromotion';
+import SurveyList from '../../screens/SurveyList';
+import SurveyView from '../../screens/SurveyView';
+import SurveyCat from '../../screens/SurveyCat';
+import ContactUs from '../../screens/ContactUs';
+import StoreImages from '../../screens/StoreImages';
+import StoreImagesCap from '../../screens/StoreImagesCap';
+import CameraScreen from '../../screens/CameraScreen';
+import StoreDailyMenuCat from '../../screens/StoreDailyMenuCat';
+
+import TeamList from '../../screensSup/TeamList';
+import Attendance from '../../screensSup/Attendance';
+import Album from '../../screensSup/Album';
+import ReportDetail from '../../screensSup/ReportDetail';
+import BannerDetail from '../../screens/Bannerdetail';
+import HR from '../../screens/HR';
+import ViewListData from '../../screens/ViewListData';
+import VideoScreen from '../../screens/VideoScreen';
+import GetDb from '../../screens/GetDb';
+import GateMeeting from '../../screens/GateMeeting';
+import AddGateMeeting from '../../screens/AddGateMeeting';
+import AttendanceSup from '../../screens/AttendanceSup';
+import VisibilityAudit from '../../screens/VisibilityAudit';
+import VisibilityAuditList from '../../screens/VisibilityAuditList';
+import SearchStoreList from '../../screens/SearchStoreList';
+import DistributorList from '../../screens/DistributorList';
+import DBNonWorkingReasons from '../../screens/DBNonWorkingReasons';
+import DB_POSM from '../../screens/DB_POSM';
+import DB_StoreDailyMenu from '../../screens/DB_StoreDailyMenu';
+import CheckInDistributor from '../../screens/CheckInDistributor';
+import DBVisiCooler from '../../screens/DBVisiCooler';
+import TrainingMenu from '../../screens/TrainingMenu';
+
+// new 
+import ImageAuditStoreList from '../../screens/ImageAuditStoreList';
+import ImageAudit from '../../screens/ImageAudit';
+import NPNDStoreList from '../../screens/NPNDStoreList';
+import POSSale from '../../screens/POSSale';
+import PeopleDetail from '../../screens/PeopleDetail';
+import DashboardReportDetail from '../../screens/DashboardReportDetail';
+import DashboardDrilldown from '../../screens/DashboardDrilldown';
+import PeopleDrilldown from '../../screens/PeopleDrilldown';
+import GroomingPictures from '../../screens/GroomingPictures';
+
+
+const Stack = createStackNavigator();
+const Drawer = createDrawerNavigator();
+
+
+function DrawerRoutes(props) { 
+    const route = useRoute();
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const globalStyle=globalStyles(props.DarkMode,route.name);
+    let props1=props
+
+    let params=props.route.params? props.route.params:{};
+    let UserData=params.UserData || {};
+    let username=UserData.UserId || '';
+    let set_startDownload=params.set_startDownload || function (){};
+    let useremail='';
+    let pageprops=props.pageprops;
+  
+    return (
+        <Drawer.Navigator initialRouteName="NoticeBoard" drawerContent={props => <DrawerContent {...props} propsData={props1} UserName={username} UserEmail={useremail} pageprops={pageprops}/>}
+        screenOptions={{
+            headerTintColor:PrimaryTheme.$primary_color,
+            drawerType:'front',
+        }}>
+            <Drawer.Screen name="NoticeBoard" component={NoticeBoard}  options={{
+                // headerStyle: { backgroundColor: PrimaryTheme.$bg_color,borderBottomWidth:1,borderBottomColor:PrimaryTheme.$secondary_color_light },
+                // headerTitleStyle: { color: PrimaryTheme.$primary_color,fontSize:16},
+                // headerTitleAlign: 'center',
+                headerShown:false,
+                // headerBackground:()=>{<LinearGradient colors={[PageTheme.$gradient2,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={globalStyle.drawerScreenbg}></LinearGradient>}
+                
+            }} />            
+        </Drawer.Navigator>
+    )
+}
+
+
+export const AuthStack = (props) => { 
+   let props1=props;
+    return(
+        <Stack.Navigator initialRouteName={'initialScreen'}>
+            <Stack.Screen name={'initialScreen'} component={Splash} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen  name={'Project'} component={Project} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen {...props} name={'NoticeBoard'}  options={{ headerShown: false }}>
+                {props =><DrawerRoutes {...props} pageprops={props1}  />}
+            </Stack.Screen>
+            <Stack.Screen {...props} name={'One_QAD'} component={One_QAD}  options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'UploadData'} component={UploadDataScreen} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreList'} component={StoreList} options={{ headerShown: false }}></Stack.Screen>
+
+            <Stack.Screen name={'StoreCheckin'} component={StoreCheckin} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreDailyMenu'} component={StoreDailyMenu} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreDailyMenuCat'} component={StoreDailyMenuCat} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen name={'TeamList'} component={TeamList} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'GateMeeting'} component={GateMeeting} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'AddGateMeeting'} component={AddGateMeeting} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'AttendanceSup'} component={AttendanceSup} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SearchStoreList'} component={SearchStoreList} options={{ headerShown: false }}></Stack.Screen>
+            
+
+
+            <Stack.Screen name={'CompetitionVisibility'} component={CompetitionVisibility} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'CompetitionPromotion'} component={CompetitionPromotion} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SurveyList'} component={SurveyList} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SurveyCat'} component={SurveyCat} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SurveyView'} component={SurveyView} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreImages'} component={StoreImages} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'POSSale'} component={POSSale} options={{ headerShown: false }}></Stack.Screen>
+
+            <Stack.Screen name={'Attendance'} component={Attendance} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Album'} component={Album} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ReportDetail'} component={ReportDetail} options={{ headerShown: false }}></Stack.Screen>
+            
+            
+            <Stack.Screen name={'ReportsMenu'} component={ReportsMenu} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Settings'} component={Settings} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'VisitorLogin'} component={VisitorLogin} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'PersonalDocument'} component={PersonalDocument} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Training'} component={Training} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ImageAudit'} component={ImageAudit} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreImagesCap'} component={StoreImagesCap} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen name={'CameraScreen'} component={CameraScreen} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen name={'GetDb'} component={GetDb} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'DistributorCheckIn'} component={CheckInDistributor} options={{ headerShown: false }}></Stack.Screen>          
+            <Stack.Screen name={'DistributorList'} component={DistributorList} options={{ headerShown: false }}></Stack.Screen>          
+            <Stack.Screen name={'DBNonWorkingReasons'} component={DBNonWorkingReasons} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'DB_StoreDailyMenu'} component={DB_StoreDailyMenu} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'DB_POSM'} component={DB_POSM} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen name={'GeoTag'} component={GeoTag} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreNonWorkingReasons'} component={StoreNonWorkingReasons} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ShowMap'} component={ShowMap} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Login'} component={Login} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Mpin'} component={Mpin} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'MpinLogin'} component={MpinLogin} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ContactUs'} component={ContactUs} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Bannerdetail'} component={BannerDetail} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'HR'} component={HR} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ViewListData'} component={ViewListData} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'VideoScreen'} component={VideoScreen} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'VisibilityAudit'} component={VisibilityAudit} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'VisibilityAuditList'} component={VisibilityAuditList} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'DBVisiCooler'} component={DBVisiCooler} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'TrainingMenu'} component={TrainingMenu} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ImageAuditStoreList'} component={ImageAuditStoreList} options={{ headerShown: false }}></Stack.Screen>
+           
+            <Stack.Screen name={'NPNDStoreList'} component={NPNDStoreList} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'PeopleDetail'} component={PeopleDetail} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'DashboardReportDetail'} component={DashboardReportDetail} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'DashboardDrilldown'} component={DashboardDrilldown} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'PeopleDrilldown'} component={PeopleDrilldown} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'GroomingPictures'} component={GroomingPictures} options={{ headerShown: false }}></Stack.Screen>
+
+            
+            
+        </Stack.Navigator>
+    );
+};
+
diff --git a/src/utils/navigations/RoutesOld.js b/src/utils/navigations/RoutesOld.js
new file mode 100644
index 0000000..a7a6606
--- /dev/null
+++ b/src/utils/navigations/RoutesOld.js
@@ -0,0 +1,192 @@
+import { createStackNavigator } from '@react-navigation/stack';
+import { createDrawerNavigator } from '@react-navigation/drawer';
+import { useRoute } from '@react-navigation/native';
+import Project from '../../screens/Project';
+import Login from '../../screens/Login';
+import Mpin from '../../screens/Mpin';
+import MpinLogin from '../../screens/MpinLogin';
+import NoticeBoard from '../../screens/NoticeBoard';
+import One_QAD from '../../screens/One_QAD';
+import { PrimaryTheme } from '../../styles/Themes';
+// import Icon from 'react-native-vector-icons/Ionicons';
+import DownloadDataScreen from '../../screens/DownloadDataScreen';
+import ReportsMenu from '../../screens/ReportsMenu';
+// import VideoPlayerScreen from '../../screens/VideoPlayer';
+import UploadDataScreen from '../../screens/UploadData';
+import Splash from '../../screens/SplashScreen';
+import VisitorLogin from '../../screens/VisitorLogin';
+import PersonalDocument from '../../screens/PersonalDocument';
+import Training from '../../screens/Training';
+import StoreList from '../../screens/StoreList';
+import StoreDailyMenu from '../../screens/StoreDailyMenu';
+import StoreCheckin from '../../screens/CheckInStore';
+import GeoTag from '../../screens/GeoTag';
+import ShowMap from '../../screens/ShowMap';
+import StoreNonWorkingReasons from '../../screens/StoreNonWorkingReasons';
+import Settings from '../../screens/Settings';
+
+import OpeningStock from '../../screens/OpeningStock'; 
+import BackroomStock from '../../screens/BackroomStock'; 
+import MiddayStock from '../../screens/MiddayStock'; 
+import ClosingStock from '../../screens/ClosingStock'; 
+import ShareOfShelf from '../../screens/ShareOfShelf';
+import PaidVisibility from '../../screens/PaidVisibility';
+import AdditionalVisibility from '../../screens/AdditionalVisibility';
+import CompetitionVisibility from '../../screens/CompetitionVisibility';
+import Promotion from '../../screens/Promotion';
+import CompetitionPromotion from '../../screens/CompetitionPromotion';
+import ContactConversion from '../../screens/ContactConversion';
+import Sale from '../../screens/Sale';
+import SurveyList from '../../screens/SurveyList';
+
+import { DrawerContent } from './drawerContent';
+import { globalStyles,customStyles,GetPageTheme } from "../../styles/Global";
+import {Text,ImageBackground} from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+
+import * as React from 'react';
+import { FontAwesome } from '../../components/icons';
+import { TouchableOpacity } from 'react-native';
+// import { globalStyle } from '../../styles/Global';
+
+import DynamicStoreList from '../../screens/DynamicStoreList'; 
+import DynamicSurveys from '../../screens/DynamicSurveys';
+import DynamicSurveyCat from '../../screens/DynamicSurveyCat';
+import SurveyView from '../../screens/SurveyView';
+import SurveyCat from '../../screens/SurveyCat';
+import SurveyNew from '../../screens/SurveyNew';
+import QuestionsScreen from '../../screens/QuestionsScreen';
+import Window from '../../screens/Window';
+import Stock from '../../screens/Stock';
+import ContactUs from '../../screens/ContactUs';
+import POSM from '../../screens/POSM';
+import Feedback from '../../screens/Feedback';
+import SimplePromotion from '../../screens/SimplePromotion';
+import StoreImages from '../../screens/StoreImages';
+import StoreImagesCap from '../../screens/StoreImagesCap';
+import CameraScreen from '../../screens/CameraScreen';
+import ShelfTalker from '../../screens/ShelfTalker';
+import StockCat from '../../screens/StockCat';
+import StockWithCat from '../../screens/StockWithCat';
+import StoreDailyMenuCat from '../../screens/StoreDailyMenuCat';
+import PromotionOneApp from '../../screens/PromotionOneApp';
+import PaidVisibilityOneApp from '../../screens/PaidVisibilityOneApp';
+import ShareOfShelfOneApp from '../../screens/ShareOfShelfOneApp';
+
+const Stack = createStackNavigator();
+const Drawer = createDrawerNavigator();
+
+
+function DrawerRoutes(props) { 
+    const route = useRoute();
+    const PageTheme=GetPageTheme(props.DarkMode,route.name);
+    const customStyle=customStyles(props.DarkMode,route.name);
+    const globalStyle=globalStyles(props.DarkMode,route.name);
+
+    let params=props.route.params? props.route.params:{};
+    let UserData=params.UserData || {};
+    let username=UserData.UserId || '';
+    let set_startDownload=params.set_startDownload || function (){};
+    let useremail='';
+    let pageprops=props.pageprops;
+  
+    return (
+        <Drawer.Navigator initialRouteName="NoticeBoard" drawerContent={props => <DrawerContent {...props} UserName={username} UserEmail={useremail} pageprops={pageprops}/>}
+        screenOptions={{
+            headerTintColor:PrimaryTheme.$primary_color,
+            drawerType:'front',
+        }}>
+            <Drawer.Screen name="Notice Board" component={NoticeBoard}  options={{
+                // headerStyle: { backgroundColor: PrimaryTheme.$bg_color,borderBottomWidth:1,borderBottomColor:PrimaryTheme.$secondary_color_light },
+                // headerTitleStyle: { color: PrimaryTheme.$primary_color,fontSize:16},
+                // headerTitleAlign: 'center',
+                headerShown:false,
+                // headerBackground:()=>{<LinearGradient colors={[PageTheme.$gradient2,PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={globalStyle.drawerScreenbg}></LinearGradient>}
+                
+            }} />            
+        </Drawer.Navigator>
+    )
+}
+
+
+export const AuthStack = (props) => { 
+   let props1=props;
+    return(
+        <Stack.Navigator initialRouteName={'initialScreen'}>
+            <Stack.Screen name={'initialScreen'} component={Splash} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen  name={'Project'} component={Project} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen {...props} name={'NoticeBoard'}  options={{ headerShown: false }}>
+                {props =><DrawerRoutes {...props} pageprops={props1}  />}
+            </Stack.Screen>
+            <Stack.Screen {...props} name={'One_QAD'} component={One_QAD}  options={{ headerShown: false }}></Stack.Screen>
+            
+            
+            <Stack.Screen name={'DownloadDataScreen'} component={DownloadDataScreen} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'UploadData'} component={UploadDataScreen} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreList'} component={StoreList} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen name={'StoreCheckin'} component={StoreCheckin} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreDailyMenu'} component={StoreDailyMenu} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreDailyMenuCat'} component={StoreDailyMenuCat} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen name={'OpeningStock'} component={OpeningStock} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'BackroomStock'} component={BackroomStock} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'MiddayStock'} component={MiddayStock} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ClosingStock'} component={ClosingStock} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ShareOfShelf'} component={ShareOfShelf} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'PaidVisibility'} component={PaidVisibility} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'AdditionalVisibility'} component={AdditionalVisibility} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'CompetitionVisibility'} component={CompetitionVisibility} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Promotion'} component={Promotion} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'CompetitionPromotion'} component={CompetitionPromotion} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ContactConversion'} component={ContactConversion} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Sale'} component={Sale} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SurveyList'} component={SurveyList} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SurveyCat'} component={SurveyCat} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SurveyView'} component={SurveyView} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Window'} component={Window} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Stock'} component={Stock} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'POSM'} component={POSM} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Feedback'} component={Feedback} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SimplePromotion'} component={SimplePromotion} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreImages'} component={StoreImages} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ShelfTalker'} component={ShelfTalker} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'PromotionOneApp'} component={PromotionOneApp} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StockCat'} component={StockCat} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StockWithCat'} component={StockWithCat} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'PaidVisibilityOneApp'} component={PaidVisibilityOneApp} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ShareOfShelfOneApp'} component={ShareOfShelfOneApp} options={{ headerShown: false }}></Stack.Screen>
+            
+
+            <Stack.Screen name={'ReportsMenu'} component={ReportsMenu} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Settings'} component={Settings} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'VisitorLogin'} component={VisitorLogin} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'PersonalDocument'} component={PersonalDocument} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Training'} component={Training} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreImagesCap'} component={StoreImagesCap} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen name={'CameraScreen'} component={CameraScreen} options={{ headerShown: false }}></Stack.Screen>
+            
+
+            <Stack.Screen name={'GeoTag'} component={GeoTag} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'StoreNonWorkingReasons'} component={StoreNonWorkingReasons} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ShowMap'} component={ShowMap} options={{ headerShown: false }}></Stack.Screen>
+            
+            <Stack.Screen name={'Login'} component={Login} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'Mpin'} component={Mpin} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'MpinLogin'} component={MpinLogin} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'ContactUs'} component={ContactUs} options={{ headerShown: false }}></Stack.Screen>
+            
+            
+            <Stack.Screen name={'DynamicStoreList'} component={DynamicStoreList} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'DynamicSurveys'} component={DynamicSurveys} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'DynamicSurveyCat'} component={DynamicSurveyCat} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'SurveyNew'} component={SurveyNew} options={{ headerShown: false }}></Stack.Screen>
+            <Stack.Screen name={'QuestionsScreen'} component={QuestionsScreen} options={{ headerShown: false }}></Stack.Screen>
+            
+            
+        </Stack.Navigator>
+    );
+};
+
diff --git a/src/utils/navigations/drawerContent.js b/src/utils/navigations/drawerContent.js
new file mode 100644
index 0000000..bce780c
--- /dev/null
+++ b/src/utils/navigations/drawerContent.js
@@ -0,0 +1,361 @@
+import React, { useState, useEffect } from 'react';
+import { useRoute } from '@react-navigation/native';
+import { View, Image, Alert, Platform, Linking } from 'react-native';
+import { DrawerContentScrollView, DrawerItem } from '@react-navigation/drawer';
+import { Title, Caption, Drawer, Text, TouchableRipple, Switch, Modal } from 'react-native-paper';
+import { TouchableOpacity } from 'react-native-gesture-handler';
+import { globalStyles, customStyles, GetPageTheme } from "../../styles/Global";
+import { logout } from '../../components/logout';
+import { version, db } from '../../constants/constants';
+import { get_item, clear_item, set_item } from '../../components/localStorage';
+import { AntDesign, Entypo, EvilIcons, FontAwesome, Ionicons, MaterialIcons } from '../../components/icons';
+import LinearGradient from 'react-native-linear-gradient';
+import { SvgUri, SvgXml } from 'react-native-svg';
+import CustomLoader from '../../components/CustomLoader';
+// import RNExitApp from 'react-native-exit-app';
+import SQLite from 'react-native-sqlite-2';
+import * as RNFS from 'react-native-fs';
+
+
+// import images
+import download_data_image from '../../assets/performics/sidemenu_icons/download_data_icon.svg';
+import dailyrouteplan_image from '../../assets/performics/sidemenu_icons/adhoc_route_plan_icon.svg';
+import leave_management_icon from '../../assets/performics/sidemenu_icons/leave_management_icon.svg';
+import training_icon from '../../assets/performics/sidemenu_icons/training_section_icon.svg';
+import resume_icon from '../../assets/performics/sidemenu_icons/leave_management_icon.svg';
+import visitor_login_icon from '../../assets/performics/sidemenu_icons/visitor_login_icon.svg';
+import upload_data_icon from '../../assets/performics/sidemenu_icons/upload_data_icon.svg';
+import reports_icon from '../../assets/performics/sidemenu_icons/reports_icon.svg';
+import exit_icon from '../../assets/performics/sidemenu_icons/exit_icon.svg';
+import settings_icon from '../../assets/performics/sidemenu_icons/exit_icon.svg';
+import { notify } from '../../components/notify';
+import { getIf_UserIsManager } from '../../controller/functions';
+
+export function DrawerContent(props) {
+    const route = useRoute();
+    const propsData = props?.propsData
+
+
+
+    // get all theme styles acc to current theme set 
+    const PageTheme = GetPageTheme(props.DarkMode, route.name);
+    const customStyle = customStyles(props.DarkMode, route.name);
+    const globalStyle = globalStyles(props.DarkMode, route.name);
+
+
+    const [isDarkTheme, setIsDarkTheme] = useState(false)
+    const toggleTheme = () => {
+        setIsDarkTheme(!isDarkTheme);
+    }
+
+
+    let pageprops = props.pageprops || {};
+    let userData = pageprops.sessionData || {};
+    const ST = pageprops.StaticText || {};
+    let un = userData.UserId || '';
+    const activeOpacityC = 0.6;
+
+    function startDownload() {
+        props.navigation.closeDrawer();
+
+        if (props.pageprops) {
+            if (props.pageprops.set_startDownload) {
+                props.pageprops.set_startDownload({ startDownload: true });
+            }
+            else {
+                notify(ST.Couldnotstartdownload)
+            }
+        }
+        else {
+            notify(ST.Couldnotstartdownload)
+        }
+    }
+
+    function AskForDownload() {
+        Alert.alert(
+            "Performics",
+            ST.Doyouwanttodownloaddata,
+            [
+                {
+                    text: ST.Cancel,
+                    onPress: () => { },
+                    style: "cancel"
+                },
+                { text: ST.OK, onPress: () => { startDownload(); } }
+            ],
+        );
+    }
+
+    function startUpload() {
+        props.navigation.closeDrawer();
+        if (props.pageprops) {
+            if (props.pageprops.set_startUpload) {
+                props.pageprops.set_startUpload({ startUpload: true });
+            }
+            else {
+                notify(ST.Couldnotstartupload)
+            }
+        }
+        else {
+            notify(ST.Couldnotstartupload)
+        }
+    }
+
+    function AskForUpload() {
+        Alert.alert(
+            "Performics",
+            ST.Doyouwanttouploaddata,
+            [
+                {
+                    text: ST.Cancel,
+                    onPress: () => { },
+                    style: "cancel"
+                },
+                { text: ST.OK, onPress: () => { startUpload(); } }
+            ],
+        );
+    }
+
+    async function exitApp() {
+        console.log('exit app');
+        clear_item('islogin');
+        clear_item('mpin');
+        clear_item('loginToken');
+        clear_item('loginInfo');
+        clear_item('login_credentials');
+        clear_item('firsttime');
+        clear_item('projectCode');
+        clear_item('projectInfo');
+        clear_item('loginOfDays');
+        const pdata = { islogin: false, SecurityToken: '' };
+        props.pageprops ? props.pageprops.set_session(pdata) : '';
+        setTimeout(() => { 
+            console.log("exit now");
+            props.navigation.reset({index: 0,routes: [{name: "Mpin"}],});
+            // RNExitApp.exitApp(); 
+        }, 1000);
+    }
+
+    async function clearStorage() {
+        await set_item('DataStorageCleared', '1');
+        try {
+            db.transaction(async function (txn) {
+                await txn.executeSql(`SELECT name FROM sqlite_schema WHERE type='table' ORDER BY name`, [], async function (txnd, txnres1) {
+                    console.log('q exec:', txnres1.rows.length);
+                    if (txnres1.rows.length > 0) {
+                        for (var i = 0; i < txnres1.rows.length; i++) {
+                            let data = txnres1.rows.item(i);
+                            let index = i;
+                            if (data.name !== 'sqlite_sequence' && data.name != 'android_metadata') {
+                                const q = `drop table ${data.name} `;
+                                console.log(q);
+                                txn.executeSql(q, [], async function (txnd, txnres3) {
+                                    console.log(data.name + ' dropped');
+                                    if (index == txnres1.rows.length - 1) {
+                                        await exitApp();
+                                    }
+                                }, async function (txn1, txnerr) {
+                                    console.log(txnerr);
+                                    if (index == txnres1.rows.length - 1) {
+                                        await exitApp();
+                                    }
+                                });
+                            } else {
+                                if (index == txnres1.rows.length - 1) {
+                                    await exitApp();
+                                }
+                            }
+                        }
+                    }
+                    else {
+                        await exitApp();
+                    }
+                }, async function (txn1, txnerr) { console.log(txnerr); await exitApp(); });
+            });
+
+        } catch (err) {
+            console.log(err);
+            await exitApp();
+        }
+
+    }
+
+    function AskForClearStorage() {
+        Alert.alert(
+            "Performics",
+            ST.DoyoureallywanttoclearalldataThiswillremoveallcacheandstorage,
+            [
+                {
+                    text: ST.Cancel,
+                    onPress: () => { },
+                    style: "cancel"
+                },
+                { text: ST.OK, onPress: () => { clearStorage() } }
+            ],
+        );
+    }
+
+    async function gotoStore() {
+        // let loginInfo = await get_item('loginInfo');
+        // let loginDetails = JSON.parse(loginInfo); 
+        // let designation=loginDetails.Designation!=null?loginDetails.Designation:'';
+
+        // let ManagersList=pageprops.SUP_ManagerDesigList!=null && pageprops.SUP_ManagerDesigList!="" && typeof pageprops.SUP_ManagerDesigList=="string"?pageprops.SUP_ManagerDesigList.split(","):[];
+        // console.log("user designation & ManagersList:",designation,ManagersList);
+        let userIsManager = await getIf_UserIsManager(pageprops);
+
+        if (userIsManager) {
+            // if current user is in manager list - then show search wise storelist
+            console.log("user is manager");
+            props.navigation.navigate('StoreList', { showSearchWiseStore: true });
+        }
+        else {
+            pageprops.SUP_StorewisePJP == true ? props.navigation.navigate('StoreList') : props.navigation.navigate('TeamList');
+        }
+    }
+
+
+    // console.log(pageprops.ShowImageAudit, "props.ShowImageAudit")
+
+    return (
+        <View style={{ flex: 1 }}>
+                <LinearGradient colors={[PageTheme.$secondary_color_light, PageTheme.$primary_color]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }} style={customStyle.drawerInfoCon}>
+                    <Image style={globalStyle.drawerLogo} source={{ uri: pageprops.drawerlogo }} />
+                    <Title style={globalStyle.title}>{un}</Title>
+                    {/* <Text style={customStyle.drawerSubTitle}>{uemail}</Text> */}
+                </LinearGradient>
+            <DrawerContentScrollView {...props} style={globalStyle.drawerContentScroll} contentContainerStyle={globalStyle.drawerContentScrollInner}>
+                <View style={globalStyle.drawerContent}>
+                    <Drawer.Section style={globalStyle.drawerSection}>
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={() => { AskForDownload() }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={download_data_image} /></View>
+                            <Text style={globalStyle.drawerLabel}>{ST.DownloadData}</Text>
+                        </TouchableOpacity>
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={() => { props.navigation.navigate('Attendance') }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={visitor_login_icon} /></View>
+                            <Text style={globalStyle.drawerLabel}>{'Attendance'}</Text>
+                        </TouchableOpacity>
+
+                        {/*                         
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={()=>{props.navigation.navigate('AttendanceSup')}}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18}  xml={visitor_login_icon}/></View>  
+                            <Text style={globalStyle.drawerLabel}>{'Employee Attendance'}</Text>
+                        </TouchableOpacity> */}
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle}
+                            onPress={() => { gotoStore(); }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={dailyrouteplan_image} /></View>
+                            <Text style={globalStyle.drawerLabel}>{ST.DailyRoutePlan}</Text>
+                        </TouchableOpacity>
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle}
+                            onPress={() => { props.navigation.navigate('DistributorList') }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={dailyrouteplan_image} /></View>
+                            <Text style={globalStyle.drawerLabel}>{'CD Point'}</Text>
+                        </TouchableOpacity>
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={() => { props.navigation.navigate('GateMeeting') }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={upload_data_icon} /></View>
+                            <Text style={globalStyle.drawerLabel}>{'Gate Meeting'}</Text>
+                        </TouchableOpacity>
+
+                        {pageprops.ShowImageAudit == true &&
+                            <TouchableOpacity activeOpacity={activeOpacityC} style={[globalStyle.drawerItemStyle]} onPress={() => { props.navigation.navigate('ImageAuditStoreList') }}>
+                                <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={dailyrouteplan_image} /></View>
+                                <Text style={globalStyle.drawerLabel}>{'Image Audit'}</Text>
+                            </TouchableOpacity>
+                        }
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={() => { AskForUpload() }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={upload_data_icon} /></View>
+                            <Text style={globalStyle.drawerLabel}>{ST.UplaodData}</Text>
+                        </TouchableOpacity>
+                        
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={() => { props.navigation.navigate('GroomingPictures') }}>
+                            <View style={globalStyle.drawerItemIcon}>
+                                <Image source={require('../../assets/icons/audit/grooming.png')} style={{height:20,width:20,resizeMode:'contain'}} />
+                            </View>
+                            <Text style={globalStyle.drawerLabel}>{'Grooming Images'}</Text>
+                        </TouchableOpacity>
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={() => { props.navigation.navigate('ReportsMenu') }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={reports_icon} /></View>
+                            <Text style={globalStyle.drawerLabel}>{ST.Report}</Text>
+                        </TouchableOpacity>
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={() => { props.navigation.navigate('HR') }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={resume_icon} /></View>
+                            <Text style={globalStyle.drawerLabel}>{'Add Resume/CV'}</Text>
+                        </TouchableOpacity>
+                        {/* 
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={()=>{props.navigation.navigate('Training')}}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18}  xml={training_icon}/></View>  
+                            <Text style={globalStyle.drawerLabel}>{ST.Training}</Text>
+                        </TouchableOpacity> */}
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={() => { props.navigation.navigate('TrainingMenu', { 'Contentid': 1 }) }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={training_icon} /></View>
+                            <Text style={globalStyle.drawerLabel}>{"Misc. Documents"}</Text>
+                        </TouchableOpacity>
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={[globalStyle.drawerItemStyle]} onPress={() => { logout(props) }}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={17} height={17} xml={exit_icon} /></View>
+                            <Text style={globalStyle.drawerLabel}>{ST.Exit}</Text>
+                        </TouchableOpacity>
+                        {/* <TouchableOpacity activeOpacity={activeOpacityC} style={[globalStyle.drawerItemStyle]} onPress={()=>{props.navigation.navigate('DynamicStoreList')}}>
+                            <View style={globalStyle.drawerItemIcon}><EvilIcons name='gear' size={24} color={PageTheme.$sidemenuColor} /></View> 
+                            <Text style={globalStyle.drawerLabel}>{'Dynamic Store List'}</Text>
+                        </TouchableOpacity>   */}
+                        {/* <TouchableOpacity activeOpacity={activeOpacityC} style={[globalStyle.drawerItemStyle]} onPress={()=>{props.navigation.navigate('DynamicSurveys')}}>
+                            <View style={globalStyle.drawerItemIcon}><EvilIcons name='gear' size={24} color={PageTheme.$sidemenuColor} /></View> 
+                            <Text style={globalStyle.drawerLabel}>{'Dynamic Surveys'}</Text>
+                        </TouchableOpacity>      */}
+                        {/* 
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={globalStyle.drawerItemStyle} onPress={()=>{props.navigation.navigate('GetDb')}}>
+                            <View style={globalStyle.drawerItemIcon}><SvgXml width={18} height={18} xml={upload_data_icon}/></View> 
+                            <Text style={globalStyle.drawerLabel}>{'GetDb'}</Text>
+                        </TouchableOpacity> */}
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={[globalStyle.drawerItemStyle]} onPress={() => { props.navigation.navigate('Settings') }}>
+                            <View style={globalStyle.drawerItemIcon}><EvilIcons name='gear' size={24} color={PageTheme.$sidemenuColor} /></View>
+                            <Text style={globalStyle.drawerLabel}>{ST.Settings}</Text>
+                        </TouchableOpacity>
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={[globalStyle.drawerItemStyle]} onPress={() => { Linking.openURL('https://www.cpm-int.com/legal-stuff/privacy-notice') }}>
+                            <View style={globalStyle.drawerItemIcon}><MaterialIcons name='policy' size={24} color={PageTheme.$sidemenuColor} /></View>
+                            <Text style={globalStyle.drawerLabel}>{ST.PrivacyPolicy}</Text>
+                        </TouchableOpacity>
+
+                        <TouchableOpacity activeOpacity={activeOpacityC} style={[globalStyle.drawerItemStyle, customStyle.mb7]} onPress={() => { props.navigation.navigate('ContactUs') }}>
+                            <View style={globalStyle.drawerItemIcon}><MaterialIcons name='contact-support' size={24} color={PageTheme.$sidemenuColor} /></View>
+                            <Text style={globalStyle.drawerLabel}>{ST.ContactUs}</Text>
+                        </TouchableOpacity>
+
+
+
+                    </Drawer.Section>
+
+                    {/* <Drawer.Section style={globalStyle.preferenceCon}> 
+                        <Text style={globalStyle.preferenceTitle}>Preference</Text>
+                        <TouchableOpacity onPress={toggleTheme}>
+                            <View style={globalStyle.preference}>
+                            <Text style={globalStyle.drawerLabel}>
+                                Dark Theme
+                            </Text><Switch value={isDarkTheme}/>
+                            </View>
+                        </TouchableOpacity>
+                    </Drawer.Section> */}
+                </View>
+            </DrawerContentScrollView>
+            <Drawer.Section style={globalStyle.bottomDrawerSecion}>
+                <View style={globalStyle.bottomDrawerCon}>
+                    <Image style={globalStyle.bottomDrawerIcon} source={require('../../assets/image/PerformicsLogo.png')} />
+                    <Text style={globalStyle.bottomDrawerLabel}>{version}</Text>
+                </View>
+            </Drawer.Section>
+
+        </View>
+    )
+}
+
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..c41b7e2
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "@react-native/typescript-config",
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["**/node_modules", "**/Pods"]
+}