@balena/ui-shared-components 13.0.0-build-rename-and-require-widget-extracontext-37df890fe262ef54dc0d361d32b076c7eeccd84b-1 → 13.0.0-build-rename-and-require-widget-extracontext-f5f43f330fdd0a74e4e59dfb3cc4fc251bb0ee98-1

package/dist/components/DownloadImageDialog/ApplicationInstructions.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import has from 'lodash/has';
 import { interpolateMustache } from './utils';
 import { Box, List, Tab, Tabs, Typography } from '@mui/material';
-import { memo, useEffect, useMemo, useState } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { MUILinkWithTracking } from '../MUILinkWithTracking';
 import { OrderedListItem } from '../OrderedListItem';
 import { Markdown } from '../Markdown';
@@ -19,50 +19,38 @@ export const getUserOs = () => {
     }
     return 'Unknown';
 };
-const dtJsonTocontractOsKeyMap = {
-    windows: 'Windows',
-    osx: 'MacOS',
-    linux: 'Linux',
-};
 export const ApplicationInstructions = memo(function ApplicationInstructions({ deviceType, templateData, }) {
     var _a;
     const [currentOs, setCurrentOs] = useState(getUserOs());
-    const instructions = useMemo(() => {
-        if ((deviceType === null || deviceType === void 0 ? void 0 : deviceType.instructions) == null ||
-            Array.isArray(deviceType.instructions) ||
-            typeof deviceType.instructions !== 'object') {
-            return deviceType === null || deviceType === void 0 ? void 0 : deviceType.instructions;
-        }
-        const instructionsByOs = deviceType.instructions;
-        return Object.fromEntries(Object.entries(instructionsByOs).map(([key, value]) => {
-            const normalizedKey = key in dtJsonTocontractOsKeyMap
-                ? dtJsonTocontractOsKeyMap[key]
-                : key;
-            return [normalizedKey, value];
-        }));
-    }, [deviceType === null || deviceType === void 0 ? void 0 : deviceType.instructions]);
-    const hasOsSpecificInstructions = !Array.isArray(instructions);
+    const hasOsSpecificInstructions = !Array.isArray(deviceType.instructions);
     const normalizedOs = currentOs === 'Unknown' ? 'Linux' : currentOs;
     useEffect(() => {
-        if (hasOsSpecificInstructions && instructions) {
-            const oses = Object.keys(instructions);
+        if (hasOsSpecificInstructions && deviceType.instructions) {
+            const oses = Object.keys(deviceType.instructions);
             if (!oses.includes(currentOs) && oses.length > 0) {
                 setCurrentOs(oses[0]);
             }
         }
-    }, [currentOs, setCurrentOs, instructions, hasOsSpecificInstructions]);
-    if (!deviceType || !instructions) {
+    }, [
+        currentOs,
+        setCurrentOs,
+        deviceType.instructions,
+        hasOsSpecificInstructions,
+    ]);
+    if (!deviceType.instructions) {
         return (_jsx(Typography, { variant: "body1", children: "Instructions for this device type are not currently available. Please try again later." }));
     }
-    const interpolatedInstructions = (_a = (hasOsSpecificInstructions ? instructions[normalizedOs] : instructions)) === null || _a === void 0 ? void 0 : _a.map((instruction) => interpolateMustache(templateData, instruction.replace(/<a/, '<a target="_blank"')));
+    const interpolatedInstructions = (_a = (hasOsSpecificInstructions
+        ? deviceType.instructions[normalizedOs]
+        : deviceType.instructions)) === null || _a === void 0 ? void 0 : _a.map((instruction) => interpolateMustache(templateData, instruction.replace(/<a/, '<a target="_blank"')));
     const finalInstructions = [
         'Use the form on the left to configure and download balenaOS for your new device.',
         ...interpolatedInstructions,
         'Your device should appear in your application dashboard within a few minutes. Have fun!',
     ];
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "flex-start", children: [_jsx(Typography, { variant: "h5", children: "Instructions" }), hasOsSpecificInstructions && (_jsx(Box, { mb: 3, children: _jsx(Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: _jsx(Tabs, { value: Object.keys(instructions).find((key) => key === currentOs), onChange: (_event, value) => {
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "flex-start", children: [_jsx(Typography, { variant: "h5", children: "Instructions" }), hasOsSpecificInstructions && (_jsx(Box, { mb: 3, children: _jsx(Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: _jsx(Tabs, { value: Object.keys(deviceType.instructions).find((key) => key === currentOs), onChange: (_event, value) => {
                             setCurrentOs(value !== null && value !== void 0 ? value : 'Unknown');
-                        }, "aria-label": "os tabs", children: Object.keys(instructions).map((os) => {
+                        }, "aria-label": "os tabs", children: Object.keys(deviceType.instructions).map((os) => {
                             return _jsx(Tab, { label: os, value: os }, os);
                         }) }) }) })), _jsx(InstructionsList, { instructions: finalInstructions }), _jsx(Box, { mt: 2, children: _jsxs(Typography, { children: ["For more details please refer to our", ' ', _jsx(MUILinkWithTracking, { href: `https://www.balena.io/docs/learn/getting-started/${deviceType.slug}/nodejs/`, children: "Getting Started Guide" }), "."] }) })] }));
 });

package/dist/components/DownloadImageDialog/models.d.ts

@@ -29,40 +29,11 @@ export interface OsVersion {
 export interface OsVersionsByDeviceType {
     [deviceTypeSlug: string]: OsVersion[];
 }
-/** @deprecated the legacy device-type.json format */
-export interface OsSpecificDeviceTypeJsonInstructions {
-    linux: string[];
-    osx: string[];
-    windows: string[];
-}
 export type OsSpecificContractInstructions = Record<'Linux' | 'MacOS' | 'Windows', string[]>;
 export interface DeviceTypeDownloadAlert {
     type: string;
     message: string;
 }
-/** @deprecated */
-export interface DeviceTypeOptions {
-    options: DeviceTypeOptionsGroup[];
-    collapsed: boolean;
-    isCollapsible: boolean;
-    isGroup: boolean;
-    message: string;
-    name: string;
-}
-/** @deprecated */
-export interface DeviceTypeOptionsGroup {
-    default: number | string;
-    message: string;
-    name: string;
-    type: string;
-    min?: number;
-    max?: number;
-    docs?: string;
-    hidden?: boolean;
-    when?: Dictionary<number | string | boolean>;
-    choices?: string[] | number[];
-    choicesLabels?: Dictionary<string>;
-}
 export interface DeviceType {
     slug: string;
     name: string;
@@ -70,7 +41,5 @@ export interface DeviceType {
     contract?: Record<string, any> | null;
     /** @deprecated */
     imageDownloadAlerts?: DeviceTypeDownloadAlert[];
-    instructions?: string[] | OsSpecificDeviceTypeJsonInstructions | OsSpecificContractInstructions;
-    /** @deprecated */
-    options?: DeviceTypeOptions[];
+    instructions?: string[] | OsSpecificContractInstructions;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "13.0.0-build-rename-and-require-widget-extracontext-37df890fe262ef54dc0d361d32b076c7eeccd84b-1",
+  "version": "13.0.0-build-rename-and-require-widget-extracontext-f5f43f330fdd0a74e4e59dfb3cc4fc251bb0ee98-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -138,6 +138,6 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-05-15T18:17:53.484Z"
+    "publishedAt": "2025-05-16T14:08:37.697Z"
   }
 }