@iternio/react-native-auto-play 0.0.1

package/lib/types/Image.d.ts

@@ -0,0 +1,27 @@
+import type { ImageSourcePropType } from 'react-native';
+import type { ThemedColor } from '../utils/NitroColor';
+import type { GlyphName } from './Glyphmap';
+export type AutoImage = {
+    name: GlyphName;
+    /**
+     * Sets the icon dark and light mode color or a single color for both.
+     * Defaults to white for dark mode and black for light mode if not specified.
+     * Might not get applied everywhere like MapTemplate buttons on Android.
+     */
+    color?: ThemedColor | string;
+    /**
+     * Sets the background color for dark and light mode or a single color for both
+     * Defaults to transparent if not specified.
+     */
+    backgroundColor?: ThemedColor | string;
+    fontScale?: number;
+    type: 'glyph';
+} | {
+    image: ImageSourcePropType;
+    /**
+     * if specified the image gets tinted, if not it will just use the original image
+     * Might not get applied everywhere like MapTemplate buttons on Android.
+     */
+    color?: ThemedColor | string;
+    type: 'asset';
+};

package/lib/types/Image.js

@@ -0,0 +1 @@
+export {};

package/lib/types/Maneuver.d.ts

@@ -0,0 +1,200 @@
+import type { ImageSourcePropType } from 'react-native';
+import type { ThemedColor } from '../utils/NitroColor';
+import type { GlyphName } from './Glyphmap';
+import type { TravelEstimates } from './Trip';
+export declare enum ManeuverType {
+    Depart = 0,
+    Arrive = 10,
+    ArriveLeft = 11,
+    ArriveRight = 12,
+    Straight = 20,
+    Turn = 30,
+    Roundabout = 40,
+    OffRamp = 50,
+    OnRamp = 60,
+    Fork = 70,
+    EnterFerry = 80,
+    Keep = 90
+}
+export declare enum TrafficSide {
+    Right = 0,// counterclockwise for roundabouts
+    Left = 1
+}
+export declare enum TurnType {
+    NoTurn = 0,// Android TYPE_UNKNOWN, iOS noTurn
+    SlightLeft = 1,// Android TYPE_TURN_SLIGHT_LEFT, iOS slightLeftTurn
+    SlightRight = 2,// Android TYPE_TURN_SLIGHT_RIGHT, iOS slightRightTurn
+    NormalLeft = 3,// Android TYPE_TURN_NORMAL_LEFT, iOS leftTurn
+    NormalRight = 4,// Android TYPE_TURN_NORMAL_RIGHT, iOS rightTurn
+    SharpLeft = 5,// Android TYPE_TURN_SHARP_LEFT, iOS sharpLeftTurn
+    SharpRight = 6,// Android TYPE_TURN_SHARP_RIGHT, iOS sharpRightTurn
+    UTurnLeft = 7,// Android TYPE_U_TURN_LEFT, iOS uTurn
+    UTurnRight = 8
+}
+export declare enum OffRampType {
+    SlightLeft = 0,// Android TYPE_OFF_RAMP_SLIGHT_LEFT
+    SlightRight = 1,// Android TYPE_OFF_RAMP_SLIGHT_RIGHT
+    NormalLeft = 2,// Android TYPE_OFF_RAMP_NORMAL_LEFT
+    NormalRight = 3
+}
+export declare enum OnRampType {
+    SlightLeft = 0,// Android TYPE_ON_RAMP_SLIGHT_LEFT
+    SlightRight = 1,// Android TYPE_ON_RAMP_SLIGHT_RIGHT
+    NormalLeft = 2,// Android TYPE_ON_RAMP_NORMAL_LEFT
+    NormalRight = 3,// Android TYPE_ON_RAMP_NORMAL_RIGHT
+    SharpLeft = 4,// Android TYPE_ON_RAMP_SHARP_LEFT
+    SharpRight = 5,// Android TYPE_ON_RAMP_SHARP_RIGHT
+    UTurnLeft = 6,// Android TYPE_ON_RAMP_U_TURN_LEFT
+    UTurnRight = 7
+}
+export declare enum ForkType {
+    Left = 0,// Android TYPE_FORK_LEFT
+    Right = 1
+}
+export declare enum KeepType {
+    Left = 0,// Android TYPE_KEEP_LEFT, iOS keepLeft
+    Right = 1,// Android TYPE_KEEP_RIGHT, iOS keepRight
+    FollowRoad = 2
+}
+export interface BaseManeuver {
+    /**
+     * @namespace iOS specify a unique identifier, sending over a Maneuver with a known id will only update the travelEstimates on the previously sent Maneuver
+     * @namespace Android applies all updates and does not check for id
+     */
+    id: string;
+    travelEstimates: TravelEstimates;
+    trafficSide: TrafficSide;
+    maneuverType: ManeuverType;
+    /**
+     * @namespace iOS picks the best matching one based on length
+     * @namespace Android picks the first one only
+     */
+    roadName?: Array<string>;
+    highwayExitLabel?: string;
+}
+export interface WaypointManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.Arrive | ManeuverType.ArriveLeft | ManeuverType.ArriveRight | ManeuverType.Depart;
+}
+export interface StraightManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.Straight;
+}
+export interface TurnManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.Turn;
+    turnType: TurnType;
+    /**
+     * Optional turn angle in degrees to represent exact turn geometry.
+     */
+    angle?: number;
+    /**
+     * must not include turnAngle
+     * @namespace iOS
+     */
+    elementAngles?: Array<number>;
+}
+export interface RoundaboutManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.Roundabout;
+    /**
+     * Optional exit number at the roundabout (1 = first exit).
+     */
+    exitNumber?: number;
+    /**
+     * Optional exit angle in degrees (1 to 360).
+     */
+    angle?: number;
+    /**
+     * must not include exitAngle
+     * @namespace iOS
+     */
+    elementAngles?: Array<number>;
+}
+export interface OffRampManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.OffRamp;
+    offRampType: OffRampType;
+}
+export interface OnRampManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.OnRamp;
+    onRampType: OnRampType;
+}
+export interface FerryManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.EnterFerry;
+}
+export interface ForkManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.Fork;
+    forkType: ForkType;
+}
+export interface KeepManeuver extends BaseManeuver {
+    maneuverType: ManeuverType.Keep;
+    keepType: KeepType;
+}
+export interface Lane {
+    angles: Array<number>;
+}
+export interface PreferredLane extends Lane {
+    /**
+     * highlightedAngle must not be included in angles, if you have no more angles you can specify an empty angles array
+     */
+    highlightedAngle: number;
+    isPreferred: boolean;
+}
+export type ManeuverImage = {
+    name: GlyphName;
+    /**
+     * make sure to specify a color with a proper contrast ratio to cardBackgroundColor otherwise it might not get applied
+     * defaults to white/black for dark/light mode
+     */
+    color?: ThemedColor | string;
+    type: 'glyph';
+} | {
+    image: ImageSourcePropType;
+    /**
+     * if specified the image gets tinted, if not it will just use the original image
+     */
+    color?: ThemedColor | string;
+    type: 'asset';
+};
+interface LaneImage {
+    /**
+     * all images from all lanes will be merged and
+     * @namespace Android setLanesImage called on the specified step/maneuver
+     * @namespace iOS be set as symbolImage on the secondary maneuver (a new one will be generated, in case you specify a secondary maneuver it will not be shown then)
+     */
+    image: ManeuverImage;
+}
+export type Maneuver = WaypointManeuver | StraightManeuver | TurnManeuver | RoundaboutManeuver | OffRampManeuver | OnRampManeuver | FerryManeuver | ForkManeuver | KeepManeuver;
+export type AttributedInstructionVariantImage = {
+    image: ManeuverImage;
+    position: number;
+};
+export type AttributedInstructionVariant = {
+    text: string;
+    images?: Array<AttributedInstructionVariantImage>;
+};
+export type PreferredImageLane = PreferredLane & LaneImage;
+export type ImageLane = Lane & LaneImage;
+export type LinkedLaneGuidance = {
+    /**
+     * @namespace iOS
+     */
+    instructionVariants: Array<string>;
+    lanes: Array<PreferredImageLane | ImageLane>;
+};
+export type RoutingManeuver = Maneuver & {
+    attributedInstructionVariants: Array<AttributedInstructionVariant>;
+    symbolImage: ManeuverImage;
+    junctionImage?: ManeuverImage;
+    linkedLaneGuidance?: LinkedLaneGuidance;
+    cardBackgroundColor: ThemedColor | string;
+    type: 'routing';
+};
+export type MessageManeuver = {
+    title: string;
+    /**
+     * @namespace Android
+     */
+    text?: string;
+    image?: ManeuverImage;
+    cardBackgroundColor: ThemedColor | string;
+    type: 'message';
+};
+export type AutoManeuver = [RoutingManeuver, RoutingManeuver | undefined] | MessageManeuver;
+export {};

