@oxyhq/services 19.0.0 → 19.1.0

package/lib/typescript/module/ui/styles/authStyles.d.ts

@@ -1,328 +0,0 @@
-export interface AuthThemeColors {
-    text: string;
-    background: string;
-    inputBackground: string;
-    placeholder: string;
-    primary: string;
-    border: string;
-    error: string;
-    success: string;
-    warning: string;
-    secondaryText: string;
-}
-export declare const createAuthStyles: (colors: AuthThemeColors, theme: string) => {
-    stepContainer: {
-        justifyContent: "flex-start";
-        alignItems: "flex-start";
-    };
-    modernHeader: {
-        alignItems: "flex-start";
-        width: "100%";
-        marginBottom: number;
-    };
-    modernTitle: {
-        fontWeight: "bold" | undefined;
-        fontSize: number;
-        lineHeight: number;
-        marginBottom: number;
-        textAlign: "left";
-        letterSpacing: number;
-    };
-    modernSubtitle: {
-        fontSize: number;
-        lineHeight: number;
-        textAlign: "left";
-        opacity: number;
-    };
-    welcomeTitle: {
-        fontWeight: "bold" | undefined;
-        fontSize: number;
-        lineHeight: number;
-        marginBottom: number;
-        textAlign: "left";
-        letterSpacing: number;
-    };
-    stepTitle: {
-        fontWeight: "bold" | undefined;
-        fontSize: number;
-        lineHeight: number;
-        marginBottom: number;
-        textAlign: "left";
-        letterSpacing: number;
-    };
-    modernInfoCard: {
-        flexDirection: "row";
-        alignItems: "center";
-        padding: number;
-        borderRadius: number;
-        marginBottom: number;
-        gap: number;
-        width: "100%";
-    };
-    modernInfoText: {
-        fontSize: number;
-        flex: number;
-    };
-    modernErrorCard: {
-        flexDirection: "row";
-        alignItems: "center";
-        padding: number;
-        borderRadius: number;
-        marginBottom: number;
-        gap: number;
-        width: "100%";
-    };
-    errorText: {
-        fontSize: number;
-        fontWeight: "500";
-        flex: number;
-    };
-    modernInputContainer: {
-        width: "100%";
-        marginBottom: number;
-    };
-    inputWrapper: {
-        flexDirection: "row";
-        alignItems: "center";
-        height: number;
-        borderRadius: number;
-        paddingHorizontal: number;
-        borderWidth: number;
-        backgroundColor: string;
-    };
-    premiumInputWrapper: {
-        flexDirection: "row";
-        alignItems: "center";
-        height: number;
-        borderRadius: number;
-        paddingHorizontal: number;
-        borderWidth: number;
-        backgroundColor: string;
-    };
-    inputIcon: {
-        marginRight: number;
-    };
-    inputContent: {
-        flex: number;
-    };
-    modernInput: {
-        flex: number;
-        fontSize: number;
-        height: "100%";
-    };
-    passwordToggle: {
-        padding: number;
-    };
-    validationIndicator: {
-        marginLeft: number;
-    };
-    validationSuccessCard: {
-        flexDirection: "row";
-        alignItems: "center";
-        padding: number;
-        borderRadius: number;
-        marginTop: number;
-        gap: number;
-    };
-    validationErrorCard: {
-        flexDirection: "row";
-        alignItems: "center";
-        padding: number;
-        borderRadius: number;
-        marginTop: number;
-        gap: number;
-    };
-    validationCard: {
-        flexDirection: "row";
-        alignItems: "center";
-        padding: number;
-        borderRadius: number;
-        marginTop: number;
-        gap: number;
-    };
-    validationText: {
-        fontSize: number;
-        fontWeight: "500";
-    };
-    belowInputMessage: {
-        flexDirection: "row";
-        alignItems: "center";
-        marginTop: number;
-        marginBottom: number;
-        gap: number;
-    };
-    belowInputText: {
-        fontSize: number;
-        fontWeight: "500";
-    };
-    modernButton: {
-        gap: number;
-        width: "100%";
-        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;
-    };
-    modernButtonText: {
-        color: string;
-        fontSize: number;
-        fontWeight: "600";
-        letterSpacing: number;
-    };
-    buttonIcon: {
-        marginLeft: number;
-    };
-    modernLabel: {
-        fontSize: number;
-        fontWeight: "500";
-        marginBottom: number;
-    };
-    modernLinkText: {
-        fontSize: number;
-        lineHeight: number;
-        fontWeight: "600";
-        textDecorationLine: "underline";
-    };
-    footerTextContainer: {
-        flexDirection: "row";
-        justifyContent: "center";
-        marginTop: number;
-    };
-    footerText: {
-        fontSize: number;
-    };
-    modernUserProfileContainer: {
-        alignItems: "flex-start";
-        paddingVertical: number;
-    };
-    avatarContainer: {
-        position: "relative";
-        marginBottom: number;
-    };
-    modernUserAvatar: {
-        borderWidth: number;
-        borderColor: string;
-    };
-    statusIndicator: {
-        position: "absolute";
-        bottom: number;
-        right: number;
-        width: number;
-        height: number;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-    };
-    modernUserDisplayName: {
-        fontWeight: "bold" | undefined;
-        fontSize: number;
-        marginBottom: number;
-        textAlign: "left";
-        letterSpacing: number;
-    };
-    modernUsernameSubtext: {
-        fontSize: number;
-        textAlign: "left";
-        marginBottom: number;
-        opacity: number;
-    };
-    welcomeBackBadge: {
-        flexDirection: "row";
-        alignItems: "center";
-        paddingHorizontal: number;
-        paddingVertical: number;
-        borderRadius: number;
-        gap: number;
-    };
-    welcomeBackText: {
-        fontSize: number;
-        fontWeight: "600";
-        textTransform: "uppercase";
-        letterSpacing: number;
-    };
-    modernNavigationButtons: {
-        flexDirection: "row";
-        justifyContent: "center";
-        marginTop: number;
-        marginBottom: number;
-        width: "100%";
-        gap: number;
-    };
-    modernBackButton: {
-        flexDirection: "row";
-        alignItems: "center";
-        paddingVertical: number;
-        paddingHorizontal: number;
-        borderRadius: number;
-        borderWidth: number;
-        gap: number;
-    };
-    modernBackButtonText: {
-        fontSize: number;
-        fontWeight: "500";
-    };
-    securityNotice: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "center";
-        marginTop: number;
-        gap: number;
-    };
-    securityText: {
-        fontSize: number;
-        fontWeight: "500";
-    };
-    welcomeImageContainer: {
-        alignItems: "center";
-        justifyContent: "center";
-        marginVertical: number;
-    };
-    welcomeText: {
-        fontSize: number;
-        lineHeight: number;
-        textAlign: "left";
-        opacity: number;
-        marginBottom: number;
-    };
-    successCard: {
-        flexDirection: "row";
-        alignItems: "center";
-        padding: number;
-        borderRadius: number;
-        marginBottom: number;
-        gap: number;
-        width: "100%";
-    };
-    successText: {
-        fontSize: number;
-        fontWeight: "500";
-        flex: number;
-    };
-};
-//# sourceMappingURL=authStyles.d.ts.map

