@oxyhq/services 11.0.0 → 11.1.1

package/lib/typescript/module/ui/components/feedback/feedbackStyles.d.ts

@@ -1,279 +0,0 @@
-import type { FeedbackColors } from './types';
-export declare const createFeedbackStyles: (colors: FeedbackColors) => {
-    container: {
-        flex: number;
-    };
-    fullBleed: {
-        width: "100%";
-        alignSelf: "stretch";
-    };
-    scrollContent: {
-        paddingHorizontal: number;
-        paddingVertical: number;
-        paddingTop: number;
-        paddingBottom: number;
-        flexGrow: number;
-    };
-    stepContainer: {
-        flex: number;
-        justifyContent: "flex-start";
-        alignItems: "flex-start";
-    };
-    modernHeader: {
-        alignItems: "flex-start";
-        width: "100%";
-        marginBottom: number;
-    };
-    stepTitle: {
-        fontWeight: "bold" | undefined;
-        fontSize: number;
-        lineHeight: number;
-        marginBottom: number;
-        textAlign: "left";
-        letterSpacing: number;
-    };
-    modernSubtitle: {
-        fontSize: number;
-        lineHeight: number;
-        textAlign: "left";
-        opacity: number;
-        marginBottom: number;
-    };
-    inputContainer: {
-        width: "100%";
-        marginBottom: number;
-    };
-    premiumInputWrapper: {
-        flexDirection: "row";
-        alignItems: "center";
-        height: number;
-        borderRadius: number;
-        paddingHorizontal: number;
-        borderWidth: number;
-        backgroundColor: string;
-    };
-    textAreaWrapper: {
-        flexDirection: "column";
-        alignItems: "flex-start";
-        minHeight: number;
-        borderRadius: number;
-        paddingHorizontal: number;
-        paddingVertical: number;
-        borderWidth: number;
-        backgroundColor: string;
-    };
-    inputIcon: {
-        marginRight: number;
-    };
-    inputContent: {
-        flex: number;
-    };
-    modernLabel: {
-        fontSize: number;
-        fontWeight: "500";
-        marginBottom: number;
-    };
-    modernInput: {
-        flex: number;
-        fontSize: number;
-        height: "100%";
-    };
-    textArea: {
-        flex: number;
-        fontSize: number;
-        textAlignVertical: "top";
-        minHeight: number;
-    };
-    categoryContainer: {
-        marginBottom: number;
-    };
-    checkboxContainer: {
-        flexDirection: "row";
-        alignItems: "center";
-        marginBottom: number;
-    };
-    checkbox: {
-        width: number;
-        height: number;
-        borderRadius: number;
-        borderWidth: number;
-        marginRight: number;
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    checkboxText: {
-        fontSize: number;
-        flex: number;
-    };
-    button: {
-        boxShadow: string;
-        shadowOffset?: undefined;
-        shadowOpacity?: undefined;
-        shadowRadius?: undefined;
-        elevation?: undefined;
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "center";
-        paddingVertical: number;
-        paddingHorizontal: number;
-        borderRadius: number;
-        marginVertical: number;
-        gap: number;
-        width: "100%";
-    } | {
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-        boxShadow?: undefined;
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "center";
-        paddingVertical: number;
-        paddingHorizontal: number;
-        borderRadius: number;
-        marginVertical: number;
-        gap: number;
-        width: "100%";
-    };
-    buttonText: {
-        color: string;
-        fontSize: number;
-        fontWeight: "600";
-        letterSpacing: number;
-    };
-    navigationButtons: {
-        flexDirection: "row";
-        justifyContent: "center";
-        marginTop: number;
-        marginBottom: number;
-        width: "100%";
-        gap: number;
-    };
-    navButton: {
-        boxShadow: string;
-        shadowOffset?: undefined;
-        shadowOpacity?: undefined;
-        shadowRadius?: undefined;
-        elevation?: undefined;
-        flexDirection: "row";
-        alignItems: "center";
-        paddingVertical: number;
-        paddingHorizontal: number;
-        gap: number;
-        minWidth: number;
-        borderWidth: number;
-    } | {
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-        boxShadow?: undefined;
-        flexDirection: "row";
-        alignItems: "center";
-        paddingVertical: number;
-        paddingHorizontal: number;
-        gap: number;
-        minWidth: number;
-        borderWidth: number;
-    };
-    backButton: {
-        backgroundColor: string;
-        borderTopLeftRadius: number;
-        borderBottomLeftRadius: number;
-        borderTopRightRadius: number;
-        borderBottomRightRadius: number;
-    };
-    nextButton: {
-        backgroundColor: string;
-        borderTopRightRadius: number;
-        borderBottomRightRadius: number;
-        borderTopLeftRadius: number;
-        borderBottomLeftRadius: number;
-    };
-    navButtonText: {
-        fontSize: number;
-        fontWeight: "500";
-    };
-    progressContainer: {
-        flexDirection: "row";
-        justifyContent: "center";
-        marginBottom: number;
-        marginTop: number;
-    };
-    progressDot: {
-        boxShadow: string;
-        shadowColor?: undefined;
-        shadowOpacity?: undefined;
-        shadowOffset?: undefined;
-        shadowRadius?: undefined;
-        elevation?: undefined;
-        height: number;
-        width: number;
-        borderRadius: number;
-        marginHorizontal: number;
-        borderWidth: number;
-        borderColor: string;
-    } | {
-        shadowColor: string;
-        shadowOpacity: number;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowRadius: number;
-        elevation: number;
-        boxShadow?: undefined;
-        height: number;
-        width: number;
-        borderRadius: number;
-        marginHorizontal: number;
-        borderWidth: number;
-        borderColor: string;
-    };
-    summaryContainer: {
-        padding: number;
-        marginBottom: number;
-        width: "100%";
-    };
-    summaryRow: {
-        flexDirection: "row";
-        marginBottom: number;
-    };
-    summaryLabel: {
-        fontSize: number;
-        width: number;
-    };
-    summaryValue: {
-        fontSize: number;
-        fontWeight: "600";
-        flex: number;
-    };
-    successContainer: {
-        alignItems: "center";
-        justifyContent: "center";
-        padding: number;
-    };
-    successIcon: {
-        marginBottom: number;
-    };
-    successTitle: {
-        fontSize: number;
-        fontWeight: "bold";
-        marginBottom: number;
-        textAlign: "center";
-    };
-    successMessage: {
-        fontSize: number;
-        textAlign: "center";
-        opacity: number;
-        marginBottom: number;
-    };
-};
-//# sourceMappingURL=feedbackStyles.d.ts.map

package/lib/typescript/module/ui/components/feedback/feedbackStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedbackStyles.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/feedback/feedbackStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,oBAAoB,GAAI,QAAQ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiPzD,CAAC"}

package/src/ui/components/feedback/FormInput.tsx

@@ -1,84 +0,0 @@
-import React from 'react';
-import { View, Text, TextInput } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
-import type { FeedbackColors } from './types';
-
-interface FormInputProps {
-    icon: string;
-    label: string;
-    value: string;
-    onChangeText: (text: string) => void;
-    placeholder?: string;
-    multiline?: boolean;
-    numberOfLines?: number;
-    testID?: string;
-    colors: FeedbackColors;
-    styles: any;
-    borderColor?: string;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-}
-
-const FormInput: React.FC<FormInputProps> = React.memo(({
-    icon,
-    label,
-    value,
-    onChangeText,
-    placeholder,
-    multiline = false,
-    numberOfLines = 1,
-    testID,
-    colors,
-    styles,
-    borderColor,
-    accessibilityLabel,
-    accessibilityHint,
-}) => (
-    <View style={styles.inputContainer}>
-        <View style={[
-            multiline ? styles.textAreaWrapper : styles.premiumInputWrapper,
-            {
-                borderColor: borderColor || colors.border,
-                backgroundColor: colors.inputBackground,
-                shadowColor: colors.primary,
-                shadowOffset: { width: 0, height: 4 },
-                shadowOpacity: 0.1,
-                shadowRadius: 12,
-                elevation: 3,
-            }
-        ]}>
-            {!multiline && (
-                <Ionicons
-                    name={icon as React.ComponentProps<typeof Ionicons>['name']}
-                    size={22}
-                    color={colors.secondaryText}
-                    style={styles.inputIcon}
-                />
-            )}
-            <View style={styles.inputContent}>
-                <Text style={[styles.modernLabel, { color: colors.secondaryText }]}>
-                    {label}
-                </Text>
-                <TextInput
-                    style={[
-                        multiline ? styles.textArea : styles.modernInput,
-                        { color: colors.text }
-                    ]}
-                    value={value}
-                    onChangeText={onChangeText}
-                    placeholder={placeholder}
-                    placeholderTextColor={`${colors.secondaryText}60`}
-                    multiline={multiline}
-                    numberOfLines={multiline ? numberOfLines : undefined}
-                    testID={testID}
-                    accessibilityLabel={accessibilityLabel || label}
-                    accessibilityHint={accessibilityHint}
-                />
-            </View>
-        </View>
-    </View>
-));
-
-FormInput.displayName = 'FormInput';
-
-export default FormInput;

package/src/ui/components/feedback/feedbackStyles.ts

@@ -1,246 +0,0 @@
-import { StyleSheet, Platform, Dimensions } from 'react-native';
-import { screenContentStyle } from '../../constants/spacing';
-import type { FeedbackColors } from './types';
-
-export const createFeedbackStyles = (colors: FeedbackColors) => StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    fullBleed: {
-        width: '100%',
-        alignSelf: 'stretch',
-    },
-    scrollContent: {
-        flexGrow: 1,
-        ...screenContentStyle,
-    },
-    stepContainer: {
-        flex: 1,
-        justifyContent: 'flex-start',
-        alignItems: 'flex-start',
-    },
-    modernHeader: {
-        alignItems: 'flex-start',
-        width: '100%',
-        marginBottom: 24,
-    },
-    stepTitle: {
-        fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-        fontSize: 42,
-        lineHeight: 48,
-        marginBottom: 12,
-        textAlign: 'left',
-        letterSpacing: -1,
-    },
-    modernSubtitle: {
-        fontSize: 18,
-        lineHeight: 24,
-        textAlign: 'left',
-        opacity: 0.8,
-        marginBottom: 24,
-    },
-    inputContainer: {
-        width: '100%',
-        marginBottom: 24,
-    },
-    premiumInputWrapper: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        height: 56,
-        borderRadius: 16,
-        paddingHorizontal: 20,
-        borderWidth: 2,
-        backgroundColor: colors.inputBackground,
-    },
-    textAreaWrapper: {
-        flexDirection: 'column',
-        alignItems: 'flex-start',
-        minHeight: 120,
-        borderRadius: 16,
-        paddingHorizontal: 20,
-        paddingVertical: 16,
-        borderWidth: 2,
-        backgroundColor: colors.inputBackground,
-    },
-    inputIcon: {
-        marginRight: 12,
-    },
-    inputContent: {
-        flex: 1,
-    },
-    modernLabel: {
-        fontSize: 12,
-        fontWeight: '500',
-        marginBottom: 2,
-    },
-    modernInput: {
-        flex: 1,
-        fontSize: 16,
-        height: '100%',
-    },
-    textArea: {
-        flex: 1,
-        fontSize: 16,
-        textAlignVertical: 'top',
-        minHeight: 80,
-    },
-    categoryContainer: {
-        marginBottom: 24,
-    },
-    checkboxContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        marginBottom: 24,
-    },
-    checkbox: {
-        width: 24,
-        height: 24,
-        borderRadius: 6,
-        borderWidth: 2,
-        marginRight: 12,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    checkboxText: {
-        fontSize: 16,
-        flex: 1,
-    },
-    button: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        paddingVertical: 18,
-        paddingHorizontal: 32,
-        borderRadius: 16,
-        marginVertical: 8,
-        gap: 8,
-        width: '100%',
-        ...Platform.select({
-            web: {
-                boxShadow: '0 4px 8px rgba(0,0,0,0.3)',
-            },
-            default: {
-                shadowOffset: { width: 0, height: 4 },
-                shadowOpacity: 0.3,
-                shadowRadius: 8,
-                elevation: 6,
-            }
-        }),
-    },
-    buttonText: {
-        color: colors.background,
-        fontSize: 16,
-        fontWeight: '600',
-        letterSpacing: 0.5,
-    },
-    navigationButtons: {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        marginTop: 16,
-        marginBottom: 8,
-        width: '100%',
-        gap: 8,
-    },
-    navButton: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingVertical: 6,
-        paddingHorizontal: 12,
-        gap: 6,
-        minWidth: 70,
-        borderWidth: 1,
-        ...Platform.select({
-            web: {
-                boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
-            },
-            default: {
-                shadowOffset: { width: 0, height: 2 },
-                shadowOpacity: 0.1,
-                shadowRadius: 4,
-                elevation: 2,
-            }
-        }),
-    },
-    backButton: {
-        backgroundColor: 'transparent',
-        borderTopLeftRadius: 35,
-        borderBottomLeftRadius: 35,
-        borderTopRightRadius: 12,
-        borderBottomRightRadius: 12,
-    },
-    nextButton: {
-        backgroundColor: 'transparent',
-        borderTopRightRadius: 35,
-        borderBottomRightRadius: 35,
-        borderTopLeftRadius: 12,
-        borderBottomLeftRadius: 12,
-    },
-    navButtonText: {
-        fontSize: 13,
-        fontWeight: '500',
-    },
-    progressContainer: {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        marginBottom: 20,
-        marginTop: 8,
-    },
-    progressDot: {
-        height: 10,
-        width: 10,
-        borderRadius: 5,
-        marginHorizontal: 6,
-        borderWidth: 2,
-        borderColor: colors.background,
-        ...Platform.select({
-            web: {
-                boxShadow: '0 1px 2px rgba(0,0,0,0.08)',
-            },
-            default: {
-                shadowColor: colors.primary,
-                shadowOpacity: 0.08,
-                shadowOffset: { width: 0, height: 1 },
-                shadowRadius: 2,
-                elevation: 1,
-            }
-        }),
-    },
-    summaryContainer: {
-        padding: 0,
-        marginBottom: 24,
-        width: '100%',
-    },
-    summaryRow: {
-        flexDirection: 'row',
-        marginBottom: 10,
-    },
-    summaryLabel: {
-        fontSize: 15,
-        width: 90,
-    },
-    summaryValue: {
-        fontSize: 15,
-        fontWeight: '600',
-        flex: 1,
-    },
-    successContainer: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        padding: 40,
-    },
-    successIcon: {
-        marginBottom: 24,
-    },
-    successTitle: {
-        fontSize: 24,
-        fontWeight: 'bold',
-        marginBottom: 12,
-        textAlign: 'center',
-    },
-    successMessage: {
-        fontSize: 16,
-        textAlign: 'center',
-        opacity: 0.8,
-        marginBottom: 24,
-    },
-});