@ledgerhq/device-mockserver-react 0.0.0-develop-20260930001543

package/lib/cjs/src/DeviceScreenImage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DeviceScreenImage.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { type SpeculosAction } from \"@ledgerhq/device-mockserver-client\";\n\nimport { ScreenFrame } from \"./ScreenFrame\";\n\ninterface Point {\n  readonly x: number;\n  readonly y: number;\n}\n\ntype DeviceScreenImageProps = {\n  src: string;\n  /** Omitted for a button-driven device. */\n  onTouch?: (x: number, y: number, action: SpeculosAction) => void;\n};\n\nexport const DeviceScreenImage: React.FC<DeviceScreenImageProps> = ({\n  src,\n  onTouch,\n}) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [undecodable, setUndecodable] = useState(false);\n  /** Where the finger went down, so the release lands on the same spot. */\n  const held = useRef<Point | null>(null);\n  const touchRef = useRef(onTouch);\n  touchRef.current = onTouch;\n\n  useEffect(() => setUndecodable(false), [src]);\n\n  const toDevicePoint = (\n    event: React.PointerEvent<HTMLImageElement>,\n  ): Point | null => {\n    const image = imageRef.current;\n    if (!image?.naturalWidth || !image.naturalHeight) return null;\n    const rect = image.getBoundingClientRect();\n    if (!rect.width || !rect.height) return null;\n    // The far edge maps to the pixel count itself, one past the last pixel.\n    const clamp = (value: number, size: number) =>\n      Math.min(Math.max(Math.round(value), 0), size - 1);\n    return {\n      x: clamp(\n        ((event.clientX - rect.left) / rect.width) * image.naturalWidth,\n        image.naturalWidth,\n      ),\n      y: clamp(\n        ((event.clientY - rect.top) / rect.height) * image.naturalHeight,\n        image.naturalHeight,\n      ),\n    };\n  };\n\n  const handlePointerDown = (event: React.PointerEvent<HTMLImageElement>) => {\n    if (!onTouch || held.current || event.button !== 0) return;\n    const point = toDevicePoint(event);\n    if (!point) return;\n    // Capture so the release still arrives if the pointer wanders off the\n    // image mid-hold; without it the device would stay pressed forever.\n    imageRef.current?.setPointerCapture(event.pointerId);\n    held.current = point;\n    onTouch(point.x, point.y, \"press\");\n  };\n\n  const handlePointerUp = (event: React.PointerEvent<HTMLImageElement>) => {\n    const point = held.current;\n    if (!onTouch || !point) return;\n    held.current = null;\n    imageRef.current?.releasePointerCapture(event.pointerId);\n    onTouch(point.x, point.y, \"release\");\n  };\n\n  useEffect(\n    () => () => {\n      const point = held.current;\n      if (!point) return;\n      held.current = null;\n      touchRef.current?.(point.x, point.y, \"release\");\n    },\n    [],\n  );\n\n  const handleError = useCallback(() => setUndecodable(true), []);\n\n  if (undecodable) {\n    return (\n      <p\n        className=\"body-4 text-error text-center\"\n        data-testid=\"text_device-screen-undecodable\"\n      >\n        Screenshot could not be decoded\n      </p>\n    );\n  }\n\n  return (\n    <ScreenFrame>\n      <img\n        ref={imageRef}\n        src={src}\n        alt=\"Device screen\"\n        draggable={false}\n        onError={handleError}\n        onPointerDown={handlePointerDown}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerUp}\n        className={`block w-full bg-black select-none ${\n          onTouch ? \"cursor-pointer\" : \"\"\n        }`}\n        // Device screens are tiny; smoothing them turns text to mush, and a\n        // hold must not start a native image drag.\n        style={{ imageRendering: \"pixelated\", touchAction: \"none\" }}\n        data-testid=\"image_device-screen\"\n      />\n    </ScreenFrame>\n  );\n};\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAgE,oBAGhEC,EAA4B,yBAarB,MAAMH,EAAsD,CAAC,CAClE,IAAAI,EACA,QAAAC,CACF,IAAM,CACJ,MAAMC,KAAW,UAAyB,IAAI,EACxC,CAACC,EAAaC,CAAc,KAAI,YAAS,EAAK,EAE9CC,KAAO,UAAqB,IAAI,EAChCC,KAAW,UAAOL,CAAO,EAC/BK,EAAS,QAAUL,KAEnB,aAAU,IAAMG,EAAe,EAAK,EAAG,CAACJ,CAAG,CAAC,EAE5C,MAAMO,EACJC,GACiB,CACjB,MAAMC,EAAQP,EAAS,QACvB,GAAI,CAACO,GAAO,cAAgB,CAACA,EAAM,cAAe,OAAO,KACzD,MAAMC,EAAOD,EAAM,sBAAsB,EACzC,GAAI,CAACC,EAAK,OAAS,CAACA,EAAK,OAAQ,OAAO,KAExC,MAAMC,EAAQ,CAACC,EAAeC,IAC5B,KAAK,IAAI,KAAK,IAAI,KAAK,MAAMD,CAAK,EAAG,CAAC,EAAGC,EAAO,CAAC,EACnD,MAAO,CACL,EAAGF,GACCH,EAAM,QAAUE,EAAK,MAAQA,EAAK,MAASD,EAAM,aACnDA,EAAM,YACR,EACA,EAAGE,GACCH,EAAM,QAAUE,EAAK,KAAOA,EAAK,OAAUD,EAAM,cACnDA,EAAM,aACR,CACF,CACF,EAEMK,EAAqBN,GAAgD,CACzE,GAAI,CAACP,GAAWI,EAAK,SAAWG,EAAM,SAAW,EAAG,OACpD,MAAMO,EAAQR,EAAcC,CAAK,EAC5BO,IAGLb,EAAS,SAAS,kBAAkBM,EAAM,SAAS,EACnDH,EAAK,QAAUU,EACfd,EAAQc,EAAM,EAAGA,EAAM,EAAG,OAAO,EACnC,EAEMC,EAAmBR,GAAgD,CACvE,MAAMO,EAAQV,EAAK,QACf,CAACJ,GAAW,CAACc,IACjBV,EAAK,QAAU,KACfH,EAAS,SAAS,sBAAsBM,EAAM,SAAS,EACvDP,EAAQc,EAAM,EAAGA,EAAM,EAAG,SAAS,EACrC,KAEA,aACE,IAAM,IAAM,CACV,MAAMA,EAAQV,EAAK,QACdU,IACLV,EAAK,QAAU,KACfC,EAAS,UAAUS,EAAM,EAAGA,EAAM,EAAG,SAAS,EAChD,EACA,CAAC,CACH,EAEA,MAAME,KAAc,eAAY,IAAMb,EAAe,EAAI,EAAG,CAAC,CAAC,EAE9D,OAAID,EAEA,EAAAe,QAAA,cAAC,KACC,UAAU,gCACV,cAAY,kCACb,iCAED,EAKF,EAAAA,QAAA,cAAC,mBACC,EAAAA,QAAA,cAAC,OACC,IAAKhB,EACL,IAAKF,EACL,IAAI,gBACJ,UAAW,GACX,QAASiB,EACT,cAAeH,EACf,YAAaE,EACb,gBAAiBA,EACjB,UAAW,qCACTf,EAAU,iBAAmB,EAC/B,GAGA,MAAO,CAAE,eAAgB,YAAa,YAAa,MAAO,EAC1D,cAAY,sBACd,CACF,CAEJ",
+  "names": ["DeviceScreenImage_exports", "__export", "DeviceScreenImage", "__toCommonJS", "import_react", "import_ScreenFrame", "src", "onTouch", "imageRef", "undecodable", "setUndecodable", "held", "touchRef", "toDevicePoint", "event", "image", "rect", "clamp", "value", "size", "handlePointerDown", "point", "handlePointerUp", "handleError", "React"]
+}

package/lib/cjs/src/DeviceScreenImage.test.js

@@ -0,0 +1,2 @@
+"use strict";var h=Object.create;var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var E=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of v(n))!g.call(e,o)&&o!==t&&s(e,o,{get:()=>n[o],enumerable:!(r=m(n,o))||r.enumerable});return e};var f=(e,n,t)=>(t=e!=null?h(b(e)):{},E(n||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e));var i=f(require("react")),d=require("react-dom/client"),p=require("./DeviceScreenImage");Object.assign(globalThis,{IS_REACT_ACT_ENVIRONMENT:!0});describe("DeviceScreenImage",()=>{let e,n;const t=vi.fn(),r=()=>e.querySelector('[data-testid="image_device-screen"]'),o=l=>(0,i.act)(()=>n.render(i.default.createElement(p.DeviceScreenImage,{src:"blob:1",onTouch:l}))),c=(l,u={})=>(0,i.act)(()=>{r().dispatchEvent(new MouseEvent(l,{bubbles:!0,button:0,...u}))}),a=()=>{Object.defineProperty(r(),"naturalWidth",{value:400}),Object.defineProperty(r(),"naturalHeight",{value:600}),r().getBoundingClientRect=()=>({left:0,top:0,width:200,height:300})};beforeEach(()=>{t.mockReset(),HTMLElement.prototype.setPointerCapture=vi.fn(),HTMLElement.prototype.releasePointerCapture=vi.fn(),e=document.createElement("div"),document.body.append(e),n=(0,d.createRoot)(e)}),afterEach(()=>{(0,i.act)(()=>n.unmount()),e.remove()}),it("maps a touch to device pixels and releases it where it went down",()=>{o(t),a(),c("pointerdown",{clientX:50,clientY:150}),c("pointerup",{clientX:190,clientY:10}),expect(t.mock.calls).toEqual([[100,300,"press"],[100,300,"release"]])}),it("clamps a touch on the far edge to the last pixel",()=>{o(t),a(),c("pointerdown",{clientX:200,clientY:300}),expect(t).toHaveBeenCalledWith(399,599,"press")}),it("ignores touches before the image has a size",()=>{o(t),c("pointerdown",{clientX:10,clientY:10}),c("pointerup"),expect(t).not.toHaveBeenCalled()}),it("ignores touches on a button-driven device",()=>{o(),a(),c("pointerdown",{clientX:10,clientY:10}),expect(t).not.toHaveBeenCalled()}),it("releases a held touch when unmounted",()=>{o(t),a(),c("pointerdown",{clientX:50,clientY:150}),(0,i.act)(()=>n.render(i.default.createElement(i.default.Fragment,null))),expect(t).toHaveBeenLastCalledWith(100,300,"release")}),it("says so when the screenshot cannot be decoded",()=>{o(t),(0,i.act)(()=>{r().dispatchEvent(new Event("error"))}),expect(e.querySelector('[data-testid="text_device-screen-undecodable"]')).not.toBeNull()})});
+//# sourceMappingURL=DeviceScreenImage.test.js.map

package/lib/cjs/src/DeviceScreenImage.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DeviceScreenImage.test.tsx"],
+  "sourcesContent": ["import React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\n\nimport { DeviceScreenImage } from \"./DeviceScreenImage\";\n\nObject.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });\n\ndescribe(\"DeviceScreenImage\", () => {\n  let container: HTMLDivElement;\n  let root: Root;\n  const onTouch = vi.fn();\n\n  const image = () =>\n    container.querySelector<HTMLImageElement>(\n      '[data-testid=\"image_device-screen\"]',\n    )!;\n  const render = (touch?: typeof onTouch) =>\n    act(() => root.render(<DeviceScreenImage src=\"blob:1\" onTouch={touch} />));\n  const pointer = (type: string, init: MouseEventInit = {}) =>\n    act(() => {\n      image().dispatchEvent(\n        new MouseEvent(type, { bubbles: true, button: 0, ...init }),\n      );\n    });\n  /** A 400x600 screen drawn at 200x300 from the page's top left corner. */\n  const sizeImage = () => {\n    Object.defineProperty(image(), \"naturalWidth\", { value: 400 });\n    Object.defineProperty(image(), \"naturalHeight\", { value: 600 });\n    image().getBoundingClientRect = () =>\n      ({ left: 0, top: 0, width: 200, height: 300 }) as DOMRect;\n  };\n\n  beforeEach(() => {\n    onTouch.mockReset();\n    HTMLElement.prototype.setPointerCapture = vi.fn();\n    HTMLElement.prototype.releasePointerCapture = vi.fn();\n    container = document.createElement(\"div\");\n    document.body.append(container);\n    root = createRoot(container);\n  });\n\n  afterEach(() => {\n    act(() => root.unmount());\n    container.remove();\n  });\n\n  it(\"maps a touch to device pixels and releases it where it went down\", () => {\n    render(onTouch);\n    sizeImage();\n\n    pointer(\"pointerdown\", { clientX: 50, clientY: 150 });\n    pointer(\"pointerup\", { clientX: 190, clientY: 10 });\n\n    expect(onTouch.mock.calls).toEqual([\n      [100, 300, \"press\"],\n      [100, 300, \"release\"],\n    ]);\n  });\n\n  it(\"clamps a touch on the far edge to the last pixel\", () => {\n    render(onTouch);\n    sizeImage();\n\n    pointer(\"pointerdown\", { clientX: 200, clientY: 300 });\n\n    expect(onTouch).toHaveBeenCalledWith(399, 599, \"press\");\n  });\n\n  it(\"ignores touches before the image has a size\", () => {\n    render(onTouch);\n\n    pointer(\"pointerdown\", { clientX: 10, clientY: 10 });\n    pointer(\"pointerup\");\n\n    expect(onTouch).not.toHaveBeenCalled();\n  });\n\n  it(\"ignores touches on a button-driven device\", () => {\n    render();\n    sizeImage();\n\n    pointer(\"pointerdown\", { clientX: 10, clientY: 10 });\n\n    expect(onTouch).not.toHaveBeenCalled();\n  });\n\n  it(\"releases a held touch when unmounted\", () => {\n    render(onTouch);\n    sizeImage();\n    pointer(\"pointerdown\", { clientX: 50, clientY: 150 });\n\n    act(() => root.render(<></>));\n\n    expect(onTouch).toHaveBeenLastCalledWith(100, 300, \"release\");\n  });\n\n  it(\"says so when the screenshot cannot be decoded\", () => {\n    render(onTouch);\n\n    act(() => {\n      image().dispatchEvent(new Event(\"error\"));\n    });\n\n    expect(\n      container.querySelector('[data-testid=\"text_device-screen-undecodable\"]'),\n    ).not.toBeNull();\n  });\n});\n"],
+  "mappings": "wdAAA,IAAAA,EAA2B,oBAC3BC,EAAsC,4BAEtCC,EAAkC,+BAElC,OAAO,OAAO,WAAY,CAAE,yBAA0B,EAAK,CAAC,EAE5D,SAAS,oBAAqB,IAAM,CAClC,IAAIC,EACAC,EACJ,MAAMC,EAAU,GAAG,GAAG,EAEhBC,EAAQ,IACZH,EAAU,cACR,qCACF,EACII,EAAUC,MACd,OAAI,IAAMJ,EAAK,OAAO,EAAAK,QAAA,cAAC,qBAAkB,IAAI,SAAS,QAASD,EAAO,CAAE,CAAC,EACrEE,EAAU,CAACC,EAAcC,EAAuB,CAAC,OACrD,OAAI,IAAM,CACRN,EAAM,EAAE,cACN,IAAI,WAAWK,EAAM,CAAE,QAAS,GAAM,OAAQ,EAAG,GAAGC,CAAK,CAAC,CAC5D,CACF,CAAC,EAEGC,EAAY,IAAM,CACtB,OAAO,eAAeP,EAAM,EAAG,eAAgB,CAAE,MAAO,GAAI,CAAC,EAC7D,OAAO,eAAeA,EAAM,EAAG,gBAAiB,CAAE,MAAO,GAAI,CAAC,EAC9DA,EAAM,EAAE,sBAAwB,KAC7B,CAAE,KAAM,EAAG,IAAK,EAAG,MAAO,IAAK,OAAQ,GAAI,EAChD,EAEA,WAAW,IAAM,CACfD,EAAQ,UAAU,EAClB,YAAY,UAAU,kBAAoB,GAAG,GAAG,EAChD,YAAY,UAAU,sBAAwB,GAAG,GAAG,EACpDF,EAAY,SAAS,cAAc,KAAK,EACxC,SAAS,KAAK,OAAOA,CAAS,EAC9BC,KAAO,cAAWD,CAAS,CAC7B,CAAC,EAED,UAAU,IAAM,IACd,OAAI,IAAMC,EAAK,QAAQ,CAAC,EACxBD,EAAU,OAAO,CACnB,CAAC,EAED,GAAG,mEAAoE,IAAM,CAC3EI,EAAOF,CAAO,EACdQ,EAAU,EAEVH,EAAQ,cAAe,CAAE,QAAS,GAAI,QAAS,GAAI,CAAC,EACpDA,EAAQ,YAAa,CAAE,QAAS,IAAK,QAAS,EAAG,CAAC,EAElD,OAAOL,EAAQ,KAAK,KAAK,EAAE,QAAQ,CACjC,CAAC,IAAK,IAAK,OAAO,EAClB,CAAC,IAAK,IAAK,SAAS,CACtB,CAAC,CACH,CAAC,EAED,GAAG,mDAAoD,IAAM,CAC3DE,EAAOF,CAAO,EACdQ,EAAU,EAEVH,EAAQ,cAAe,CAAE,QAAS,IAAK,QAAS,GAAI,CAAC,EAErD,OAAOL,CAAO,EAAE,qBAAqB,IAAK,IAAK,OAAO,CACxD,CAAC,EAED,GAAG,8CAA+C,IAAM,CACtDE,EAAOF,CAAO,EAEdK,EAAQ,cAAe,CAAE,QAAS,GAAI,QAAS,EAAG,CAAC,EACnDA,EAAQ,WAAW,EAEnB,OAAOL,CAAO,EAAE,IAAI,iBAAiB,CACvC,CAAC,EAED,GAAG,4CAA6C,IAAM,CACpDE,EAAO,EACPM,EAAU,EAEVH,EAAQ,cAAe,CAAE,QAAS,GAAI,QAAS,EAAG,CAAC,EAEnD,OAAOL,CAAO,EAAE,IAAI,iBAAiB,CACvC,CAAC,EAED,GAAG,uCAAwC,IAAM,CAC/CE,EAAOF,CAAO,EACdQ,EAAU,EACVH,EAAQ,cAAe,CAAE,QAAS,GAAI,QAAS,GAAI,CAAC,KAEpD,OAAI,IAAMN,EAAK,OAAO,EAAAK,QAAA,gBAAAA,QAAA,aAAE,CAAG,CAAC,EAE5B,OAAOJ,CAAO,EAAE,yBAAyB,IAAK,IAAK,SAAS,CAC9D,CAAC,EAED,GAAG,gDAAiD,IAAM,CACxDE,EAAOF,CAAO,KAEd,OAAI,IAAM,CACRC,EAAM,EAAE,cAAc,IAAI,MAAM,OAAO,CAAC,CAC1C,CAAC,EAED,OACEH,EAAU,cAAc,gDAAgD,CAC1E,EAAE,IAAI,SAAS,CACjB,CAAC,CACH,CAAC",
+  "names": ["import_react", "import_client", "import_DeviceScreenImage", "container", "root", "onTouch", "image", "render", "touch", "React", "pointer", "type", "init", "sizeImage"]
+}