package/lib/types/Maneuver.js

@@ -0,0 +1,61 @@
+export var ManeuverType;
+(function (ManeuverType) {
+    ManeuverType[ManeuverType["Depart"] = 0] = "Depart";
+    ManeuverType[ManeuverType["Arrive"] = 10] = "Arrive";
+    ManeuverType[ManeuverType["ArriveLeft"] = 11] = "ArriveLeft";
+    ManeuverType[ManeuverType["ArriveRight"] = 12] = "ArriveRight";
+    ManeuverType[ManeuverType["Straight"] = 20] = "Straight";
+    ManeuverType[ManeuverType["Turn"] = 30] = "Turn";
+    ManeuverType[ManeuverType["Roundabout"] = 40] = "Roundabout";
+    ManeuverType[ManeuverType["OffRamp"] = 50] = "OffRamp";
+    ManeuverType[ManeuverType["OnRamp"] = 60] = "OnRamp";
+    ManeuverType[ManeuverType["Fork"] = 70] = "Fork";
+    ManeuverType[ManeuverType["EnterFerry"] = 80] = "EnterFerry";
+    ManeuverType[ManeuverType["Keep"] = 90] = "Keep";
+})(ManeuverType || (ManeuverType = {}));
+export var TrafficSide;
+(function (TrafficSide) {
+    TrafficSide[TrafficSide["Right"] = 0] = "Right";
+    TrafficSide[TrafficSide["Left"] = 1] = "Left";
+})(TrafficSide || (TrafficSide = {}));
+export var TurnType;
+(function (TurnType) {
+    TurnType[TurnType["NoTurn"] = 0] = "NoTurn";
+    TurnType[TurnType["SlightLeft"] = 1] = "SlightLeft";
+    TurnType[TurnType["SlightRight"] = 2] = "SlightRight";
+    TurnType[TurnType["NormalLeft"] = 3] = "NormalLeft";
+    TurnType[TurnType["NormalRight"] = 4] = "NormalRight";
+    TurnType[TurnType["SharpLeft"] = 5] = "SharpLeft";
+    TurnType[TurnType["SharpRight"] = 6] = "SharpRight";
+    TurnType[TurnType["UTurnLeft"] = 7] = "UTurnLeft";
+    TurnType[TurnType["UTurnRight"] = 8] = "UTurnRight";
+})(TurnType || (TurnType = {}));
+export var OffRampType;
+(function (OffRampType) {
+    OffRampType[OffRampType["SlightLeft"] = 0] = "SlightLeft";
+    OffRampType[OffRampType["SlightRight"] = 1] = "SlightRight";
+    OffRampType[OffRampType["NormalLeft"] = 2] = "NormalLeft";
+    OffRampType[OffRampType["NormalRight"] = 3] = "NormalRight";
+})(OffRampType || (OffRampType = {}));
+export var OnRampType;
+(function (OnRampType) {
+    OnRampType[OnRampType["SlightLeft"] = 0] = "SlightLeft";
+    OnRampType[OnRampType["SlightRight"] = 1] = "SlightRight";
+    OnRampType[OnRampType["NormalLeft"] = 2] = "NormalLeft";
+    OnRampType[OnRampType["NormalRight"] = 3] = "NormalRight";
+    OnRampType[OnRampType["SharpLeft"] = 4] = "SharpLeft";
+    OnRampType[OnRampType["SharpRight"] = 5] = "SharpRight";
+    OnRampType[OnRampType["UTurnLeft"] = 6] = "UTurnLeft";
+    OnRampType[OnRampType["UTurnRight"] = 7] = "UTurnRight";
+})(OnRampType || (OnRampType = {}));
+export var ForkType;
+(function (ForkType) {
+    ForkType[ForkType["Left"] = 0] = "Left";
+    ForkType[ForkType["Right"] = 1] = "Right";
+})(ForkType || (ForkType = {}));
+export var KeepType;
+(function (KeepType) {
+    KeepType[KeepType["Left"] = 0] = "Left";
+    KeepType[KeepType["Right"] = 1] = "Right";
+    KeepType[KeepType["FollowRoad"] = 2] = "FollowRoad";
+})(KeepType || (KeepType = {}));

