@devtravelcode/widget-native 1.0.0

package/dist/components/ui/button.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, } from 'react-native';
+import { Colors, Spacing, BorderRadius, FontSize } from '../../theme/colors';
+const getVariantStyles = (variant) => {
+    switch (variant) {
+        case 'default':
+            return {
+                container: { backgroundColor: Colors.primary },
+                text: { color: Colors.textOnPrimary },
+            };
+        case 'outline':
+            return {
+                container: {
+                    backgroundColor: Colors.transparent,
+                    borderWidth: 1,
+                    borderColor: Colors.border,
+                },
+                text: { color: Colors.text },
+            };
+        case 'secondary':
+            return {
+                container: { backgroundColor: Colors.primaryLight },
+                text: { color: Colors.primary },
+            };
+        case 'ghost':
+            return {
+                container: { backgroundColor: Colors.transparent },
+                text: { color: Colors.text },
+            };
+        case 'destructive':
+            return {
+                container: { backgroundColor: Colors.error },
+                text: { color: Colors.textOnPrimary },
+            };
+    }
+};
+const getSizeStyles = (size) => {
+    switch (size) {
+        case 'sm':
+            return {
+                container: {
+                    paddingVertical: Spacing.xs,
+                    paddingHorizontal: Spacing.md,
+                    borderRadius: BorderRadius.sm,
+                },
+                text: { fontSize: FontSize.sm },
+            };
+        case 'md':
+            return {
+                container: {
+                    paddingVertical: Spacing.sm + 2,
+                    paddingHorizontal: Spacing.lg,
+                    borderRadius: BorderRadius.md,
+                },
+                text: { fontSize: FontSize.md },
+            };
+        case 'lg':
+            return {
+                container: {
+                    paddingVertical: Spacing.md,
+                    paddingHorizontal: Spacing.xl,
+                    borderRadius: BorderRadius.md,
+                },
+                text: { fontSize: FontSize.lg },
+            };
+    }
+};
+export function Button({ variant = 'default', size = 'md', children, loading = false, disabled, style, textStyle, ...rest }) {
+    const variantStyles = getVariantStyles(variant);
+    const sizeStyles = getSizeStyles(size);
+    return (_jsx(TouchableOpacity, { activeOpacity: 0.7, disabled: disabled || loading, style: [
+            styles.base,
+            sizeStyles.container,
+            variantStyles.container,
+            disabled && styles.disabled,
+            style,
+        ], ...rest, children: loading ? (_jsx(ActivityIndicator, { size: "small", color: variantStyles.text.color })) : typeof children === 'string' ? (_jsx(Text, { style: [
+                styles.text,
+                sizeStyles.text,
+                variantStyles.text,
+                disabled && styles.disabledText,
+                textStyle,
+            ], children: children })) : (children) }));
+}
+const styles = StyleSheet.create({
+    base: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: Spacing.sm,
+    },
+    text: {
+        fontWeight: '600',
+    },
+    disabled: {
+        opacity: 0.5,
+    },
+    disabledText: {
+        opacity: 0.5,
+    },
+});