package/lib/cjs/src/MockServerDevice.js

@@ -0,0 +1,2 @@
+"use strict";var l=Object.create;var n=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var d=(e,r)=>{for(var o in r)n(e,o,{get:r[o],enumerable:!0})},s=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of u(r))!M.call(e,i)&&i!==o&&n(e,i,{get:()=>r[i],enumerable:!(t=k(r,i))||t.enumerable});return e};var P=(e,r,o)=>(o=e!=null?l(D(e)):{},s(r||!e||!e.__esModule?n(o,"default",{value:e,enumerable:!0}):o,e)),g=e=>s(n({},"__esModule",{value:!0}),e);var w={};d(w,{MockServerDevice:()=>y});module.exports=g(w);var c=P(require("react")),v=require("@ledgerhq/device-mockserver-client"),m=require("./DeviceScreen"),f=require("./mockServerScreenApi"),S=require("./useMockServerDevice");const y=({url:e,token:r,deviceId:o,...t})=>{const i=(0,c.useMemo)(()=>new v.MockClient(e,{token:r}),[e,r]),a=(0,c.useMemo)(()=>(0,f.mockServerScreenApi)(i,o),[i,o]),p=(0,S.useMockServerDevice)(i,o);return p===void 0?null:c.default.createElement(m.DeviceScreen,{api:a,deviceType:p?.device_type??"",firmwareVersion:p?.firmware_version,...t})};0&&(module.exports={MockServerDevice});
+//# sourceMappingURL=MockServerDevice.js.map

package/lib/cjs/src/MockServerDevice.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MockServerDevice.tsx"],
+  "sourcesContent": ["import React, { useMemo } from \"react\";\nimport { MockClient } from \"@ledgerhq/device-mockserver-client\";\n\nimport { DeviceScreen, type DeviceScreenProps } from \"./DeviceScreen\";\nimport { mockServerScreenApi } from \"./mockServerScreenApi\";\nimport { useMockServerDevice } from \"./useMockServerDevice\";\n\nexport type MockServerDeviceProps = Pick<\n  DeviceScreenProps,\n  \"floating\" | \"defaultCollapsed\"\n> & {\n  url: string;\n  /** Of the session owning the device: devices are scoped to their session. */\n  token: string;\n  deviceId: string;\n};\n\nexport const MockServerDevice: React.FC<MockServerDeviceProps> = ({\n  url,\n  token,\n  deviceId,\n  ...props\n}) => {\n  const client = useMemo(() => new MockClient(url, { token }), [url, token]);\n  const api = useMemo(\n    () => mockServerScreenApi(client, deviceId),\n    [client, deviceId],\n  );\n  const device = useMockServerDevice(client, deviceId);\n\n  // Decides touch or buttons, so nothing renders until it is known. An\n  // unreadable record still shows the screen, and its errors.\n  if (device === undefined) return null;\n\n  return (\n    <DeviceScreen\n      api={api}\n      deviceType={device?.device_type ?? \"\"}\n      firmwareVersion={device?.firmware_version}\n      {...props}\n    />\n  );\n};\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,oBAC/BC,EAA2B,8CAE3BC,EAAqD,0BACrDC,EAAoC,iCACpCC,EAAoC,iCAY7B,MAAMN,EAAoD,CAAC,CAChE,IAAAO,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,KAAS,WAAQ,IAAM,IAAI,aAAWJ,EAAK,CAAE,MAAAC,CAAM,CAAC,EAAG,CAACD,EAAKC,CAAK,CAAC,EACnEI,KAAM,WACV,OAAM,uBAAoBD,EAAQF,CAAQ,EAC1C,CAACE,EAAQF,CAAQ,CACnB,EACMI,KAAS,uBAAoBF,EAAQF,CAAQ,EAInD,OAAII,IAAW,OAAkB,KAG/B,EAAAC,QAAA,cAAC,gBACC,IAAKF,EACL,WAAYC,GAAQ,aAAe,GACnC,gBAAiBA,GAAQ,iBACxB,GAAGH,EACN,CAEJ",
+  "names": ["MockServerDevice_exports", "__export", "MockServerDevice", "__toCommonJS", "import_react", "import_device_mockserver_client", "import_DeviceScreen", "import_mockServerScreenApi", "import_useMockServerDevice", "url", "token", "deviceId", "props", "client", "api", "device", "React"]
+}

package/lib/cjs/src/MockServerDevice.test.js

@@ -0,0 +1,2 @@
+"use strict";var l=Object.create;var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var u=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of v(t))!h.call(e,c)&&c!==o&&s(e,c,{get:()=>t[c],enumerable:!(i=d(t,c))||i.enumerable});return e};var p=(e,t,o)=>(o=e!=null?l(k(e)):{},u(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e));var n=p(require("react")),a=require("react-dom/client"),r=require("@ledgerhq/device-mockserver-client"),m=require("./MockServerDevice");Object.assign(globalThis,{IS_REACT_ACT_ENVIRONMENT:!0});vi.mock("@ledgerhq/device-mockserver-client",()=>({MockClient:vi.fn()}));describe("MockServerDevice",()=>{let e,t;const o=vi.fn();beforeEach(()=>{vi.useFakeTimers(),o.mockReset(),vi.mocked(r.MockClient).mockImplementation(()=>({getDevice:o,getScreenshot:()=>new Promise(()=>{})})),e=document.createElement("div"),document.body.append(e),t=(0,a.createRoot)(e)}),afterEach(()=>{(0,n.act)(()=>t.unmount()),e.remove(),vi.useRealTimers()});const i=()=>(0,n.act)(()=>t.render(n.default.createElement(m.MockServerDevice,{url:"http://mock",token:"session-token",deviceId:"device-1",floating:!0})));it("renders nothing until the device's model is known",()=>{o.mockReturnValue(new Promise(()=>{})),i(),expect(e.childElementCount).toBe(0)}),it("shows the device's screen in its session",async()=>{o.mockResolvedValue({id:"device-1",device_type:"flex",firmware_version:"1.6.1"}),i(),await(0,n.act)(()=>vi.advanceTimersByTimeAsync(0)),expect(r.MockClient).toHaveBeenCalledWith("http://mock",{token:"session-token"}),expect(o).toHaveBeenCalledWith("device-1"),expect(e.textContent).toContain("Flex - 1.6.1")}),it("still shows the screen when the device cannot be read",async()=>{o.mockRejectedValue(new Error("offline")),i(),await(0,n.act)(()=>vi.advanceTimersByTimeAsync(0)),expect(e.querySelector('[data-testid="container_device-screen"]')).not.toBeNull()})});
+//# sourceMappingURL=MockServerDevice.test.js.map

package/lib/cjs/src/MockServerDevice.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MockServerDevice.test.tsx"],
+  "sourcesContent": ["import React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport { MockClient } from \"@ledgerhq/device-mockserver-client\";\n\nimport { MockServerDevice } from \"./MockServerDevice\";\n\nObject.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });\n\nvi.mock(\"@ledgerhq/device-mockserver-client\", () => ({\n  MockClient: vi.fn(),\n}));\n\ndescribe(\"MockServerDevice\", () => {\n  let container: HTMLDivElement;\n  let root: Root;\n  const getDevice = vi.fn();\n\n  beforeEach(() => {\n    vi.useFakeTimers();\n    getDevice.mockReset();\n    vi.mocked(MockClient).mockImplementation(\n      () =>\n        ({\n          getDevice,\n          getScreenshot: () => new Promise(() => {}),\n        }) as unknown as MockClient,\n    );\n    container = document.createElement(\"div\");\n    document.body.append(container);\n    root = createRoot(container);\n  });\n\n  afterEach(() => {\n    act(() => root.unmount());\n    container.remove();\n    vi.useRealTimers();\n  });\n\n  const render = () =>\n    act(() =>\n      root.render(\n        <MockServerDevice\n          url=\"http://mock\"\n          token=\"session-token\"\n          deviceId=\"device-1\"\n          floating\n        />,\n      ),\n    );\n\n  it(\"renders nothing until the device's model is known\", () => {\n    getDevice.mockReturnValue(new Promise(() => {}));\n\n    render();\n\n    expect(container.childElementCount).toBe(0);\n  });\n\n  it(\"shows the device's screen in its session\", async () => {\n    getDevice.mockResolvedValue({\n      id: \"device-1\",\n      device_type: \"flex\",\n      firmware_version: \"1.6.1\",\n    });\n\n    render();\n    await act(() => vi.advanceTimersByTimeAsync(0));\n\n    expect(MockClient).toHaveBeenCalledWith(\"http://mock\", {\n      token: \"session-token\",\n    });\n    expect(getDevice).toHaveBeenCalledWith(\"device-1\");\n    expect(container.textContent).toContain(\"Flex - 1.6.1\");\n  });\n\n  it(\"still shows the screen when the device cannot be read\", async () => {\n    getDevice.mockRejectedValue(new Error(\"offline\"));\n\n    render();\n    await act(() => vi.advanceTimersByTimeAsync(0));\n\n    expect(\n      container.querySelector('[data-testid=\"container_device-screen\"]'),\n    ).not.toBeNull();\n  });\n});\n"],
+  "mappings": "wdAAA,IAAAA,EAA2B,oBAC3BC,EAAsC,4BACtCC,EAA2B,8CAE3BC,EAAiC,8BAEjC,OAAO,OAAO,WAAY,CAAE,yBAA0B,EAAK,CAAC,EAE5D,GAAG,KAAK,qCAAsC,KAAO,CACnD,WAAY,GAAG,GAAG,CACpB,EAAE,EAEF,SAAS,mBAAoB,IAAM,CACjC,IAAIC,EACAC,EACJ,MAAMC,EAAY,GAAG,GAAG,EAExB,WAAW,IAAM,CACf,GAAG,cAAc,EACjBA,EAAU,UAAU,EACpB,GAAG,OAAO,YAAU,EAAE,mBACpB,KACG,CACC,UAAAA,EACA,cAAe,IAAM,IAAI,QAAQ,IAAM,CAAC,CAAC,CAC3C,EACJ,EACAF,EAAY,SAAS,cAAc,KAAK,EACxC,SAAS,KAAK,OAAOA,CAAS,EAC9BC,KAAO,cAAWD,CAAS,CAC7B,CAAC,EAED,UAAU,IAAM,IACd,OAAI,IAAMC,EAAK,QAAQ,CAAC,EACxBD,EAAU,OAAO,EACjB,GAAG,cAAc,CACnB,CAAC,EAED,MAAMG,EAAS,OACb,OAAI,IACFF,EAAK,OACH,EAAAG,QAAA,cAAC,oBACC,IAAI,cACJ,MAAM,gBACN,SAAS,WACT,SAAQ,GACV,CACF,CACF,EAEF,GAAG,oDAAqD,IAAM,CAC5DF,EAAU,gBAAgB,IAAI,QAAQ,IAAM,CAAC,CAAC,CAAC,EAE/CC,EAAO,EAEP,OAAOH,EAAU,iBAAiB,EAAE,KAAK,CAAC,CAC5C,CAAC,EAED,GAAG,2CAA4C,SAAY,CACzDE,EAAU,kBAAkB,CAC1B,GAAI,WACJ,YAAa,OACb,iBAAkB,OACpB,CAAC,EAEDC,EAAO,EACP,QAAM,OAAI,IAAM,GAAG,yBAAyB,CAAC,CAAC,EAE9C,OAAO,YAAU,EAAE,qBAAqB,cAAe,CACrD,MAAO,eACT,CAAC,EACD,OAAOD,CAAS,EAAE,qBAAqB,UAAU,EACjD,OAAOF,EAAU,WAAW,EAAE,UAAU,cAAc,CACxD,CAAC,EAED,GAAG,wDAAyD,SAAY,CACtEE,EAAU,kBAAkB,IAAI,MAAM,SAAS,CAAC,EAEhDC,EAAO,EACP,QAAM,OAAI,IAAM,GAAG,yBAAyB,CAAC,CAAC,EAE9C,OACEH,EAAU,cAAc,yCAAyC,CACnE,EAAE,IAAI,SAAS,CACjB,CAAC,CACH,CAAC",
+  "names": ["import_react", "import_client", "import_device_mockserver_client", "import_MockServerDevice", "container", "root", "getDevice", "render", "React"]
+}

package/lib/cjs/src/ScreenFrame.js