package/lib/types/RootComponent.d.ts

@@ -0,0 +1,35 @@
+export type WindowInformation = {
+    width: number;
+    height: number;
+    scale: number;
+};
+export type ColorScheme = 'dark' | 'light';
+export type RootComponentInitialProps = {
+    /**
+     * AutoPlayRoot for the main app on the head unit
+     * AutoPlayDashboard for the CarPlay dashboard (iOS only)
+     * or a random uuid for cluster displays
+     */
+    id: string;
+    /**
+     * react-native rootTag
+     */
+    rootTag: number;
+    /**
+     * this is the initial color scheme, add onAppearanceDidChange on MapTemplate to get updates
+     */
+    colorScheme: ColorScheme;
+    window: WindowInformation;
+};
+export type AutoPlayClusterInitialProps = RootComponentInitialProps & {
+    /**
+     * lets you know if the compass is enabled/disabled
+     * @namespace iOS
+     */
+    compass?: boolean;
+    /**
+     * lets you know if the speed limit is enabled/disabled
+     * @namespace iOS
+     */
+    speedLimit?: boolean;
+};

package/lib/types/RootComponent.js

@@ -0,0 +1 @@
+export {};

package/lib/types/Telemetry.d.ts

@@ -0,0 +1,64 @@
+import type { Permission } from 'react-native/types';
+export type AndroidAutoPermissions = Permission | AndroidAutoTelemetryPermissions | AndroidAutomotiveTelemetryPermissions;
+export declare enum AndroidAutoTelemetryPermissions {
+    Speed = "com.google.android.gms.permission.CAR_SPEED",
+    Energy = "com.google.android.gms.permission.CAR_FUEL",
+    Odometer = "com.google.android.gms.permission.CAR_MILEAGE"
+}
+export declare enum AndroidAutomotiveTelemetryPermissions {
+    Info = "android.car.permission.CAR_INFO",
+    Speed = "android.car.permission.CAR_SPEED",
+    Energy = "android.car.permission.CAR_ENERGY",
+    ExteriorEnvironment = "android.car.permission.CAR_EXTERIOR_ENVIRONMENT",
+    EnergyPorts = "android.car.permission.CAR_ENERGY_PORTS"
+}
+export type PermissionRequestResult = {
+    granted: Array<string>;
+    denied: Array<string>;
+} | null;
+type NumericTelemetryItem = {
+    /**
+     * timestamp in seconds when the value was received on native side
+     */
+    timestamp: number;
+    value: number;
+};
+type StringTelemetryItem = {
+    /**
+     * timestamp in seconds when the value was received on native side
+     */
+    timestamp: number;
+    value: string;
+};
+type VehicleTelemetryItem = {
+    name?: StringTelemetryItem;
+    year?: NumericTelemetryItem;
+    manufacturer?: StringTelemetryItem;
+};
+export type Telemetry = {
+    /**
+     * Speed in km/h
+     */
+    speed?: NumericTelemetryItem;
+    /**
+     * Fuel level in %
+     */
+    fuelLevel?: NumericTelemetryItem;
+    /**
+     * Battery level in %
+     */
+    batteryLevel?: NumericTelemetryItem;
+    /**
+     * Range in km
+     */
+    range?: NumericTelemetryItem;
+    /**
+     * Odometer in km
+     */
+    odometer?: NumericTelemetryItem;
+    /**
+     * Vehicle information
+     */
+    vehicle?: VehicleTelemetryItem;
+};
+export {};