package/dist/components/ui/card.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ViewStyle, TextStyle, ViewProps } from 'react-native';
+interface CardProps extends ViewProps {
+    style?: ViewStyle;
+    children?: React.ReactNode;
+}
+interface CardTitleProps {
+    style?: TextStyle;
+    children?: React.ReactNode;
+}
+export declare function Card({ style, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardHeader({ style, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardTitle({ style, children }: CardTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardContent({ style, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardFooter({ style, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/card.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, Text, StyleSheet } from 'react-native';
+import { Colors, Spacing, BorderRadius, FontSize } from '../../theme/colors';
+export function Card({ style, children, ...rest }) {
+    return (_jsx(View, { style: [styles.card, style], ...rest, children: children }));
+}
+export function CardHeader({ style, children, ...rest }) {
+    return (_jsx(View, { style: [styles.header, style], ...rest, children: children }));
+}
+export function CardTitle({ style, children }) {
+    return _jsx(Text, { style: [styles.title, style], children: children });
+}
+export function CardContent({ style, children, ...rest }) {
+    return (_jsx(View, { style: [styles.content, style], ...rest, children: children }));
+}
+export function CardFooter({ style, children, ...rest }) {
+    return (_jsx(View, { style: [styles.footer, style], ...rest, children: children }));
+}
+const styles = StyleSheet.create({
+    card: {
+        backgroundColor: Colors.surface,
+        borderRadius: BorderRadius.lg,
+        borderWidth: 1,
+        borderColor: Colors.border,
+        shadowColor: Colors.black,
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.05,
+        shadowRadius: 3,
+        elevation: 2,
+    },
+    header: {
+        padding: Spacing.lg,
+        gap: Spacing.xs,
+    },
+    title: {
+        fontSize: FontSize.xl,
+        fontWeight: '600',
+        color: Colors.text,
+        lineHeight: FontSize.xl * 1.3,
+    },
+    content: {
+        paddingHorizontal: Spacing.lg,
+        paddingBottom: Spacing.lg,
+    },
+    footer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: Spacing.lg,
+        paddingBottom: Spacing.lg,
+    },
+});

package/dist/components/ui/input.d.ts

@@ -0,0 +1,8 @@
+import { TextInputProps, ViewStyle, TextStyle } from 'react-native';
+export interface InputProps extends TextInputProps {
+    label?: string;
+    error?: string;
+    containerStyle?: ViewStyle;
+    inputStyle?: TextStyle;
+}
+export declare function Input({ label, error, containerStyle, inputStyle, editable, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/input.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { View, TextInput, Text, StyleSheet, } from 'react-native';
+import { Colors, Spacing, BorderRadius, FontSize } from '../../theme/colors';
+export function Input({ label, error, containerStyle, inputStyle, editable = true, ...rest }) {
+    const [focused, setFocused] = useState(false);
+    const borderColor = error
+        ? Colors.error
+        : focused
+            ? Colors.borderFocus
+            : Colors.border;
+    return (_jsxs(View, { style: [styles.container, containerStyle], children: [label ? _jsx(Text, { style: styles.label, children: label }) : null, _jsx(TextInput, { placeholderTextColor: Colors.textTertiary, editable: editable, style: [
+                    styles.input,
+                    { borderColor },
+                    focused && styles.inputFocused,
+                    !editable && styles.inputDisabled,
+                    error ? styles.inputError : null,
+                    inputStyle,
+                ], onFocus: (e) => {
+                    setFocused(true);
+                    rest.onFocus?.(e);
+                }, onBlur: (e) => {
+                    setFocused(false);
+                    rest.onBlur?.(e);
+                }, ...rest }), error ? _jsx(Text, { style: styles.errorText, children: error }) : null] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        gap: Spacing.xs,
+    },
+    label: {
+        fontSize: FontSize.sm,
+        fontWeight: '500',
+        color: Colors.text,
+        marginBottom: 2,
+    },
+    input: {
+        height: 44,
+        borderWidth: 1,
+        borderColor: Colors.border,
+        borderRadius: BorderRadius.md,
+        paddingHorizontal: Spacing.md,
+        fontSize: FontSize.md,
+        color: Colors.text,
+        backgroundColor: Colors.surface,
+    },
+    inputFocused: {
+        borderWidth: 2,
+    },
+    inputDisabled: {
+        opacity: 0.5,
+        backgroundColor: Colors.surfaceSecondary,
+    },
+    inputError: {
+        borderWidth: 1.5,
+    },
+    errorText: {
+        fontSize: FontSize.sm,
+        color: Colors.error,
+    },
+});

package/dist/components/ui/label.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TextStyle, TextProps } from 'react-native';
+export interface LabelProps extends TextProps {
+    children: React.ReactNode;
+    style?: TextStyle;
+    disabled?: boolean;
+}
+export declare function Label({ children, style, disabled, ...rest }: LabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/label.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, StyleSheet } from 'react-native';
+import { Colors, FontSize } from '../../theme/colors';
+export function Label({ children, style, disabled, ...rest }) {
+    return (_jsx(Text, { style: [styles.label, disabled && styles.disabled, style], ...rest, children: children }));
+}
+const styles = StyleSheet.create({
+    label: {
+        fontSize: FontSize.sm,
+        fontWeight: '500',
+        color: Colors.text,
+        lineHeight: FontSize.sm * 1.4,
+    },
+    disabled: {
+        opacity: 0.7,
+    },
+});

package/dist/context/WidgetContext.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+type WidgetContextType = {
+    token: string;
+    config: any;
+    setConfig: (c: any) => void;
+    dateTimeFormat: string;
+    lang: string;
+    currency: string;
+    isPreview: boolean;
+    colors: WidgetColors;
+};
+export type WidgetColors = {
+    primary: string;
+    primaryRgba85: string;
+    banner: string;
+    input: string;
+    textHeadings: string;
+    form: string;
+};
+type WidgetProviderProps = {
+    token: string;
+    initialConfig: any;
+    lang?: string;
+    currency?: string;
+    children: React.ReactNode;
+};
+export declare const WidgetProvider: React.FC<WidgetProviderProps>;
+export declare const useWidget: () => WidgetContextType;
+export {};

package/dist/context/WidgetContext.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+const defaultColors = {
+    primary: '#306DDE',
+    primaryRgba85: 'rgba(48,109,222,0.85)',
+    banner: '#1a1a2e',
+    input: '#f5f5f5',
+    textHeadings: '#ffffff',
+    form: '#ffffff',
+};
+function extractColors(config) {
+    const colors = config?.colors;
+    if (!colors)
+        return defaultColors;
+    const get = (key) => colors[key]?.hex || '';
+    const hexToRgba = (hex, alpha) => {
+        if (!hex || !hex.startsWith('#'))
+            return '';
+        const r = parseInt(hex.slice(1, 3), 16);
+        const g = parseInt(hex.slice(3, 5), 16);
+        const b = parseInt(hex.slice(5, 7), 16);
+        return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+    };
+    return {
+        primary: get('buttons') || defaultColors.primary,
+        primaryRgba85: hexToRgba(get('buttons'), 0.85) || defaultColors.primaryRgba85,
+        banner: get('banner') || defaultColors.banner,
+        input: get('input') || defaultColors.input,
+        textHeadings: get('text_headings') || defaultColors.textHeadings,
+        form: get('form') || defaultColors.form,
+    };
+}
+const WidgetContext = createContext({
+    token: "",
+    config: {},
+    setConfig: () => { },
+    lang: "en",
+    currency: "USD",
+    isPreview: false,
+    dateTimeFormat: "europe",
+    colors: defaultColors,
+});
+export const WidgetProvider = ({ token, initialConfig, lang: propLang, currency: propCurrency, children, }) => {
+    const [config, setConfig] = useState(initialConfig || {});
+    const lang = (config?.form?.language || propLang || "en").toLowerCase();
+    const currency = config?.form?.currency || propCurrency || "USD";
+    const dateTimeFormat = config?.dateTimeFormat || "europe";
+    const isPreview = initialConfig?.mode === "preview";
+    const colors = extractColors(config);
+    useEffect(() => {
+        setConfig(initialConfig);
+    }, [initialConfig]);
+    return (_jsx(WidgetContext.Provider, { value: {
+            token,
+            config,
+            setConfig,
+            lang,
+            currency,
+            dateTimeFormat,
+            isPreview,
+            colors,
+        }, children: children }));
+};
+export const useWidget = () => useContext(WidgetContext);

package/dist/icons/CarIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const CarIcon: ({ size, color }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/CarIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Path } from "react-native-svg";
+export const CarIcon = ({ size = 24, color = "#306DDE" }) => (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [_jsx(Path, { d: "M4.34735 10.0293C4.02678 9.99304 3.77154 9.97973 3.52356 9.93376C3.07598 9.8503 2.91873 9.50554 3.1776 9.13054C3.33547 8.89929 3.55008 8.71245 3.80086 8.58791C4.05164 8.46337 4.33019 8.4053 4.60984 8.41926C4.92557 8.41926 5.05863 8.66119 5.12758 8.99869C5.19774 8.89587 5.24855 8.82813 5.29452 8.75675C5.58847 8.21482 5.91871 7.68862 6.16064 7.1237C6.46064 6.42451 6.9941 6.0725 7.69692 5.94669C8.33556 5.81695 8.98216 5.73006 9.63239 5.68661C11.638 5.60315 13.6461 5.55597 15.6469 5.80758C15.9106 5.84024 16.1707 5.8971 16.4307 5.95274C17.1396 6.10637 17.6888 6.43661 18.0033 7.15273C18.2743 7.78055 18.6408 8.36845 18.9432 8.93337C19.0968 8.77006 19.2154 8.55111 19.3932 8.47853C19.5967 8.40612 19.82 8.41303 20.0186 8.49789C20.3578 8.64272 20.6656 8.85227 20.9247 9.11482C21.2501 9.47772 21.0674 9.86602 20.5799 9.94949C20.3319 9.99304 20.0791 10.0051 19.8662 10.0281C20.1009 10.4225 20.4166 10.8047 20.5666 11.2438C20.7166 11.6829 20.742 12.1886 20.7614 12.6676C20.7904 13.4273 20.7686 14.1894 20.7686 14.989C20.6174 14.9974 20.488 15.0107 20.3597 15.0107C14.8316 15.0107 9.30296 15.0136 3.77396 15.0192C3.44977 15.0192 3.35784 14.9273 3.36993 14.6103C3.39292 13.9813 3.38929 13.3511 3.36993 12.7221C3.34453 11.7071 3.53687 10.789 4.34735 10.0293Z", fill: color }), _jsx(Path, { d: "M3.30901 15.3444L12.0572 15.3442H20.6569C20.6617 15.6179 20.6915 15.7336 20.6569 16.0051C20.5698 16.4539 20.2275 16.6959 19.7242 16.6959C14.5702 16.6959 9.41624 16.6959 4.26224 16.6959C3.68523 16.6959 3.33684 16.3535 3.30902 15.7789C3.29934 15.5878 3.30901 15.5549 3.30901 15.3444Z", fill: color }), _jsx(Path, { d: "M17.7134 16.9625C18.6884 16.7895 19.6622 17.1512 20.584 16.683C20.584 17.0459 20.6094 17.4088 20.5767 17.7596C20.5644 17.9436 20.4826 18.116 20.3478 18.2419C20.213 18.3677 20.0353 18.4375 19.8509 18.4371C19.3816 18.4552 18.9098 18.454 18.4404 18.4371C18.257 18.4355 18.0808 18.3654 17.9465 18.2405C17.8121 18.1156 17.7294 17.9449 17.7146 17.7621C17.6917 17.508 17.7134 17.2419 17.7134 16.9625Z", fill: color }), _jsx(Path, { d: "M3.42478 16.6459C3.87719 17.0088 4.37195 16.9157 4.84856 16.9217C5.32517 16.9278 5.78605 16.9217 6.31347 16.9217C6.31297 17.2326 6.2948 17.5432 6.25903 17.852C6.22819 18.0205 6.13805 18.1724 6.00493 18.2802C5.8718 18.3881 5.70448 18.4447 5.53323 18.4399C5.07477 18.4544 4.61388 18.4556 4.15542 18.4399C3.79252 18.429 3.46954 18.175 3.43566 17.835C3.39454 17.4649 3.42478 17.0826 3.42478 16.6459Z", fill: color })] }));

package/dist/icons/CloseIcon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type CloseIconProps = {
+    size?: number;
+    color?: string;
+};
+export declare const CloseIcon: React.FC<CloseIconProps>;
+export {};

package/dist/icons/CloseIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from "react-native-svg";
+export const CloseIcon = ({ size = 13, color = "#B5B5C2", }) => (_jsx(Svg, { width: size, height: size, viewBox: "0 0 13 13", fill: "none", children: _jsx(Path, { d: "M1.11192 11.9759C1.42822 12.2922 1.94437 12.3051 2.25406 11.9954L6.54434 7.70512L10.7121 11.8729C11.0218 12.1826 11.5572 12.1895 11.8735 11.8732C12.1895 11.5571 12.1766 11.0278 11.8669 10.7181L7.69915 6.55031L11.9963 2.25316C12.3057 1.94374 12.2928 1.42759 11.9765 1.11129C11.6605 0.795264 11.1506 0.788656 10.8409 1.09835L6.54379 5.3955L2.37601 1.22773C2.06632 0.918039 1.53723 0.904825 1.22121 1.22085C0.905181 1.53687 0.911512 2.07285 1.2212 2.38254L5.38898 6.55031L1.0987 10.8406C0.789011 11.1503 0.795892 11.6598 1.11192 11.9759Z", fill: color }) }));

package/dist/icons/FlightIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const FlightIcon: ({ size, color }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/FlightIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from "react-native-svg";
+export const FlightIcon = ({ size = 24, color = "white" }) => (_jsx(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: _jsx(Path, { d: "M5.42561 17.9099C4.88975 17.9214 4.35748 17.8186 3.86342 17.608C3.36936 17.3975 2.92459 17.0839 2.55802 16.6877C1.77944 15.8849 1.02827 15.0599 0.271624 14.2419C-0.139599 13.8044 -0.0875108 13.5669 0.452562 13.3017C0.946029 13.0614 1.44635 12.8364 1.93159 12.5808C2.0489 12.5105 2.18299 12.4741 2.31929 12.4756C2.45559 12.477 2.58889 12.5163 2.70469 12.5892C3.41199 12.9822 4.13575 13.3475 4.84168 13.7419C4.96185 13.8202 5.10087 13.8636 5.24367 13.8675C5.38647 13.8715 5.52761 13.8357 5.65179 13.7641C6.85119 13.1406 8.07115 12.5378 9.28288 11.9239C9.81336 11.6559 9.84489 11.4003 9.39803 10.992C7.78055 9.51056 6.16216 8.03375 4.54286 6.56157C4.03568 6.09908 4.06858 5.83936 4.67993 5.57687C5.48044 5.23799 6.27685 4.85606 7.17057 5.06577C7.63503 5.17499 8.08538 5.33859 8.51253 5.55326C10.3868 6.49768 12.2547 7.45923 14.1161 8.4379C14.6644 8.72401 15.1332 8.72817 15.6596 8.41846C16.6081 7.86292 17.5786 7.35182 18.704 7.25182C19.8627 7.12534 21.0346 7.26783 22.1309 7.66848C22.3947 7.75616 22.6236 7.92797 22.7832 8.15826C22.9428 8.38854 23.0246 8.66496 23.0163 8.94622C23.0163 9.55732 22.7148 9.99203 22.1679 10.2573C20.2168 11.2008 18.2672 12.1452 16.3189 13.0906C13.2813 14.56 10.2506 16.0419 7.2021 17.4863C6.6538 17.7432 6.04108 17.8432 5.45714 18.0154L5.42561 17.9099Z", fill: color }) }));

package/dist/icons/HotelIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const HotelIcon: ({ size, color }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/HotelIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Path } from "react-native-svg";
+export const HotelIcon = ({ size = 24, color = "#306DDE" }) => (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [_jsx(Path, { d: "M19.7045 17.1467H4.28822C4.28822 17.3614 4.29681 17.5561 4.28822 17.7508C4.28955 17.8364 4.27389 17.9215 4.24217 18.0011C4.21044 18.0806 4.16327 18.1531 4.10337 18.2143C4.04348 18.2755 3.97205 18.3243 3.89321 18.3578C3.81437 18.3912 3.72968 18.4088 3.64403 18.4093C3.47772 18.4089 3.31831 18.3428 3.20057 18.2253C3.08284 18.1079 3.01634 17.9486 3.01558 17.7823C3.00556 16.2076 2.9798 14.6444 3.0299 13.0783C3.05996 12.1349 3.88882 11.4077 4.84509 11.3604C5.1314 11.3432 5.41771 11.3604 5.70401 11.3604H18.7095C20.2599 11.3604 21 12.0891 21 13.628C21 14.9536 21 16.2792 21 17.6048C21 18.1244 20.7438 18.4351 20.3386 18.4222C19.9335 18.4093 19.7216 18.1144 19.7159 17.6105C19.703 17.453 19.7045 17.317 19.7045 17.1467Z", fill: color }), _jsx(Path, { d: "M19.0653 10.0485H17.1356C17.1356 9.85811 17.1356 9.68919 17.1356 9.5217C17.1241 8.68568 16.6059 8.15601 15.7785 8.14456C15.193 8.13597 14.6089 8.14456 14.0248 8.14456C13.186 8.15315 12.6692 8.66421 12.6491 9.50309C12.6491 9.67058 12.6491 9.8395 12.6491 10.0757H11.3607C11.3607 9.85668 11.3607 9.66485 11.3607 9.47302C11.3407 8.68854 10.8196 8.16317 10.0351 8.15028C9.45107 8.14026 8.86701 8.15028 8.28151 8.15028C7.39109 8.15028 6.8786 8.6685 6.87001 9.56035C6.87001 9.71495 6.87001 9.87099 6.87001 10.0528H4.97465C4.95416 9.94403 4.94077 9.83405 4.93457 9.72354C4.93457 8.61172 4.93457 7.49989 4.93457 6.38806C4.93743 5.78538 5.15646 5.57208 5.77059 5.57208H18.225C18.8548 5.57208 19.0696 5.78538 19.0724 6.42098C19.0696 7.61775 19.0653 8.81165 19.0653 10.0485Z", fill: color })] }));

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { TravelHubWidget } from './TravelHubWidget';
+export type { TravelHubWidgetProps } from './TravelHubWidget';

package/dist/index.js

@@ -0,0 +1 @@
+export { TravelHubWidget } from './TravelHubWidget';

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+export declare function mergeStyles<T extends ViewStyle | TextStyle>(...styles: (StyleProp<T> | undefined | false | null)[]): StyleProp<T>;

package/dist/lib/utils.js

@@ -0,0 +1,3 @@
+export function mergeStyles(...styles) {
+    return styles.filter(Boolean);
+}

package/dist/locales/widgetTranslations.d.ts

@@ -0,0 +1 @@
+export declare const defaultTranslations: Record<string, Record<string, string>>;