@@ -0,0 +1,2 @@
+"use strict";var m=Object.create;var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var s=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var v=(e,r)=>{for(var o in r)a(e,o,{get:r[o],enumerable:!0})},t=(e,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let d of p(r))!l.call(e,d)&&d!==o&&a(e,d,{get:()=>r[d],enumerable:!(c=i(r,d))||c.enumerable});return e};var F=(e,r,o)=>(o=e!=null?m(s(e)):{},t(r||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),R=e=>t(a({},"__esModule",{value:!0}),e);var b={};v(b,{ScreenFrame:()=>S});module.exports=R(b);var n=F(require("react"));const S=({children:e})=>n.default.createElement("div",{className:"border-muted @container relative overflow-hidden rounded-md border"},e);0&&(module.exports={ScreenFrame});
+//# sourceMappingURL=ScreenFrame.js.map

package/lib/cjs/src/ScreenFrame.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ScreenFrame.tsx"],
+  "sourcesContent": ["import React from \"react\";\n\ntype ScreenFrameProps = {\n  children: React.ReactNode;\n};\n\n/**\n * The bezel around whatever stands in for the screen. The border lives here,\n * outside the content, so the live frame and the app list inside it take\n * exactly the screen's size.\n */\nexport const ScreenFrame: React.FC<ScreenFrameProps> = ({ children }) => (\n  <div className=\"border-muted @container relative overflow-hidden rounded-md border\">\n    {children}\n  </div>\n);\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkB,oBAWX,MAAMF,EAA0C,CAAC,CAAE,SAAAG,CAAS,IACjE,EAAAC,QAAA,cAAC,OAAI,UAAU,sEACZD,CACH",
+  "names": ["ScreenFrame_exports", "__export", "ScreenFrame", "__toCommonJS", "import_react", "children", "React"]
+}

package/lib/cjs/src/deviceModels.js

@@ -0,0 +1,2 @@
+"use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var d=(e,n)=>{for(var c in n)l(e,c,{get:n[c],enumerable:!0})},h=(e,n,c,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of a(n))!u.call(e,r)&&r!==c&&l(e,r,{get:()=>n[r],enumerable:!(s=i(n,r))||s.enumerable});return e};var S=e=>h(l({},"__esModule",{value:!0}),e);var b={};d(b,{findDeviceScreenModel:()=>x});module.exports=S(b);var o=require("@ledgerhq/lumen-ui-react/symbols");const t=(e,n)=>({label:e,icon:o.Nano,touch:!1,speculos:!0,screenWidth:128,screenHeight:n,lightScreen:!1}),p={nanoS:{...t("Nano S",32),speculos:!1},nanoSP:t("Nano S Plus",64),nanoX:t("Nano X",64),stax:{label:"Stax",icon:o.Stax,touch:!0,speculos:!0,screenWidth:400,screenHeight:672,lightScreen:!0},flex:{label:"Flex",icon:o.Flex,touch:!0,speculos:!0,screenWidth:480,screenHeight:600,lightScreen:!0},apexp:{label:"Apex",icon:o.Apex,touch:!0,speculos:!0,screenWidth:300,screenHeight:400,lightScreen:!0}},g=t("Device",64),x=e=>p[e]??g;0&&(module.exports={findDeviceScreenModel});
+//# sourceMappingURL=deviceModels.js.map

package/lib/cjs/src/deviceModels.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deviceModels.ts"],
+  "sourcesContent": ["import { Apex, Flex, Nano, Stax } from \"@ledgerhq/lumen-ui-react/symbols\";\n\nexport interface DeviceScreenModel {\n  readonly label: string;\n  readonly icon: typeof Nano;\n  readonly touch: boolean;\n  /** Whether Speculos has an emulator for it, so it can have a screen. */\n  readonly speculos: boolean;\n  /** In device pixels. */\n  readonly screenWidth: number;\n  readonly screenHeight: number;\n  readonly lightScreen: boolean;\n}\n\nconst nano = (label: string, screenHeight: number): DeviceScreenModel => ({\n  label,\n  icon: Nano,\n  touch: false,\n  speculos: true,\n  screenWidth: 128,\n  screenHeight,\n  lightScreen: false,\n});\n\n/** Keyed by the mock server's `device_type`, a DMK `DeviceModelId`. */\nconst MODELS: Record<string, DeviceScreenModel> = {\n  nanoS: { ...nano(\"Nano S\", 32), speculos: false },\n  nanoSP: nano(\"Nano S Plus\", 64),\n  nanoX: nano(\"Nano X\", 64),\n  stax: {\n    label: \"Stax\",\n    icon: Stax,\n    touch: true,\n    speculos: true,\n    screenWidth: 400,\n    screenHeight: 672,\n    lightScreen: true,\n  },\n  flex: {\n    label: \"Flex\",\n    icon: Flex,\n    touch: true,\n    speculos: true,\n    screenWidth: 480,\n    screenHeight: 600,\n    lightScreen: true,\n  },\n  apexp: {\n    label: \"Apex\",\n    icon: Apex,\n    touch: true,\n    speculos: true,\n    screenWidth: 300,\n    screenHeight: 400,\n    lightScreen: true,\n  },\n};\n\nconst UNKNOWN: DeviceScreenModel = nano(\"Device\", 64);\n\nexport const findDeviceScreenModel = (deviceType: string): DeviceScreenModel =>\n  MODELS[deviceType] ?? UNKNOWN;\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuC,4CAcvC,MAAMC,EAAO,CAACC,EAAeC,KAA6C,CACxE,MAAAD,EACA,KAAM,OACN,MAAO,GACP,SAAU,GACV,YAAa,IACb,aAAAC,EACA,YAAa,EACf,GAGMC,EAA4C,CAChD,MAAO,CAAE,GAAGH,EAAK,SAAU,EAAE,EAAG,SAAU,EAAM,EAChD,OAAQA,EAAK,cAAe,EAAE,EAC9B,MAAOA,EAAK,SAAU,EAAE,EACxB,KAAM,CACJ,MAAO,OACP,KAAM,OACN,MAAO,GACP,SAAU,GACV,YAAa,IACb,aAAc,IACd,YAAa,EACf,EACA,KAAM,CACJ,MAAO,OACP,KAAM,OACN,MAAO,GACP,SAAU,GACV,YAAa,IACb,aAAc,IACd,YAAa,EACf,EACA,MAAO,CACL,MAAO,OACP,KAAM,OACN,MAAO,GACP,SAAU,GACV,YAAa,IACb,aAAc,IACd,YAAa,EACf,CACF,EAEMI,EAA6BJ,EAAK,SAAU,EAAE,EAEvCH,EAAyBQ,GACpCF,EAAOE,CAAU,GAAKD",
+  "names": ["deviceModels_exports", "__export", "findDeviceScreenModel", "__toCommonJS", "import_symbols", "nano", "label", "screenHeight", "MODELS", "UNKNOWN", "deviceType"]
+}

package/lib/cjs/src/deviceModels.test.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./deviceModels");describe("findDeviceScreenModel",()=>{it("finds a model by the mock server's device type",()=>{expect((0,e.findDeviceScreenModel)("stax")).toMatchObject({label:"Stax",touch:!0,speculos:!0})}),it("marks Nano S as having no emulator",()=>{expect((0,e.findDeviceScreenModel)("nanoS").speculos).toBe(!1)}),it("falls back to a button-driven model for an unknown type",()=>{expect((0,e.findDeviceScreenModel)("unknown")).toMatchObject({label:"Device",touch:!1})})});
+//# sourceMappingURL=deviceModels.test.js.map

package/lib/cjs/src/deviceModels.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deviceModels.test.ts"],
+  "sourcesContent": ["import { findDeviceScreenModel } from \"./deviceModels\";\n\ndescribe(\"findDeviceScreenModel\", () => {\n  it(\"finds a model by the mock server's device type\", () => {\n    expect(findDeviceScreenModel(\"stax\")).toMatchObject({\n      label: \"Stax\",\n      touch: true,\n      speculos: true,\n    });\n  });\n\n  it(\"marks Nano S as having no emulator\", () => {\n    expect(findDeviceScreenModel(\"nanoS\").speculos).toBe(false);\n  });\n\n  it(\"falls back to a button-driven model for an unknown type\", () => {\n    expect(findDeviceScreenModel(\"unknown\")).toMatchObject({\n      label: \"Device\",\n      touch: false,\n    });\n  });\n});\n"],
+  "mappings": "aAAA,IAAAA,EAAsC,0BAEtC,SAAS,wBAAyB,IAAM,CACtC,GAAG,iDAAkD,IAAM,CACzD,UAAO,yBAAsB,MAAM,CAAC,EAAE,cAAc,CAClD,MAAO,OACP,MAAO,GACP,SAAU,EACZ,CAAC,CACH,CAAC,EAED,GAAG,qCAAsC,IAAM,CAC7C,UAAO,yBAAsB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAK,CAC5D,CAAC,EAED,GAAG,0DAA2D,IAAM,CAClE,UAAO,yBAAsB,SAAS,CAAC,EAAE,cAAc,CACrD,MAAO,SACP,MAAO,EACT,CAAC,CACH,CAAC,CACH,CAAC",
+  "names": ["import_deviceModels"]
+}

package/lib/cjs/src/index.js

@@ -0,0 +1,2 @@
+"use strict";var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var y=(r,e)=>{for(var c in e)p(r,c,{get:e[c],enumerable:!0})},M=(r,e,c,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!x.call(r,o)&&o!==c&&p(r,o,{get:()=>e[o],enumerable:!(t=f(e,o))||t.enumerable});return r};var k=r=>M(p({},"__esModule",{value:!0}),r);var s={};y(s,{DeviceScreen:()=>S.DeviceScreen,MockServerDevice:()=>i.MockServerDevice,findDeviceScreenModel:()=>v.findDeviceScreenModel,mockServerScreenApi:()=>n.mockServerScreenApi,useMockServerDevice:()=>D.useMockServerDevice});module.exports=k(s);var v=require("./deviceModels"),S=require("./DeviceScreen"),i=require("./MockServerDevice"),n=require("./mockServerScreenApi"),D=require("./useMockServerDevice");0&&(module.exports={DeviceScreen,MockServerDevice,findDeviceScreenModel,mockServerScreenApi,useMockServerDevice});
+//# sourceMappingURL=index.js.map

package/lib/cjs/src/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/index.ts"],
+  "sourcesContent": ["export { type DeviceScreenModel, findDeviceScreenModel } from \"./deviceModels\";\nexport { DeviceScreen, type DeviceScreenProps } from \"./DeviceScreen\";\nexport {\n  MockServerDevice,\n  type MockServerDeviceProps,\n} from \"./MockServerDevice\";\nexport { mockServerScreenApi } from \"./mockServerScreenApi\";\nexport type { DeviceScreenState, ScreenApi } from \"./types\";\nexport { useMockServerDevice } from \"./useMockServerDevice\";\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wOAAAE,EAAAF,GAAA,IAAAG,EAA8D,0BAC9DC,EAAqD,0BACrDC,EAGO,8BACPC,EAAoC,iCAEpCC,EAAoC",
+  "names": ["src_exports", "__export", "__toCommonJS", "import_deviceModels", "import_DeviceScreen", "import_MockServerDevice", "import_mockServerScreenApi", "import_useMockServerDevice"]
+}

package/lib/cjs/src/mockServerScreenApi.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var i=(n,o)=>{for(var t in o)s(n,t,{get:o[t],enumerable:!0})},w=(n,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of p(o))!u.call(n,e)&&e!==t&&s(n,e,{get:()=>o[e],enumerable:!(r=a(o,e))||r.enumerable});return n};var h=n=>w(s({},"__esModule",{value:!0}),n);var x={};i(x,{mockServerScreenApi:()=>l});module.exports=h(x);const f=n=>n?.status===409,l=(n,o)=>({screenshot:async()=>{try{return await n.getScreenshot(o)}catch(t){if(f(t))return null;throw t}},idle:async()=>({kind:"os-info",device:await n.getDevice(o)}),pressButton:(t,r)=>n.pressButton(o,t,r),touch:(t,r,e)=>n.touchScreen(o,t,r,e),openApp:async t=>{const r=new TextEncoder().encode(t);if(r.length>255)throw new Error(`App name too long to open: ${t}`);const{response:e}=await n.sendApdu(o,Uint8Array.from([224,216,0,0,r.length,...r])),c=e.slice(-4);if(c!=="9000")throw new Error(`Could not open ${t} (${c})`)}});0&&(module.exports={mockServerScreenApi});
+//# sourceMappingURL=mockServerScreenApi.js.map

package/lib/cjs/src/mockServerScreenApi.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/mockServerScreenApi.ts"],
+  "sourcesContent": ["import { type MockClient } from \"@ledgerhq/device-mockserver-client\";\n\nimport { type ScreenApi } from \"./types\";\n\n/** The proxy answers 409 when the device has no Speculos instance. */\nconst isNoInstance = (error: unknown): boolean =>\n  (error as { status?: unknown } | null)?.status === 409;\n\nexport const mockServerScreenApi = (\n  client: MockClient,\n  deviceId: string,\n): ScreenApi => ({\n  screenshot: async () => {\n    try {\n      return await client.getScreenshot(deviceId);\n    } catch (error) {\n      if (isNoInstance(error)) return null;\n      throw error;\n    }\n  },\n  idle: async () => ({\n    kind: \"os-info\",\n    device: await client.getDevice(deviceId),\n  }),\n  pressButton: (button, action) => client.pressButton(deviceId, button, action),\n  touch: (x, y, action) => client.touchScreen(deviceId, x, y, action),\n  openApp: async (appName) => {\n    const name = new TextEncoder().encode(appName);\n    // Lc is a single byte.\n    if (name.length > 0xff) {\n      throw new Error(`App name too long to open: ${appName}`);\n    }\n    const { response } = await client.sendApdu(\n      deviceId,\n      Uint8Array.from([0xe0, 0xd8, 0x00, 0x00, name.length, ...name]),\n    );\n    const statusWord = response.slice(-4);\n    if (statusWord !== \"9000\") {\n      throw new Error(`Could not open ${appName} (${statusWord})`);\n    }\n  },\n});\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAKA,MAAMI,EAAgBC,GACnBA,GAAuC,SAAW,IAExCH,EAAsB,CACjCI,EACAC,KACe,CACf,WAAY,SAAY,CACtB,GAAI,CACF,OAAO,MAAMD,EAAO,cAAcC,CAAQ,CAC5C,OAASF,EAAO,CACd,GAAID,EAAaC,CAAK,EAAG,OAAO,KAChC,MAAMA,CACR,CACF,EACA,KAAM,UAAa,CACjB,KAAM,UACN,OAAQ,MAAMC,EAAO,UAAUC,CAAQ,CACzC,GACA,YAAa,CAACC,EAAQC,IAAWH,EAAO,YAAYC,EAAUC,EAAQC,CAAM,EAC5E,MAAO,CAACC,EAAGC,EAAGF,IAAWH,EAAO,YAAYC,EAAUG,EAAGC,EAAGF,CAAM,EAClE,QAAS,MAAOG,GAAY,CAC1B,MAAMC,EAAO,IAAI,YAAY,EAAE,OAAOD,CAAO,EAE7C,GAAIC,EAAK,OAAS,IAChB,MAAM,IAAI,MAAM,8BAA8BD,CAAO,EAAE,EAEzD,KAAM,CAAE,SAAAE,CAAS,EAAI,MAAMR,EAAO,SAChCC,EACA,WAAW,KAAK,CAAC,IAAM,IAAM,EAAM,EAAMM,EAAK,OAAQ,GAAGA,CAAI,CAAC,CAChE,EACME,EAAaD,EAAS,MAAM,EAAE,EACpC,GAAIC,IAAe,OACjB,MAAM,IAAI,MAAM,kBAAkBH,CAAO,KAAKG,CAAU,GAAG,CAE/D,CACF",
+  "names": ["mockServerScreenApi_exports", "__export", "mockServerScreenApi", "__toCommonJS", "isNoInstance", "error", "client", "deviceId", "button", "action", "x", "y", "appName", "name", "response", "statusWord"]
+}