package/lib/types/Telemetry.js

@@ -0,0 +1,14 @@
+export var AndroidAutoTelemetryPermissions;
+(function (AndroidAutoTelemetryPermissions) {
+    AndroidAutoTelemetryPermissions["Speed"] = "com.google.android.gms.permission.CAR_SPEED";
+    AndroidAutoTelemetryPermissions["Energy"] = "com.google.android.gms.permission.CAR_FUEL";
+    AndroidAutoTelemetryPermissions["Odometer"] = "com.google.android.gms.permission.CAR_MILEAGE";
+})(AndroidAutoTelemetryPermissions || (AndroidAutoTelemetryPermissions = {}));
+export var AndroidAutomotiveTelemetryPermissions;
+(function (AndroidAutomotiveTelemetryPermissions) {
+    AndroidAutomotiveTelemetryPermissions["Info"] = "android.car.permission.CAR_INFO";
+    AndroidAutomotiveTelemetryPermissions["Speed"] = "android.car.permission.CAR_SPEED";
+    AndroidAutomotiveTelemetryPermissions["Energy"] = "android.car.permission.CAR_ENERGY";
+    AndroidAutomotiveTelemetryPermissions["ExteriorEnvironment"] = "android.car.permission.CAR_EXTERIOR_ENVIRONMENT";
+    AndroidAutomotiveTelemetryPermissions["EnergyPorts"] = "android.car.permission.CAR_ENERGY_PORTS";
+})(AndroidAutomotiveTelemetryPermissions || (AndroidAutomotiveTelemetryPermissions = {}));

