@iternio/react-native-auto-play 0.5.14-beta.1 → 0.6.1

package/lib-cjs/scenes/AutoPlayCluster.js

@@ -0,0 +1,140 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoPlayCluster = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_nitro_modules_1 = require("react-native-nitro-modules");
+const SafeAreaInsetsContext_1 = require("../components/SafeAreaInsetsContext");
+const WindowInformationWrapper_1 = require("../components/WindowInformationWrapper");
+const NitroImage_1 = require("../utils/NitroImage");
+const HybridCluster = react_native_nitro_modules_1.NitroModules.createHybridObject('Cluster');
+class Cluster {
+    component = null;
+    attributedInactiveDescriptionVariants = [];
+    /**
+     * Holds all cluster scene/session IDs and if they have a window/surface connected
+     */
+    clusters = {};
+    constructor() {
+        HybridCluster.addListener('didConnect', (clusterId) => {
+            if (this.clusters[clusterId] != null) {
+                // in case didConnectWithWindow fires before didConnect
+                return;
+            }
+            this.clusters[clusterId] = false;
+            this.applyAttributedInactiveDescriptionVariants();
+        });
+        HybridCluster.addListener('didConnectWithWindow', (clusterId) => {
+            this.clusters[clusterId] = false;
+            this.registerComponent().catch((e) => {
+                console.error(e);
+            });
+        });
+        HybridCluster.addListener('didDisconnectFromWindow', (clusterId) => {
+            if (this.clusters[clusterId] == null) {
+                // in case didDisconnect fires before didDisconnectFromWindow
+                return;
+            }
+            this.clusters[clusterId] = false;
+        });
+        HybridCluster.addListener('didDisconnect', (clusterId) => {
+            delete this.clusters[clusterId];
+        });
+    }
+    async registerComponent() {
+        const { component } = this;
+        if (component == null) {
+            return;
+        }
+        const clusterIds = Object.entries(this.clusters)
+            .filter(([_, registered]) => !registered)
+            .map(([clusterId]) => clusterId);
+        for (const clusterId of clusterIds) {
+            react_native_1.AppRegistry.registerComponent(clusterId, () => (props) => react_1.default.createElement(SafeAreaInsetsContext_1.SafeAreaInsetsProvider, {
+                moduleName: clusterId,
+                // biome-ignore lint/correctness/noChildrenProp: there is no other way in a ts file
+                children: react_1.default.createElement(WindowInformationWrapper_1.WindowInformationWrapper, {
+                    moduleName: clusterId,
+                    component,
+                    componentProps: props,
+                }),
+            }));
+            this.clusters[clusterId] = true;
+            await HybridCluster.initRootView(clusterId);
+        }
+        this.applyAttributedInactiveDescriptionVariants();
+    }
+    applyAttributedInactiveDescriptionVariants() {
+        if (react_native_1.Platform.OS !== 'ios') {
+            return;
+        }
+        const variants = this.attributedInactiveDescriptionVariants.map((v) => ({
+            ...v,
+            images: v.images?.map((i) => ({ ...i, image: NitroImage_1.NitroImageUtil.convert(i.image) })),
+        }));
+        for (const clusterId of Object.keys(this.clusters)) {
+            HybridCluster.setAttributedInactiveDescriptionVariants(clusterId, variants);
+        }
+    }
+    setComponent(component) {
+        if (this.component != null) {
+            throw new Error('ClusterScene.setComponent can be called once only');
+        }
+        this.component = component;
+        return this.registerComponent();
+    }
+    /**
+     * sets the text that is shown while no navigation is ongoing
+     * applies specified strings to all connected cluster of content type "Instruction Card"
+     * @namespace iOS
+     */
+    setAttributedInactiveDescriptionVariants(attributedInactiveDescriptionVariants) {
+        if (react_native_1.Platform.OS !== 'ios') {
+            console.warn(`ClusterScene.setAttributedInactiveDescriptionVariants not supported for ${react_native_1.Platform.OS}`);
+            return;
+        }
+        this.attributedInactiveDescriptionVariants = attributedInactiveDescriptionVariants;
+        this.applyAttributedInactiveDescriptionVariants();
+    }
+    addListenerColorScheme(callback) {
+        return HybridCluster.addListenerColorScheme(callback);
+    }
+    /**
+     * add listener for cluster zoom buttons
+     * @namespace iOS
+     */
+    addListenerZoom(callback) {
+        if (react_native_1.Platform.OS !== 'ios') {
+            return;
+        }
+        return HybridCluster.addListenerZoom(callback);
+    }
+    /**
+     * add listener for compass enable/disable
+     * @namespace iOS
+     */
+    addListenerCompass(callback) {
+        if (react_native_1.Platform.OS !== 'ios') {
+            return;
+        }
+        return HybridCluster.addListenerCompass(callback);
+    }
+    /**
+     * add listener for speed limit enable/disable
+     * @namespace iOS
+     */
+    addListenerSpeedLimit(callback) {
+        if (react_native_1.Platform.OS !== 'ios') {
+            return;
+        }
+        return HybridCluster.addListenerSpeedLimit(callback);
+    }
+}
+/**
+ * @namespace Android
+ * @namespace iOS >= 15.4
+ */
+exports.AutoPlayCluster = new Cluster();