package/lib/cjs/src/mockServerScreenApi.test.js

@@ -0,0 +1,2 @@
+"use strict";var o=require("./mockServerScreenApi");const n=e=>({getScreenshot:vi.fn(),getDevice:vi.fn(),pressButton:vi.fn(()=>Promise.resolve()),touchScreen:vi.fn(()=>Promise.resolve()),...e});describe("mockServerScreenApi",()=>{it("resolves the screenshot of the device",async()=>{const e=new Blob(["png"]),t=n({getScreenshot:vi.fn(()=>Promise.resolve(e))});await expect((0,o.mockServerScreenApi)(t,"device-1").screenshot()).resolves.toBe(e),expect(t.getScreenshot).toHaveBeenCalledWith("device-1")}),it("resolves no screenshot when the device has no Speculos instance",async()=>{const e=n({getScreenshot:vi.fn(()=>Promise.reject({status:409}))});await expect((0,o.mockServerScreenApi)(e,"device-1").screenshot()).resolves.toBeNull()}),it("rethrows any other screenshot failure",async()=>{const e=Object.assign(new Error("boom"),{status:500}),t=n({getScreenshot:vi.fn(()=>Promise.reject(e))});await expect((0,o.mockServerScreenApi)(t,"device-1").screenshot()).rejects.toBe(e)}),it("shows the device record while idle",async()=>{const e={id:"device-1",device_type:"nanoX"},t=n({getDevice:vi.fn(()=>Promise.resolve(e))});await expect((0,o.mockServerScreenApi)(t,"device-1").idle?.()).resolves.toEqual({kind:"os-info",device:e})}),it("forwards buttons and touches to the device",async()=>{const e=n({}),t=(0,o.mockServerScreenApi)(e,"device-1");await t.pressButton("left","press"),await t.touch(10,20,"release"),expect(e.pressButton).toHaveBeenCalledWith("device-1","left","press"),expect(e.touchScreen).toHaveBeenCalledWith("device-1",10,20,"release")}),it("opens an app by name",async()=>{const e=vi.fn(()=>Promise.resolve({response:"9000"}));await(0,o.mockServerScreenApi)(n({sendApdu:e}),"device-1").openApp?.("Bitcoin"),expect(e).toHaveBeenCalledWith("device-1",Uint8Array.from([224,216,0,0,7,...new TextEncoder().encode("Bitcoin")]))}),it("fails to open an app the device refuses",async()=>{const e=vi.fn(()=>Promise.resolve({response:"6807"})),t=(0,o.mockServerScreenApi)(n({sendApdu:e}),"device-1");await expect(t.openApp?.("Bitcoin")).rejects.toThrow("6807")}),it("refuses an app name too long for one APDU",async()=>{const e=vi.fn(()=>Promise.resolve({response:"9000"})),t=(0,o.mockServerScreenApi)(n({sendApdu:e}),"device-1");await expect(t.openApp?.("a".repeat(256))).rejects.toThrow("too long"),expect(e).not.toHaveBeenCalled()})});
+//# sourceMappingURL=mockServerScreenApi.test.js.map

package/lib/cjs/src/mockServerScreenApi.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/mockServerScreenApi.test.ts"],
+  "sourcesContent": ["import { type MockClient } from \"@ledgerhq/device-mockserver-client\";\n\nimport { mockServerScreenApi } from \"./mockServerScreenApi\";\n\nconst aClient = (overrides: Partial<Record<keyof MockClient, unknown>>) =>\n  ({\n    getScreenshot: vi.fn(),\n    getDevice: vi.fn(),\n    pressButton: vi.fn(() => Promise.resolve()),\n    touchScreen: vi.fn(() => Promise.resolve()),\n    ...overrides,\n  }) as unknown as MockClient;\n\ndescribe(\"mockServerScreenApi\", () => {\n  it(\"resolves the screenshot of the device\", async () => {\n    const blob = new Blob([\"png\"]);\n    const client = aClient({\n      getScreenshot: vi.fn(() => Promise.resolve(blob)),\n    });\n\n    await expect(\n      mockServerScreenApi(client, \"device-1\").screenshot(),\n    ).resolves.toBe(blob);\n    expect(client.getScreenshot).toHaveBeenCalledWith(\"device-1\");\n  });\n\n  it(\"resolves no screenshot when the device has no Speculos instance\", async () => {\n    const client = aClient({\n      getScreenshot: vi.fn(() => Promise.reject({ status: 409 })),\n    });\n\n    await expect(\n      mockServerScreenApi(client, \"device-1\").screenshot(),\n    ).resolves.toBeNull();\n  });\n\n  it(\"rethrows any other screenshot failure\", async () => {\n    const error = Object.assign(new Error(\"boom\"), { status: 500 });\n    const client = aClient({\n      getScreenshot: vi.fn(() => Promise.reject(error)),\n    });\n\n    await expect(\n      mockServerScreenApi(client, \"device-1\").screenshot(),\n    ).rejects.toBe(error);\n  });\n\n  it(\"shows the device record while idle\", async () => {\n    const device = { id: \"device-1\", device_type: \"nanoX\" };\n    const client = aClient({ getDevice: vi.fn(() => Promise.resolve(device)) });\n\n    await expect(\n      mockServerScreenApi(client, \"device-1\").idle?.(),\n    ).resolves.toEqual({\n      kind: \"os-info\",\n      device,\n    });\n  });\n\n  it(\"forwards buttons and touches to the device\", async () => {\n    const client = aClient({});\n    const api = mockServerScreenApi(client, \"device-1\");\n\n    await api.pressButton(\"left\", \"press\");\n    await api.touch(10, 20, \"release\");\n\n    expect(client.pressButton).toHaveBeenCalledWith(\n      \"device-1\",\n      \"left\",\n      \"press\",\n    );\n    expect(client.touchScreen).toHaveBeenCalledWith(\n      \"device-1\",\n      10,\n      20,\n      \"release\",\n    );\n  });\n\n  it(\"opens an app by name\", async () => {\n    const sendApdu = vi.fn(() => Promise.resolve({ response: \"9000\" }));\n    const api = mockServerScreenApi(aClient({ sendApdu }), \"device-1\");\n\n    await api.openApp?.(\"Bitcoin\");\n\n    expect(sendApdu).toHaveBeenCalledWith(\n      \"device-1\",\n      Uint8Array.from([\n        0xe0,\n        0xd8,\n        0x00,\n        0x00,\n        0x07,\n        ...new TextEncoder().encode(\"Bitcoin\"),\n      ]),\n    );\n  });\n\n  it(\"fails to open an app the device refuses\", async () => {\n    const sendApdu = vi.fn(() => Promise.resolve({ response: \"6807\" }));\n    const api = mockServerScreenApi(aClient({ sendApdu }), \"device-1\");\n\n    await expect(api.openApp?.(\"Bitcoin\")).rejects.toThrow(\"6807\");\n  });\n\n  it(\"refuses an app name too long for one APDU\", async () => {\n    const sendApdu = vi.fn(() => Promise.resolve({ response: \"9000\" }));\n    const api = mockServerScreenApi(aClient({ sendApdu }), \"device-1\");\n\n    await expect(api.openApp?.(\"a\".repeat(256))).rejects.toThrow(\"too long\");\n    expect(sendApdu).not.toHaveBeenCalled();\n  });\n});\n"],
+  "mappings": "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",
+  "names": ["import_mockServerScreenApi", "aClient", "overrides", "blob", "client", "error", "device", "api", "sendApdu"]
+}

package/lib/cjs/src/types.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var u=(o,e,c,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of p(e))!s.call(o,t)&&t!==c&&n(o,t,{get:()=>e[t],enumerable:!(i=r(e,t))||i.enumerable});return o};var S=o=>u(n({},"__esModule",{value:!0}),o);var m={};module.exports=S(m);
+//# sourceMappingURL=types.js.map

package/lib/cjs/src/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts"],
+  "sourcesContent": ["import {\n  type Device,\n  type SpeculosAction,\n  type SpeculosButton,\n} from \"@ledgerhq/device-mockserver-client\";\n\n/**\n * How the screen is reached. The mock server proxies to the Speculos instance\n * backing a device and a Speculos transport talks to one directly, but both\n * answer the same calls.\n */\nexport interface ScreenApi {\n  /** Resolves null when there is no screen to capture right now. */\n  screenshot(): Promise<Blob | null>;\n  /** What to show while `screenshot` keeps resolving null. */\n  idle?(): Promise<DeviceScreenState>;\n  pressButton(button: SpeculosButton, action: SpeculosAction): Promise<void>;\n  /** Coordinates in device screen pixels. */\n  touch(x: number, y: number, action: SpeculosAction): Promise<void>;\n  /** Omitted by apis whose device always runs an app. */\n  openApp?(appName: string): Promise<void>;\n}\n\n/**\n * Press and release are separate so a hold reaches the device as a hold: Stax\n * and Flex gate their confirmations behind one.\n */\nexport interface DeviceScreenInput {\n  pressButton(button: SpeculosButton, action: SpeculosAction): void;\n  touch(x: number, y: number, action: SpeculosAction): void;\n}\n\nexport type DeviceScreenState =\n  | { kind: \"loading\" }\n  /** No app runs, so no Speculos instance: the device record stands in. */\n  | { kind: \"os-info\"; device: Device }\n  | { kind: \"image\"; src: string; input: DeviceScreenInput }\n  | { kind: \"error\"; message: string };\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

package/lib/cjs/src/useMockServerDevice.js

@@ -0,0 +1,2 @@
+"use strict";var o=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var r in e)o(t,r,{get:e[r],enumerable:!0})},D=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of m(e))!p.call(t,n)&&n!==r&&o(t,n,{get:()=>e[n],enumerable:!(i=s(e,n))||i.enumerable});return t};var a=t=>D(o({},"__esModule",{value:!0}),t);var T={};v(T,{useMockServerDevice:()=>y});module.exports=a(T);var u=require("react");const d=2e3;function y(t,e){const[r,i]=(0,u.useState)();return(0,u.useEffect)(()=>{let n=!1,c;if(i(void 0),!e)return;const l=()=>{t.getDevice(e).then(f=>{n||i(f)},()=>{n||(i(null),c=setTimeout(l,d))})};return l(),()=>{n=!0,clearTimeout(c)}},[t,e]),r}0&&(module.exports={useMockServerDevice});
+//# sourceMappingURL=useMockServerDevice.js.map

package/lib/cjs/src/useMockServerDevice.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/useMockServerDevice.ts"],
+  "sourcesContent": ["import { useEffect, useState } from \"react\";\nimport {\n  type Device,\n  type MockClient,\n} from \"@ledgerhq/device-mockserver-client\";\n\nconst RETRY_MS = 2000;\n\n/**\n * The mock server's record of a device: undefined while it loads, or while no\n * device id is given, and null while it cannot be read. A failed read is\n * retried, so a transient error does not leave the device without its model.\n */\nexport function useMockServerDevice(\n  client: MockClient,\n  deviceId: string,\n): Device | null | undefined {\n  const [device, setDevice] = useState<Device | null>();\n\n  useEffect(() => {\n    let cancelled = false;\n    let retry: ReturnType<typeof setTimeout> | undefined;\n    setDevice(undefined);\n    if (!deviceId) return;\n\n    const load = () => {\n      client.getDevice(deviceId).then(\n        (record) => {\n          if (!cancelled) setDevice(record);\n        },\n        () => {\n          if (cancelled) return;\n          setDevice(null);\n          retry = setTimeout(load, RETRY_MS);\n        },\n      );\n    };\n    load();\n\n    return () => {\n      cancelled = true;\n      clearTimeout(retry);\n    };\n  }, [client, deviceId]);\n\n  return device;\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAoC,iBAMpC,MAAMC,EAAW,IAOV,SAASH,EACdI,EACAC,EAC2B,CAC3B,KAAM,CAACC,EAAQC,CAAS,KAAI,YAAwB,EAEpD,sBAAU,IAAM,CACd,IAAIC,EAAY,GACZC,EAEJ,GADAF,EAAU,MAAS,EACf,CAACF,EAAU,OAEf,MAAMK,EAAO,IAAM,CACjBN,EAAO,UAAUC,CAAQ,EAAE,KACxBM,GAAW,CACLH,GAAWD,EAAUI,CAAM,CAClC,EACA,IAAM,CACAH,IACJD,EAAU,IAAI,EACdE,EAAQ,WAAWC,EAAMP,CAAQ,EACnC,CACF,CACF,EACA,OAAAO,EAAK,EAEE,IAAM,CACXF,EAAY,GACZ,aAAaC,CAAK,CACpB,CACF,EAAG,CAACL,EAAQC,CAAQ,CAAC,EAEdC,CACT",
+  "names": ["useMockServerDevice_exports", "__export", "useMockServerDevice", "__toCommonJS", "import_react", "RETRY_MS", "client", "deviceId", "device", "setDevice", "cancelled", "retry", "load", "record"]
+}

package/lib/cjs/src/useMockServerDevice.test.js

@@ -0,0 +1,2 @@
+"use strict";var f=Object.create;var v=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var C=(t,i,c,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of y(i))!T.call(t,o)&&o!==c&&v(t,o,{get:()=>i[o],enumerable:!(s=p(i,o))||s.enumerable});return t};var B=(t,i,c)=>(c=t!=null?f(D(t)):{},C(i||!t||!t.__esModule?v(c,"default",{value:t,enumerable:!0}):c,t));var n=B(require("react")),m=require("react-dom/client"),u=require("./useMockServerDevice");Object.assign(globalThis,{IS_REACT_ACT_ENVIRONMENT:!0});const a={id:"device-1",device_type:"stax"};describe("useMockServerDevice",()=>{let t,i,c;const s=({client:e,deviceId:r})=>(c=(0,u.useMockServerDevice)(e,r),null),o=e=>({getDevice:vi.fn(e)}),l=(e,r="device-1")=>(0,n.act)(()=>i.render(n.default.createElement(s,{client:e,deviceId:r}))),d=()=>(0,n.act)(()=>vi.advanceTimersByTimeAsync(0));beforeEach(()=>{vi.useFakeTimers(),c=void 0,t=document.createElement("div"),i=(0,m.createRoot)(t)}),afterEach(()=>{(0,n.act)(()=>i.unmount()),vi.useRealTimers()}),it("reads the device record",async()=>{const e=o(()=>Promise.resolve(a));l(e),expect(c).toBeUndefined(),await d(),expect(c).toBe(a),expect(e.getDevice).toHaveBeenCalledWith("device-1")}),it("reads nothing without a device id",async()=>{const e=o(()=>Promise.resolve(a));l(e,""),await d(),expect(c).toBeUndefined(),expect(e.getDevice).not.toHaveBeenCalled()}),it("retries a failed read until it succeeds",async()=>{const e=vi.fn().mockRejectedValueOnce(new Error("offline")).mockResolvedValue(a),r=o(e);l(r),await d(),expect(c).toBeNull(),await(0,n.act)(()=>vi.advanceTimersByTimeAsync(2e3)),expect(c).toBe(a),expect(e).toHaveBeenCalledTimes(2)}),it("stops retrying once unmounted",async()=>{const e=o(()=>Promise.reject(new Error("offline")));l(e),await d(),(0,n.act)(()=>i.render(n.default.createElement(n.default.Fragment,null))),await(0,n.act)(()=>vi.advanceTimersByTimeAsync(1e4)),expect(e.getDevice).toHaveBeenCalledOnce()})});
+//# sourceMappingURL=useMockServerDevice.test.js.map