package/lib/types/Text.d.ts

@@ -0,0 +1,23 @@
+export type DistanceUnits = 'meters' | 'miles' | 'kilometers' | 'yards' | 'feet';
+export type Distance = {
+    value: number;
+    unit: DistanceUnits;
+};
+export declare enum TextPlaceholders {
+    Distance = "{distance}",
+    Duration = "{duration}"
+}
+export type AutoText = {
+    /**
+     * use the `TextPlaceholders.Distance` and `TextPlaceholders.Duration` inside the string to position the distance and duration props
+     */
+    text: string;
+    /**
+     * make sure to use `TextPlaceholders.Distance` on the text property
+     */
+    distance?: Distance;
+    /**
+     * duration in seconds, make sure to use `TextPlaceholders.Duration` on the text property
+     */
+    duration?: number;
+};

package/lib/types/Text.js

@@ -0,0 +1,5 @@
+export var TextPlaceholders;
+(function (TextPlaceholders) {
+    TextPlaceholders["Distance"] = "{distance}";
+    TextPlaceholders["Duration"] = "{duration}";
+})(TextPlaceholders || (TextPlaceholders = {}));

package/lib/types/Trip.d.ts

@@ -0,0 +1,69 @@
+import type { AutoText, Distance } from './Text';
+type RouteChoice = {
+    id: string;
+    /**
+     * Title on the alternatives, only visible when providing more then one routeChoices
+     */
+    summaryVariants: Array<string>;
+    /**
+     * Content shown on the overview, only property visible when providing a single routeChoice
+     */
+    additionalInformationVariants: Array<string>;
+    /**
+     * Subtitle on the alternatives, only visible when providing more then one routeChoices
+     * travelEstimates are automatically appended to this one
+     */
+    selectionSummaryVariants: Array<string>;
+    /**
+     * ⚠️ name of the last step is used as title on Android Auto,
+     * ideally all these should have the same name to make sure to not exceed the step count
+     * https://developer.android.com/design/ui/cars/guides/ux-requirements/plan-task-flows#steps-refreshes
+     */
+    steps: Array<TripPoint>;
+};
+export type TripPoint = {
+    latitude: number;
+    longitude: number;
+    name: string;
+    /**
+     * includes the duration until arriving at this step, distance to this step and arrival time with timezone
+     */
+    travelEstimates: TravelEstimates;
+};
+/**
+ * used for showTripSelector
+ */
+export type TripsConfig = {
+    id: string;
+    routeChoices: Array<RouteChoice>;
+};
+export type TripPreviewTextConfiguration = {
+    startButtonTitle: string;
+    additionalRoutesButtonTitle: string;
+    overviewButtonTitle: string;
+    /**
+     * specifies the title for the travel estimates row on the trip preview
+     * @namespace Android
+     */
+    travelEstimatesTitle: string;
+};
+export type DurationWithTimeZone = {
+    timezone: string;
+    seconds: number;
+};
+export type TravelEstimates = {
+    distanceRemaining: Distance;
+    timeRemaining: DurationWithTimeZone;
+    /**
+     * @namespace Android
+     */
+    tripText?: AutoText;
+};
+/**
+ * used for startNavigation
+ */
+export type TripConfig = {
+    id: string;
+    routeChoice: RouteChoice;
+};
+export {};

package/lib/types/Trip.js

@@ -0,0 +1 @@
+export {};

package/lib/utils/NitroAction.d.ts

@@ -0,0 +1,32 @@
+import type { MapHeaderActions } from '../templates/MapTemplate';
+import type { ActionButton, HeaderActions } from '../templates/Template';
+import type { ButtonStyle } from '../types/Button';
+import type { AlertActionStyle } from './NitroAlert';
+import { type NitroImage } from './NitroImage';
+type NitroActionType = 'appIcon' | 'back' | 'custom';
+type NitroAlignment = 'leading' | 'trailing';
+type NitroButtonStyle = ButtonStyle | AlertActionStyle;
+/**
+ * used to convert the very specific typescript typing in an easier to handle type for native code
+ */
+export type NitroAction = {
+    title?: string;
+    image?: NitroImage;
+    enabled?: boolean;
+    onPress: () => void;
+    type: NitroActionType;
+    alignment?: NitroAlignment;
+    flags?: number;
+    /**
+     * Only used for non header actions
+     * @namespace iOS
+     * @default default
+     */
+    style?: NitroButtonStyle;
+};
+declare function convert<T>(template: T, actions: HeaderActions<T> | Array<ActionButton<T>> | MapHeaderActions<T>): Array<NitroAction>;
+declare function convert<T>(template: T, actions?: HeaderActions<T> | Array<ActionButton<T>> | MapHeaderActions<T>): Array<NitroAction> | undefined;
+export declare const NitroActionUtil: {
+    convert: typeof convert;
+};
+export {};