package/lib-cjs/scenes/CarPlayDashboardScene.js

@@ -0,0 +1,100 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CarPlayDashboard = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_nitro_modules_1 = require("react-native-nitro-modules");
+const SafeAreaInsetsContext_1 = require("../components/SafeAreaInsetsContext");
+const HybridAutoPlay_1 = require("../hybrid/HybridAutoPlay");
+const NitroImage_1 = require("../utils/NitroImage");
+const HybridCarPlayDashboard = react_native_1.Platform.OS === 'ios'
+    ? react_native_nitro_modules_1.NitroModules.createHybridObject('CarPlayDashboard')
+    : null;
+class Dashboard {
+    component = null;
+    componentRegistered = false;
+    isConnected = false;
+    id = 'CarPlayDashboard';
+    constructor() {
+        if (HybridCarPlayDashboard == null) {
+            return;
+        }
+        HybridCarPlayDashboard.addListener('didConnect', () => this.setIsConnected(true));
+        HybridCarPlayDashboard.addListener('didDisconnect', () => this.setIsConnected(false));
+    }
+    setIsConnected(isConnected) {
+        this.isConnected = isConnected;
+        this.registerComponent();
+    }
+    registerComponent() {
+        if (HybridCarPlayDashboard == null) {
+            return;
+        }
+        const { component, isConnected } = this;
+        if (component == null) {
+            return;
+        }
+        if (!this.componentRegistered) {
+            react_native_1.AppRegistry.registerComponent(this.id, () => (props) => react_1.default.createElement(SafeAreaInsetsContext_1.SafeAreaInsetsProvider, {
+                moduleName: this.id,
+                // biome-ignore lint/correctness/noChildrenProp: there is no other way in a ts file
+                children: react_1.default.createElement(component, props),
+            }));
+            this.componentRegistered = true;
+        }
+        if (isConnected) {
+            HybridCarPlayDashboard.initRootView();
+        }
+    }
+    setComponent(component) {
+        if (react_native_1.Platform.OS !== 'ios') {
+            console.warn(`CarPlayDashboard.setComponent is not supported on ${react_native_1.Platform.OS}`);
+            return;
+        }
+        if (this.component != null) {
+            throw new Error('CarPlayDashboard.setComponent can be called once only');
+        }
+        this.component = component;
+        this.registerComponent();
+    }
+    /**
+     * sets the dashboard shortcut buttons, make sure to supply at least one button as soon as possible,
+     * otherwise the dashboard will not show up!
+     * @namespace iOS
+     */
+    setButtons(buttons) {
+        if (HybridCarPlayDashboard == null) {
+            console.warn(`CarPlayDashboard.setButtons is not supported on ${react_native_1.Platform.OS}`);
+            return;
+        }
+        HybridCarPlayDashboard.setButtons(buttons.map((button) => ({ ...button, image: NitroImage_1.NitroImageUtil.convert(button.image) })));
+    }
+    /**
+     * attach a listener for generic notifications like didConnect, didDisconnect, ...
+     * @namespace iOS
+     * @param eventType generic events
+     * @returns callback to remove the listener
+     */
+    addListener(event, callback) {
+        if (HybridCarPlayDashboard == null) {
+            throw new Error(`CarPlayDashboard.addListener is not supported on ${react_native_1.Platform.OS}`);
+        }
+        return HybridCarPlayDashboard.addListener(event, callback);
+    }
+    addListenerRenderState(callback) {
+        if (HybridCarPlayDashboard == null) {
+            throw new Error(`CarPlayDashboard.addListener is not supported on ${react_native_1.Platform.OS}`);
+        }
+        return HybridAutoPlay_1.HybridAutoPlay.addListenerRenderState(this.id, callback);
+    }
+    addListenerColorScheme(callback) {
+        if (HybridCarPlayDashboard == null) {
+            throw new Error(`CarPlayDashboard.addListener is not supported on ${react_native_1.Platform.OS}`);
+        }
+        return HybridCarPlayDashboard.addListenerColorScheme(callback);
+    }
+}
+exports.CarPlayDashboard = new Dashboard();

