@luxonis/common-fe-components 1.11.0 → 1.13.0

package/dist/components/custom/oak4/oak4-device-info.js

@@ -0,0 +1,100 @@
+import { log } from '@luxonis/common-fe-utils';
+export const DEVICE_IMAGE_PATH = '/images/devices';
+export function getDeviceInformationByModel(model) {
+    switch (model) {
+        case 'rae': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: `${DEVICE_IMAGE_PATH}/rae.webp`,
+                setupSteps: [
+                    `Press and hold the power button on the ${getDeviceNameByModel(model)} for 10 seconds to activate it. You will know it is fully powered up when the robot emits a purple-orange light.`,
+                    `Aim the RGB camera, situated near the display, directly at the QR code. Ensure the camera is perpendicular to the screen, maintaining an ideal distance of about 6-8 inches (15-20 cm).`,
+                    `Once the Rae Robot starts blinking with a vivid green color, click the 'Continue' button to proceed.`,
+                ],
+            };
+        }
+        case 'oak4s': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-S.webp',
+                setupSteps: getOak4SetupSteps(model),
+            };
+        }
+        case 'oak4d': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-D.webp',
+                setupSteps: getOak4SetupSteps(model),
+            };
+        }
+        case 'oak4lr': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-LR.webp',
+                setupSteps: getOak4SetupSteps(model),
+            };
+        }
+        case 'oak4sr': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: `${DEVICE_IMAGE_PATH}/oak4-d-sr.webp`,
+                setupSteps: getOak4SetupSteps(model),
+            };
+        }
+        default: {
+            log.error(`Device context received unsupported model: ${model}`);
+            return emptyDeviceInformation;
+        }
+    }
+}
+function getOak4SetupSteps(model) {
+    return [
+        `Connect the PoE/ETH cable to power up the ${getDeviceNameByModel(model)}`,
+        `Scan the QR code.`,
+        'Scanning the QR code will take a few seconds. Try keeping the camera steady without moving your hands.',
+    ];
+}
+export function getDeviceNameByModel(model) {
+    switch (model) {
+        case 'rae': {
+            return 'Rae Robot';
+        }
+        case 'oak4s': {
+            return 'OAK4-S';
+        }
+        case 'oak4d': {
+            return 'OAK4-D';
+        }
+        case 'oak4lr': {
+            return 'OAK4-LR';
+        }
+        case 'oak4sr': {
+            return 'OAK4-SR';
+        }
+        default: {
+            log.error(`Unknown device model: ${model}`);
+            return 'Unknown device';
+        }
+    }
+}
+const emptyDeviceInformation = {
+    deviceName: '',
+    deviceImageName: '',
+    setupSteps: [],
+    model: 'rae',
+};
+export function getDeviceNameFromInfo(device) {
+    if (device.name && device.name !== '' && device.name !== device.serialNumber) {
+        return device.name;
+    }
+    if (device.serialNumber && device.serialNumber !== '' && device.serialNumber !== 'unknown') {
+        return device.serialNumber;
+    }
+    return 'unknown';
+}
+//# sourceMappingURL=oak4-device-info.js.map

package/dist/components/custom/oak4/oak4-device-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oak4-device-info.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-device-info.ts"],"names":[],"mappings":"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"}

package/dist/components/custom/oak4/oak4-model.d.ts

@@ -0,0 +1,4 @@
+import { z } from 'zod';
+export declare const Oak4DeviceModelSchema: z.ZodEnum<["oak4d", "oak4lr", "oak4sr", "oak4s"]>;
+export type Oak4DeviceModel = z.infer<typeof Oak4DeviceModelSchema>;
+//# sourceMappingURL=oak4-model.d.ts.map

package/dist/components/custom/oak4/oak4-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oak4-model.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,qBAAqB,mDAAiD,CAAC;AAEpF,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/components/custom/oak4/oak4-model.js

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export const Oak4DeviceModelSchema = z.enum(['oak4d', 'oak4lr', 'oak4sr', 'oak4s']);
+//# sourceMappingURL=oak4-model.js.map

package/dist/components/custom/oak4/oak4-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oak4-model.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC"}

package/dist/components/shadow-panda/_Command.d.ts

@@ -14,56 +14,56 @@ declare const __CommandInput: StyledComponent<React.ForwardRefExoticComponent<Om
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "type" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>>, {}>;
 export declare const _CommandInput: Nested<typeof __CommandInput>;
 declare const _CommandList: StyledComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>>, {}>;
 export declare const CommandList: Nested<typeof _CommandList>;
 declare const _CommandEmpty: StyledComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & React.RefAttributes<HTMLDivElement>>, {}>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>>, {}>;
 export declare const CommandEmpty: Nested<typeof _CommandEmpty>;
 declare const _CommandGroup: StyledComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>>, {}>;
 export declare const CommandGroup: Nested<typeof _CommandGroup>;
-declare const _CommandSeparator: StyledComponent<React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const _CommandSeparator: StyledComponent<React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>>, {}>;
 export declare const CommandSeparator: Nested<typeof _CommandSeparator>;
 declare const __CommandItem: StyledComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "onSelect" | "disabled"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxonis/common-fe-components",
-  "version": "1.11.0",
+  "version": "1.13.0",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.0",
-    "@luxonis/common-fe-utils": "^1.11.0",
+    "@luxonis/common-fe-utils": "^1.13.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",
     "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -59,7 +59,7 @@
     "lucide-react": "^0.438.0",
     "react-dropzone": "^14.2.3",
     "react-hook-form": "7.50.1",
-    "react-icons": "^5.3.0",
+    "react-icons": "^5.4.0",
     "react-syntax-highlighter": "^15.5.0",
     "rehype-autolink-headings": "^7.1.0",
     "typesafe-i18n": "^5.26.2",
@@ -84,6 +84,6 @@
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
-  "gitHead": "bac1ac0de585f64f67d7626c553189bafb42e8e0",
+  "gitHead": "3b7ca6a193127a09bf42c2a41f821370a8112377",
   "license": "UNLICENSED"
 }