package/lib/cjs/src/useMockServerDevice.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/useMockServerDevice.test.tsx"],
+  "sourcesContent": ["import React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport {\n  type Device,\n  type MockClient,\n} from \"@ledgerhq/device-mockserver-client\";\n\nimport { useMockServerDevice } from \"./useMockServerDevice\";\n\nObject.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });\n\nconst DEVICE = { id: \"device-1\", device_type: \"stax\" } as Device;\n\ndescribe(\"useMockServerDevice\", () => {\n  let container: HTMLDivElement;\n  let root: Root;\n  let result: Device | null | undefined;\n\n  const Probe: React.FC<{ client: MockClient; deviceId: string }> = ({\n    client,\n    deviceId,\n  }) => {\n    result = useMockServerDevice(client, deviceId);\n    return null;\n  };\n  const aClient = (getDevice: () => Promise<Device>) =>\n    ({ getDevice: vi.fn(getDevice) }) as unknown as MockClient;\n  const render = (client: MockClient, deviceId = \"device-1\") =>\n    act(() => root.render(<Probe client={client} deviceId={deviceId} />));\n  const flush = () => act(() => vi.advanceTimersByTimeAsync(0));\n\n  beforeEach(() => {\n    vi.useFakeTimers();\n    result = undefined;\n    container = document.createElement(\"div\");\n    root = createRoot(container);\n  });\n\n  afterEach(() => {\n    act(() => root.unmount());\n    vi.useRealTimers();\n  });\n\n  it(\"reads the device record\", async () => {\n    const client = aClient(() => Promise.resolve(DEVICE));\n\n    render(client);\n    expect(result).toBeUndefined();\n    await flush();\n\n    expect(result).toBe(DEVICE);\n    expect(client.getDevice).toHaveBeenCalledWith(\"device-1\");\n  });\n\n  it(\"reads nothing without a device id\", async () => {\n    const client = aClient(() => Promise.resolve(DEVICE));\n\n    render(client, \"\");\n    await flush();\n\n    expect(result).toBeUndefined();\n    expect(client.getDevice).not.toHaveBeenCalled();\n  });\n\n  it(\"retries a failed read until it succeeds\", async () => {\n    const getDevice = vi\n      .fn<() => Promise<Device>>()\n      .mockRejectedValueOnce(new Error(\"offline\"))\n      .mockResolvedValue(DEVICE);\n    const client = aClient(getDevice);\n\n    render(client);\n    await flush();\n    expect(result).toBeNull();\n\n    await act(() => vi.advanceTimersByTimeAsync(2000));\n\n    expect(result).toBe(DEVICE);\n    expect(getDevice).toHaveBeenCalledTimes(2);\n  });\n\n  it(\"stops retrying once unmounted\", async () => {\n    const client = aClient(() => Promise.reject(new Error(\"offline\")));\n\n    render(client);\n    await flush();\n    act(() => root.render(<></>));\n    await act(() => vi.advanceTimersByTimeAsync(10_000));\n\n    expect(client.getDevice).toHaveBeenCalledOnce();\n  });\n});\n"],
+  "mappings": "wdAAA,IAAAA,EAA2B,oBAC3BC,EAAsC,4BAMtCC,EAAoC,iCAEpC,OAAO,OAAO,WAAY,CAAE,yBAA0B,EAAK,CAAC,EAE5D,MAAMC,EAAS,CAAE,GAAI,WAAY,YAAa,MAAO,EAErD,SAAS,sBAAuB,IAAM,CACpC,IAAIC,EACAC,EACAC,EAEJ,MAAMC,EAA4D,CAAC,CACjE,OAAAC,EACA,SAAAC,CACF,KACEH,KAAS,uBAAoBE,EAAQC,CAAQ,EACtC,MAEHC,EAAWC,IACd,CAAE,UAAW,GAAG,GAAGA,CAAS,CAAE,GAC3BC,EAAS,CAACJ,EAAoBC,EAAW,gBAC7C,OAAI,IAAMJ,EAAK,OAAO,EAAAQ,QAAA,cAACN,EAAA,CAAM,OAAQC,EAAQ,SAAUC,EAAU,CAAE,CAAC,EAChEK,EAAQ,OAAM,OAAI,IAAM,GAAG,yBAAyB,CAAC,CAAC,EAE5D,WAAW,IAAM,CACf,GAAG,cAAc,EACjBR,EAAS,OACTF,EAAY,SAAS,cAAc,KAAK,EACxCC,KAAO,cAAWD,CAAS,CAC7B,CAAC,EAED,UAAU,IAAM,IACd,OAAI,IAAMC,EAAK,QAAQ,CAAC,EACxB,GAAG,cAAc,CACnB,CAAC,EAED,GAAG,0BAA2B,SAAY,CACxC,MAAMG,EAASE,EAAQ,IAAM,QAAQ,QAAQP,CAAM,CAAC,EAEpDS,EAAOJ,CAAM,EACb,OAAOF,CAAM,EAAE,cAAc,EAC7B,MAAMQ,EAAM,EAEZ,OAAOR,CAAM,EAAE,KAAKH,CAAM,EAC1B,OAAOK,EAAO,SAAS,EAAE,qBAAqB,UAAU,CAC1D,CAAC,EAED,GAAG,oCAAqC,SAAY,CAClD,MAAMA,EAASE,EAAQ,IAAM,QAAQ,QAAQP,CAAM,CAAC,EAEpDS,EAAOJ,EAAQ,EAAE,EACjB,MAAMM,EAAM,EAEZ,OAAOR,CAAM,EAAE,cAAc,EAC7B,OAAOE,EAAO,SAAS,EAAE,IAAI,iBAAiB,CAChD,CAAC,EAED,GAAG,0CAA2C,SAAY,CACxD,MAAMG,EAAY,GACf,GAA0B,EAC1B,sBAAsB,IAAI,MAAM,SAAS,CAAC,EAC1C,kBAAkBR,CAAM,EACrBK,EAASE,EAAQC,CAAS,EAEhCC,EAAOJ,CAAM,EACb,MAAMM,EAAM,EACZ,OAAOR,CAAM,EAAE,SAAS,EAExB,QAAM,OAAI,IAAM,GAAG,yBAAyB,GAAI,CAAC,EAEjD,OAAOA,CAAM,EAAE,KAAKH,CAAM,EAC1B,OAAOQ,CAAS,EAAE,sBAAsB,CAAC,CAC3C,CAAC,EAED,GAAG,gCAAiC,SAAY,CAC9C,MAAMH,EAASE,EAAQ,IAAM,QAAQ,OAAO,IAAI,MAAM,SAAS,CAAC,CAAC,EAEjEE,EAAOJ,CAAM,EACb,MAAMM,EAAM,KACZ,OAAI,IAAMT,EAAK,OAAO,EAAAQ,QAAA,gBAAAA,QAAA,aAAE,CAAG,CAAC,EAC5B,QAAM,OAAI,IAAM,GAAG,yBAAyB,GAAM,CAAC,EAEnD,OAAOL,EAAO,SAAS,EAAE,qBAAqB,CAChD,CAAC,CACH,CAAC",
+  "names": ["import_react", "import_client", "import_useMockServerDevice", "DEVICE", "container", "root", "result", "Probe", "client", "deviceId", "aClient", "getDevice", "render", "React", "flush"]
+}

package/lib/cjs/src/useScreenPolling.js

@@ -0,0 +1,2 @@
+"use strict";var L=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var y=(e,r)=>{for(var i in r)L(e,i,{get:r[i],enumerable:!0})},E=(e,r,i,u)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of R(r))!b.call(e,c)&&c!==i&&L(e,c,{get:()=>r[c],enumerable:!(u=p(r,c))||u.enumerable});return e};var D=e=>E(L({},"__esModule",{value:!0}),e);var I={};y(I,{useScreenPolling:()=>w});module.exports=D(I);var t=require("react");const U=500,O=2e3,T=3,_=e=>e instanceof Error?e.message:String(e);function w(e,r){const[i,u]=(0,t.useState)({kind:"loading"}),c=(0,t.useRef)(null),f=(0,t.useRef)(!1),d=(0,t.useRef)(!1);d.current=i.kind==="image";const g=(0,t.useRef)(0),S=(0,t.useRef)(0),l=(0,t.useCallback)(o=>{d.current&&++g.current<=T||u({kind:"error",message:_(o)})},[]),a=(0,t.useCallback)(()=>{c.current&&(URL.revokeObjectURL(c.current),c.current=null)},[]),k=(0,t.useRef)(()=>{}),h=(0,t.useMemo)(()=>{const o=n=>void n.then(()=>k.current()).catch(l);return{pressButton:(n,s)=>o(e.pressButton(n,s)),touch:(n,s,v)=>o(e.touch(n,s,v))}},[e,l]),m=(0,t.useCallback)(async()=>{if(f.current)return;f.current=!0;const o=S.current,n=()=>o!==S.current;try{const s=await e.screenshot();if(n())return;if(g.current=0,s)a(),c.current=URL.createObjectURL(s),u({kind:"image",src:c.current,input:h});else{const v=await e.idle?.();if(n())return;a(),u(v??{kind:"error",message:"No screen to capture"})}}catch(s){n()||l(s)}finally{f.current=!1}},[e,h,l,a]);return k.current=()=>void m(),(0,t.useEffect)(()=>{if(!r){a(),u({kind:"loading"});return}let o,n=!1;const s=async()=>{document.hidden||await m(),!n&&(o=setTimeout(()=>void s(),d.current?U:O))};return s(),()=>{n=!0,clearTimeout(o),S.current++}},[r,m,a]),(0,t.useEffect)(()=>a,[a]),i}0&&(module.exports={useScreenPolling});
+//# sourceMappingURL=useScreenPolling.js.map

package/lib/cjs/src/useScreenPolling.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/useScreenPolling.ts"],
+  "sourcesContent": ["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n  type DeviceScreenInput,\n  type DeviceScreenState,\n  type ScreenApi,\n} from \"./types\";\n\nconst SCREEN_POLL_MS = 500;\nconst IDLE_POLL_MS = 2000;\n/**\n * An app quitting fails a few calls while Speculos shuts down; the last frame\n * stays up through them rather than flashing an error before the dashboard.\n */\nconst LIVE_FAILURES_TOLERATED = 3;\n\nconst describe = (error: unknown): string =>\n  error instanceof Error ? error.message : String(error);\n\nexport function useScreenPolling(\n  api: ScreenApi,\n  polling: boolean,\n): DeviceScreenState {\n  const [state, setState] = useState<DeviceScreenState>({ kind: \"loading\" });\n\n  const objectUrl = useRef<string | null>(null);\n  const inFlight = useRef(false);\n  const isLive = useRef(false);\n  isLive.current = state.kind === \"image\";\n  const liveFailures = useRef(0);\n  /** Bumped when polling stops, so a response still in flight is dropped. */\n  const generation = useRef(0);\n\n  const fail = useCallback((error: unknown) => {\n    if (isLive.current && ++liveFailures.current <= LIVE_FAILURES_TOLERATED) {\n      return;\n    }\n    setState({ kind: \"error\", message: describe(error) });\n  }, []);\n\n  const releaseObjectUrl = useCallback(() => {\n    if (objectUrl.current) {\n      URL.revokeObjectURL(objectUrl.current);\n      objectUrl.current = null;\n    }\n  }, []);\n\n  /**\n   * Input handlers refresh straight after acting. Going through a ref keeps\n   * them stable, so the <img> is not remounted on every poll.\n   */\n  const refreshRef = useRef<() => void>(() => {});\n\n  const input = useMemo<DeviceScreenInput>(() => {\n    const send = (call: Promise<void>) =>\n      void call.then(() => refreshRef.current()).catch(fail);\n\n    return {\n      pressButton: (button, action) => send(api.pressButton(button, action)),\n      touch: (x, y, action) => send(api.touch(x, y, action)),\n    };\n  }, [api, fail]);\n\n  const refresh = useCallback(async () => {\n    if (inFlight.current) return;\n    inFlight.current = true;\n    const started = generation.current;\n    const stale = () => started !== generation.current;\n    try {\n      const blob = await api.screenshot();\n      if (stale()) return;\n      liveFailures.current = 0;\n      if (blob) {\n        releaseObjectUrl();\n        objectUrl.current = URL.createObjectURL(blob);\n        setState({ kind: \"image\", src: objectUrl.current, input });\n      } else {\n        const idle = await api.idle?.();\n        if (stale()) return;\n        releaseObjectUrl();\n        setState(idle ?? { kind: \"error\", message: \"No screen to capture\" });\n      }\n    } catch (error) {\n      if (!stale()) fail(error);\n    } finally {\n      inFlight.current = false;\n    }\n  }, [api, input, fail, releaseObjectUrl]);\n  refreshRef.current = () => void refresh();\n\n  useEffect(() => {\n    if (!polling) {\n      // Drop the frame rather than keep a revoked object URL around, which\n      // would flash a broken image when the panel reopens.\n      releaseObjectUrl();\n      setState({ kind: \"loading\" });\n      return;\n    }\n\n    let timer: ReturnType<typeof setTimeout>;\n    let cancelled = false;\n\n    const tick = async () => {\n      if (!document.hidden) await refresh();\n      if (cancelled) return;\n      timer = setTimeout(\n        () => void tick(),\n        isLive.current ? SCREEN_POLL_MS : IDLE_POLL_MS,\n      );\n    };\n    void tick();\n\n    return () => {\n      cancelled = true;\n      clearTimeout(timer);\n      generation.current++;\n    };\n  }, [polling, refresh, releaseObjectUrl]);\n\n  useEffect(() => releaseObjectUrl, [releaseObjectUrl]);\n\n  return state;\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkE,iBAQlE,MAAMC,EAAiB,IACjBC,EAAe,IAKfC,EAA0B,EAE1BC,EAAYC,GAChBA,aAAiB,MAAQA,EAAM,QAAU,OAAOA,CAAK,EAEhD,SAASP,EACdQ,EACAC,EACmB,CACnB,KAAM,CAACC,EAAOC,CAAQ,KAAI,YAA4B,CAAE,KAAM,SAAU,CAAC,EAEnEC,KAAY,UAAsB,IAAI,EACtCC,KAAW,UAAO,EAAK,EACvBC,KAAS,UAAO,EAAK,EAC3BA,EAAO,QAAUJ,EAAM,OAAS,QAChC,MAAMK,KAAe,UAAO,CAAC,EAEvBC,KAAa,UAAO,CAAC,EAErBC,KAAO,eAAaV,GAAmB,CACvCO,EAAO,SAAW,EAAEC,EAAa,SAAWV,GAGhDM,EAAS,CAAE,KAAM,QAAS,QAASL,EAASC,CAAK,CAAE,CAAC,CACtD,EAAG,CAAC,CAAC,EAECW,KAAmB,eAAY,IAAM,CACrCN,EAAU,UACZ,IAAI,gBAAgBA,EAAU,OAAO,EACrCA,EAAU,QAAU,KAExB,EAAG,CAAC,CAAC,EAMCO,KAAa,UAAmB,IAAM,CAAC,CAAC,EAExCC,KAAQ,WAA2B,IAAM,CAC7C,MAAMC,EAAQC,GACZ,KAAKA,EAAK,KAAK,IAAMH,EAAW,QAAQ,CAAC,EAAE,MAAMF,CAAI,EAEvD,MAAO,CACL,YAAa,CAACM,EAAQC,IAAWH,EAAKb,EAAI,YAAYe,EAAQC,CAAM,CAAC,EACrE,MAAO,CAACC,EAAGC,EAAGF,IAAWH,EAAKb,EAAI,MAAMiB,EAAGC,EAAGF,CAAM,CAAC,CACvD,CACF,EAAG,CAAChB,EAAKS,CAAI,CAAC,EAERU,KAAU,eAAY,SAAY,CACtC,GAAId,EAAS,QAAS,OACtBA,EAAS,QAAU,GACnB,MAAMe,EAAUZ,EAAW,QACrBa,EAAQ,IAAMD,IAAYZ,EAAW,QAC3C,GAAI,CACF,MAAMc,EAAO,MAAMtB,EAAI,WAAW,EAClC,GAAIqB,EAAM,EAAG,OAEb,GADAd,EAAa,QAAU,EACnBe,EACFZ,EAAiB,EACjBN,EAAU,QAAU,IAAI,gBAAgBkB,CAAI,EAC5CnB,EAAS,CAAE,KAAM,QAAS,IAAKC,EAAU,QAAS,MAAAQ,CAAM,CAAC,MACpD,CACL,MAAMW,EAAO,MAAMvB,EAAI,OAAO,EAC9B,GAAIqB,EAAM,EAAG,OACbX,EAAiB,EACjBP,EAASoB,GAAQ,CAAE,KAAM,QAAS,QAAS,sBAAuB,CAAC,CACrE,CACF,OAASxB,EAAO,CACTsB,EAAM,GAAGZ,EAAKV,CAAK,CAC1B,QAAE,CACAM,EAAS,QAAU,EACrB,CACF,EAAG,CAACL,EAAKY,EAAOH,EAAMC,CAAgB,CAAC,EACvC,OAAAC,EAAW,QAAU,IAAM,KAAKQ,EAAQ,KAExC,aAAU,IAAM,CACd,GAAI,CAAClB,EAAS,CAGZS,EAAiB,EACjBP,EAAS,CAAE,KAAM,SAAU,CAAC,EAC5B,MACF,CAEA,IAAIqB,EACAC,EAAY,GAEhB,MAAMC,EAAO,SAAY,CAClB,SAAS,QAAQ,MAAMP,EAAQ,EAChC,CAAAM,IACJD,EAAQ,WACN,IAAM,KAAKE,EAAK,EAChBpB,EAAO,QAAUX,EAAiBC,CACpC,EACF,EACA,OAAK8B,EAAK,EAEH,IAAM,CACXD,EAAY,GACZ,aAAaD,CAAK,EAClBhB,EAAW,SACb,CACF,EAAG,CAACP,EAASkB,EAAST,CAAgB,CAAC,KAEvC,aAAU,IAAMA,EAAkB,CAACA,CAAgB,CAAC,EAE7CR,CACT",
+  "names": ["useScreenPolling_exports", "__export", "useScreenPolling", "__toCommonJS", "import_react", "SCREEN_POLL_MS", "IDLE_POLL_MS", "LIVE_FAILURES_TOLERATED", "describe", "error", "api", "polling", "state", "setState", "objectUrl", "inFlight", "isLive", "liveFailures", "generation", "fail", "releaseObjectUrl", "refreshRef", "input", "send", "call", "button", "action", "x", "y", "refresh", "started", "stale", "blob", "idle", "timer", "cancelled", "tick"]
+}