package/lib-cjs/specs/AndroidAutoTelemetry.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/AndroidAutomotive.nitro.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CarUxRestrictions = void 0;
+var CarUxRestrictions;
+(function (CarUxRestrictions) {
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_FULLY_RESTRICTED"] = 511] = "UX_RESTRICTIONS_FULLY_RESTRICTED";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_LIMIT_CONTENT"] = 32] = "UX_RESTRICTIONS_LIMIT_CONTENT";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_LIMIT_STRING_LENGTH"] = 4] = "UX_RESTRICTIONS_LIMIT_STRING_LENGTH";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_NO_DIALPAD"] = 1] = "UX_RESTRICTIONS_NO_DIALPAD";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_NO_FILTERING"] = 2] = "UX_RESTRICTIONS_NO_FILTERING";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_NO_KEYBOARD"] = 8] = "UX_RESTRICTIONS_NO_KEYBOARD";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_NO_SETUP"] = 64] = "UX_RESTRICTIONS_NO_SETUP";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_NO_TEXT_MESSAGE"] = 128] = "UX_RESTRICTIONS_NO_TEXT_MESSAGE";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_NO_VIDEO"] = 16] = "UX_RESTRICTIONS_NO_VIDEO";
+    CarUxRestrictions[CarUxRestrictions["UX_RESTRICTIONS_NO_VOICE_TRANSCRIPTION"] = 256] = "UX_RESTRICTIONS_NO_VOICE_TRANSCRIPTION";
+})(CarUxRestrictions || (exports.CarUxRestrictions = CarUxRestrictions = {}));