package/lib/typescript/module/ui/styles/authStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"authStyles.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/authStyles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,GAAI,QAAQ,eAAe,EAAE,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4UrE,CAAC"}

package/lib/typescript/module/ui/styles/theme.d.ts

@@ -1,75 +0,0 @@
-import { type TextStyle } from 'react-native';
-/**
- * ThemeColors used by services style files.
- * Maps to bloom's ThemeColors, with a few convenience aliases.
- */
-export interface ThemeColors {
-    text: string;
-    background: string;
-    inputBackground: string;
-    placeholder: string;
-    primary: string;
-    border: string;
-    error: string;
-    success: string;
-    warning: string;
-    secondaryText: string;
-}
-export interface Theme {
-    colors: ThemeColors;
-    fonts: {
-        title: TextStyle;
-        body: TextStyle;
-        button: TextStyle;
-        label: TextStyle;
-    };
-}
-export declare const getTheme: (theme: "light" | "dark") => Theme;
-/**
- * Returns theme colors from bloom when available, with fallback to local colors.
- * Prefer this hook for new code — it reads from bloom's ThemeProvider.
- */
-export declare const useThemeColors: (theme: "light" | "dark") => ThemeColors;
-export declare const createCommonStyles: (theme: "light" | "dark") => {
-    container: {
-        backgroundColor: string;
-    };
-    scrollContainer: {
-        padding: number;
-    };
-    input: {
-        height: number;
-        borderRadius: number;
-        paddingHorizontal: number;
-        borderWidth: number;
-        fontSize: number;
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-    button: {
-        backgroundColor: string;
-        height: number;
-        borderRadius: number;
-        alignItems: "center";
-        justifyContent: "center";
-        marginTop: number;
-    };
-    buttonText: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-    };
-    errorContainer: {
-        backgroundColor: string;
-        padding: number;
-        borderRadius: number;
-        marginBottom: number;
-    };
-    errorText: {
-        fontSize: number;
-        fontWeight: "500";
-        color: string;
-    };
-};
-//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/module/ui/styles/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,SAAS,CAAC;QACjB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,SAAS,CAAC;QAClB,KAAK,EAAE,SAAS,CAAC;KAClB,CAAC;CACH;AA2ED,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,GAAG,MAAM,KAAG,KAElD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,GAAG,MAAM,KAAG,WAQxD,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CzD,CAAC"}

