@imksh/create 1.0.32 → 1.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imksh/create",
-  "version": "1.0.32",
+  "version": "1.0.34",
   "description": "A production-ready create for scaffolding modern applications.",
   "type": "module",
   "bin": {

package/templates/layers/react-native/base/package.json

@@ -1,9 +1,9 @@
 {
-  "name": "shivAi",
+  "name": "Mobile",
   "main": "expo-router/entry",
   "version": "1.0.0",
   "dependencies": {
-    "@expo/ui": "~57.0.7",
+    "@expo/ui": "~57.0.22",
     "@expo/vector-icons": "^15.1.1",
     "@react-native-async-storage/async-storage": "2.2.0",
     "@react-native-community/slider": "^5.2.0",
@@ -12,53 +12,51 @@
     "@react-navigation/bottom-tabs": "^7.18.10",
     "axios": "^1.18.1",
     "babel-preset-expo": "^57.0.3",
+    "dayjs": "^1.11.13",
     "drizzle-orm": "^0.45.2",
-    "expo": "~57.0.7",
-    "expo-blur": "~57.0.2",
+    "expo": "~57.0.27",
+    "expo-blur": "~57.0.3",
     "expo-constants": "~57.0.6",
-    "expo-device": "~57.0.1",
-    "expo-file-system": "~18.0.7",
-    "expo-sharing": "~13.0.1",
+    "expo-device": "~57.0.2",
+    "expo-file-system": "~57.0.7",
     "expo-font": "~57.0.1",
-    "expo-glass-effect": "~57.0.1",
-    "expo-image": "~57.0.1",
-    "expo-image-picker": "^57.0.6",
-    "expo-linear-gradient": "^57.0.1",
-    "expo-linking": "~57.0.3",
-    "expo-local-authentication": "~15.0.2",
-    "expo-location": "~18.0.5",
-    "expo-notifications": "~57.0.6",
-    "dayjs": "^1.11.13",
-    "expo-router": "~57.0.7",
-    "expo-splash-screen": "~57.0.4",
-    "expo-sqlite": "^57.0.1",
+    "expo-glass-effect": "~57.0.4",
+    "expo-image": "~57.0.5",
+    "expo-image-picker": "~57.0.20",
+    "expo-linear-gradient": "~57.0.2",
+    "expo-linking": "~57.0.12",
+    "expo-local-authentication": "~57.0.3",
+    "expo-location": "~57.0.20",
+    "expo-notifications": "~57.0.22",
+    "expo-router": "~57.0.25",
+    "expo-sharing": "~57.0.22",
+    "expo-splash-screen": "~57.0.9",
+    "expo-sqlite": "~57.0.4",
     "expo-status-bar": "~57.0.1",
-    "expo-symbols": "~57.0.1",
-    "expo-system-ui": "~57.0.1",
-    "expo-web-browser": "~57.0.1",
-    "lottie-react": "^2.4.1",
+    "expo-symbols": "~57.0.3",
+    "expo-system-ui": "~57.0.4",
+    "expo-web-browser": "~57.0.3",
     "lottie-react-native": "^7.3.8",
     "nativewind": "^4.2.6",
     "prettier-plugin-tailwindcss": "^0.5.14",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "react-native": "0.86.0",
+    "react-native": "0.86.3",
+    "react-native-blob-util": "^0.19.11",
     "react-native-gesture-handler": "~2.32.0",
     "react-native-image-viewing": "^0.2.2",
-    "react-native-maps": "^1.18.0",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-otp-entry": "^1.8.6",
     "react-native-paper": "^5.15.3",
-    "react-native-pdf": "^6.7.5",
-    "react-native-blob-util": "^0.19.11",
+    "react-native-pdf": "^7.0.5",
     "react-native-permissions": "^5.6.0",
-    "react-native-reanimated": "^4.5.2",
-    "react-native-safe-area-context": "^5.8.0",
-    "react-native-screens": "4.25.2",
+    "react-native-reanimated": "4.5.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "~4.26.0",
     "react-native-toast-message": "^2.4.0",
     "react-native-web": "~0.21.0",
-    "react-native-webview": "^13.12.5",
-    "react-native-worklets": "0.10.0",
+    "react-native-webview": "13.16.1",
+    "react-native-worklets": "0.10.1",
     "socket.io-client": "^4.8.3",
     "tailwindcss": "^3.4.19",
     "zustand": "^5.0.14"
@@ -69,7 +67,7 @@
     "dpdm": "^3.14.0",
     "drizzle-kit": "^0.31.10",
     "eslint": "^9.0.0",
-    "eslint-config-expo": "~57.0.0",
+    "eslint-config-expo": "~57.0.2",
     "prettier": "^3.4.2",
     "ts-prune": "^0.10.3",
     "typescript": "~6.0.3"
@@ -86,8 +84,7 @@
     "format": "prettier --write \"src/**/*.{ts,tsx,json}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,json}\"",
     "circular-check": "dpdm --circular --no-warning --no-tree --exit-code circular:1 \"src/**/*.{ts,tsx}\"",
-    "ts-prune": "ts-prune",
-    "ts-purns": "ts-prune",
+    "prune:unused": "ts-prune",
     "ts:check": "tsc --noEmit",
     "build": "eas build",
     "build:android": "eas build -p android",

package/templates/layers/react-native/base/src/app/_layout.tsx

@@ -30,7 +30,7 @@ export default function RootLayout() {
   const { getMe, isCheckingAuth, loadCachedUser, user } = useAuthStore();
   const { colorScheme, setColorScheme } = useColorScheme();
   const colors = Colors[colorScheme ?? "light"];
-  
+
   const segments = useSegments();
   const router = useRouter();
 
@@ -93,10 +93,6 @@ export default function RootLayout() {
               name="(auth)"
               options={{ headerShown: false, animation: "fade" }}
             />
-            <Stack.Screen
-              name="doc-viewer"
-              options={{ presentation: "fullScreenModal" }}
-            />
           </Stack>
         </BiometricLock>
       </PaperProvider>

package/templates/layers/react-native/base/src/app/screens/doc-viewer.tsx

@@ -0,0 +1,378 @@
+import React, { useState, useEffect, useMemo } from "react";
+import {
+  View,
+  StyleSheet,
+  Dimensions,
+  Platform,
+  UIManager,
+  TouchableOpacity,
+} from "react-native";
+import { useLocalSearchParams, useRouter } from "expo-router";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { useColorScheme } from "nativewind";
+import { Colors } from "../../constants/Colors";
+import ScreenHeader from "../../components/common/ScreenHeader";
+import { Txt } from "../../components/common/Typography";
+import Input from "../../components/ui/inputs/Input";
+import Button from "../../components/ui/buttons/Button";
+import Container from "../../components/ui/layout/Container";
+import { Ionicons } from "@expo/vector-icons";
+import ProgressBar from "../../components/ui/feedback/ProgressBar";
+import * as FileSystem from "expo-file-system";
+import * as WebBrowser from "expo-web-browser";
+import * as Sharing from "expo-sharing";
+import { isExpoGo, hasNativeModule } from "../../utils/env";
+
+const hasPdfViewManager = (): boolean => {
+  try {
+    return Boolean(
+      UIManager.getViewManagerConfig &&
+      UIManager.getViewManagerConfig("RNPDFPdfView")
+    );
+  } catch {
+    return false;
+  }
+};
+
+const getPdfComponent = () => {
+  if (
+    isExpoGo() ||
+    !hasNativeModule("ReactNativeBlobUtil") ||
+    !hasPdfViewManager()
+  ) {
+    return null;
+  }
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const mod = require("react-native-pdf");
+    return mod.default || mod;
+  } catch {
+    return null;
+  }
+};
+
+const getWebViewComponent = () => {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const mod = require("react-native-webview");
+    return mod.WebView || mod.default || mod;
+  } catch {
+    return null;
+  }
+};
+
+export default function DocViewerScreen() {
+  const router = useRouter();
+  const { url, name } = useLocalSearchParams<{
+    url: string;
+    name?: string;
+  }>();
+
+  useSafeAreaInsets();
+  const { colorScheme } = useColorScheme();
+  const isDark = colorScheme === "dark";
+  const colors = Colors[isDark ? "dark" : "light"];
+
+  const [totalPages, setTotalPages] = useState(0);
+  const [currentPage, setCurrentPage] = useState(1);
+
+  const [password, setPassword] = useState("");
+  const [isPasswordRequired, setIsPasswordRequired] = useState(false);
+  const [inputPassword, setInputPassword] = useState("");
+  const [errorMsg, setErrorMsg] = useState("");
+
+  const [localUri, setLocalUri] = useState<string | null>(null);
+  const [downloadProgress, setDownloadProgress] = useState(0);
+  const [downloadError, setDownloadError] = useState<string | null>(null);
+
+  const PdfComponent = useMemo(() => getPdfComponent(), []);
+  const WebViewComponent = useMemo(() => getWebViewComponent(), []);
+
+  useEffect(() => {
+    if (!url) return;
+
+    if (url.startsWith("http")) {
+      const downloadFile = async () => {
+        try {
+          const filename = `doc_${Date.now()}.pdf`;
+
+          // Modern expo-file-system File API check
+          if (FileSystem.File?.downloadFileAsync && FileSystem.Paths?.cache) {
+            const destination = new FileSystem.File(FileSystem.Paths.cache, filename);
+            const downloaded = await FileSystem.File.downloadFileAsync(url, destination, {
+              onProgress: (progress) => {
+                if (progress.totalBytes > 0) {
+                  setDownloadProgress(progress.bytesWritten / progress.totalBytes);
+                }
+              },
+            });
+            setLocalUri(downloaded.uri);
+            return;
+          }
+
+          // Legacy downloadResumable fallback if supported
+          if (typeof (FileSystem as any).createDownloadResumable === "function") {
+            const baseDir =
+              (FileSystem as any).documentDirectory ||
+              (FileSystem as any).cacheDirectory ||
+              "";
+            const fileUri = `${baseDir}${filename}`;
+            const downloadResumable = (FileSystem as any).createDownloadResumable(
+              url,
+              fileUri,
+              {},
+              (progressEvent: any) => {
+                const progress =
+                  progressEvent.totalBytesExpectedToWrite > 0
+                    ? progressEvent.totalBytesWritten / progressEvent.totalBytesExpectedToWrite
+                    : 0;
+                setDownloadProgress(progress);
+              }
+            );
+
+            const result = await downloadResumable.downloadAsync();
+            if (result && result.uri) {
+              setLocalUri(result.uri);
+              return;
+            }
+          }
+
+          // Fallback to url directly if local download is unavailable
+          setLocalUri(url);
+        } catch (error) {
+          console.error("Download error:", error);
+          // Still fallback to original url
+          setLocalUri(url);
+        }
+      };
+      downloadFile();
+    } else {
+      setLocalUri(url);
+    }
+  }, [url]);
+
+  const handleShare = async () => {
+    try {
+      const targetUri = localUri || url;
+      if (targetUri && (await Sharing.isAvailableAsync())) {
+        await Sharing.shareAsync(targetUri, {
+          mimeType: "application/pdf",
+          dialogTitle: name || "Open Document",
+          UTI: "com.adobe.pdf",
+        });
+      } else if (url && url.startsWith("http")) {
+        await WebBrowser.openBrowserAsync(url);
+      }
+    } catch (e) {
+      console.warn("Failed to open or share document:", e);
+    }
+  };
+
+  if (!url) {
+    return (
+      <View style={{ flex: 1, backgroundColor: colors.base100 }}>
+        <ScreenHeader title="Document Viewer" onBack={() => router.back()} />
+        <View className="flex-1 items-center justify-center p-4">
+          <Ionicons
+            name="alert-circle-outline"
+            size={48}
+            color={colors.baseContent}
+            style={{ opacity: 0.5 }}
+          />
+          <Txt variant="base" className="mt-4 text-center opacity-70">
+            No document URL provided.
+          </Txt>
+        </View>
+      </View>
+    );
+  }
+
+  const handlePasswordSubmit = () => {
+    setPassword(inputPassword);
+    setIsPasswordRequired(false);
+    setErrorMsg("");
+  };
+
+  return (
+    <View style={{ flex: 1, backgroundColor: colors.base100 }}>
+      <ScreenHeader
+        title={name || "Document Viewer"}
+        subtitle={totalPages > 0 ? `Page ${currentPage} of ${totalPages}` : undefined}
+        onBack={() => router.back()}
+        actions={
+          <TouchableOpacity
+            onPress={handleShare}
+            activeOpacity={0.7}
+            className="w-10 h-10 rounded-full bg-base-200/80 items-center justify-center border border-base-300/10 shadow-sm"
+          >
+            <Ionicons name="share-outline" color={colors.baseContent} size={20} />
+          </TouchableOpacity>
+        }
+      />
+
+      {isPasswordRequired ? (
+        <Container className="flex-1 justify-center items-center px-6">
+          <View
+            className="p-6 rounded-3xl w-full"
+            style={{ backgroundColor: colors.base200 }}
+          >
+            <Txt variant="xl" className="font-bold text-center mb-2">
+              Password Protected
+            </Txt>
+            <Txt variant="base" className="text-center text-base-content/70 mb-6">
+              This document requires a password to open.
+            </Txt>
+            <Input
+              placeholder="Enter password"
+              value={inputPassword}
+              onChangeText={setInputPassword}
+              secureTextEntry
+              className="mb-4"
+            />
+            {errorMsg ? (
+              <Txt variant="caption" className="text-error text-center mb-4">
+                {errorMsg}
+              </Txt>
+            ) : null}
+            <Button
+              label="Unlock Document"
+              variant="primary"
+              isFullWidth
+              onPress={handlePasswordSubmit}
+            />
+          </View>
+        </Container>
+      ) : (
+        <View style={styles.pdfContainer}>
+          {!localUri && !downloadError ? (
+            <View className="flex-1 items-center justify-center w-full relative">
+              <View className="w-3/4 max-w-sm absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-base-100 p-6 rounded-2xl shadow-lg border border-base-300">
+                <ProgressBar
+                  progress={downloadProgress * 100}
+                  label="Downloading Document"
+                />
+              </View>
+            </View>
+          ) : downloadError ? (
+            <View className="flex-1 items-center justify-center p-4">
+              <Ionicons
+                name="close-circle-outline"
+                size={48}
+                color={colors.error}
+                style={{ opacity: 0.8 }}
+              />
+              <Txt
+                variant="base"
+                className="mt-4 text-center text-error font-semibold"
+              >
+                {downloadError}
+              </Txt>
+              <Button
+                label="Go Back"
+                variant="outline"
+                style={{ marginTop: 20 }}
+                onPress={() => router.back()}
+              />
+            </View>
+          ) : PdfComponent ? (
+            <PdfComponent
+              source={{ uri: localUri!, cache: false }}
+              password={password}
+              onLoadComplete={(numberOfPages: number) => {
+                setTotalPages(numberOfPages);
+              }}
+              onPageChanged={(page: number) => {
+                setCurrentPage(page);
+              }}
+              onError={(error: unknown) => {
+                const err = error as { message?: string };
+                if (err?.message?.toLowerCase().includes("password")) {
+                  setIsPasswordRequired(true);
+                  setErrorMsg("Incorrect password. Please try again.");
+                }
+              }}
+              trustAllCerts={false}
+              style={[styles.pdf, { backgroundColor: colors.base200 }]}
+            />
+          ) : Platform.OS === "ios" && WebViewComponent ? (
+            <View style={{ flex: 1, width: "100%" }}>
+              <WebViewComponent
+                source={{ uri: localUri || url }}
+                style={[styles.pdf, { backgroundColor: colors.base200 }]}
+                originWhitelist={["*"]}
+                scalesPageToFit={true}
+              />
+            </View>
+          ) : Platform.OS === "android" &&
+            WebViewComponent &&
+            url &&
+            url.startsWith("http") ? (
+            <View style={{ flex: 1, width: "100%" }}>
+              <WebViewComponent
+                source={{
+                  uri: `https://docs.google.com/gview?embedded=true&url=${encodeURIComponent(url)}`,
+                }}
+                style={[styles.pdf, { backgroundColor: colors.base200 }]}
+                originWhitelist={["*"]}
+                scalesPageToFit={true}
+              />
+            </View>
+          ) : (
+            <View className="flex-1 items-center justify-center p-6 w-full">
+              <View
+                className="p-6 rounded-3xl w-full max-w-sm items-center border border-base-300"
+                style={{ backgroundColor: colors.base200 }}
+              >
+                <View
+                  className="w-16 h-16 rounded-full items-center justify-center mb-4"
+                  style={{ backgroundColor: `${colors.primary}20` }}
+                >
+                  <Ionicons
+                    name="document-text-outline"
+                    size={36}
+                    color={colors.primary}
+                  />
+                </View>
+                <Txt variant="lg" className="font-bold text-center mb-1">
+                  {name || "Document Ready"}
+                </Txt>
+                <Txt variant="caption" className="text-center opacity-70 mb-6">
+                  Native PDF rendering requires a development build. You can open or
+                  share this document in your device reader.
+                </Txt>
+                <Button
+                  label="Open in Device Reader"
+                  variant="primary"
+                  isFullWidth
+                  onPress={handleShare}
+                  className="mb-3"
+                />
+                {url && url.startsWith("http") ? (
+                  <Button
+                    label="Open in Web Browser"
+                    variant="outline"
+                    isFullWidth
+                    onPress={() => WebBrowser.openBrowserAsync(url)}
+                  />
+                ) : null}
+              </View>
+            </View>
+          )}
+        </View>
+      )}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  pdfContainer: {
+    flex: 1,
+    justifyContent: "flex-start",
+    alignItems: "center",
+  },
+  pdf: {
+    flex: 1,
+    width: Dimensions.get("window").width,
+    height: Dimensions.get("window").height,
+  },
+});

package/templates/layers/react-native/base/src/components/common/ConfirmationToast.tsx

@@ -4,8 +4,6 @@ import { Txt } from "./Typography";
 
 import { useColorScheme } from "nativewind";
 import { Colors } from "../../constants/Colors";
-import { useTranslation } from "react-i18next";
-
 import { Portal } from "react-native-paper";
 
 export interface ConfirmationToastProps {
@@ -25,9 +23,8 @@ export default function ConfirmationToast({
   cancleText,
   confirmText,
 }: ConfirmationToastProps) {
-  const { t } = useTranslation();
-  const cText = cancleText ?? t("common.cancel");
-  const confText = confirmText ?? t("common.confirm");
+  const cText = cancleText ?? "Cancel";
+  const confText = confirmText ?? "Confirm";
   const { colorScheme } = useColorScheme();
   const colors = Colors[colorScheme ?? "light"];
 

package/templates/layers/react-native/base/src/components/common/GoogleAuthButton.tsx

@@ -1,39 +1,12 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { TouchableOpacity, View, ActivityIndicator } from "react-native";
-import Constants from "expo-constants";
 import { useColorScheme } from "nativewind";
-import { Colors } from "../../../constants/Colors";
+import { Colors } from "./../../constants/Colors";
 import { Txt } from "./Typography";
-import { useAuthStore } from "../../../store/useAuthStore";
-import { toast } from "../../../utils/toast";
+import { useAuthStore } from "./../../store/useAuthStore";
+import { toast } from "./../../utils/toast";
 import { Ionicons } from "@expo/vector-icons";
-
-const isExpoGo = Constants.appOwnership === "expo";
-
-interface GoogleSigninType {
-  configure: (options: Record<string, unknown>) => void;
-  hasPlayServices: (options: { showPlayServicesUpdateDialog: boolean }) => Promise<boolean>;
-  signIn: () => Promise<{ data?: { idToken?: string }; idToken?: string }>;
-}
-
-interface StatusCodesType {
-  SIGN_IN_CANCELLED: string;
-  IN_PROGRESS: string;
-  PLAY_SERVICES_NOT_AVAILABLE: string;
-}
-
-let GoogleSignin: GoogleSigninType | undefined;
-let statusCodes: StatusCodesType | undefined;
-
-if (!isExpoGo) {
-  try {
-    const googleModule = require("@react-native-google-signin/google-signin");
-    GoogleSignin = googleModule.GoogleSignin;
-    statusCodes = googleModule.statusCodes;
-  } catch {
-    // Module not found or not supported in current environment
-  }
-}
+import { isExpoGo, hasNativeModule } from "../../utils/env";
 
 interface GoogleAuthButtonProps {
   onSuccess?: () => void;
@@ -51,32 +24,34 @@ export default function GoogleAuthButton({
   const { googleLogin } = useAuthStore();
   const [loading, setLoading] = useState(false);
 
-  useEffect(() => {
-    if (!isExpoGo && GoogleSignin) {
-      GoogleSignin.configure({
-        webClientId: process.env.EXPO_PUBLIC_GOOGLE_WEB_CLIENT_ID || "",
-        iosClientId: process.env.EXPO_PUBLIC_GOOGLE_IOS_CLIENT_ID || "",
-      });
-    }
-  }, []);
-
   const handlePress = async () => {
-    if (isExpoGo) {
+    if (isExpoGo() || !hasNativeModule("RNGoogleSignin")) {
       toast.info(
-        "Expo Go",
-        "Google Sign-In is not supported in Expo Go. Please use a custom dev client."
+        "Development Build Required",
+        "Google Sign-In requires a custom development build (expo-dev-client)."
       );
       return;
     }
 
-    if (!GoogleSignin) {
-      toast.error("Error", "Google Sign-In module is not loaded.");
-      return;
-    }
-
     try {
       setLoading(true);
-      await GoogleSignin.hasPlayServices();
+
+      // Lazily require Google Sign-In only when running in a native custom development build
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      const googleModule = require("@react-native-google-signin/google-signin");
+      const { GoogleSignin, statusCodes } = googleModule;
+
+      if (!GoogleSignin) {
+        toast.error("Error", "Google Sign-In module is not available.");
+        return;
+      }
+
+      GoogleSignin.configure({
+        webClientId: process.env.EXPO_PUBLIC_GOOGLE_WEB_CLIENT_ID || "",
+        iosClientId: process.env.EXPO_PUBLIC_GOOGLE_IOS_CLIENT_ID || "",
+      });
+
+      await GoogleSignin.hasPlayServices({ showPlayServicesUpdateDialog: true });
 
       // Force account selection every time
       try {
@@ -101,16 +76,20 @@ export default function GoogleAuthButton({
         toast.error("Error", "Google authentication failed");
       }
     } catch (error: unknown) {
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      const statusCodes = hasNativeModule("RNGoogleSignin")
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        ? require("@react-native-google-signin/google-signin").statusCodes
+        : undefined;
+
       const err = error as { code?: string; message?: string };
       if (err.code === statusCodes?.SIGN_IN_CANCELLED) {
-        // user cancelled the login flow
+        // User cancelled the login flow
       } else if (err.code === statusCodes?.IN_PROGRESS) {
-        // operation (e.g. sign in) is in progress already
+        // Operation is in progress already
       } else if (err.code === statusCodes?.PLAY_SERVICES_NOT_AVAILABLE) {
-        // play services not available or outdated
         toast.error("Error", "Google Play Services not available");
       } else {
-        // some other error happened
         toast.error("Error", err.message || "An unexpected error occurred");
       }
     } finally {

package/templates/layers/react-native/base/src/components/ui/BiometricLock.tsx

@@ -5,8 +5,8 @@ import { authenticateAsync } from "@/services/biometric.service";
 import { Ionicons } from "@expo/vector-icons";
 import { Colors } from "@/constants/Colors";
 import { useColorScheme } from "nativewind";
-import { Txt } from "./common/Typography";
-import Button from "./ui/buttons/Button";
+import { Txt } from "../common/Typography";
+import Button from "../ui/buttons/Button";
 import appConfig from "@/config/appConfig";
 
 export default function BiometricLock({ children }: { children: React.ReactNode }) {
@@ -60,7 +60,7 @@ export default function BiometricLock({ children }: { children: React.ReactNode
     if (isAuthenticating) return;
     setIsAuthenticating(true);
     
-    const success = await authenticateAsync("Unlock HireMe");
+    const success = await authenticateAsync(`Unlock ${appConfig.app.name}`);
     
     if (success) {
       setIsAppLocked(false);