package/lib-cjs/specs/AndroidWindowInformation.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/AutoPlay.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/CarPlayDashboard.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/Cluster.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/GridTemplate.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/InformationTemplate.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/ListTemplate.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/MapTemplate.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/MessageTemplate.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/SearchTemplate.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/SignInTemplate.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/specs/Voice.nitro.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib-cjs/templates/GridTemplate.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridTemplate = void 0;
+const react_native_1 = require("react-native");
+const react_native_nitro_modules_1 = require("react-native-nitro-modules");
+const NitroAction_1 = require("../utils/NitroAction");
+const NitroGrid_1 = require("../utils/NitroGrid");
+const NitroMapButton_1 = require("../utils/NitroMapButton");
+const Template_1 = require("./Template");
+const HybridGridTemplate = react_native_nitro_modules_1.NitroModules.createHybridObject('GridTemplate');
+class GridTemplate extends Template_1.Template {
+    template = this;
+    constructor(config) {
+        super(config);
+        const { headerActions, buttons, mapConfig, ...rest } = config;
+        if (__DEV__ &&
+            react_native_1.Platform.OS === 'android' &&
+            mapConfig != null &&
+            rest.imageSize != null &&
+            rest.imageSize !== 'unset') {
+            console.warn('GridTemplate: imageSize is ignored on Android when mapConfig is set — MapWithContentTemplate does not support the sized grid content type');
+        }
+        const nitroConfig = {
+            ...rest,
+            id: this.id,
+            headerActions: NitroAction_1.NitroActionUtil.convert(this.template, headerActions),
+            buttons: NitroGrid_1.NitroGridUtil.convert(this.template, buttons),
+            mapConfig: mapConfig
+                ? {
+                    mapButtons: NitroMapButton_1.NitroMapButton.convert(this.template, mapConfig.mapButtons),
+                    headerActions: NitroAction_1.NitroActionUtil.convert(this.template, mapConfig.headerActions),
+                }
+                : undefined,
+        };
+        HybridGridTemplate.createGridTemplate(nitroConfig);
+    }
+    updateGrid(buttons) {
+        return HybridGridTemplate.updateGridTemplateButtons(this.id, NitroGrid_1.NitroGridUtil.convert(this.template, buttons));
+    }
+}
+exports.GridTemplate = GridTemplate;

package/lib-cjs/templates/InformationTemplate.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InformationTemplate = void 0;
+const react_native_1 = require("react-native");
+const react_native_nitro_modules_1 = require("react-native-nitro-modules");
+const NitroAction_1 = require("../utils/NitroAction");
+const NitroMapButton_1 = require("../utils/NitroMapButton");
+const NitroSection_1 = require("../utils/NitroSection");
+const Template_1 = require("./Template");
+const HybridInformationTemplate = react_native_nitro_modules_1.NitroModules.createHybridObject('InformationTemplate');
+class InformationTemplate extends Template_1.Template {
+    template = this;
+    constructor(config) {
+        super(config);
+        const { headerActions, mapConfig, items, actions, ...rest } = config;
+        const platformActions = react_native_1.Platform.OS === 'android'
+            ? NitroAction_1.NitroActionUtil.convert(this.template, actions?.android)
+            : NitroAction_1.NitroActionUtil.convert(this.template, actions?.ios);
+        const section = this.getSection(items);
+        const nitroConfig = {
+            ...rest,
+            id: this.id,
+            headerActions: NitroAction_1.NitroActionUtil.convert(this.template, headerActions),
+            actions: platformActions,
+            section: NitroSection_1.NitroSectionUtil.convert(this.template, section)?.at(0) ?? {
+                items: [],
+                type: 'default',
+            },
+            mapConfig: mapConfig
+                ? {
+                    mapButtons: NitroMapButton_1.NitroMapButton.convert(this.template, mapConfig.mapButtons),
+                    headerActions: NitroAction_1.NitroActionUtil.convert(this.template, mapConfig.headerActions),
+                }
+                : undefined,
+        };
+        HybridInformationTemplate.createInformationTemplate(nitroConfig);
+    }
+    updateItems(items) {
+        const section = this.getSection(items);
+        return HybridInformationTemplate.updateInformationTemplateSections(this.id, NitroSection_1.NitroSectionUtil.convert(this.template, section)?.at(0) ?? { items: [], type: 'default' });
+    }
+    getSection(items) {
+        return {
+            type: 'default',
+            items: items ?? [],
+        };
+    }
+}
+exports.InformationTemplate = InformationTemplate;

