@jobber/components-native 0.54.4-JOB-88641.9 → 0.54.4-fix-inline.3

package/dist/types/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.d.ts

@@ -8,6 +8,6 @@ export interface BottomSheetOptionProps {
     readonly textAlign?: TextAlign;
     readonly destructive?: boolean;
     readonly textTransform?: "none" | "capitalize";
-    onPress: () => void;
+    readonly onPress: () => void;
 }
 export declare function BottomSheetOption({ text, icon, iconColor, textAlign, destructive, textTransform, onPress, }: BottomSheetOptionProps): JSX.Element;

package/dist/types/src/ButtonGroup/ButtonGroup.style.d.ts

@@ -3,11 +3,11 @@ export declare const styles: {
         width: string;
         flexDirection: "row";
         justifyContent: "flex-end";
+        gap: number;
     };
     button: {
         flexBasis: number;
         flexGrow: number;
-        paddingRight: number;
     };
     moreButton: {
         flexBasis: number;

package/dist/types/src/ButtonGroup/components/SecondaryActionSheet/SecondaryActionSheet.d.ts

@@ -2,12 +2,12 @@ import { RefObject } from "react";
 import { ButtonGroupSecondaryActionProps } from "../../types";
 import { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 interface SecondaryActionSheetProps {
-    actions: ButtonGroupSecondaryActionProps[];
-    secondaryActionsRef: RefObject<BottomSheetRef>;
-    showCancel?: boolean;
-    heading?: string;
-    onOpenBottomSheet?: () => void;
-    onCloseBottomSheet?: () => void;
+    readonly actions: ButtonGroupSecondaryActionProps[];
+    readonly secondaryActionsRef: RefObject<BottomSheetRef>;
+    readonly showCancel?: boolean;
+    readonly heading?: string;
+    readonly onOpenBottomSheet?: () => void;
+    readonly onCloseBottomSheet?: () => void;
 }
 export declare function SecondaryActionSheet({ actions, secondaryActionsRef, heading, showCancel, onOpenBottomSheet, onCloseBottomSheet, }: SecondaryActionSheetProps): JSX.Element;
 export {};

package/dist/types/src/Checkbox/CheckboxGroup.d.ts

@@ -6,8 +6,8 @@ interface CommonCheckboxGroupProps extends Omit<CheckboxProps, "onChange"> {
     /**
      * Checkbox items
      */
-    children: CheckboxElement[];
-    state?: CheckboxGroupState;
+    readonly children: CheckboxElement[];
+    readonly state?: CheckboxGroupState;
     onChange?(groupChecks: CheckboxGroupState): void;
 }
 interface ControlledCheckboxGroupProps extends CommonCheckboxGroupProps {

package/dist/types/src/Form/components/FormBody/FormBody.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { FormActionBarProps } from "../FormActionBar";
 interface FormBodyProps extends FormActionBarProps {
-    children: JSX.Element;
-    shouldRenderActionBar?: boolean;
-    saveButtonOffset?: number;
+    readonly children: JSX.Element;
+    readonly shouldRenderActionBar?: boolean;
+    readonly saveButtonOffset?: number;
 }
 export declare function FormBody({ isFormSubmitting, submit, keyboardHeight, children, saveButtonLabel, renderStickySection, shouldRenderActionBar, secondaryActions, setSecondaryActionLoading, setSaveButtonHeight, saveButtonOffset, }: FormBodyProps): JSX.Element;
 export declare function useBottomPadding(): number;

package/dist/types/src/Form/components/FormCache/FormCache.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { FieldValues } from "react-hook-form";
 interface FormCacheProps<T extends FieldValues> {
-    localCacheId?: string | string[];
-    localCacheKey?: string;
-    localCacheExclude?: string[];
-    setLocalCache: (data: T) => void;
+    readonly localCacheId?: string | string[];
+    readonly localCacheKey?: string;
+    readonly localCacheExclude?: string[];
+    readonly setLocalCache: (data: T) => void;
 }
 export declare function FormCache<T extends FieldValues>({ localCacheExclude, localCacheKey, setLocalCache, }: FormCacheProps<T>): JSX.Element;
 export {};

package/dist/types/src/Form/components/FormMessageBanner/FormMessageBanner.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FormBannerMessage } from "../../types";
 interface FormMessageBannerProps {
-    bannerMessages?: FormBannerMessage[];
+    readonly bannerMessages?: FormBannerMessage[];
 }
 export declare function FormMessageBanner({ bannerMessages, }: FormMessageBannerProps): JSX.Element;
 export {};

package/dist/types/src/FormField/FormField.d.ts

@@ -4,7 +4,7 @@ interface FormFieldProps<T> {
     /**
      * Name of the field.
      */
-    name: string;
+    readonly name: string;
     /**
      * The initial value of the form field.
      */
@@ -12,7 +12,7 @@ interface FormFieldProps<T> {
     /**
      * Children to render.
      */
-    children: (field: ControllerRenderProps<FieldValues, string>, error?: FieldError) => React.ReactNode;
+    readonly children: (field: ControllerRenderProps<FieldValues, string>, error?: FieldError) => React.ReactNode;
     /**
      * Rules for returning an error when validations are violated.
      * WARNING: This component needs to be nested inside a FormProvider

package/dist/types/src/FormatFile/FormatFile.d.ts

@@ -5,7 +5,7 @@ export interface FormatFileProps<T> {
     /**
      * File upload details object. Can be a File or a FileUpload
      */
-    file: T;
+    readonly file: T;
     /**
      * Accessibility label
      */
@@ -17,23 +17,23 @@ export interface FormatFileProps<T> {
     /**
      * A function which handles the onTap event.
      */
-    onTap?: (file: T) => void;
+    readonly onTap?: (file: T) => void;
     /**
      * A function to be called on "Remove" Bottom Sheet Option press
      */
-    onRemove?: () => void;
+    readonly onRemove?: () => void;
     /**
      * Handler for the "Preview" Bottom Sheet Option press
      */
-    onPreviewPress?: (formattedFile: FormattedFile) => void;
+    readonly onPreviewPress?: (formattedFile: FormattedFile) => void;
     /**
      * A file type to show at Bottom Sheet options
      */
-    bottomSheetOptionsSuffix?: BottomSheetOptionsSuffix;
+    readonly bottomSheetOptionsSuffix?: BottomSheetOptionsSuffix;
     /**
      * Uses a grid layout when multi-file upload is supported
      */
-    styleInGrid?: boolean;
+    readonly styleInGrid?: boolean;
     /**
      * A reference to the element in the rendered output
      */

package/dist/types/src/FormatFile/components/FileView/FileView.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { FormattedFile } from "../../types";
 interface FileViewProps {
-    accessibilityLabel?: string;
-    showOverlay: boolean;
-    showError: boolean;
-    file: FormattedFile;
-    styleInGrid: boolean;
-    onUploadComplete: () => void;
+    readonly accessibilityLabel?: string;
+    readonly showOverlay: boolean;
+    readonly showError: boolean;
+    readonly file: FormattedFile;
+    readonly styleInGrid: boolean;
+    readonly onUploadComplete: () => void;
 }
 export declare function FileView({ accessibilityLabel, styleInGrid, file, showOverlay, showError, onUploadComplete, }: FileViewProps): JSX.Element;
 export {};

package/dist/types/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.d.ts

@@ -2,10 +2,10 @@ import { RefObject } from "react";
 import { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 export type BottomSheetOptionsSuffix = "receipt" | "image" | "file" | "video";
 interface FormatFileBottomSheetProps {
-    bottomSheetRef: RefObject<BottomSheetRef>;
-    onPreviewPress?: () => void;
-    onRemovePress?: () => void;
-    bottomSheetOptionsSuffix?: BottomSheetOptionsSuffix;
+    readonly bottomSheetRef: RefObject<BottomSheetRef>;
+    readonly onPreviewPress?: () => void;
+    readonly onRemovePress?: () => void;
+    readonly bottomSheetOptionsSuffix?: BottomSheetOptionsSuffix;
 }
 export declare const FormatFileBottomSheet: ({ bottomSheetRef, onPreviewPress, onRemovePress, bottomSheetOptionsSuffix, }: FormatFileBottomSheetProps) => JSX.Element;
 export {};

package/dist/types/src/FormatFile/components/MediaView/MediaView.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { FormattedFile } from "../../types";
 interface MediaViewProps {
-    accessibilityLabel?: string;
-    showOverlay: boolean;
-    showError: boolean;
-    file: FormattedFile;
-    styleInGrid: boolean;
-    onUploadComplete: () => void;
+    readonly accessibilityLabel?: string;
+    readonly showOverlay: boolean;
+    readonly showError: boolean;
+    readonly file: FormattedFile;
+    readonly styleInGrid: boolean;
+    readonly onUploadComplete: () => void;
 }
 export declare function MediaView({ accessibilityLabel, showOverlay, showError, file, styleInGrid, onUploadComplete, }: MediaViewProps): JSX.Element;
 export {};

package/dist/types/src/FormatFile/components/ProgressBar/ProgressBar.d.ts

@@ -5,15 +5,15 @@ interface ProgressBarProps {
     /**
      * Upload progress value from 0 to 1
      */
-    progress: number;
+    readonly progress: number;
     /**
      * Upload status
      */
-    status: StatusCode;
+    readonly status: StatusCode;
     /**
      * Function to be called when the progress is finished
      */
-    onComplete?: () => void;
+    readonly onComplete?: () => void;
 }
 export declare const ProgressBar: ({ progress, status, onComplete, }: ProgressBarProps) => JSX.Element;
 export {};

package/dist/types/src/Glimmer/Glimmer.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { sizeStyles } from "./Glimmer.size.style";
+import { shapeStyles } from "./Glimmer.shape.style";
+export type GlimmerShapes = keyof typeof shapeStyles;
+export type GlimmerSizes = keyof typeof sizeStyles;
+export type GlimmerTimings = "base" | "fast";
+interface GlimmerProps {
+    /**
+     * Sets the size of the glimmer.
+     */
+    readonly shape?: GlimmerShapes;
+    /**
+     * Sets the shape of the glimmer.
+     *
+     * If you need a specific width, use the `width` prop.
+     */
+    readonly size?: GlimmerSizes;
+    /**
+     * Control how fast the shine moves from left to right. This is useful when
+     * the glimmer is used on smaller spaces.
+     */
+    readonly timing?: GlimmerTimings;
+    /**
+     * Adjust the width of the glimmer in px or % values.
+     */
+    readonly width?: number | `${number}%`;
+}
+export declare const GLIMMER_TEST_ID = "ATL-Glimmer";
+export declare const GLIMMER_SHINE_TEST_ID = "ATL-Glimmer-Shine";
+export declare function Glimmer({ width, shape, size, timing, }: GlimmerProps): JSX.Element;
+export {};

package/dist/types/src/Glimmer/Glimmer.shape.style.d.ts

@@ -0,0 +1,14 @@
+export declare const shapeStyles: {
+    rectangle: {
+        width: string;
+    };
+    square: {
+        width: string;
+        aspectRatio: number;
+    };
+    circle: {
+        width: string;
+        aspectRatio: number;
+        borderRadius: number;
+    };
+};

package/dist/types/src/Glimmer/Glimmer.size.style.d.ts

@@ -0,0 +1,17 @@
+export declare const sizeStyles: {
+    small: {
+        height: number;
+    };
+    base: {
+        height: number;
+    };
+    large: {
+        height: number;
+    };
+    larger: {
+        height: number;
+    };
+    largest: {
+        height: number;
+    };
+};

package/dist/types/src/Glimmer/Glimmer.style.d.ts

@@ -0,0 +1,18 @@
+export declare const shineWidth: number;
+export declare const styles: {
+    container: {
+        backgroundColor: string;
+        overflow: "hidden";
+        position: "relative";
+        width: string;
+        height: number;
+        borderRadius: number;
+    };
+    shine: {
+        position: "absolute";
+        top: number;
+        left: number;
+        width: number;
+        height: string;
+    };
+};

package/dist/types/src/Glimmer/index.d.ts

@@ -0,0 +1 @@
+export * from "./Glimmer";

package/dist/types/src/InputCurrency/InputCurrency.d.ts

@@ -24,9 +24,9 @@ export interface InputCurrencyProps extends Omit<InputTextProps, "keyboard" | "o
      */
     readonly maxLength?: number;
     onChange?(newValue?: number | string | undefined): void;
-    value?: number;
-    defaultValue?: number;
-    keyboard?: "decimal-pad" | "numbers-and-punctuation";
+    readonly value?: number;
+    readonly defaultValue?: number;
+    readonly keyboard?: "decimal-pad" | "numbers-and-punctuation";
 }
 export declare const getInternalValue: (props: InputCurrencyProps, field: ControllerRenderProps<FieldValues, string>, formatNumber: (value: number, opts?: FormatNumberOptions | undefined) => string) => string;
 export declare function InputCurrency(props: InputCurrencyProps): JSX.Element;

package/dist/types/src/InputFieldWrapper/InputFieldWrapper.d.ts

@@ -59,5 +59,23 @@ export interface InputFieldWrapperProps {
      * Custom styling to override default style of the input field
      */
     readonly styleOverride?: InputFieldStyleOverride;
+    /**
+     * Add a toolbar below the input field for actions like rewriting the text.
+     */
+    readonly toolbar?: React.ReactNode;
+    /**
+     * Change the behaviour of when the toolbar becomes visible.
+     */
+    readonly toolbarVisibility?: "always" | "while-editing";
+    /**
+     * Show loading indicator.
+     */
+    readonly loading?: boolean;
+    /**
+     * Change the type of loading indicator to spinner or glimmer.
+     */
+    readonly loadingType?: "spinner" | "glimmer";
 }
-export declare function InputFieldWrapper({ invalid, disabled, placeholder, assistiveText, prefix, suffix, hasMiniLabel, hasValue, error, focused, children, onClear, showClearAction, styleOverride, }: InputFieldWrapperProps): JSX.Element;
+export declare const INPUT_FIELD_WRAPPER_GLIMMERS_TEST_ID = "ATL-InputFieldWrapper-Glimmers";
+export declare const INPUT_FIELD_WRAPPER_SPINNER_TEST_ID = "ATL-InputFieldWrapper-Spinner";
+export declare function InputFieldWrapper({ invalid, disabled, placeholder, assistiveText, prefix, suffix, hasMiniLabel, hasValue, error, focused, children, onClear, showClearAction, styleOverride, toolbar, toolbarVisibility, loading, loadingType, }: InputFieldWrapperProps): JSX.Element;

package/dist/types/src/InputFieldWrapper/InputFieldWrapper.style.d.ts

@@ -11,6 +11,12 @@ export declare const styles: {
         borderStyle: "solid";
         borderWidth: number;
         borderRadius: number;
+    } | {
+        flexDirection: "column";
+    };
+    field: {
+        flexDirection: "row";
+        alignItems: "center";
     };
     inputContainer: {
         flexDirection: "row";
@@ -36,6 +42,7 @@ export declare const styles: {
         top: number;
         paddingTop: number;
         backgroundColor: string;
+        marginRight: number;
         maxHeight: number;
         zIndex: number;
     };
@@ -83,4 +90,31 @@ export declare const styles: {
         flexDirection: "row";
         zIndex: number;
     };
+    toolbar: {
+        flexBasis: string;
+        flexDirection: "row";
+        gap: number;
+        paddingBottom: number;
+    };
+    loadingSpinner: {
+        justifyContent: "center";
+        paddingRight: number;
+    };
+    loadingGlimmers: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+        gap: number;
+        paddingTop: number;
+        paddingRight: number;
+        backgroundColor: string;
+        overflow: "hidden";
+    };
+    loadingGlimmersHasValue: {
+        top: number;
+        paddingTop: number;
+        bottom: number;
+    };
 };

package/dist/types/src/InputFieldWrapper/components/Prefix/Prefix.d.ts

@@ -2,22 +2,22 @@
 import { StyleProp, TextStyle, ViewStyle } from "react-native";
 import { IconNames } from "@jobber/design";
 export interface PrefixLabelProps {
-    focused: boolean;
-    disabled?: boolean;
-    hasMiniLabel: boolean;
-    inputInvalid: boolean;
-    label: string;
-    styleOverride?: StyleProp<TextStyle>;
+    readonly focused: boolean;
+    readonly disabled?: boolean;
+    readonly hasMiniLabel: boolean;
+    readonly inputInvalid: boolean;
+    readonly label: string;
+    readonly styleOverride?: StyleProp<TextStyle>;
 }
 export declare const prefixLabelTestId = "ATL-InputFieldWrapper-PrefixLabel";
 export declare const prefixIconTestId = "ATL-InputFieldWrapper-PrefixIcon";
 export declare function PrefixLabel({ focused, disabled, hasMiniLabel, inputInvalid, label, styleOverride, }: PrefixLabelProps): JSX.Element;
 export interface PrefixIconProps {
-    focused: boolean;
-    disabled?: boolean;
-    hasMiniLabel: boolean;
-    inputInvalid?: boolean;
-    icon: IconNames;
-    styleOverride?: StyleProp<ViewStyle>;
+    readonly focused: boolean;
+    readonly disabled?: boolean;
+    readonly hasMiniLabel: boolean;
+    readonly inputInvalid?: boolean;
+    readonly icon: IconNames;
+    readonly styleOverride?: StyleProp<ViewStyle>;
 }
 export declare function PrefixIcon({ focused, disabled, inputInvalid, icon, }: PrefixIconProps): JSX.Element;

package/dist/types/src/InputFieldWrapper/components/Suffix/Suffix.d.ts

@@ -2,24 +2,24 @@
 import { StyleProp, TextStyle } from "react-native";
 import { IconNames } from "@jobber/design";
 export interface SuffixLabelProps {
-    focused: boolean;
-    disabled?: boolean;
-    hasMiniLabel: boolean;
-    inputInvalid?: boolean;
-    label: string;
-    hasLeftMargin?: boolean;
-    styleOverride?: StyleProp<TextStyle>;
+    readonly focused: boolean;
+    readonly disabled?: boolean;
+    readonly hasMiniLabel: boolean;
+    readonly inputInvalid?: boolean;
+    readonly label: string;
+    readonly hasLeftMargin?: boolean;
+    readonly styleOverride?: StyleProp<TextStyle>;
 }
 export declare const suffixLabelTestId = "ATL-InputFieldWrapper-SuffixLabel";
 export declare const suffixIconTestId = "ATL-InputFieldWrapper-SuffixIcon";
 export declare function SuffixLabel({ focused, disabled, hasMiniLabel, inputInvalid, label, hasLeftMargin, styleOverride, }: SuffixLabelProps): JSX.Element;
 export interface SuffixIconProps {
-    focused: boolean;
-    disabled?: boolean;
-    hasMiniLabel: boolean;
-    inputInvalid?: boolean;
-    icon: IconNames;
-    hasLeftMargin?: boolean;
-    onPress?: () => void;
+    readonly focused: boolean;
+    readonly disabled?: boolean;
+    readonly hasMiniLabel: boolean;
+    readonly inputInvalid?: boolean;
+    readonly icon: IconNames;
+    readonly hasLeftMargin?: boolean;
+    readonly onPress?: () => void;
 }
 export declare function SuffixIcon({ focused, disabled, inputInvalid, icon, hasLeftMargin, onPress, }: SuffixIconProps): JSX.Element;

package/dist/types/src/InputPassword/InputPassword.d.ts

@@ -7,5 +7,5 @@ export interface InputPasswordProps extends Omit<InputTextProps, "keyboard" | "s
      *
      * @default true
      */
-    usePrivacyEye?: boolean;
+    readonly usePrivacyEye?: boolean;
 }

package/dist/types/src/InputText/InputText.d.ts

@@ -3,8 +3,8 @@ import { NativeSyntheticEvent, StyleProp, TextInput, TextInputFocusEventData, Te
 import { RegisterOptions } from "react-hook-form";
 import { IconNames } from "@jobber/design";
 import { Clearable } from "@jobber/hooks";
-import { InputFieldStyleOverride } from "../InputFieldWrapper/InputFieldWrapper";
-export interface InputTextProps {
+import { InputFieldStyleOverride, InputFieldWrapperProps } from "../InputFieldWrapper/InputFieldWrapper";
+export interface InputTextProps extends Pick<InputFieldWrapperProps, "toolbar" | "toolbarVisibility" | "loading" | "loadingType"> {
     /**
      * Highlights the field red and shows message below (if string) to indicate an error
      */
@@ -13,6 +13,10 @@ export interface InputTextProps {
      * Disable the input
      */
     readonly disabled?: boolean;
+    /**
+     * Makes the input read-only
+     */
+    readonly readonly?: boolean;
     /**
      * Name of the input.
      */

package/dist/types/src/InputText/context/InputAccessoriesProvider.d.ts

@@ -1,4 +1,4 @@
 import { ReactNode } from "react";
 export declare function InputAccessoriesProvider({ children, }: {
-    children: ReactNode;
+    readonly children: ReactNode;
 }): JSX.Element;

package/dist/types/src/Toast/Toast.d.ts

@@ -6,7 +6,7 @@ export interface JobberToastProps {
      * Has effect only when the position is "bottom".
      * @default 40
      */
-    bottomOffset?: number;
+    readonly bottomOffset?: number;
 }
 export declare function JobberToast({ bottomOffset }: JobberToastProps): JSX.Element;
 export interface ShowToastParams {

package/dist/types/src/index.d.ts

@@ -17,29 +17,30 @@ export * from "./Divider";
 export * from "./EmptyState";
 export * from "./ErrorMessageWrapper";
 export * from "./Flex";
-export * from "./FormatFile";
 export * from "./Form";
+export * from "./FormatFile";
 export * from "./FormField";
+export * from "./Glimmer";
 export * from "./Heading";
 export * from "./Icon";
 export * from "./IconButton";
-export * from "./InputFieldWrapper";
 export * from "./InputCurrency";
 export * from "./InputDate";
 export * from "./InputEmail";
+export * from "./InputFieldWrapper";
 export * from "./InputNumber";
 export * from "./InputPassword";
 export * from "./InputPressable";
 export * from "./InputSearch";
-export * from "./InputTime";
 export * from "./InputText";
+export * from "./InputTime";
 export * from "./Menu";
-export * from "./TextList";
-export * from "./ThumbnailList";
 export * from "./ProgressBar";
 export * from "./Select";
 export * from "./StatusLabel";
 export * from "./Switch";
 export * from "./Text";
+export * from "./TextList";
+export * from "./ThumbnailList";
 export * from "./Toast";
 export * from "./Typography";

package/dist/types/src/utils/test/MockSafeAreaProvider.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { EdgeInsets, Rect } from "react-native-safe-area-context";
 interface MockSafeAreaProviderProps {
-    children: React.ReactNode;
-    frame?: Rect;
-    insets?: EdgeInsets;
+    readonly children: React.ReactNode;
+    readonly frame?: Rect;
+    readonly insets?: EdgeInsets;
 }
 export declare function MockSafeAreaProvider({ frame, insets, children, }: MockSafeAreaProviderProps): JSX.Element;
 export {};

package/jestSetup.js

@@ -2,6 +2,7 @@ import React from "react";
 
 jest.mock("./dist/src/hooks", () => {
   const actualHooks = jest.requireActual("./dist/src/hooks");
+
   return { ...actualHooks, useIsScreenReaderEnabled: () => false };
 });
 
@@ -18,6 +19,7 @@ jest.mock("./dist/src/Button/components/InternalButtonLoading", () => {
 jest.mock("react-native-reanimated", () => {
   const reanimated = require("react-native-reanimated/mock");
   const timing = () => ({ start: () => undefined });
+
   return {
     ...reanimated,
     default: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.54.4-JOB-88641.9+2b196450",
+  "version": "0.54.4-fix-inline.3+c411f5fe",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -36,8 +36,8 @@
     "build:clean": "rm -rf ./dist"
   },
   "dependencies": {
-    "@jobber/design": "^0.54.0",
-    "@jobber/hooks": "^2.8.3",
+    "@jobber/design": "^0.54.1-fix-inline.3+c411f5fe",
+    "@jobber/hooks": "^2.8.4-fix-inline.5+c411f5fe",
     "@react-native-clipboard/clipboard": "^1.11.2",
     "@react-native-picker/picker": "^2.4.10",
     "autolinker": "^4.0.0",
@@ -49,7 +49,6 @@
     "react-native-modalize": "^2.0.13",
     "react-native-portalize": "^1.0.7",
     "react-native-safe-area-context": "^4.5.2",
-    "react-native-svg": "^13.9.0",
     "react-native-toast-message": "^2.1.6",
     "react-native-uuid": "^1.4.9",
     "ts-xor": "^1.1.0"
@@ -81,8 +80,9 @@
     "react-native-modal-datetime-picker": " >=13.0.0",
     "react-native-modalize": "^2.0.13",
     "react-native-portalize": "^1.0.7",
-    "react-native-reanimated": "^2.17.0",
-    "react-native-safe-area-context": "^4.5.2"
+    "react-native-reanimated": "^2.0.0 || ^3.0.0",
+    "react-native-safe-area-context": "^4.5.2",
+    "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "2b19645000b8184e369222c31297e4b923a87fb0"
+  "gitHead": "c411f5fec260686086b5999611711c886133b5eb"
 }