package/lib/esm/index.js

@@ -0,0 +1,2 @@
+export*from"./src";
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../index.ts"],
+  "sourcesContent": ["export * from \"./src\";\n"],
+  "mappings": "AAAA,WAAc",
+  "names": []
+}

package/lib/esm/package.json

@@ -0,0 +1,67 @@
+{
+  "dependencies": {
+    "@ledgerhq/device-mockserver-client": "workspace:*"
+  },
+  "devDependencies": {
+    "@ledgerhq/device-management-kit": "workspace:*",
+    "@ledgerhq/eslint-config-dsdk": "workspace:*",
+    "@ledgerhq/ldmk-tool": "workspace:*",
+    "@ledgerhq/lumen-design-core": "0.1.26",
+    "@ledgerhq/lumen-ui-react": "0.1.55",
+    "@ledgerhq/prettier-config-dsdk": "workspace:*",
+    "@ledgerhq/tsconfig-dsdk": "workspace:*",
+    "@ledgerhq/vitest-config-dmk": "workspace:*",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  },
+  "exports": {
+    ".": {
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.js",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./*": {
+      "import": "./lib/esm/*",
+      "require": "./lib/cjs/*",
+      "types": "./lib/types/*"
+    },
+    "./tailwind.css": "./tailwind.css"
+  },
+  "files": [
+    "./lib",
+    "./tailwind.css"
+  ],
+  "license": "Apache-2.0",
+  "main": "lib/index.js",
+  "name": "@ledgerhq/device-mockserver-react",
+  "peerDependencies": {
+    "@ledgerhq/device-management-kit": "workspace:*",
+    "@ledgerhq/lumen-ui-react": "^0.1.55",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  },
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/LedgerHQ/device-sdk-ts.git"
+  },
+  "scripts": {
+    "build": "pnpm ldmk-tool build --entryPoints index.ts,src/*.tsx,src/*.ts --tsconfig tsconfig.prod.json",
+    "dev": "concurrently \"pnpm watch:builds\" \"pnpm watch:types\"",
+    "lint": "eslint",
+    "lint:fix": "pnpm lint --fix",
+    "prebuild": "rimraf lib",
+    "prettier": "prettier . --check",
+    "prettier:fix": "prettier . --write",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "watch:builds": "pnpm ldmk-tool watch --entryPoints index.ts,src/*.tsx,src/*.ts --tsconfig tsconfig.prod.json",
+    "watch:types": "concurrently \"tsc --watch -p tsconfig.prod.json\" \"tsc-alias --watch -p tsconfig.prod.json\""
+  },
+  "types": "lib/index.d.ts",
+  "version": "0.0.0-develop-20260930001543"
+}

package/lib/esm/src/DeviceOsInfo.js

@@ -0,0 +1,2 @@
+import e,{useEffect as w,useRef as v,useState as u}from"react";import{ScreenFrame as x}from"./ScreenFrame";const h="BOLOS",y=1e4,k="[&::-webkit-scrollbar]:size-[6px] [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full",q=n=>`https://cdn.live.ledger.com/icons/${n.toLowerCase().replaceAll(" ","_")}.png`,f=({name:n})=>{const[r,i]=u(!1);return r?e.createElement("span",{className:"text-muted bg-muted flex size-[12.5cqw] items-center justify-center rounded-full text-[length:6cqw] font-semibold"},n.charAt(0)):e.createElement("img",{src:q(n),alt:"",draggable:!1,className:"size-[12.5cqw] rounded-full",onError:()=>i(!0)})},S=({device:n,model:r,onOpenApp:i})=>{const p=(n.apps??[]).filter(({name:t})=>t!==h),[o,c]=u(),[b,a]=u(),s=r.lightScreen?{background:"bg-white",text:"text-black",scrollbar:"[&::-webkit-scrollbar-thumb]:bg-black/30",overlay:"bg-white/70"}:{background:"bg-black",text:"text-white",scrollbar:"[&::-webkit-scrollbar-thumb]:bg-white/30",overlay:"bg-black/70"},l=r.touch?{scroll:"overflow-y-auto",list:"grid grid-cols-3 gap-[1.5cqw]",tile:"min-w-0 py-[3cqw]",opening:"flex-col"}:{scroll:"flex items-center overflow-x-auto",list:"flex gap-[2.5cqw]",tile:"w-[28cqw] shrink-0 py-[1.5cqw]",opening:"flex-row"},m=v(void 0);w(()=>()=>clearTimeout(m.current),[]);const g=t=>{!i||o||(c(t),a(void 0),i(t).then(()=>{m.current=setTimeout(()=>{c(void 0),a(`${t} opened but its screen never showed up`)},y)},d=>{c(void 0),a(d instanceof Error?d.message:String(d))}))};return e.createElement("div",{className:"flex flex-col gap-8","data-testid":"container_device-os-info"},e.createElement(x,null,e.createElement("div",{className:`${s.background} ${l.scroll} ${k} ${s.scrollbar} p-[3cqw]`,style:{aspectRatio:r.screenWidth/r.screenHeight},"data-testid":"list_device-apps"},p.length===0?e.createElement("p",{className:`text-[length:5.5cqw] ${s.text} flex h-full w-full items-center justify-center opacity-60`},"No apps installed"):e.createElement("div",{className:l.list},p.map(t=>e.createElement("button",{key:t.name,type:"button",title:`${t.name} ${t.version}`,disabled:!i||o!==void 0,onClick:()=>g(t.name),className:`${s.text} ${l.tile} flex flex-col items-center gap-[1.5cqw] border-0 bg-transparent px-[1.5cqw] disabled:cursor-default enabled:cursor-pointer`,"data-testid":`button_open-app-${t.name}`},e.createElement(f,{name:t.name}),e.createElement("span",{className:"w-full truncate text-center text-[length:4.7cqw] leading-[1.3]"},t.name))))),o!==void 0?e.createElement("div",{className:`${s.text} ${s.overlay} ${l.opening} pointer-events-none absolute inset-0 flex items-center justify-center gap-[3cqw] backdrop-blur-[1cqw]`,"data-testid":"spinner_opening-app-screen"},e.createElement("div",{className:"relative flex size-[18cqw] shrink-0 items-center justify-center"},e.createElement("span",{className:"absolute inset-0 rounded-full border-[0.8cqw] border-current opacity-15"}),e.createElement("span",{className:"absolute inset-0 animate-spin rounded-full border-[0.8cqw] border-transparent border-t-current"}),e.createElement(f,{name:o})),e.createElement("span",{className:"animate-pulse text-[length:4.7cqw] font-semibold"},"Opening ",o)):null),b?e.createElement("p",{className:"body-4 text-error text-center"},b):null)};export{S as DeviceOsInfo};
+//# sourceMappingURL=DeviceOsInfo.js.map

package/lib/esm/src/DeviceOsInfo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DeviceOsInfo.tsx"],
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from \"react\";\nimport { type Device } from \"@ledgerhq/device-mockserver-client\";\n\nimport { type DeviceScreenModel } from \"./deviceModels\";\nimport { ScreenFrame } from \"./ScreenFrame\";\n\n/** The OS reports itself as an app; it is not one the user can open. */\nconst OS_APP_NAME = \"BOLOS\";\n\nconst OPEN_TIMEOUT_MS = 10_000;\n\n/** A styled scrollbar stays visible where the OS would hide an overlay one. */\nconst SCROLLBAR =\n  \"[&::-webkit-scrollbar]:size-[6px] [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full\";\n\n/** Ledger Live's app icons, keyed by the app's Manager API icon name. */\nconst iconUrl = (appName: string) =>\n  `https://cdn.live.ledger.com/icons/${appName.toLowerCase().replaceAll(\" \", \"_\")}.png`;\n\ntype AppIconProps = {\n  name: string;\n};\n\nconst AppIcon: React.FC<AppIconProps> = ({ name }) => {\n  const [missing, setMissing] = useState(false);\n\n  if (missing) {\n    return (\n      <span className=\"text-muted bg-muted flex size-[12.5cqw] items-center justify-center rounded-full text-[length:6cqw] font-semibold\">\n        {name.charAt(0)}\n      </span>\n    );\n  }\n\n  return (\n    <img\n      src={iconUrl(name)}\n      alt=\"\"\n      draggable={false}\n      className=\"size-[12.5cqw] rounded-full\"\n      onError={() => setMissing(true)}\n    />\n  );\n};\n\ntype DeviceOsInfoProps = {\n  device: Device;\n  model: DeviceScreenModel;\n  /** Omitted, the apps are listed but cannot be opened. */\n  onOpenApp?: (appName: string) => Promise<void>;\n};\n\nexport const DeviceOsInfo: React.FC<DeviceOsInfoProps> = ({\n  device,\n  model,\n  onOpenApp,\n}) => {\n  const apps = (device.apps ?? []).filter(({ name }) => name !== OS_APP_NAME);\n  /** Kept on success, until the live screen replaces the grid or times out. */\n  const [opening, setOpening] = useState<string>();\n  const [error, setError] = useState<string>();\n  const screen = model.lightScreen\n    ? {\n        background: \"bg-white\",\n        text: \"text-black\",\n        scrollbar: \"[&::-webkit-scrollbar-thumb]:bg-black/30\",\n        overlay: \"bg-white/70\",\n      }\n    : {\n        background: \"bg-black\",\n        text: \"text-white\",\n        scrollbar: \"[&::-webkit-scrollbar-thumb]:bg-white/30\",\n        overlay: \"bg-black/70\",\n      };\n  const layout = model.touch\n    ? {\n        scroll: \"overflow-y-auto\",\n        list: \"grid grid-cols-3 gap-[1.5cqw]\",\n        tile: \"min-w-0 py-[3cqw]\",\n        opening: \"flex-col\",\n      }\n    : {\n        scroll: \"flex items-center overflow-x-auto\",\n        list: \"flex gap-[2.5cqw]\",\n        tile: \"w-[28cqw] shrink-0 py-[1.5cqw]\",\n        opening: \"flex-row\",\n      };\n\n  const openTimer = useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined,\n  );\n  useEffect(() => () => clearTimeout(openTimer.current), []);\n\n  const open = (appName: string) => {\n    if (!onOpenApp || opening) return;\n    setOpening(appName);\n    setError(undefined);\n    onOpenApp(appName).then(\n      () => {\n        openTimer.current = setTimeout(() => {\n          setOpening(undefined);\n          setError(`${appName} opened but its screen never showed up`);\n        }, OPEN_TIMEOUT_MS);\n      },\n      (cause: unknown) => {\n        setOpening(undefined);\n        setError(cause instanceof Error ? cause.message : String(cause));\n      },\n    );\n  };\n\n  return (\n    <div className=\"flex flex-col gap-8\" data-testid=\"container_device-os-info\">\n      <ScreenFrame>\n        <div\n          className={`${screen.background} ${layout.scroll} ${SCROLLBAR} ${screen.scrollbar} p-[3cqw]`}\n          style={{ aspectRatio: model.screenWidth / model.screenHeight }}\n          data-testid=\"list_device-apps\"\n        >\n          {apps.length === 0 ? (\n            <p\n              className={`text-[length:5.5cqw] ${screen.text} flex h-full w-full items-center justify-center opacity-60`}\n            >\n              No apps installed\n            </p>\n          ) : (\n            <div className={layout.list}>\n              {apps.map((app) => (\n                <button\n                  key={app.name}\n                  type=\"button\"\n                  title={`${app.name} ${app.version}`}\n                  disabled={!onOpenApp || opening !== undefined}\n                  onClick={() => open(app.name)}\n                  className={`${screen.text} ${layout.tile} flex flex-col items-center gap-[1.5cqw] border-0 bg-transparent px-[1.5cqw] disabled:cursor-default enabled:cursor-pointer`}\n                  data-testid={`button_open-app-${app.name}`}\n                >\n                  <AppIcon name={app.name} />\n                  <span className=\"w-full truncate text-center text-[length:4.7cqw] leading-[1.3]\">\n                    {app.name}\n                  </span>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n        {opening !== undefined ? (\n          <div\n            className={`${screen.text} ${screen.overlay} ${layout.opening} pointer-events-none absolute inset-0 flex items-center justify-center gap-[3cqw] backdrop-blur-[1cqw]`}\n            data-testid=\"spinner_opening-app-screen\"\n          >\n            <div className=\"relative flex size-[18cqw] shrink-0 items-center justify-center\">\n              <span className=\"absolute inset-0 rounded-full border-[0.8cqw] border-current opacity-15\" />\n              <span className=\"absolute inset-0 animate-spin rounded-full border-[0.8cqw] border-transparent border-t-current\" />\n              <AppIcon name={opening} />\n            </div>\n            <span className=\"animate-pulse text-[length:4.7cqw] font-semibold\">\n              Opening {opening}\n            </span>\n          </div>\n        ) : null}\n      </ScreenFrame>\n      {error ? <p className=\"body-4 text-error text-center\">{error}</p> : null}\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useRef", "useState", "ScreenFrame", "OS_APP_NAME", "OPEN_TIMEOUT_MS", "SCROLLBAR", "iconUrl", "appName", "AppIcon", "name", "missing", "setMissing", "DeviceOsInfo", "device", "model", "onOpenApp", "apps", "opening", "setOpening", "error", "setError", "screen", "layout", "openTimer", "open", "cause", "app"]
+}

package/lib/esm/src/DeviceOsInfo.test.js