package/lib-cjs/templates/ListTemplate.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListTemplate = void 0;
+const react_native_nitro_modules_1 = require("react-native-nitro-modules");
+const NitroAction_1 = require("../utils/NitroAction");
+const NitroMapButton_1 = require("../utils/NitroMapButton");
+const NitroSection_1 = require("../utils/NitroSection");
+const Template_1 = require("./Template");
+const HybridListTemplate = react_native_nitro_modules_1.NitroModules.createHybridObject('ListTemplate');
+class ListTemplate extends Template_1.Template {
+    template = this;
+    constructor(config) {
+        super(config);
+        const { headerActions, mapConfig, sections, ...rest } = config;
+        const nitroConfig = {
+            ...rest,
+            id: this.id,
+            headerActions: NitroAction_1.NitroActionUtil.convert(this.template, headerActions),
+            sections: NitroSection_1.NitroSectionUtil.convert(this.template, sections),
+            mapConfig: mapConfig
+                ? {
+                    mapButtons: NitroMapButton_1.NitroMapButton.convert(this.template, mapConfig.mapButtons),
+                    headerActions: NitroAction_1.NitroActionUtil.convert(this.template, mapConfig.headerActions),
+                }
+                : undefined,
+        };
+        HybridListTemplate.createListTemplate(nitroConfig);
+    }
+    updateSections(sections) {
+        return HybridListTemplate.updateListTemplateSections(this.id, NitroSection_1.NitroSectionUtil.convert(this.template, sections));
+    }
+}
+exports.ListTemplate = ListTemplate;

package/lib-cjs/templates/MapTemplate.js