package/lib/utils/NitroAction.js

@@ -0,0 +1,126 @@
+import { Platform } from 'react-native';
+import { NitroImageUtil } from './NitroImage';
+const getImage = (action) => {
+    if (action.type === 'text') {
+        return undefined;
+    }
+    if (action.image.type === 'glyph' && action.image.fontScale == null) {
+        action.image.fontScale = Platform.OS === 'android' ? 1.0 : 0.8;
+    }
+    return NitroImageUtil.convert(action.image);
+};
+const getTitle = (action) => {
+    if (action.type === 'image') {
+        return undefined;
+    }
+    return action.title;
+};
+// appIcon can not be pressed but we wanna have a non-optional onPress on native side
+const getAppIconAction = (alignment) => ({
+    type: 'appIcon',
+    onPress: () => null,
+    alignment,
+});
+const convertToNitro = (template, action, alignment) => {
+    const { type } = action;
+    if (type === 'appIcon') {
+        return getAppIconAction(alignment);
+    }
+    const { onPress } = action;
+    if (type === 'back') {
+        return { type, onPress: () => onPress(template), alignment };
+    }
+    const { enabled, flags, style } = action;
+    const title = getTitle(action);
+    const image = getImage(action);
+    return {
+        onPress: () => onPress(template),
+        type: 'custom',
+        enabled,
+        flags,
+        image,
+        title,
+        alignment,
+        style,
+    };
+};
+const convertActionButtons = (template, actions) => {
+    return actions?.map((action) => convertToNitro(template, action, undefined));
+};
+function convertIos(template, actions) {
+    if (actions == null) {
+        return undefined;
+    }
+    const nitroActions = [];
+    if (actions.backButton != null) {
+        nitroActions.push({
+            type: 'back',
+            onPress: () => actions.backButton?.onPress(template),
+            alignment: undefined,
+        });
+    }
+    if (actions.leadingNavigationBarButtons != null) {
+        for (const button of actions.leadingNavigationBarButtons) {
+            const { onPress, enabled } = button;
+            const image = getImage(button);
+            const title = getTitle(button);
+            nitroActions.push({
+                type: 'custom',
+                enabled,
+                image,
+                onPress: () => onPress(template),
+                title,
+                alignment: 'leading',
+            });
+        }
+    }
+    if (actions.trailingNavigationBarButtons) {
+        for (const button of actions.trailingNavigationBarButtons) {
+            const { onPress, enabled } = button;
+            const image = getImage(button);
+            const title = getTitle(button);
+            nitroActions.push({
+                type: 'custom',
+                enabled,
+                image,
+                onPress: () => onPress(template),
+                title,
+                alignment: 'trailing',
+            });
+        }
+    }
+    return nitroActions;
+}
+function convertAndroid(template, actions) {
+    if (actions == null) {
+        return undefined;
+    }
+    if (Array.isArray(actions)) {
+        return convertActionButtons(template, actions);
+    }
+    const nitroActions = [];
+    const { startHeaderAction, endHeaderActions = [] } = actions;
+    if (startHeaderAction != null) {
+        const action = startHeaderAction.type === 'appIcon'
+            ? getAppIconAction('leading')
+            : {
+                ...startHeaderAction,
+                alignment: 'leading',
+                onPress: () => startHeaderAction.onPress(template),
+            };
+        nitroActions.push(action);
+    }
+    for (const action of endHeaderActions) {
+        nitroActions.push(convertToNitro(template, action, 'trailing'));
+    }
+    return nitroActions;
+}
+function convert(template, actions) {
+    if (Array.isArray(actions)) {
+        return convertActionButtons(template, actions);
+    }
+    return Platform.OS === 'android'
+        ? convertAndroid(template, actions?.android)
+        : convertIos(template, actions?.ios);
+}
+export const NitroActionUtil = { convert };