@@ -0,0 +1,2 @@
+import i,{act as r}from"react";import{createRoot as m}from"react-dom/client";import{findDeviceScreenModel as p}from"./deviceModels";import{DeviceOsInfo as s}from"./DeviceOsInfo";Object.assign(globalThis,{IS_REACT_ACT_ENVIRONMENT:!0});const a=t=>({id:"device-1",device_type:"stax",apps:t}),c=[{name:"BOLOS",version:"1.10.1"},{name:"Bitcoin",version:"2.5.0"},{name:"Ethereum",version:"1.22.3"}];describe("DeviceOsInfo",()=>{let t,l;const e=n=>t.querySelector(`[data-testid="${n}"]`),o=n=>r(()=>l.render(n)),d=async n=>r(async()=>{e(n).click(),await Promise.resolve()});beforeEach(()=>{vi.useFakeTimers(),t=document.createElement("div"),document.body.append(t),l=m(t)}),afterEach(()=>{r(()=>l.unmount()),t.remove(),vi.useRealTimers()}),it("lists the installed apps, without the OS",()=>{o(i.createElement(s,{device:a(c),model:p("stax")})),expect(e("button_open-app-Bitcoin")).not.toBeNull(),expect(e("button_open-app-Ethereum")).not.toBeNull(),expect(e("button_open-app-BOLOS")).toBeNull()}),it("says when no app is installed",()=>{o(i.createElement(s,{device:a([c[0]]),model:p("nanoX")})),expect(e("list_device-apps")?.textContent).toBe("No apps installed")}),it("cannot open apps without an emulator",()=>{o(i.createElement(s,{device:a(c),model:p("nanoS")})),expect(e("button_open-app-Bitcoin").disabled).toBe(!0)}),it("shows the app being opened",async()=>{const n=vi.fn(()=>new Promise(()=>{}));o(i.createElement(s,{device:a(c),model:p("stax"),onOpenApp:n})),await d("button_open-app-Bitcoin"),expect(n).toHaveBeenCalledWith("Bitcoin"),expect(e("spinner_opening-app-screen")?.textContent).toContain("Opening Bitcoin")}),it("shows why an app could not be opened",async()=>{o(i.createElement(s,{device:a(c),model:p("stax"),onOpenApp:()=>Promise.reject(new Error("Could not open (6d00)"))})),await d("button_open-app-Bitcoin"),expect(e("spinner_opening-app-screen")).toBeNull(),expect(t.textContent).toContain("Could not open (6d00)")}),it("gives up when an opened app never shows its screen",async()=>{o(i.createElement(s,{device:a(c),model:p("stax"),onOpenApp:()=>Promise.resolve()})),await d("button_open-app-Ethereum"),r(()=>{vi.advanceTimersByTime(1e4)}),expect(t.textContent).toContain("Ethereum opened but its screen never showed up")}),it("falls back to the app's initial when its icon is missing",()=>{o(i.createElement(s,{device:a(c),model:p("stax")})),r(()=>{e("button_open-app-Bitcoin").querySelector("img").dispatchEvent(new Event("error"))}),expect(e("button_open-app-Bitcoin")?.querySelector("img")).toBeNull(),expect(e("button_open-app-Bitcoin")?.textContent).toBe("BBitcoin")})});
+//# sourceMappingURL=DeviceOsInfo.test.js.map

package/lib/esm/src/DeviceOsInfo.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DeviceOsInfo.test.tsx"],
+  "sourcesContent": ["import React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport { type Device } from \"@ledgerhq/device-mockserver-client\";\n\nimport { findDeviceScreenModel } from \"./deviceModels\";\nimport { DeviceOsInfo } from \"./DeviceOsInfo\";\n\nObject.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });\n\nconst aDevice = (apps: { name: string; version: string }[]) =>\n  ({ id: \"device-1\", device_type: \"stax\", apps }) as unknown as Device;\n\nconst APPS = [\n  { name: \"BOLOS\", version: \"1.10.1\" },\n  { name: \"Bitcoin\", version: \"2.5.0\" },\n  { name: \"Ethereum\", version: \"1.22.3\" },\n];\n\ndescribe(\"DeviceOsInfo\", () => {\n  let container: HTMLDivElement;\n  let root: Root;\n\n  const query = (testId: string) =>\n    container.querySelector<HTMLElement>(`[data-testid=\"${testId}\"]`);\n  const render = (\n    element: React.ReactElement<React.ComponentProps<typeof DeviceOsInfo>>,\n  ) => act(() => root.render(element));\n  const click = async (testId: string) =>\n    act(async () => {\n      query(testId)!.click();\n      await Promise.resolve();\n    });\n\n  beforeEach(() => {\n    vi.useFakeTimers();\n    container = document.createElement(\"div\");\n    document.body.append(container);\n    root = createRoot(container);\n  });\n\n  afterEach(() => {\n    act(() => root.unmount());\n    container.remove();\n    vi.useRealTimers();\n  });\n\n  it(\"lists the installed apps, without the OS\", () => {\n    render(\n      <DeviceOsInfo\n        device={aDevice(APPS)}\n        model={findDeviceScreenModel(\"stax\")}\n      />,\n    );\n\n    expect(query(\"button_open-app-Bitcoin\")).not.toBeNull();\n    expect(query(\"button_open-app-Ethereum\")).not.toBeNull();\n    expect(query(\"button_open-app-BOLOS\")).toBeNull();\n  });\n\n  it(\"says when no app is installed\", () => {\n    render(\n      <DeviceOsInfo\n        device={aDevice([APPS[0]!])}\n        model={findDeviceScreenModel(\"nanoX\")}\n      />,\n    );\n\n    expect(query(\"list_device-apps\")?.textContent).toBe(\"No apps installed\");\n  });\n\n  it(\"cannot open apps without an emulator\", () => {\n    render(\n      <DeviceOsInfo\n        device={aDevice(APPS)}\n        model={findDeviceScreenModel(\"nanoS\")}\n      />,\n    );\n\n    expect(\n      (query(\"button_open-app-Bitcoin\") as HTMLButtonElement).disabled,\n    ).toBe(true);\n  });\n\n  it(\"shows the app being opened\", async () => {\n    const onOpenApp = vi.fn(() => new Promise<void>(() => {}));\n    render(\n      <DeviceOsInfo\n        device={aDevice(APPS)}\n        model={findDeviceScreenModel(\"stax\")}\n        onOpenApp={onOpenApp}\n      />,\n    );\n\n    await click(\"button_open-app-Bitcoin\");\n\n    expect(onOpenApp).toHaveBeenCalledWith(\"Bitcoin\");\n    expect(query(\"spinner_opening-app-screen\")?.textContent).toContain(\n      \"Opening Bitcoin\",\n    );\n  });\n\n  it(\"shows why an app could not be opened\", async () => {\n    render(\n      <DeviceOsInfo\n        device={aDevice(APPS)}\n        model={findDeviceScreenModel(\"stax\")}\n        onOpenApp={() => Promise.reject(new Error(\"Could not open (6d00)\"))}\n      />,\n    );\n\n    await click(\"button_open-app-Bitcoin\");\n\n    expect(query(\"spinner_opening-app-screen\")).toBeNull();\n    expect(container.textContent).toContain(\"Could not open (6d00)\");\n  });\n\n  it(\"gives up when an opened app never shows its screen\", async () => {\n    render(\n      <DeviceOsInfo\n        device={aDevice(APPS)}\n        model={findDeviceScreenModel(\"stax\")}\n        onOpenApp={() => Promise.resolve()}\n      />,\n    );\n\n    await click(\"button_open-app-Ethereum\");\n    act(() => {\n      vi.advanceTimersByTime(10_000);\n    });\n\n    expect(container.textContent).toContain(\n      \"Ethereum opened but its screen never showed up\",\n    );\n  });\n\n  it(\"falls back to the app's initial when its icon is missing\", () => {\n    render(\n      <DeviceOsInfo\n        device={aDevice(APPS)}\n        model={findDeviceScreenModel(\"stax\")}\n      />,\n    );\n\n    act(() => {\n      query(\"button_open-app-Bitcoin\")!\n        .querySelector(\"img\")!\n        .dispatchEvent(new Event(\"error\"));\n    });\n\n    expect(query(\"button_open-app-Bitcoin\")?.querySelector(\"img\")).toBeNull();\n    expect(query(\"button_open-app-Bitcoin\")?.textContent).toBe(\"BBitcoin\");\n  });\n});\n"],
+  "mappings": "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",
+  "names": ["React", "act", "createRoot", "findDeviceScreenModel", "DeviceOsInfo", "aDevice", "apps", "APPS", "container", "root", "query", "testId", "render", "element", "click", "onOpenApp"]
+}

package/lib/esm/src/DeviceScreen.js