@@ -0,0 +1,168 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapTemplate = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_nitro_modules_1 = require("react-native-nitro-modules");
+const MapTemplateContext_1 = require("../components/MapTemplateContext");
+const SafeAreaInsetsContext_1 = require("../components/SafeAreaInsetsContext");
+const WindowInformationWrapper_1 = require("../components/WindowInformationWrapper");
+const HybridAutoPlay_1 = require("../hybrid/HybridAutoPlay");
+const NitroAction_1 = require("../utils/NitroAction");
+const NitroAlert_1 = require("../utils/NitroAlert");
+const NitroColor_1 = require("../utils/NitroColor");
+const NitroManeuver_1 = require("../utils/NitroManeuver");
+const NitroMapButton_1 = require("../utils/NitroMapButton");
+const NitroOptionsPanel_1 = require("../utils/NitroOptionsPanel");
+const Template_1 = require("./Template");
+const HybridMapTemplate = react_native_nitro_modules_1.NitroModules.createHybridObject('MapTemplate');
+class MapTemplate extends Template_1.Template {
+    id = 'AutoPlayRoot';
+    template = this;
+    constructor(config) {
+        super(config);
+        const { component, mapButtons, headerActions, onStopNavigation, onAutoDriveEnabled, defaultGuidanceBackgroundColor, optionsPanel, ...baseConfig } = config;
+        react_native_1.AppRegistry.registerComponent(this.id, () => (props) => react_1.default.createElement(MapTemplateContext_1.MapTemplateProvider, {
+            mapTemplate: this.template,
+            // biome-ignore lint/correctness/noChildrenProp: there is no other way in a ts file
+            children: react_1.default.createElement(SafeAreaInsetsContext_1.SafeAreaInsetsProvider, {
+                moduleName: this.id,
+                // biome-ignore lint/correctness/noChildrenProp: there is no other way in a ts file
+                children: react_1.default.createElement(WindowInformationWrapper_1.WindowInformationWrapper, {
+                    moduleName: this.id,
+                    component,
+                    componentProps: props,
+                }),
+            }),
+        }));
+        const nitroConfig = {
+            ...baseConfig,
+            id: this.id,
+            headerActions: NitroAction_1.NitroActionUtil.convert(this.template, headerActions),
+            mapButtons: NitroMapButton_1.NitroMapButton.convert(this.template, mapButtons),
+            onStopNavigation: () => onStopNavigation(this.template),
+            onAutoDriveEnabled: onAutoDriveEnabled ? () => onAutoDriveEnabled(this.template) : undefined,
+            defaultGuidanceBackgroundColor: defaultGuidanceBackgroundColor != null
+                ? NitroColor_1.NitroColorUtil.convert(defaultGuidanceBackgroundColor)
+                : undefined,
+        };
+        HybridMapTemplate.createMapTemplate(nitroConfig);
+        // routed through updateOptionsPanel, not embedded in nitroConfig above — nitrogen can't generate
+        // a spec for a variant type nested that deep inside NitroMapTemplateConfig.
+        this.updateOptionsPanel(optionsPanel);
+    }
+    /**
+     * @namespace iOS updates the panel shown when tapping the ellipsis button
+     * next to the travel estimates during navigation (iOS 27+).
+     */
+    updateOptionsPanel(optionsPanel) {
+        if (react_native_1.Platform.OS !== 'ios') {
+            return;
+        }
+        return HybridMapTemplate.updateOptionsPanel(this.id, NitroOptionsPanel_1.NitroOptionsPanelUtil.convert(this.template, optionsPanel));
+    }
+    setMapButtons(mapButtons) {
+        const buttons = NitroMapButton_1.NitroMapButton.convert(this.template, mapButtons);
+        return HybridMapTemplate.setTemplateMapButtons(this.id, buttons);
+    }
+    setHeaderActions(headerActions) {
+        const nitroActions = NitroAction_1.NitroActionUtil.convert(this.template, headerActions);
+        return HybridAutoPlay_1.HybridAutoPlay.setTemplateHeaderActions(this.id, nitroActions);
+    }
+    /**
+     * brings up a navigation alert
+     * ⚠️ updating an existing alert is currently broken on Android Automotive, it brings up a new alert for each call
+     * @returns a callback to dismiss or update the navigation alert
+     */
+    showAlert(alert) {
+        return HybridMapTemplate.showNavigationAlert(this.id, NitroAlert_1.NitroAlertUtil.convert(alert));
+    }
+    updateAlert(alertId, title, subtitle) {
+        HybridMapTemplate.updateNavigationAlert(this.id, alertId, title, subtitle);
+    }
+    dismissAlert(alertId) {
+        HybridMapTemplate.dismissNavigationAlert(this.id, alertId);
+    }
+    /**
+     * @namespace Android brings up a custom trip selector mimicking the CarPlay trip selector as close as possible
+     * @namespace iOS brings up the stock CarPlay trip selector
+     * @returns a callback to update the shown trip
+     */
+    showTripSelector({ trips, selectedTripId, textConfig, onTripSelected, onTripStarted, onBackPressed, mapButtons, }) {
+        if (trips.length === 0 ||
+            trips.some((t) => t.routeChoices.length === 0 || t.routeChoices.some((r) => r.steps.length < 2))) {
+            throw new Error('Invalid trips passed, either no trips or some trips routeChoice or steps are empty');
+        }
+        if (__DEV__ &&
+            react_native_1.Platform.OS === 'android' &&
+            new Set(trips.flatMap((t) => t.routeChoices.flatMap((r) => r.steps.at(-1)?.name))).size > 1) {
+            console.warn('found non distinct destination names, while this is possible it might lead to exceeding the step count, check https://developer.android.com/design/ui/cars/guides/ux-requirements/plan-task-flows#steps-refreshes for details');
+        }
+        const buttons = NitroMapButton_1.NitroMapButton.convert(this.template, mapButtons);
+        return HybridMapTemplate.showTripSelector(this.id, trips, selectedTripId, textConfig, onTripSelected, onTripStarted, onBackPressed, buttons ?? []);
+    }
+    hideTripSelector() {
+        HybridMapTemplate.hideTripSelector(this.id);
+    }
+    updateVisibleTravelEstimate(visibleTravelEstimate) {
+        HybridMapTemplate.updateVisibleTravelEstimate(this.id, visibleTravelEstimate);
+    }
+    /**
+     * updates travel estimates
+     * @param steps all future steps, do not put in origin or passed steps
+     */
+    updateTravelEstimates(steps) {
+        HybridMapTemplate.updateTravelEstimates(this.id, steps);
+    }
+    /**
+     * sets or updates maneuvers, make sure to call startNavigation first!
+     * @namespace Android sets all the supplied maneuvers whenever called
+     * @namespace iOS will update travelEstimates only when passing in maneuvers with the same id
+     */
+    updateManeuvers(maneuvers) {
+        if (Array.isArray(maneuvers)) {
+            const nitroManeuvers = maneuvers.reduce((acc, maneuver) => {
+                if (maneuver == null) {
+                    return acc;
+                }
+                acc.push(NitroManeuver_1.NitroManeuverUtil.convert(maneuver));
+                return acc;
+            }, []);
+            HybridMapTemplate.updateManeuvers(this.id, nitroManeuvers);
+            return;
+        }
+        if (maneuvers.type === 'loading') {
+            HybridMapTemplate.updateManeuvers(this.id, {
+                isLoading: true,
+                cardBackgroundColor: NitroColor_1.NitroColorUtil.convert(maneuvers.cardBackgroundColor),
+                text: maneuvers.text != null ? maneuvers.text : undefined,
+            });
+            return;
+        }
+        const messageManeuver = NitroManeuver_1.NitroManeuverUtil.convert(maneuvers);
+        HybridMapTemplate.updateManeuvers(this.id, messageManeuver);
+    }
+    /**
+     * either use showTripSelector to show a set of trips and let the user start the navigation session
+     * or use this to start a navigation session without asking the user
+     */
+    startNavigation(trip) {
+        return HybridMapTemplate.startNavigation(this.id, trip);
+    }
+    stopNavigation() {
+        HybridMapTemplate.stopNavigation(this.id);
+    }
+    /**
+     * Sets the current maneuver state indicating progress within a maneuver.
+     * Transition through: continue → initial → prepare → execute → continue
+     * @namespace iOS sets CPManeuverState on the CPNavigationSession, used by instrument cluster and HUD
+     * @namespace Android no-op, Android Auto does not have an equivalent API
+     */
+    setManeuverState(state) {
+        HybridMapTemplate.setManeuverState(this.id, state);
+    }
+}
+exports.MapTemplate = MapTemplate;

