react-native-dev-guard 0.0.1 → 1.0.1

package/lib/components/LockScreen.js

@@ -5,36 +5,89 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const ContactButton_1 = require("./ContactButton");
-const { width, height } = react_native_1.Dimensions.get('window');
-const LockScreen = ({ status, title, message, contactEmail = '', contactPhone = '', contactWhatsapp = '', allowUnlock = true, onUnlock }) => {
+const branding_1 = require("../types/branding");
+const contactUrls_1 = require("../utils/contactUrls");
+const obf_1 = require("../internal/obf");
+const UNLOCK_TOGGLE_COLOR = '#fcd34d';
+const LockScreen = ({ status, title, message, contactEmail = '', contactPhone = '', contactWhatsapp = '', allowUnlock = false, branding, onUnlock, }) => {
+    const { width, height } = (0, react_native_1.useWindowDimensions)();
     const [unlockKey, setUnlockKey] = (0, react_1.useState)('');
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
     const [showUnlock, setShowUnlock] = (0, react_1.useState)(false);
+    const [logoFailed, setLogoFailed] = (0, react_1.useState)(false);
+    const footer = (0, react_1.useMemo)(() => (0, branding_1.resolveBrandingFooter)(branding), [branding]);
+    const blobStyles = (0, react_1.useMemo)(() => ({
+        blob1: {
+            top: -width * 0.2,
+            right: -width * 0.2,
+            width: width * 0.8,
+            height: width * 0.8,
+            borderRadius: width * 0.4,
+            backgroundColor: footer.primaryColor,
+        },
+        blob2: {
+            bottom: -width * 0.1,
+            left: -width * 0.3,
+            width: width * 0.8,
+            height: width * 0.8,
+            borderRadius: width * 0.4,
+            backgroundColor: footer.accentColor,
+        },
+        blob3: {
+            top: height * 0.3,
+            right: -width * 0.4,
+            width: width * 0.6,
+            height: width * 0.6,
+            borderRadius: width * 0.3,
+            backgroundColor: footer.primaryColor,
+        },
+    }), [footer.accentColor, footer.primaryColor, height, width]);
+    const themedStyles = (0, react_1.useMemo)(() => react_native_1.StyleSheet.create({
+        iconContainer: {
+            backgroundColor: `${footer.primaryColor}22`,
+            borderColor: `${footer.primaryColor}44`,
+        },
+        divider: { backgroundColor: footer.primaryColor },
+    }), [footer.primaryColor]);
     const handleUnlock = async () => {
-        if (!unlockKey.trim())
+        if (!unlockKey.trim() || loading)
             return;
         setLoading(true);
         setError(null);
         const success = await onUnlock(unlockKey.trim());
         if (!success) {
-            setError('Invalid unlock key. Please try again.');
+            setError(obf_1.Obf.invalidUnlockKey);
             setLoading(false);
         }
     };
+    const closeUnlock = () => {
+        if (loading)
+            return;
+        setShowUnlock(false);
+        setError(null);
+        setUnlockKey('');
+    };
     const openUrl = (url) => {
-        console.log("DevGuard: Attempting to open URL:", url);
-        react_native_1.Linking.openURL(url).catch(err => {
-            console.error("DevGuard: Failed to open URL:", url, err);
-            react_native_1.Alert.alert("Error", "Could not open the contact application. Please make sure it is installed and configured.");
+        if (!url)
+            return;
+        react_native_1.Linking.openURL(url).catch((err) => {
+            console.error('DevGuard: Failed to open URL:', url, err);
+            react_native_1.Alert.alert('Error', obf_1.Obf.contactOpenError);
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: [styles.blob, styles.blob1] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: [styles.blob, styles.blob2] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: [styles.blob, styles.blob3] }), (0, jsx_runtime_1.jsx)(react_native_1.SafeAreaView, { style: styles.safeArea, children: (0, jsx_runtime_1.jsxs)(react_native_1.KeyboardAvoidingView, { behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : 'height', style: styles.keyboardView, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.glassCard, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.iconContainer, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.lockIcon, children: "\uD83D\uDEE1\uFE0F" }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.title, children: (title || (status === 'LOCKED' ? 'Access Restricted' :
-                                        status === 'WARNING' ? 'Security Warning' :
-                                            'License Expired')).toUpperCase() }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.divider }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.message, children: message || 'This application has been remotely locked by the developer.' }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.actions, children: [contactWhatsapp ? ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { label: "WhatsApp Support", color: "#25D366", icon: "\uD83D\uDCAC", onPress: () => openUrl(`https://wa.me/${contactWhatsapp.replace(/[^0-9]/g, '')}`) })) : null, contactEmail ? ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { label: "Email Support", color: "#D32F2F", icon: "\uD83D\uDCE7", onPress: () => openUrl(`mailto:${contactEmail.trim()}`) })) : null, contactPhone ? ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { label: "Call Support", color: "rgba(255, 255, 255, 0.1)", icon: "\uD83D\uDCDE", onPress: () => openUrl(`tel:${contactPhone.replace(/[^\d+]/g, '')}`) })) : null] }), allowUnlock && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.unlockSection, children: !showUnlock ? ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => setShowUnlock(true), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.unlockToggleText, children: "\uD83D\uDD11 Enter Unlock Key" }) })) : ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.inputContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.TextInput, { style: styles.input, placeholder: "License Key", placeholderTextColor: "rgba(255, 255, 255, 0.4)", value: unlockKey, onChangeText: setUnlockKey, autoCapitalize: "none", secureTextEntry: true }), error && (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.errorText, children: error }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.inputActions, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.cancelButton, onPress: () => {
-                                                            setShowUnlock(false);
-                                                            setError(null);
-                                                        }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.cancelButtonText, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.unlockButton, onPress: handleUnlock, disabled: loading, children: loading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: "#000", size: "small" })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.unlockButtonText, children: "Unlock Now" })) })] })] })) }))] }), (0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { style: styles.footer, onPress: () => openUrl('https://antssolution.com/'), children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.footerLabel, children: "Powered by" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.footerBrand, children: "ANTS SOLUTION" })] })] }) })] }));
+    const defaultTitle = status === 'LOCKED'
+        ? 'Access Restricted'
+        : status === 'WARNING'
+            ? 'Security Warning'
+            : 'License Expired';
+    const whatsappUrl = (0, contactUrls_1.buildWhatsAppUrl)(contactWhatsapp);
+    const mailtoUrl = (0, contactUrls_1.buildMailtoUrl)(contactEmail);
+    const telUrl = (0, contactUrls_1.buildTelUrl)(contactPhone);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: [styles.blob, blobStyles.blob1] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: [styles.blob, blobStyles.blob2] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: [styles.blob, blobStyles.blob3] }), (0, jsx_runtime_1.jsx)(react_native_1.SafeAreaView, { style: styles.safeArea, children: (0, jsx_runtime_1.jsx)(react_native_1.KeyboardAvoidingView, { behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : 'height', style: styles.keyboardView, children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.glassCard, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.iconContainer, themedStyles.iconContainer], children: branding?.logoUrl && !logoFailed ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: branding.logoUrl }, style: styles.logoImage, resizeMode: "contain", onError: () => setLogoFailed(true) })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.lockIcon, children: "\uD83D\uDEE1\uFE0F" })) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.title, children: (title || defaultTitle).toUpperCase() }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.divider, themedStyles.divider] }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.message, children: message || obf_1.Obf.defaultLockMessage }), !showUnlock && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.actions, children: [whatsappUrl ? ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { label: obf_1.Obf.whatsappSupport, color: "#25D366", icon: "\uD83D\uDCAC", onPress: () => openUrl(whatsappUrl) })) : null, mailtoUrl ? ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { label: obf_1.Obf.emailSupport, color: footer.primaryColor, icon: "\uD83D\uDCE7", onPress: () => openUrl(mailtoUrl) })) : null, telUrl ? ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { label: obf_1.Obf.callSupport, color: "rgba(255, 255, 255, 0.1)", icon: "\uD83D\uDCDE", onPress: () => openUrl(telUrl) })) : null, allowUnlock ? ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.unlockToggle, onPress: () => setShowUnlock(true), accessibilityRole: "button", accessibilityLabel: "Enter unlock key", children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.unlockToggleText, children: obf_1.Obf.enterUnlockKey }) })) : null] })), showUnlock && allowUnlock && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.unlockSection, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.inputContainer, children: [error ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.errorText, children: error }) : null, (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { style: styles.input, placeholder: obf_1.Obf.licenseKeyHint, placeholderTextColor: "rgba(255, 255, 255, 0.4)", value: unlockKey, onChangeText: setUnlockKey, autoCapitalize: "none", autoCorrect: false, autoFocus: true, secureTextEntry: true, returnKeyType: "done", onSubmitEditing: handleUnlock, editable: !loading }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.inputActions, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.cancelButton, onPress: closeUnlock, disabled: loading, accessibilityRole: "button", accessibilityLabel: "Cancel unlock", children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                                                    styles.cancelButtonText,
+                                                                    loading && styles.cancelButtonTextDisabled,
+                                                                ], children: obf_1.Obf.cancelLabel }) }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [styles.unlockButton, loading && styles.unlockButtonDisabled], onPress: handleUnlock, disabled: loading, accessibilityRole: "button", accessibilityLabel: "Unlock application", children: loading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: "#000", size: "small" })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.unlockButtonText, children: obf_1.Obf.unlockLabel })) })] })] }) }))] }), !footer.hidePoweredBy && ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { style: styles.footer, onPress: () => openUrl(footer.url), accessibilityRole: "link", accessibilityLabel: `${footer.label} ${footer.brand}`, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.footerLabel, children: footer.label }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.footerBrand, children: footer.brand.toUpperCase() })] }))] }) }) })] }));
 };
 exports.LockScreen = LockScreen;
 const styles = react_native_1.StyleSheet.create({
@@ -45,33 +98,16 @@ const styles = react_native_1.StyleSheet.create({
     },
     blob: {
         position: 'absolute',
-        width: width * 0.8,
-        height: width * 0.8,
-        borderRadius: width * 0.4,
         opacity: 0.15,
     },
-    blob1: {
-        top: -width * 0.2,
-        right: -width * 0.2,
-        backgroundColor: '#D32F2F',
-    },
-    blob2: {
-        bottom: -width * 0.1,
-        left: -width * 0.3,
-        backgroundColor: '#B71C1C',
-    },
-    blob3: {
-        top: height * 0.3,
-        right: -width * 0.4,
-        backgroundColor: '#FF5252',
-        width: width * 0.6,
-        height: width * 0.6,
-    },
     safeArea: {
         flex: 1,
     },
     keyboardView: {
         flex: 1,
+    },
+    scrollContent: {
+        flexGrow: 1,
         justifyContent: 'center',
         alignItems: 'center',
         padding: 24,
@@ -90,12 +126,15 @@ const styles = react_native_1.StyleSheet.create({
         width: 100,
         height: 100,
         borderRadius: 50,
-        backgroundColor: 'rgba(211, 47, 47, 0.1)',
         justifyContent: 'center',
         alignItems: 'center',
         marginBottom: 24,
         borderWidth: 1,
-        borderColor: 'rgba(211, 47, 47, 0.2)',
+    },
+    logoImage: {
+        width: 56,
+        height: 56,
+        borderRadius: 8,
     },
     lockIcon: {
         fontSize: 48,
@@ -111,7 +150,6 @@ const styles = react_native_1.StyleSheet.create({
     divider: {
         width: 40,
         height: 3,
-        backgroundColor: '#D32F2F',
         borderRadius: 2,
         marginBottom: 16,
     },
@@ -124,18 +162,20 @@ const styles = react_native_1.StyleSheet.create({
     },
     actions: {
         width: '100%',
-        marginBottom: 24,
     },
-    unlockSection: {
-        width: '100%',
+    unlockToggle: {
+        marginTop: 8,
         alignItems: 'center',
-        marginTop: 16,
+        paddingVertical: 8,
     },
     unlockToggleText: {
-        color: 'rgba(255, 255, 255, 0.5)',
-        fontSize: 14,
+        color: UNLOCK_TOGGLE_COLOR,
+        fontSize: 13,
         fontWeight: '600',
     },
+    unlockSection: {
+        width: '100%',
+    },
     inputContainer: {
         width: '100%',
         gap: 12,
@@ -152,7 +192,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     errorText: {
         color: '#FF5252',
-        fontSize: 12,
+        fontSize: 13,
         textAlign: 'center',
     },
     inputActions: {
@@ -169,6 +209,9 @@ const styles = react_native_1.StyleSheet.create({
         color: 'rgba(255, 255, 255, 0.4)',
         fontWeight: '600',
     },
+    cancelButtonTextDisabled: {
+        opacity: 0.4,
+    },
     unlockButton: {
         flex: 2,
         backgroundColor: '#FFF',
@@ -177,6 +220,9 @@ const styles = react_native_1.StyleSheet.create({
         alignItems: 'center',
         justifyContent: 'center',
     },
+    unlockButtonDisabled: {
+        opacity: 0.85,
+    },
     unlockButtonText: {
         color: '#000',
         fontWeight: 'bold',

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { LockScreenBranding } from './types/branding';
 export type GuardStatus = 'LOCKED' | 'ACTIVE' | 'PENDING' | 'ERROR' | 'EXPIRED' | 'WARNING';
 interface GuardResponse {
     status: GuardStatus;
@@ -27,6 +28,7 @@ interface GuardResponse {
     syncPolicy?: SyncPolicy;
     /** When true, the client locks on emulators/simulators (non-physical devices). */
     blockEmulators?: boolean;
+    branding?: LockScreenBranding | null;
 }
 interface DevGuardContextType {
     status: GuardStatus;
@@ -49,4 +51,5 @@ export declare const DevGuardProvider: React.FC<{
     failSafe?: FailSafe;
 }>;
 export declare const useDevGuard: () => DevGuardContextType;
-export {};
+export type { LockScreenBranding } from './types/branding';
+export { resolveBrandingFooter } from './types/branding';