@@ -0,0 +1,2 @@
+import e,{useEffect as z,useRef as h,useState as b}from"react";import{Banner as P,IconButton as N}from"@ledgerhq/lumen-ui-react";import{ChevronDown as _,ChevronUp as H}from"@ledgerhq/lumen-ui-react/symbols";import{findDeviceScreenModel as I}from"./deviceModels";import{DeviceOsInfo as W}from"./DeviceOsInfo";import{DeviceScreenButtons as A}from"./DeviceScreenButtons";import{DeviceScreenImage as B}from"./DeviceScreenImage";import{ScreenFrame as F}from"./ScreenFrame";import{useScreenPolling as L}from"./useScreenPolling";const v=16,X=224,k=200,D=(o,n,c)=>{const s=(l,i)=>Math.min(Math.max(l,0),Math.max(i,0));return{left:s(o,window.innerWidth-c.width),top:s(n,window.innerHeight-c.height)}},U=(o,n)=>n?`${o} - ${n}`:o,Z=({api:o,deviceType:n,firmwareVersion:c,floating:s=!1,defaultCollapsed:l=!1})=>{const i=I(n),[m,a]=b(l),g=L(o,!s||!m);return s?e.createElement($,{title:U(i.label,c),model:i,collapsed:m,onToggle:()=>a(f=>!f)},S(g,i,o)):e.createElement("div",{className:"mx-auto flex w-full max-w-[420px] flex-col gap-8","data-testid":"container_device-screen"},S(g,i,o))},$=({title:o,model:n,collapsed:c,onToggle:s,children:l})=>{const i=h(null),[m,a]=b(),[g,f]=b(X),d=h(null),u=h(null);z(()=>{const t=()=>{const r=i.current?.getBoundingClientRect();r&&a(p=>p&&D(p.left,p.top,r))};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const M=t=>{const r=i.current?.getBoundingClientRect();!r||t.button!==0||t.target.closest("button")||(t.currentTarget.setPointerCapture(t.pointerId),d.current={dx:t.clientX-r.left,dy:t.clientY-r.top})},y=t=>{const r=i.current?.getBoundingClientRect();!d.current||!r||a(D(t.clientX-d.current.dx,t.clientY-d.current.dy,r))},w=()=>{d.current=null},C=t=>{const r=i.current?.getBoundingClientRect();!r||t.button!==0||(t.currentTarget.setPointerCapture(t.pointerId),a({left:r.left,top:r.top}),u.current={x:t.clientX,width:r.width})},E=t=>{const r=i.current?.getBoundingClientRect();if(!u.current||!r)return;const p=u.current.width+t.clientX-u.current.x,T=window.innerWidth-r.left-v;f(Math.max(k,Math.min(p,T)))},x=()=>{u.current=null};return e.createElement("div",{ref:i,className:"bg-base border-muted fixed flex max-w-[calc(100vw-32px)] flex-col rounded-lg border shadow-lg",style:{zIndex:1e3,width:g,...m??{right:v,bottom:v}},"data-testid":"container_device-screen"},e.createElement("div",{className:"flex cursor-move items-center gap-8 px-12 py-8 select-none",style:{touchAction:"none"},onPointerDown:M,onPointerMove:y,onPointerUp:w,onPointerCancel:w},e.createElement(n.icon,{size:16}),e.createElement("span",{className:"body-3-semi-bold text-base flex-1"},o),e.createElement(N,{appearance:"no-background",size:"xs",icon:c?H:_,"aria-label":c?"Expand device screen":"Collapse device screen",onClick:s,"data-testid":"button_toggle-device-screen"})),c?null:e.createElement(e.Fragment,null,e.createElement("div",{className:"flex flex-col gap-8 px-12 pb-12"},l),e.createElement("div",{className:"group absolute top-0 right-[-6px] bottom-0 flex w-[12px] cursor-ew-resize items-center justify-center",style:{touchAction:"none"},onPointerDown:C,onPointerMove:E,onPointerUp:x,onPointerCancel:x,"aria-hidden":!0,"data-testid":"handle_resize-device-screen"},e.createElement("span",{className:"border-muted bg-base group-hover:bg-muted group-active:bg-muted h-40 w-[6px] rounded-full border transition-colors"}))))};function S(o,n,c){switch(o.kind){case"loading":return e.createElement(F,null,e.createElement("div",{className:`${n.lightScreen?"bg-white text-black":"bg-black text-white"} flex items-center justify-center`,style:{aspectRatio:n.screenWidth/n.screenHeight},"data-testid":"placeholder_device-screen-loading"},e.createElement("span",{className:"animate-pulse opacity-60"},e.createElement(n.icon,{size:32}))));case"error":return e.createElement(P,{appearance:"error",title:"Screen unavailable",description:o.message});case"os-info":return e.createElement(e.Fragment,null,e.createElement(W,{device:o.device,model:n,onOpenApp:n.speculos?c.openApp:void 0}),n.speculos?null:e.createElement(P,{appearance:"info",title:"No screen to capture",description:`Speculos has no emulator for the ${n.label}, so this device is mocked all the way through and has no screen.`,"data-testid":"banner_device-screen-no-emulator"}));case"image":return e.createElement(e.Fragment,null,e.createElement(B,{src:o.src,onTouch:n.touch?o.input.touch:void 0}),n.touch?null:e.createElement(A,{onPress:o.input.pressButton}))}}export{Z as DeviceScreen};
+//# sourceMappingURL=DeviceScreen.js.map

package/lib/esm/src/DeviceScreen.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/DeviceScreen.tsx"],
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from \"react\";\nimport { Banner, IconButton } from \"@ledgerhq/lumen-ui-react\";\nimport { ChevronDown, ChevronUp } from \"@ledgerhq/lumen-ui-react/symbols\";\n\nimport { type DeviceScreenModel, findDeviceScreenModel } from \"./deviceModels\";\nimport { DeviceOsInfo } from \"./DeviceOsInfo\";\nimport { DeviceScreenButtons } from \"./DeviceScreenButtons\";\nimport { DeviceScreenImage } from \"./DeviceScreenImage\";\nimport { ScreenFrame } from \"./ScreenFrame\";\nimport { type DeviceScreenState, type ScreenApi } from \"./types\";\nimport { useScreenPolling } from \"./useScreenPolling\";\n\nexport type DeviceScreenProps = {\n  api: ScreenApi;\n  /** The mock server's `device_type`, a DMK `DeviceModelId`. */\n  deviceType: string;\n  /** Shown next to the model name in the floating window's header. */\n  firmwareVersion?: string;\n  /**\n   * Render as a window over the page that can be dragged by its header and\n   * collapsed to it, rather than inline where it is placed.\n   */\n  floating?: boolean;\n  defaultCollapsed?: boolean;\n};\n\ninterface Position {\n  readonly left: number;\n  readonly top: number;\n}\n\nconst EDGE_MARGIN_PX = 16;\nconst DEFAULT_WIDTH_PX = 224;\nconst MIN_WIDTH_PX = 200;\n\n/** Keeps the whole window, header included, where it can be dragged back. */\nconst clampToViewport = (\n  left: number,\n  top: number,\n  rect: DOMRect,\n): Position => {\n  const clamp = (value: number, max: number) =>\n    Math.min(Math.max(value, 0), Math.max(max, 0));\n  return {\n    left: clamp(left, window.innerWidth - rect.width),\n    top: clamp(top, window.innerHeight - rect.height),\n  };\n};\n\nconst deviceScreenTitle = (label: string, firmwareVersion?: string) =>\n  firmwareVersion ? `${label} - ${firmwareVersion}` : label;\n\nexport const DeviceScreen: React.FC<DeviceScreenProps> = ({\n  api,\n  deviceType,\n  firmwareVersion,\n  floating = false,\n  defaultCollapsed = false,\n}) => {\n  const model = findDeviceScreenModel(deviceType);\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const state = useScreenPolling(api, !floating || !collapsed);\n\n  if (!floating) {\n    return (\n      <div\n        className=\"mx-auto flex w-full max-w-[420px] flex-col gap-8\"\n        data-testid=\"container_device-screen\"\n      >\n        {renderScreen(state, model, api)}\n      </div>\n    );\n  }\n\n  return (\n    <FloatingWindow\n      title={deviceScreenTitle(model.label, firmwareVersion)}\n      model={model}\n      collapsed={collapsed}\n      onToggle={() => setCollapsed((value) => !value)}\n    >\n      {renderScreen(state, model, api)}\n    </FloatingWindow>\n  );\n};\n\ntype FloatingWindowProps = {\n  title: string;\n  model: DeviceScreenModel;\n  collapsed: boolean;\n  onToggle: () => void;\n  children: React.ReactNode;\n};\n\nconst FloatingWindow: React.FC<FloatingWindowProps> = ({\n  title,\n  model,\n  collapsed,\n  onToggle,\n  children,\n}) => {\n  const windowRef = useRef<HTMLDivElement>(null);\n  /** Unset until first dragged: the window starts in the bottom right corner. */\n  const [position, setPosition] = useState<Position>();\n  const [width, setWidth] = useState(DEFAULT_WIDTH_PX);\n  const drag = useRef<{ dx: number; dy: number } | null>(null);\n  const resize = useRef<{ x: number; width: number } | null>(null);\n\n  // Once moved, the window holds fixed coordinates that a shrinking viewport\n  // could leave off-screen.\n  useEffect(() => {\n    const handleViewportResize = () => {\n      const rect = windowRef.current?.getBoundingClientRect();\n      if (!rect) return;\n      setPosition(\n        (current) =>\n          current && clampToViewport(current.left, current.top, rect),\n      );\n    };\n    window.addEventListener(\"resize\", handleViewportResize);\n    return () => window.removeEventListener(\"resize\", handleViewportResize);\n  }, []);\n\n  const handlePointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    const rect = windowRef.current?.getBoundingClientRect();\n    // A drag captures the pointer, which would steal the button's click.\n    if (\n      !rect ||\n      event.button !== 0 ||\n      (event.target as HTMLElement).closest(\"button\")\n    ) {\n      return;\n    }\n    event.currentTarget.setPointerCapture(event.pointerId);\n    drag.current = {\n      dx: event.clientX - rect.left,\n      dy: event.clientY - rect.top,\n    };\n  };\n\n  const handlePointerMove = (event: React.PointerEvent<HTMLDivElement>) => {\n    const rect = windowRef.current?.getBoundingClientRect();\n    if (!drag.current || !rect) return;\n    setPosition(\n      clampToViewport(\n        event.clientX - drag.current.dx,\n        event.clientY - drag.current.dy,\n        rect,\n      ),\n    );\n  };\n\n  const handlePointerUp = () => {\n    drag.current = null;\n  };\n\n  const handleResizeDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    const rect = windowRef.current?.getBoundingClientRect();\n    if (!rect || event.button !== 0) return;\n    event.currentTarget.setPointerCapture(event.pointerId);\n    // Pin the top left corner, or growing would push the window leftwards\n    // while it is still anchored to the bottom right.\n    setPosition({ left: rect.left, top: rect.top });\n    resize.current = { x: event.clientX, width: rect.width };\n  };\n\n  const handleResizeMove = (event: React.PointerEvent<HTMLDivElement>) => {\n    const rect = windowRef.current?.getBoundingClientRect();\n    if (!resize.current || !rect) return;\n    const next = resize.current.width + event.clientX - resize.current.x;\n    const max = window.innerWidth - rect.left - EDGE_MARGIN_PX;\n    setWidth(Math.max(MIN_WIDTH_PX, Math.min(next, max)));\n  };\n\n  const handleResizeUp = () => {\n    resize.current = null;\n  };\n\n  return (\n    <div\n      ref={windowRef}\n      className=\"bg-base border-muted fixed flex max-w-[calc(100vw-32px)] flex-col rounded-lg border shadow-lg\"\n      style={{\n        zIndex: 1000,\n        width,\n        ...(position ?? { right: EDGE_MARGIN_PX, bottom: EDGE_MARGIN_PX }),\n      }}\n      data-testid=\"container_device-screen\"\n    >\n      <div\n        className=\"flex cursor-move items-center gap-8 px-12 py-8 select-none\"\n        style={{ touchAction: \"none\" }}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerUp}\n      >\n        <model.icon size={16} />\n        <span className=\"body-3-semi-bold text-base flex-1\">{title}</span>\n        <IconButton\n          appearance=\"no-background\"\n          size=\"xs\"\n          icon={collapsed ? ChevronUp : ChevronDown}\n          aria-label={\n            collapsed ? \"Expand device screen\" : \"Collapse device screen\"\n          }\n          onClick={onToggle}\n          data-testid=\"button_toggle-device-screen\"\n        />\n      </div>\n      {collapsed ? null : (\n        <>\n          <div className=\"flex flex-col gap-8 px-12 pb-12\">{children}</div>\n          <div\n            className=\"group absolute top-0 right-[-6px] bottom-0 flex w-[12px] cursor-ew-resize items-center justify-center\"\n            style={{ touchAction: \"none\" }}\n            onPointerDown={handleResizeDown}\n            onPointerMove={handleResizeMove}\n            onPointerUp={handleResizeUp}\n            onPointerCancel={handleResizeUp}\n            aria-hidden\n            data-testid=\"handle_resize-device-screen\"\n          >\n            <span className=\"border-muted bg-base group-hover:bg-muted group-active:bg-muted h-40 w-[6px] rounded-full border transition-colors\" />\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nfunction renderScreen(\n  state: DeviceScreenState,\n  model: DeviceScreenModel,\n  api: ScreenApi,\n) {\n  switch (state.kind) {\n    case \"loading\":\n      return (\n        <ScreenFrame>\n          <div\n            className={`${model.lightScreen ? \"bg-white text-black\" : \"bg-black text-white\"} flex items-center justify-center`}\n            style={{ aspectRatio: model.screenWidth / model.screenHeight }}\n            data-testid=\"placeholder_device-screen-loading\"\n          >\n            <span className=\"animate-pulse opacity-60\">\n              <model.icon size={32} />\n            </span>\n          </div>\n        </ScreenFrame>\n      );\n    case \"error\":\n      return (\n        <Banner\n          appearance=\"error\"\n          title=\"Screen unavailable\"\n          description={state.message}\n        />\n      );\n    case \"os-info\":\n      return (\n        <>\n          <DeviceOsInfo\n            device={state.device}\n            model={model}\n            onOpenApp={model.speculos ? api.openApp : undefined}\n          />\n          {model.speculos ? null : (\n            <Banner\n              appearance=\"info\"\n              title=\"No screen to capture\"\n              description={`Speculos has no emulator for the ${model.label}, so this device is mocked all the way through and has no screen.`}\n              data-testid=\"banner_device-screen-no-emulator\"\n            />\n          )}\n        </>\n      );\n    case \"image\":\n      return (\n        <>\n          <DeviceScreenImage\n            src={state.src}\n            onTouch={model.touch ? state.input.touch : undefined}\n          />\n          {model.touch ? null : (\n            <DeviceScreenButtons onPress={state.input.pressButton} />\n          )}\n        </>\n      );\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useRef", "useState", "Banner", "IconButton", "ChevronDown", "ChevronUp", "findDeviceScreenModel", "DeviceOsInfo", "DeviceScreenButtons", "DeviceScreenImage", "ScreenFrame", "useScreenPolling", "EDGE_MARGIN_PX", "DEFAULT_WIDTH_PX", "MIN_WIDTH_PX", "clampToViewport", "left", "top", "rect", "clamp", "value", "max", "deviceScreenTitle", "label", "firmwareVersion", "DeviceScreen", "api", "deviceType", "floating", "defaultCollapsed", "model", "collapsed", "setCollapsed", "state", "FloatingWindow", "renderScreen", "title", "onToggle", "children", "windowRef", "position", "setPosition", "width", "setWidth", "drag", "resize", "handleViewportResize", "current", "handlePointerDown", "event", "handlePointerMove", "handlePointerUp", "handleResizeDown", "handleResizeMove", "next", "handleResizeUp"]
+}

package/lib/esm/src/DeviceScreen.test.js

@@ -0,0 +1,2 @@
+import u,{act as l}from"react";import{createRoot as v}from"react-dom/client";import{DeviceScreen as m}from"./DeviceScreen";Object.assign(globalThis,{IS_REACT_ACT_ENVIRONMENT:!0});const f={id:"device-1",device_type:"stax",apps:[{name:"Bitcoin",version:"2.5.0"}]},o=(c={})=>({screenshot:vi.fn(()=>Promise.resolve(null)),idle:vi.fn(()=>Promise.resolve({kind:"os-info",device:f})),pressButton:vi.fn(()=>Promise.resolve()),touch:vi.fn(()=>Promise.resolve()),openApp:vi.fn(()=>Promise.resolve()),...c});describe("DeviceScreen",()=>{let c,p;const a=e=>c.querySelector(`[data-testid="${e}"]`),n=e=>l(()=>p.render(u.createElement(m,{deviceType:"stax",...e}))),t=(e=0)=>l(()=>vi.advanceTimersByTimeAsync(e)),i=(e,s,r={})=>l(()=>{e.dispatchEvent(new MouseEvent(s,{bubbles:!0,button:0,...r}))});beforeEach(()=>{vi.useFakeTimers(),URL.createObjectURL=vi.fn(()=>"blob:frame"),URL.revokeObjectURL=vi.fn(),HTMLElement.prototype.setPointerCapture=vi.fn(),HTMLElement.prototype.releasePointerCapture=vi.fn(),c=document.createElement("div"),document.body.append(c),p=v(c)}),afterEach(()=>{l(()=>p.unmount()),c.remove(),vi.useRealTimers()}),describe("inline",()=>{it("shows a placeholder until the screen answers",()=>{n({api:o({screenshot:()=>new Promise(()=>{})})}),expect(a("placeholder_device-screen-loading")).not.toBeNull()}),it("shows the live screen of a running app",async()=>{n({api:o({screenshot:()=>Promise.resolve(new Blob(["png"]))})}),await t(),expect(a("image_device-screen")?.getAttribute("src")).toBe("blob:frame")}),it("shows the installed apps while no app runs",async()=>{n({api:o()}),await t(),expect(a("button_open-app-Bitcoin")).not.toBeNull()}),it("says why a device without an emulator has no screen",async()=>{n({api:o(),deviceType:"nanoS"}),await t(),expect(a("button_open-app-Bitcoin")).not.toBeNull(),expect(c.textContent).toContain("Speculos has no emulator for the Nano S")}),it("says nothing about emulators for a device that has one",async()=>{n({api:o()}),await t(),expect(c.textContent).not.toContain("has no emulator")}),it("says there is no screen when the api has nothing to show instead",async()=>{n({api:o({idle:void 0})}),await t(),expect(c.textContent).toContain("No screen to capture")}),it("shows why the screen is unavailable",async()=>{n({api:o({screenshot:()=>Promise.reject(new Error("offline"))})}),await t(),expect(c.textContent).toContain("Screen unavailable"),expect(c.textContent).toContain("offline")}),it("keeps the last frame through a few failures while live",async()=>{const e=vi.fn().mockResolvedValueOnce(new Blob(["png"])).mockRejectedValue(new Error("app quitting")),s=()=>e.mock.calls.length-1;for(n({api:o({screenshot:e})}),await t();s()<3;)await t(500);for(expect(a("image_device-screen")).not.toBeNull();s()<4;)await t(500);expect(a("image_device-screen")).toBeNull(),expect(c.textContent).toContain("app quitting")}),it("drives a Nano with its buttons and refreshes after",async()=>{const e=o({screenshot:vi.fn(()=>Promise.resolve(new Blob(["png"])))});n({api:e,deviceType:"nanoX"}),await t(),i(a("button_device-screen-left"),"pointerdown"),i(a("button_device-screen-left"),"pointerup"),await t(),expect(e.pressButton).toHaveBeenCalledWith("left","press-and-release"),expect(e.screenshot).toHaveBeenCalledTimes(2)}),it("drives a touch device by its screen, without buttons",async()=>{n({api:o({screenshot:()=>Promise.resolve(new Blob(["png"]))})}),await t(),expect(a("image_device-screen")).not.toBeNull(),expect(a("button_device-screen-left")).toBeNull()})}),describe("floating",()=>{const e=()=>a("container_device-screen"),s=()=>e().firstElementChild;it("titles the window with the model and firmware",async()=>{n({api:o(),floating:!0,firmwareVersion:"1.10.1"}),await t(),expect(e().textContent).toContain("Stax - 1.10.1"),expect(e().style.width).toBe("224px")}),it("stops polling while collapsed",async()=>{const r=o();n({api:r,floating:!0,defaultCollapsed:!0}),await t(5e3),expect(r.screenshot).not.toHaveBeenCalled(),expect(a("button_open-app-Bitcoin")).toBeNull(),l(()=>a("button_toggle-device-screen").click()),await t(),expect(r.screenshot).toHaveBeenCalled(),expect(a("button_open-app-Bitcoin")).not.toBeNull()}),it("is dragged by its header",async()=>{n({api:o(),floating:!0}),await t(),i(s(),"pointerdown",{clientX:10,clientY:10}),i(s(),"pointermove",{clientX:110,clientY:60}),i(s(),"pointerup"),i(s(),"pointermove",{clientX:500,clientY:500}),expect(e().style.left).toBe("100px"),expect(e().style.top).toBe("50px")}),describe("when the viewport shrinks",()=>{const r={width:window.innerWidth,height:window.innerHeight},d=(h,w)=>l(()=>{Object.assign(window,{innerWidth:h,innerHeight:w}),window.dispatchEvent(new Event("resize"))});afterEach(()=>{Object.assign(window,{innerWidth:r.width,innerHeight:r.height})}),it("pulls a dragged window back on screen",async()=>{n({api:o(),floating:!0}),await t(),e().getBoundingClientRect=()=>({left:0,top:0,width:224,height:300}),i(s(),"pointerdown",{clientX:10,clientY:10}),i(s(),"pointermove",{clientX:610,clientY:410}),i(s(),"pointerup"),expect(e().style.left).toBe("600px"),d(500,500),expect(e().style.left).toBe("276px"),expect(e().style.top).toBe("200px")}),it("leaves a window that was never moved in its corner",async()=>{n({api:o(),floating:!0}),await t(),d(500,500),expect(e().style.left).toBe(""),expect(e().style.right).toBe("16px")})}),it("is not dragged from its button or with another mouse button",async()=>{n({api:o(),floating:!0}),await t(),i(a("button_toggle-device-screen"),"pointerdown"),i(s(),"pointerdown",{button:2}),i(s(),"pointermove",{clientX:110,clientY:60}),expect(e().style.left).toBe("")}),it("is resized from its edge, down to a minimum width",async()=>{n({api:o(),floating:!0}),await t(),e().getBoundingClientRect=()=>({left:100,top:80,width:224,height:300});const r=a("handle_resize-device-screen");i(r,"pointerdown",{clientX:324}),i(r,"pointermove",{clientX:424}),expect(e().style.width).toBe("324px"),expect(e().style.left).toBe("100px"),i(r,"pointermove",{clientX:0}),i(r,"pointerup"),i(r,"pointermove",{clientX:600}),expect(e().style.width).toBe("200px")})})});
+//# sourceMappingURL=DeviceScreen.test.js.map