package/lib-cjs/templates/MessageTemplate.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageTemplate = void 0;
+const react_native_1 = require("react-native");
+const react_native_nitro_modules_1 = require("react-native-nitro-modules");
+const react_native_uuid_1 = __importDefault(require("react-native-uuid"));
+const HybridAutoPlay_1 = require("../hybrid/HybridAutoPlay");
+const NitroAction_1 = require("../utils/NitroAction");
+const NitroImage_1 = require("../utils/NitroImage");
+const NitroMapButton_1 = require("../utils/NitroMapButton");
+const HybridMessageTemplate = react_native_nitro_modules_1.NitroModules.createHybridObject('MessageTemplate');
+/**
+ * This template is always pushed on top and will stay on top until it is popped.
+ * Other templates being pushed will end up below this one on the stack.
+ * Pushing another MessageTemplate will pop the currently shown one.
+ */
+class MessageTemplate {
+    template = this;
+    id = react_native_uuid_1.default.v4();
+    constructor(config) {
+        const { headerActions, image, mapConfig, actions, ...rest } = config;
+        const platformActions = react_native_1.Platform.OS === 'android'
+            ? NitroAction_1.NitroActionUtil.convert(this.template, actions?.android)
+            : NitroAction_1.NitroActionUtil.convert(this.template, actions?.ios);
+        const nitroConfig = {
+            ...rest,
+            id: this.id,
+            headerActions: NitroAction_1.NitroActionUtil.convert(this.template, headerActions),
+            image: NitroImage_1.NitroImageUtil.convert(image),
+            actions: platformActions,
+            mapConfig: mapConfig
+                ? {
+                    mapButtons: NitroMapButton_1.NitroMapButton.convert(this.template, mapConfig.mapButtons),
+                    headerActions: NitroAction_1.NitroActionUtil.convert(this.template, mapConfig.headerActions),
+                }
+                : undefined,
+        };
+        HybridMessageTemplate.createMessageTemplate(nitroConfig);
+    }
+    /**
+     * push this template on the stack and show it to the user
+     */
+    push() {
+        return HybridAutoPlay_1.HybridAutoPlay.pushTemplate(this.id);
+    }
+}
+exports.MessageTemplate = MessageTemplate;