{"version":3,"mappings":";4IAKA,MAAMA,EAA0BC,EAAA,KAAK,IAAMC,EAAA,WAAO,uCAA2B,EAAC,+CAE9E,SAAwBC,EAAsB,CAC5C,aAAAC,EACA,eAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAMG,CACD,MAAMC,EAAYC,WACZC,EAAYD,WACZ,CAACE,EAAWC,CAAY,EAAIC,WAAS,EAAK,EAG9C,OAAAC,EAAA,KAAC,MAAI,KAAKN,EACR,UAAAO,EAAA,IAAC,UACC,KAAK,SACL,UAAU,4CACV,kBAAgB,UAChB,uBAAqB,kBACrB,IAAKL,EACL,QAAS,IAAME,EAAa,EAAI,EAE/B,SAAAR,EAAiBY,EAAcZ,CAAc,EAAI,QACpD,EAECO,IAAaH,GAAA,MAAAA,EAAW,WAAWE,GAAA,MAAAA,EAAW,SAC7CK,EAAA,IAACE,EAAA,UACC,SACEF,EAAA,IAACG,EAAO,QAAP,CACC,SAAU,CACR,IAAKR,EAAU,QACf,UAAWF,EAAU,QACrB,QAAS,IAAM,CAAC,EAChB,OAAQ,GACR,OAAQ,CAAC,IAAK,EAAE,CAClB,EACF,EAGF,SAAAO,EAAA,IAAChB,EAAA,CACC,cAAeW,EAAU,QACzB,aAAAP,EACA,eAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,OAAQ,IAAMK,EAAa,EAAK,EAChC,cAAeJ,EAAU,QAC3B,IAGF,EAEJ,GAEJ,CC/DA,MAAMW,EAA6BnB,EAAA,KACjC,IAAAC,EAAA,IAAM,OAAO,0CAA8B,iDAC7C,EAEA,SAAwBmB,EAAqB,CAC3C,aAAAC,EACA,QAAAhB,EACA,QAAAC,EACA,SAAAC,EACA,MAAAe,CACF,EAMG,CACD,MAAMd,EAAYC,WACZC,EAAYD,WACZ,CAACE,EAAWC,CAAY,EAAIC,WAAS,EAAK,EAG9C,OAAAC,EAAA,KAAC,MAAI,KAAKN,EACR,UAAAO,EAAA,IAAC,UACC,KAAK,SACL,UAAU,4CACV,kBAAgB,UAChB,uBAAqB,kBACrB,IAAKL,EACL,QAAS,IAAME,EAAa,EAAI,EAE/B,SAAAS,EAAeA,EAAa,eAAmB,MAClD,EAECV,IAAaH,GAAA,MAAAA,EAAW,WAAWE,GAAA,MAAAA,EAAW,SAC7CK,EAAA,IAACE,EAAA,UACC,SACEF,EAAA,IAACG,EAAO,QAAP,CACC,SAAU,CACR,IAAKR,EAAU,QACf,UAAWF,EAAU,QACrB,QAAS,IAAM,CAAC,EAChB,OAAQ,GACR,OAAQ,CAAC,IAAK,EAAE,CAClB,EACF,EAGF,SAAAO,EAAA,IAACI,EAAA,CACC,cAAeT,EAAU,QACzB,aAAAW,EACA,QAAAhB,EACA,QAAAC,EACA,SAAAC,EACA,OAAQ,IAAMK,EAAa,EAAK,EAChC,MAAAU,EACA,cAAed,EAAU,QAC3B,IAGF,EAEJ,GAEJ","names":["EditAudioProgressDrawer","lazy","__vitePreload","EditableAudioProgress","audioSeconds","currentSeconds","edition","message","onChange","portalRef","useRef","buttonRef","isEditing","setIsEditing","useState","jsxs","jsx","secondsFormat","Suspense","Drawer","EditablePageProgressDrawer","EditablePageProgress","currentPages","pages"],"ignoreList":[],"sources":["../../../app/javascript/components/progress/EditableCurrentProgress/EditableAudioProgress/EditableAudioProgress.tsx","../../../app/javascript/components/progress/EditableCurrentProgress/EditablePageProgress/EditablePageProgress.tsx"],"sourcesContent":["import { Drawer } from \"features/Drawer\";\nimport { secondsFormat } from \"lib/bookUtils\";\nimport { lazy, Suspense, useRef, useState } from \"react\";\nimport { EditionSerializersEditionByline } from \"types/serializers\";\n\nconst EditAudioProgressDrawer = lazy(() => import(\"./EditAudioProgressDrawer\"));\n\nexport default function EditableAudioProgress({\n  audioSeconds,\n  currentSeconds,\n  edition,\n  message,\n  onChange,\n}: {\n  audioSeconds: number | null;\n  edition: EditionSerializersEditionByline;\n  message?: string;\n  currentSeconds: number | null;\n  onChange: (progress: number) => Promise<any>;\n}) {\n  const portalRef = useRef<HTMLDivElement>();\n  const buttonRef = useRef<HTMLButtonElement>();\n  const [isEditing, setIsEditing] = useState(false);\n\n  return (\n    <div ref={portalRef}>\n      <button\n        type=\"button\"\n        className=\"font-semibold underline decoration-dotted\"\n        data-tooltip-id=\"tooltip\"\n        data-tooltip-content=\"Click to update\"\n        ref={buttonRef}\n        onClick={() => setIsEditing(true)}\n      >\n        {currentSeconds ? secondsFormat(currentSeconds) : \"0h 0m\"}\n      </button>\n\n      {isEditing && portalRef?.current && buttonRef?.current ? (\n        <Suspense\n          fallback={\n            <Drawer.Loading\n              settings={{\n                ref: buttonRef.current,\n                portalRef: portalRef.current,\n                onClose: () => {},\n                isOpen: true,\n                offset: [-20, 10],\n              }}\n            />\n          }\n        >\n          <EditAudioProgressDrawer\n            attachElement={buttonRef.current}\n            audioSeconds={audioSeconds}\n            currentSeconds={currentSeconds}\n            edition={edition}\n            message={message}\n            onChange={onChange}\n            onDone={() => setIsEditing(false)}\n            portalElement={portalRef.current}\n          />\n        </Suspense>\n      ) : (\n        false\n      )}\n    </div>\n  );\n}\n","import { lazy, Suspense, useRef, useState } from \"react\";\nimport { Drawer } from \"features/Drawer\";\nimport { EditionSerializersEditionByline } from \"types/serializers\";\n\nconst EditablePageProgressDrawer = lazy(\n  () => import(\"./EditablePageProgressDrawer\")\n);\n\nexport default function EditablePageProgress({\n  currentPages,\n  edition,\n  message,\n  onChange,\n  pages,\n}: {\n  currentPages: number | null;\n  edition: EditionSerializersEditionByline;\n  message?: string;\n  onChange: (progress: number) => Promise<any>;\n  pages: number | null;\n}) {\n  const portalRef = useRef<HTMLDivElement>();\n  const buttonRef = useRef<HTMLButtonElement>();\n  const [isEditing, setIsEditing] = useState(false);\n\n  return (\n    <div ref={portalRef}>\n      <button\n        type=\"button\"\n        className=\"font-semibold underline decoration-dotted\"\n        data-tooltip-id=\"tooltip\"\n        data-tooltip-content=\"Click to update\"\n        ref={buttonRef}\n        onClick={() => setIsEditing(true)}\n      >\n        {currentPages ? currentPages.toLocaleString() : \"0\"}\n      </button>\n\n      {isEditing && portalRef?.current && buttonRef?.current ? (\n        <Suspense\n          fallback={\n            <Drawer.Loading\n              settings={{\n                ref: buttonRef.current,\n                portalRef: portalRef.current,\n                onClose: () => {},\n                isOpen: true,\n                offset: [-20, 10],\n              }}\n            />\n          }\n        >\n          <EditablePageProgressDrawer\n            attachElement={buttonRef.current}\n            currentPages={currentPages}\n            edition={edition}\n            message={message}\n            onChange={onChange}\n            onDone={() => setIsEditing(false)}\n            pages={pages}\n            portalElement={portalRef.current}\n          />\n        </Suspense>\n      ) : (\n        false\n      )}\n    </div>\n  );\n}\n"],"file":"assets/EditablePageProgress-Dp8r39pM.js"}