package/src/ui/components/ActivityIndicator.tsx

@@ -1,254 +0,0 @@
-import * as React from 'react';
-import {
-  Animated,
-  Easing,
-  Platform,
-  type StyleProp,
-  StyleSheet,
-  View,
-  type ViewStyle,
-} from 'react-native';
-
-import { useInternalTheme } from './theming';
-import type { ThemeProp } from './types';
-
-export type Props = React.ComponentPropsWithRef<typeof View> & {
-  /**
-   * Whether to show the indicator or hide it.
-   */
-  animating?: boolean;
-  /**
-   * The color of the spinner.
-   */
-  color?: string;
-  /**
-   * Size of the indicator.
-   */
-  size?: 'small' | 'large' | number;
-  /**
-   * Whether the indicator should hide when not animating.
-   */
-  hidesWhenStopped?: boolean;
-  style?: StyleProp<ViewStyle>;
-  /**
-   * @optional
-   */
-  theme?: ThemeProp;
-};
-
-const DURATION = 2400;
-
-/**
- * Activity indicator is used to present progress of some activity in the app.
- * It can be used as a drop-in replacement for the ActivityIndicator shipped with React Native.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { ActivityIndicator, MD2Colors } from 'react-native-paper';
- *
- * const MyComponent = () => (
- *   <ActivityIndicator animating={true} color={MD2Colors.red800} />
- * );
- *
- * export default MyComponent;
- * ```
- */
-const ActivityIndicator = ({
-  animating = true,
-  color: indicatorColor,
-  hidesWhenStopped = true,
-  size: indicatorSize = 'small',
-  style,
-  theme: themeOverrides,
-  ...rest
-}: Props) => {
-  const theme = useInternalTheme(themeOverrides);
-  const { current: timer } = React.useRef<Animated.Value>(
-    new Animated.Value(0)
-  );
-  const { current: fade } = React.useRef<Animated.Value>(
-    new Animated.Value(!animating && hidesWhenStopped ? 0 : 1)
-  );
-
-  const rotation = React.useRef<Animated.CompositeAnimation | undefined>(
-    undefined
-  );
-
-  const {
-    animation: { scale },
-  } = theme;
-
-  const startRotation = React.useCallback(() => {
-    // Show indicator
-    Animated.timing(fade, {
-      duration: 200 * scale,
-      toValue: 1,
-      isInteraction: false,
-      useNativeDriver: true,
-    }).start();
-
-    // Circular animation in loop
-    if (rotation.current) {
-      timer.setValue(0);
-      // $FlowFixMe
-      Animated.loop(rotation.current).start();
-    }
-  }, [scale]);
-
-  const stopRotation = React.useCallback(() => {
-    if (rotation.current) {
-      rotation.current.stop();
-    }
-  }, []);
-
-  React.useEffect(() => {
-    if (rotation.current === undefined) {
-      // Circular animation in loop
-      rotation.current = Animated.timing(timer, {
-        duration: DURATION,
-        easing: Easing.linear,
-        // Animated.loop does not work if useNativeDriver is true on web
-        useNativeDriver: Platform.OS !== 'web',
-        toValue: 1,
-        isInteraction: false,
-      });
-    }
-
-    if (animating) {
-      startRotation();
-    } else if (hidesWhenStopped) {
-      // Hide indicator first and then stop rotation
-      Animated.timing(fade, {
-        duration: 200 * scale,
-        toValue: 0,
-        useNativeDriver: true,
-        isInteraction: false,
-      }).start(stopRotation);
-    } else {
-      stopRotation();
-    }
-  }, [animating, hidesWhenStopped, startRotation, stopRotation, scale]);
-
-  const color = indicatorColor || theme.colors?.primary;
-  const size =
-    typeof indicatorSize === 'string'
-      ? indicatorSize === 'small'
-        ? 24
-        : 48
-      : indicatorSize
-        ? indicatorSize
-        : 24;
-
-  const frames = (60 * DURATION) / 1000;
-  const easing = Easing.bezier(0.4, 0.0, 0.7, 1.0);
-  const containerStyle = {
-    width: size,
-    height: size / 2,
-    overflow: 'hidden' as const,
-  };
-
-  return (
-    <View
-      style={[styles.container, style]}
-      {...rest}
-      accessible
-      accessibilityRole="progressbar"
-      accessibilityState={{ busy: animating }}
-    >
-      <Animated.View
-        style={[{ width: size, height: size, opacity: fade }]}
-        collapsable={false}
-      >
-        {[0, 1].map((index) => {
-          // Thanks to https://github.com/n4kz/react-native-indicators for the great work
-          const inputRange = Array.from(
-            new Array(frames),
-            (_, frameIndex) => frameIndex / (frames - 1)
-          );
-          const outputRange = Array.from(new Array(frames), (_, frameIndex) => {
-            let progress = (2 * frameIndex) / (frames - 1);
-            const rotation = index ? +(360 - 15) : -(180 - 15);
-
-            if (progress > 1.0) {
-              progress = 2.0 - progress;
-            }
-
-            const direction = index ? -1 : +1;
-
-            return `${direction * (180 - 30) * easing(progress) + rotation}deg`;
-          });
-
-          const layerStyle = {
-            width: size,
-            height: size,
-            transform: [
-              {
-                rotate: timer.interpolate({
-                  inputRange: [0, 1],
-                  outputRange: [`${0 + 30 + 15}deg`, `${2 * 360 + 30 + 15}deg`],
-                }),
-              },
-            ],
-          };
-
-          const viewportStyle = {
-            width: size,
-            height: size,
-            transform: [
-              {
-                translateY: index ? -size / 2 : 0,
-              },
-              {
-                rotate: timer.interpolate({ inputRange, outputRange }),
-              },
-            ],
-          };
-
-          const offsetStyle = index ? { top: size / 2 } : null;
-
-          const lineStyle = {
-            width: size,
-            height: size,
-            borderColor: color,
-            borderWidth: size / 10,
-            borderRadius: size / 2,
-          };
-
-          return (
-            <Animated.View key={index} style={[styles.layer]}>
-              <Animated.View style={layerStyle}>
-                <Animated.View
-                  style={[containerStyle, offsetStyle]}
-                  collapsable={false}
-                >
-                  <Animated.View style={viewportStyle}>
-                    <Animated.View style={containerStyle} collapsable={false}>
-                      <Animated.View style={lineStyle} />
-                    </Animated.View>
-                  </Animated.View>
-                </Animated.View>
-              </Animated.View>
-            </Animated.View>
-          );
-        })}
-      </Animated.View>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-
-  layer: {
-    ...StyleSheet.absoluteFill,
-
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
-
-export default ActivityIndicator;

package/src/ui/components/AutoHeightScrollView.tsx

@@ -1,50 +0,0 @@
-import React, { useState, forwardRef } from 'react';
-import { ScrollView, type ScrollViewProps, StyleSheet, type ViewStyle } from 'react-native';
-
-export type AutoHeightScrollViewProps = ScrollViewProps & {
-    /**
-     * Optional style override.
-     * Note: height and flexShrink are managed internally but can be overridden if absolutely necessary.
-     */
-    style?: ViewStyle;
-};
-
-/**
- * A ScrollView that automatically adjusts its height to match its content,
- * but shrinks if constrained by a parent (e.g., a Max Height Bottom Sheet).
- * 
- * This solves the "collapsed to 0 height" issue when using ScrollView inside an auto-height container.
- */
-export const AutoHeightScrollView = forwardRef<ScrollView, AutoHeightScrollViewProps>((props, ref) => {
-    const [contentHeight, setContentHeight] = useState(0);
-
-    const { style, onContentSizeChange, ...rest } = props;
-
-    const handleContentSizeChange = (w: number, h: number) => {
-        setContentHeight(h);
-        onContentSizeChange?.(w, h);
-    };
-
-    return (
-        <ScrollView
-            ref={ref}
-            style={[
-                styles.defaultStyle,
-                style,
-                { height: contentHeight > 0 ? contentHeight : undefined }
-            ]}
-            onContentSizeChange={handleContentSizeChange}
-            {...rest}
-        />
-    );
-});
-
-const styles = StyleSheet.create({
-    defaultStyle: {
-        flexShrink: 1,
-        flexGrow: 0, // Ensure we don't force expansion beyond content unless needed
-        minHeight: 0,
-    }
-});
-
-AutoHeightScrollView.displayName = 'AutoHeightScrollView';