{"version":3,"file":"static/chunks/2030.ddb156b41037fe8f.js","mappings":"+QA4GAA,CAAAA,EAAA,QA9F4B,OAAC,CAAEC,UAAAA,CAAS,CAA0B,CAAAC,EAC1D,CAAEC,YAAAA,CAAW,CAAEC,eAAAA,CAAc,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,EAAAA,IAClC,CAACC,EAAQC,EAAU,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IAC/BC,EAAYC,CAAAA,EAAAA,EAAAA,MAAAA,EAAuB,MAEnC,CAAEC,QAAAA,CAAO,CAAEC,UAAAA,CAAS,CAAEC,WAAAA,CAAU,CAAEC,cAAAA,CAAa,CAAEC,YAAAA,CAAW,CAAEC,QAAAA,CAAO,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,EAC9EX,EACAY,KAAAA,EACA,CAAC,CAACf,GAAeA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAagB,SAAS,IAAK,uBAGxCC,EAAc,KAClBhB,EAAe,KACjB,EACMiB,EAAsB,IAC1Bd,EAAUD,EACZ,EA+CA,MACE,GAAAgB,EAAAC,GAAA,EAACC,EAAAA,CAAKA,CAAAA,CACJC,MAAO,kBACPC,OAAQvB,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAagB,SAAS,IAAK,sBACnCQ,QAASP,EACTQ,cAAc,sBACd3B,UAAU,6FACV4B,mBAAoBC,CAAAA,EAAAA,EAAAA,EAAAA,EAAG,sCAAuC7B,YAE9D,GAAAqB,EAAAC,GAAA,EAACQ,MAAAA,CAAI9B,UAAU,uDACb,GAAAqB,EAAAU,IAAA,EAACD,MAAAA,CAAI9B,UAAU,iDACb,GAAAqB,EAAAC,GAAA,EAACQ,MAAAA,CAAI9B,UAAW,oDACd,GAAAqB,EAAAC,GAAA,EAACU,EAAAA,CAASA,CAAAA,CACRC,aAAc,GACdC,oBAAmB,GACnB7B,OAAQA,EACRC,UAAWA,EACX6B,eAAe,wBACfC,gBAAiBhB,EACjBiB,QAAS,IAAMjB,EAAoB,QAGvC,GAAAC,EAAAC,GAAA,EAACQ,MAAAA,CAAIQ,IAAK9B,EAAWR,UAAU,wFAlErC,EAEI,GAAAqB,EAAAC,GAAA,EAACQ,MAAAA,CAAI9B,UAAU,wEACb,GAAAqB,EAAAC,GAAA,EAACiB,EAAAA,CAAWA,CAAAA,CAAAA,KAIdxB,EAAgB,GAAAM,EAAAC,GAAA,EAACkB,EAAAA,CAAOA,CAAAA,CAAAA,GAExB9B,IAAAA,EAAQ+B,MAAM,CAAe,GAAApB,EAAAC,GAAA,EAACoB,EAAAA,CAAaA,CAAAA,CAAAA,GAG7C,GAAArB,EAAAC,GAAA,EAACqB,EAAAA,CAAMA,CAACb,GAAG,EACTc,QAAS,CAAEC,QAAS,CAAE,EACtBC,QAAS,CAAED,QAAS,CAAE,EACtBE,WAAY,CAAEC,SAAU,IAAMC,MAAO,GAAK,EAC1CjD,UAAW,wCAEX,GAAAqB,EAAAC,GAAA,EAAC4B,IAAcA,CACbC,SAAU,IAAMtC,IAChBuC,QAAS,CAAC,CAACtC,GAAe,CAACF,EAC3ByC,UAAW,GACXC,UAAW,IACXC,gBAAiB,IAAM/C,EAAUgD,OAAO,UAExC,GAAAnC,EAAAC,GAAA,EAACmC,EAAAA,CAA2BA,CAAAA,CAACzD,UAAU,yFACpCU,EAAQgD,GAAG,CAAC,CAACC,EAAYC,IACxB,GAAAvC,EAAAC,GAAA,EAACuC,EAAAA,CAAUA,CAAAA,CACTC,WAAU,GAEV9D,UAAW,UAAkB+D,MAAA,CAARH,EAAM,GAC3BI,OAAQL,EACRM,QAAS,KACP/D,MAAAA,GAAAA,EAAagE,QAAQ,CAACP,EAAWK,MAAM,EACvC7C,GACF,GANKwC,EAAWQ,EAAE,iBA4ClC","sources":["webpack://_N_E/./src/components/ModalsPortal/PromptInput/PromptsLibraryModal.tsx"],"sourcesContent":["import Modal from \"@/components/Modal\"\nimport React, { useRef, useState } from \"react\"\nimport { usePromptInputStore } from \"@/stores\"\nimport { useWorkspacePrompt } from \"@/components/Tools/Prompts\"\nimport SearchBar from \"@/components/Workspace/FoldersV2/SearchBar\"\nimport LoadingLogo from \"@/components/LoadingLogo\"\nimport NotFoundItems from \"@/components/Workspace/Pinned/NotFoundItems\"\nimport { motion } from \"framer-motion\"\nimport InfiniteScroll from \"react-infinite-scroller\"\nimport PromptItem from \"@/components/Tools/Prompts/PromptItem\"\nimport { cn } from \"@/lib/utils\"\nimport GridBreakpointColsContainer from \"@/components/GridBreakpointColsContainer\"\nimport ErrorUI from \"@/components/ErrorUI\"\n\nconst PromptsLibraryModal = ({ className }: { className?: string }) => {\n  const { promptInput, setPromptInput } = usePromptInputStore()\n  const [search, setSearch] = useState(\"\")\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  const { prompts, isLoading, isFetching, fetchNextPage, hasNextPage, isError } = useWorkspacePrompt(\n    search,\n    undefined,\n    !!promptInput && promptInput?.modalType === \"PromptsLibraryModal\",\n  )\n\n  const handleClose = () => {\n    setPromptInput(null)\n  }\n  const handleConfirmSearch = (search: string) => {\n    setSearch(search)\n  }\n\n  const renderBody = () => {\n    if (isLoading)\n      return (\n        <div className=\"flex items-center justify-center w-full flex-1 text-gray-600\">\n          <LoadingLogo />\n        </div>\n      )\n\n    if (isError) return <ErrorUI />\n\n    if (prompts.length === 0) return <NotFoundItems />\n\n    return (\n      <motion.div\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        transition={{ duration: 0.35, delay: 0.35 }}\n        className={\"relative flex-1 list-recipes\"}\n      >\n        <InfiniteScroll\n          loadMore={() => fetchNextPage()}\n          hasMore={!!hasNextPage && !isFetching}\n          useWindow={false}\n          threshold={400}\n          getScrollParent={() => scrollRef.current}\n        >\n          <GridBreakpointColsContainer className=\"gap-2 md:gap-4 grid-cols-2 md:grid-cols-[repeat(auto-fill,minmax(16rem,1fr))]\">\n            {prompts.map((promptData, idx) => (\n              <PromptItem\n                hiddenMenu\n                key={promptData.id}\n                className={`prompt-${idx + 1}`}\n                prompt={promptData}\n                onClick={() => {\n                  promptInput?.onChange(promptData.prompt)\n                  handleClose()\n                }}\n              />\n            ))}\n          </GridBreakpointColsContainer>\n        </InfiniteScroll>\n      </motion.div>\n    )\n  }\n\n  return (\n    <Modal\n      title={\"Prompts Library\"}\n      isOpen={promptInput?.modalType === \"PromptsLibraryModal\"}\n      onClose={handleClose}\n      bodyClassName=\"overflow-hidden p-0\"\n      className=\"relative w-full max-w-6xl overflow-hidden rounded-2xl bg-atherGray-900 modal-content-child\"\n      containerClassName={cn(\"md:backdrop-blur-xl overflow-hidden\", className)}\n    >\n      <div className=\"flex flex-col flex-1 w-full overflow-hidden\">\n        <div className=\"overflow-hidden flex-1 flex flex-col\">\n          <div className={\"flex justify-end relative mb-2 px-4 py-2\"}>\n            <SearchBar\n              isMobileMode={false}\n              disabledSearchQuery\n              search={search}\n              setSearch={setSearch}\n              inputClassName=\"w-80 bg-atherGray-850\"\n              onConfirmSearch={handleConfirmSearch}\n              onClear={() => handleConfirmSearch(\"\")}\n            />\n          </div>\n          <div ref={scrollRef} className=\"flex flex-1 w-full overflow-auto min-h-[24rem] p-4 max-h-[calc(100vh-20rem)]\">\n            {renderBody()}\n          </div>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport default PromptsLibraryModal\n"],"names":["__webpack_exports__","className","param","promptInput","setPromptInput","usePromptInputStore","search","setSearch","useState","scrollRef","useRef","prompts","isLoading","isFetching","fetchNextPage","hasNextPage","isError","useWorkspacePrompt","undefined","modalType","handleClose","handleConfirmSearch","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","Modal","title","isOpen","onClose","bodyClassName","containerClassName","cn","div","jsxs","SearchBar","isMobileMode","disabledSearchQuery","inputClassName","onConfirmSearch","onClear","ref","LoadingLogo","ErrorUI","length","NotFoundItems","motion","initial","opacity","animate","transition","duration","delay","InfiniteScroll","loadMore","hasMore","useWindow","threshold","getScrollParent","current","GridBreakpointColsContainer","map","promptData","idx","PromptItem","hiddenMenu","concat","prompt","onClick","onChange","id"],"sourceRoot":""}