3:I[7614,[],""] 5:I[5920,[],""] 6:I[6303,["791","static/chunks/08ffd5a1-ac4a8e9bc792a552.js","252","static/chunks/252-6dd2865078747f47.js","311","static/chunks/311-9b0fb8f6606a5ec3.js","59","static/chunks/59-f2e35b2f047fff99.js","67","static/chunks/67-5ce274445058c831.js","917","static/chunks/917-1a14ae2ccd7a4494.js","185","static/chunks/app/layout-610217646f0fe571.js"],"ThemeProvider"] 7:I[9187,["791","static/chunks/08ffd5a1-ac4a8e9bc792a552.js","252","static/chunks/252-6dd2865078747f47.js","311","static/chunks/311-9b0fb8f6606a5ec3.js","59","static/chunks/59-f2e35b2f047fff99.js","67","static/chunks/67-5ce274445058c831.js","917","static/chunks/917-1a14ae2ccd7a4494.js","185","static/chunks/app/layout-610217646f0fe571.js"],"NavigationBar"] 8:I[5007,["791","static/chunks/08ffd5a1-ac4a8e9bc792a552.js","252","static/chunks/252-6dd2865078747f47.js","311","static/chunks/311-9b0fb8f6606a5ec3.js","59","static/chunks/59-f2e35b2f047fff99.js","67","static/chunks/67-5ce274445058c831.js","917","static/chunks/917-1a14ae2ccd7a4494.js","185","static/chunks/app/layout-610217646f0fe571.js"],"FramerOverlay"] 9:I[9552,["252","static/chunks/252-6dd2865078747f47.js","160","static/chunks/app/not-found-e7a7ad017fe6ee24.js"],"GoBackButton"] a:I[5880,["791","static/chunks/08ffd5a1-ac4a8e9bc792a552.js","252","static/chunks/252-6dd2865078747f47.js","311","static/chunks/311-9b0fb8f6606a5ec3.js","59","static/chunks/59-f2e35b2f047fff99.js","67","static/chunks/67-5ce274445058c831.js","917","static/chunks/917-1a14ae2ccd7a4494.js","185","static/chunks/app/layout-610217646f0fe571.js"],"Toaster"] 4:["id","redux-persist-tab-syncing-on-nextjs","d"] 0:["1EQ7X-lyHl912n0bbj9rb",[[["",{"children":["posts",{"children":[["id","redux-persist-tab-syncing-on-nextjs","d"],{"children":["__PAGE__?{\"id\":\"redux-persist-tab-syncing-on-nextjs\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["posts",{"children":[["id","redux-persist-tab-syncing-on-nextjs","d"],{"children":["__PAGE__",{},[["$L1","$L2",null],null],null]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","posts","children","$4","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]],null]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","posts","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/8d85e77d78283910.css","precedence":"next","crossOrigin":"$undefined"}]],["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_c1e5c9 h-full scroll-smooth antialiased pl-[calc(100vw-100%)]","children":["$","$L6",null,{"attribute":"class","defaultTheme":"dark","children":[["$","$L7",null,{}],["$","div",null,{"children":["$","$L8",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"flex items-center justify-center h-screen","children":["$","div",null,{"className":"text-center text-foreground","children":["$","div",null,{"className":"max-w-lg space-y-4 flex flex-col","children":[["$","h1",null,{"className":"text-7xl font-bold","children":"404"}],["$","p",null,{"className":"text-lg","children":"The page you're looking for doesn't exist or has been moved elsewhere."}],["$","div",null,{"className":"flex justify-center","children":["$","$L9",null,{}]}]]}]}]}],"notFoundStyles":[]}]}]}],["$","$La",null,{}],["$","div",null,{"className":"fixed top-[-10px] z-40 h-10 w-screen bg-background opacity-70 blur backdrop-blur-lg ","aria-hidden":true}],["$","div",null,{"className":"fixed bottom-[-10px] z-40 h-10 w-screen bg-background opacity-70 blur backdrop-blur-lg","aria-hidden":true}]]}]}]}]],null],null],["$Lb",null]]]] c:I[3996,["252","static/chunks/252-6dd2865078747f47.js","900","static/chunks/900-83c6fd9c30ca5de6.js","59","static/chunks/59-f2e35b2f047fff99.js","722","static/chunks/app/posts/%5Bid%5D/page-7432072a73c167d0.js"],""] b:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Redux Cross-Tab State Syncing • dromzeh.dev"}],["$","meta","3",{"name":"description","content":"How I implemented cross-tab & persisted state synchronization in Next.js App Router using Redux Persist and Redux State Sync."}],["$","link","4",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"16x16"}]] 1:null 2:["$","div",null,{"className":"min-h-screen max-w-xl mx-auto flex items-center justify-center","children":["$","div",null,{"className":"py-24 px-6 text-sm","children":[["$","div",null,{"className":"flex flex-col space-y-8","children":[["$","div",null,{"className":"flex flex-row space-x-2 items-center justify-between group","children":[["$","span",null,{"className":"text-neutral-500","children":["$","$Lc",null,{"href":"/","className":"text-foreground group-hover:text-muted-foreground/50 transition-colors duration-150 hover:cursor-pointer","children":"Go Back"}]}],["$","div",null,{"className":"flex-grow border-t border-dotted border-gray-400"}],["$","span",null,{"className":"text-muted-foreground","children":"22 June 2024"}]]}],["$","div",null,{"className":"flex flex-col space-y-2","children":["$","h1",null,{"className":"text-foreground text-2xl font-semibold","children":"Redux Cross-Tab State Syncing"}]}]]}],["$","section",null,{"className":"flex flex-col space-y-2 mt-8 max-w-xl","children":"$Ld"}]]}]}] e:I[7952,["252","static/chunks/252-6dd2865078747f47.js","900","static/chunks/900-83c6fd9c30ca5de6.js","59","static/chunks/59-f2e35b2f047fff99.js","722","static/chunks/app/posts/%5Bid%5D/page-7432072a73c167d0.js"],"CopyCodeToClipboard"] 13:T457,import { configureStore } from "@reduxjs/toolkit"; import { persistedReducer } from "./reducer"; import { createStateSyncMiddleware, initMessageListener, } from "redux-state-sync"; import { useDispatch, TypedUseSelectorHook, useSelector, useStore, } from "react-redux"; import logger from "redux-logger"; import { persistStore } from "redux-persist"; const blacklist = ["persist/PERSIST", "persist/REHYDRATE"]; export const store = configureStore({ reducer: persistedReducer, middleware: (getDefaultMiddleware) => getDefaultMiddleware().prepend( logger, createStateSyncMiddleware({ predicate: (action) => { if (typeof action !== "function") { if (Array.isArray(blacklist)) { return blacklist.indexOf(action.type) < 0; } } return false; }, }), ) as any, // typescript complains }); export const persistor = persistStore(store); initMessageListener(store); d:[["$","p",null,{"children":["While working on mass downloading for ",["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"https://wanderer.moe","children":"wanderer.moe"}],", I wanted to implement a feature that would allow users to select multiple assets and download them in a single click."]}],"\n",["$","p",null,{"children":"To enhance the user experience further, I also wanted to synchronize the selected assets and download state across multiple browser tabs in real-time."}],"\n",["$","video",null,{"src":"https://cdn.marcel.best/ShareX/2024/06/NVIDIA_Share_EcVTfGPyHw.mp4","className":"rounded-sm","controls":true,"preload":"metadata","children":"$undefined"}],"\n",["$","p",null,{"children":"This article details my approach to implementing this feature using Next.js, Redux, Redux Persist, and Redux State Sync."}],"\n",["$","h2",null,{"id":"the-challenge-i-faced","className":"text-foreground text-xl font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#the-challenge-i-faced","children":["$","span",null,{"className":"icon icon-link"}]}],"The Challenge I Faced"]}],"\n",["$","p",null,{"children":"My goal was to create a system that could:"}],"\n",["$","ol",null,{"children":["\n",["$","li",null,{"className":"ml-4 list-disc","children":"Share state across the entire application"}],"\n",["$","li",null,{"className":"ml-4 list-disc","children":"Persist state through page refreshes and tab closures"}],"\n",["$","li",null,{"className":"ml-4 list-disc","children":"Synchronize state in real-time across multiple browser tabs"}],"\n"]}],"\n",["$","p",null,{"children":"I quickly realized that while React's Context API can handle cross-component state sharing, it falls short for persistence and cross-tab synchronization."}],"\n",["$","h2",null,{"id":"my-solution-redux-redux-persist-and-redux-state-sync","className":"text-foreground text-xl font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#my-solution-redux-redux-persist-and-redux-state-sync","children":["$","span",null,{"className":"icon icon-link"}]}],"My Solution: Redux, Redux Persist, and Redux State Sync"]}],"\n",["$","p",null,{"children":"To address these challenges, I implemented state management with Redux Persist and Redux State Sync. Here's how I approached it:"}],"\n",["$","h3",null,{"id":"storage-implementation","className":"text-foreground text-lg font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#storage-implementation","children":["$","span",null,{"className":"icon icon-link"}]}],"Storage Implementation"]}],"\n",["$","p",null,{"children":"First, I created a hybrid storage solution to accommodate both client-side and server-side rendering:"}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"import createWebStorage from \"redux-persist/es/storage/createWebStorage\";\n\nconst createNoopStorage = () => {\n return {\n getItem() {\n return Promise.resolve(null);\n },\n setItem(_key: string, value: number) {\n return Promise.resolve(value);\n },\n removeItem() {\n return Promise.resolve();\n },\n };\n};\n\nexport const storage =\n typeof window !== \"undefined\"\n ? createWebStorage(\"local\")\n : createNoopStorage();\n"}]}],"$Lf"]}],"\n",["$","p",null,{"children":"This storage configuration ensures that my application can run on both the client and server without issues."}],"\n",["$","h3",null,{"id":"redux-state-structure","className":"text-foreground text-lg font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#redux-state-structure","children":["$","span",null,{"className":"icon icon-link"}]}],"Redux State Structure"]}],"\n",["$","p",null,{"children":"I designed the Redux state to encapsulate the essential data for cross-tab synchronization. In this case, we only need to manage:"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"className":"ml-4 list-disc","children":[["$","b",null,{"className":"text-foreground font-semibold","children":"isMassDownloading"}],": A boolean flag to indicate if mass downloading, to compare against the local state for the download indicator."]}],"\n",["$","li",null,{"className":"ml-4 list-disc","children":[["$","b",null,{"className":"text-foreground font-semibold","children":"selectedAssets"}],": An array of the selected assets."]}],"\n"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"import { createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport type { Asset } from \"~/lib/types\";\n\nexport interface IAssetState {\n isMassDownloading: boolean;\n selectedAssets: Asset[];\n}\n\nconst initialState: IAssetState = {\n isMassDownloading: false,\n selectedAssets: [],\n};\n"}]}],"$L10"]}],"\n",["$","h3",null,{"id":"redux-slice-implementation","className":"text-foreground text-lg font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#redux-slice-implementation","children":["$","span",null,{"className":"icon icon-link"}]}],"Redux Slice Implementation"]}],"\n",["$","p",null,{"children":["I then implemented the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"assetSlice"}]," with appropriate actions and reducers:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"export const assetSlice = createSlice({\n name: \"assets\",\n initialState,\n reducers: {\n setSelectedAssets: (state, action: PayloadAction) => {\n state.selectedAssets = action.payload || [];\n },\n setIsMassDownloading: (state, action: PayloadAction) => {\n state.isMassDownloading = action.payload || false;\n },\n toggleAssetSelection: (state, action: PayloadAction) => {\n if (state.isMassDownloading) return;\n\n const index = state.selectedAssets.findIndex(\n (asset) => asset.path === action.payload.path,\n );\n if (index >= 0) {\n state.selectedAssets.splice(index, 1);\n } else {\n state.selectedAssets.push(action.payload);\n }\n },\n clearSelectedAssets: (state) => {\n state.selectedAssets = [];\n },\n },\n});\n"}]}],"$L11"]}],"\n",["$","h3",null,{"id":"redux-configuration","className":"text-foreground text-lg font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#redux-configuration","children":["$","span",null,{"className":"icon icon-link"}]}],"Redux Configuration"]}],"\n",["$","p",null,{"children":["I setup the Redux configuration with the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"persistReducer"}]," and ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"combineReducers"}]," functions to persist the state across sessions:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"import { combineReducers } from \"@reduxjs/toolkit\";\nimport { persistReducer } from \"redux-persist\";\nimport { storage } from \"./storage\";\nimport assetSlice from \"./slice/asset-slice\";\n\nexport const persistConfig = {\n key: \"root\",\n storage: storage,\n whitelist: [\"assets\"],\n};\n\nconst rootReducer = combineReducers({\n assets: assetSlice,\n});\n\nexport const persistedReducer = persistReducer(persistConfig, rootReducer);\n"}]}],"$L12"]}],"\n",["$","p",null,{"children":["Then, I configured the Redux store with the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"createStateSyncMiddleware"}]," and ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"initMessageListener"}]," to synchronize the state across tabs:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"$13"}]}],"$L14"]}],"\n",["$","p",null,{"children":"Certain actions are also blacklisted to ensure compatibility."}],"\n",["$","h3",null,{"id":"redux-provider","className":"text-foreground text-lg font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#redux-provider","children":["$","span",null,{"className":"icon icon-link"}]}],"Redux Provider"]}],"\n",["$","p",null,{"children":["Finally, we import ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"Provider"}]," and ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"PersistGate"}]," from ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"react-redux"}]," and ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"redux-persist/integration/react"}]," to wrap the application with the Redux provider:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"\"use client\";\n\nimport { Provider } from \"react-redux\";\nimport { PersistGate } from \"redux-persist/integration/react\";\nimport { store, persistor } from \"./store\";\n\nexport const ReduxProvider = ({ children }: { children: React.ReactNode }) => {\n return (\n \n \n {children}\n \n \n );\n};\n\nexport default ReduxProvider;\n"}]}],"$L15"]}],"\n",["$","h2",null,{"id":"component-integration","className":"text-foreground text-xl font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#component-integration","children":["$","span",null,{"className":"icon icon-link"}]}],"Component Integration"]}],"\n",["$","p",null,{"children":["With the custom hooks I created, I can call this into any component as long as it is wrapped in the Redux provider. Here's how I implemented features for the ",["$","code",null,{"className":"bg-background text-foreground code rounded-sm px-1","children":"asset-item.tsx"}]," component:"]}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"import { useAppDispatch, useAppSelector } from \"~/redux/store\";\n\nconst dispatch = useAppDispatch();\n\nconst isSelected = isAssetSelected(\n useAppSelector((state) => state.assets),\n asset,\n);\n"}]}],"$L16"]}],"\n",["$","p",null,{"children":"With the above, you can access the Redux state and dispatch actions directly from the component."}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"\n"}]}],"$L17"]}],"\n",["$","h3",null,{"id":"download-indicator","className":"text-foreground text-lg font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#download-indicator","children":["$","span",null,{"className":"icon icon-link"}]}],"Download Indicator"]}],"\n",["$","p",null,{"children":"I created a local context to manage the download indicator state, where I can compare the local state with the global state to determine what should be conditionally rendered:"}],"\n",["$","div",null,{"className":"relative","children":[["$","div",null,{"className":"absolute top-0 right-0 translate-y-5 translate-x-[-4px]","children":["$","$Le",null,{"code":"const {\n isUnsharedMassDownloading,\n setIsUnsharedMassDownloading,\n isIndicatorOpen,\n} = useContext(AssetDownloadIndicatorContext);\n\nconst isMassDownloading = useAppSelector(\n (state) => state.assets.isMassDownloading,\n);\n\n\n{isUnsharedMassDownloading ? (\n \n) : null}\n\n{isMassDownloading && !isUnsharedMassDownloading ? (\n \n) : null}\n\n"}]}],"$L18"]}],"\n",["$","h2",null,{"id":"conclusion","className":"text-foreground text-xl font-semibold pt-8","children":[["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"#conclusion","children":["$","span",null,{"className":"icon icon-link"}]}],"Conclusion"]}],"\n",["$","p",null,{"children":"While implementing cross-tab state synchronization may seem complex, it significantly enhances user experience in multi-tab scenarios."}],"\n",["$","p",null,{"children":"In my case, this solution not only improved user engagement but also increased the probability of users revisiting the site."}],"\n",["$","p",null,{"children":["You can view the full source code on ",["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"https://git.wanderer.moe/site","children":"GitHub"}]," or try it out on ",["$","a",null,{"className":"text-foreground hover:text-muted-foreground/50 transition duration-150","href":"https://wanderer.moe","children":"wanderer.moe"}],"."]}]] f:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"createWebStorage "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"redux-persist/es/storage/createWebStorage\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"createNoopStorage "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" () "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" return"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" getItem"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"() {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" return Promise"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"resolve"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"null"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" setItem"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"_key"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"string"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"value"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"number"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" return Promise"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"resolve"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"value"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" removeItem"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"() {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" return Promise"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"resolve"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"();"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" };"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"};"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":17,"style":{"width":"2ch"},"children":17}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"storage "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":18,"style":{"width":"2ch"},"children":18}],[["$","span",null,{"style":{"color":"#E6B99D"},"children":" typeof "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"window "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"!== "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"undefined\""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":19,"style":{"width":"2ch"},"children":19}],[["$","span",null,{"style":{"color":"#E6B99D"},"children":" ? "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"createWebStorage"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"local\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":")"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":20,"style":{"width":"2ch"},"children":20}],[["$","span",null,{"style":{"color":"#E6B99D"},"children":" : "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"createNoopStorage"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"();"}]],["$","br",null,{}]]}]}]]}]}]]}] 10:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"createSlice"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"PayloadAction"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"@reduxjs/toolkit\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import type"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"Asset"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"~/lib/types\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export interface IAssetState"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" isMassDownloading"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"boolean"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" selectedAssets"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Asset"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"[];"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"initialState"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"IAssetState "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" isMassDownloading: "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"false"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" selectedAssets: [],"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"};"}]],["$","br",null,{}]]}]}]]}]}]]}] 11:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"assetSlice "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"createSlice"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"({"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" name: "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"assets\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" initialState"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" reducers: {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" setSelectedAssets"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":": ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"action"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"PayloadAction"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"<"}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Asset"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"[]>) "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"selectedAssets = "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"action"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"payload ||"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" [];"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" setIsMassDownloading"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":": ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"action"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"PayloadAction"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"<"}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"boolean"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":">) "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"isMassDownloading = "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"action"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"payload || false"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" toggleAssetSelection"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":": ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"action"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"PayloadAction"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"<"}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"Asset"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":">) "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" if"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"isMassDownloading"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"return"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"index "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"selectedAssets"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"findIndex"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"asset"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=> "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"asset"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"path === "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"action"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"payload"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"path"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" );"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":17,"style":{"width":"2ch"},"children":17}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" if"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"index "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":">= "}],["$","span",null,{"style":{"color":"#E29ECA"},"children":"0"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":18,"style":{"width":"2ch"},"children":18}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"selectedAssets"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"splice"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"index"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#E29ECA"},"children":"1"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":19,"style":{"width":"2ch"},"children":19}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"else"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":20,"style":{"width":"2ch"},"children":20}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"selectedAssets"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"push"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"action"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"payload"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":21,"style":{"width":"2ch"},"children":21}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":22,"style":{"width":"2ch"},"children":22}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":23,"style":{"width":"2ch"},"children":23}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" clearSelectedAssets"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":": ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":24,"style":{"width":"2ch"},"children":24}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"selectedAssets ="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" [];"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":25,"style":{"width":"2ch"},"children":25}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":26,"style":{"width":"2ch"},"children":26}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":27,"style":{"width":"2ch"},"children":27}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"});"}]],["$","br",null,{}]]}]}]]}]}]]}] 12:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"combineReducers"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"@reduxjs/toolkit\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistReducer"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"redux-persist\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"storage"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"./storage\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"assetSlice "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"./slice/asset-slice\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistConfig "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" key: "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"root\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" storage: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"storage"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" whitelist: ["}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"assets\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"],"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"};"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"rootReducer "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"combineReducers"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"({"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" assets: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"assetSlice"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"});"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistedReducer "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistReducer"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistConfig"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"rootReducer"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}]]}]}]]}] 14:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"configureStore"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"@reduxjs/toolkit\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistedReducer"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"./reducer\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" createStateSyncMiddleware"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" initMessageListener"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"} "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"redux-state-sync\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" useDispatch"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" TypedUseSelectorHook"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" useSelector"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" useStore"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"} "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"react-redux\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"logger "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"redux-logger\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistStore"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"redux-persist\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"blacklist "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ["}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"persist/PERSIST\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"persist/REHYDRATE\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"];"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":17,"style":{"width":"2ch"},"children":17}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":18,"style":{"width":"2ch"},"children":18}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"store "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"configureStore"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"({"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":19,"style":{"width":"2ch"},"children":19}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" reducer: "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistedReducer"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":20,"style":{"width":"2ch"},"children":20}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" middleware"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":": ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"getDefaultMiddleware"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":21,"style":{"width":"2ch"},"children":21}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" getDefaultMiddleware"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"()."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"prepend"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":22,"style":{"width":"2ch"},"children":22}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" logger"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":23,"style":{"width":"2ch"},"children":23}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" createStateSyncMiddleware"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"({"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":24,"style":{"width":"2ch"},"children":24}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" predicate"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":": ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"action"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":25,"style":{"width":"2ch"},"children":25}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" if"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"typeof "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"action "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"!== "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"function\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":26,"style":{"width":"2ch"},"children":26}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" if"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"Array"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"isArray"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"blacklist"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":")) {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":27,"style":{"width":"2ch"},"children":27}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" return "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"blacklist"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"indexOf"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"action"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"type"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"< "}],["$","span",null,{"style":{"color":"#E29ECA"},"children":"0"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":28,"style":{"width":"2ch"},"children":28}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":29,"style":{"width":"2ch"},"children":29}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":30,"style":{"width":"2ch"},"children":30}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" return "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"false"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":31,"style":{"width":"2ch"},"children":31}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" },"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":32,"style":{"width":"2ch"},"children":32}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }),"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":33,"style":{"width":"2ch"},"children":33}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ) "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"as "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"any"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#757581","fontStyle":"italic"},"children":"// typescript complains"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":34,"style":{"width":"2ch"},"children":34}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"});"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":35,"style":{"width":"2ch"},"children":35}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":36,"style":{"width":"2ch"},"children":36}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistor "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistStore"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"store"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":37,"style":{"width":"2ch"},"children":37}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":38,"style":{"width":"2ch"},"children":38}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":"initMessageListener"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"store"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}]]}]}]]}] 17:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"1ch"},"children":1}],[["$","span",null,{"style":{"color":"#E6B99D"},"children":"<"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"button onClick"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{() => "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"dispatch"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"toggleAssetSelection"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"asset"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"))}"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"1ch"},"children":2}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"isSelected "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"? "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"Deselect\" "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"Select\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"1ch"},"children":3}],[["$","span",null,{"style":{"color":"#E6B99D"},"children":""}]],["$","br",null,{}]]}]}]]}]}]]}] 15:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#90B99F"},"children":"\"use client\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"Provider"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"react-redux\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"PersistGate"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"redux-persist/integration/react\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"store"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistor"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"./store\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"ReduxProvider "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ({ "}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"children"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":":"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"children"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": "}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"React"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#B9AEDA"},"children":"ReactNode"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" }) "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=>"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":" return"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#9998A8"},"children":" <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"Provider"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" store"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"store"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#9998A8"},"children":" <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"PersistGate"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" loading"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"null"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"} persistor"}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"="}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"persistor"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}],["$","span",null,{"style":{"color":"#9998A8"},"children":">"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"children"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#9998A8"},"children":" "}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#9998A8"},"children":" "}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" );"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"};"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":17,"style":{"width":"2ch"},"children":17}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"export default "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"ReduxProvider"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}]]}]}]]}] 16:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"1ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"import"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" { "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"useAppDispatch"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":", "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"useAppSelector"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" } "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"from "}],["$","span",null,{"style":{"color":"#90B99F"},"children":"\"~/redux/store\""}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":";"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"1ch"},"children":2}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"1ch"},"children":3}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"dispatch "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"useAppDispatch"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"();"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"1ch"},"children":4}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"1ch"},"children":5}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"isSelected "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"isAssetSelected"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"1ch"},"children":6}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" useAppSelector"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"(("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=> "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"assets"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"),"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"1ch"},"children":7}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" asset"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"1ch"},"children":8}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}]]}]}]]}] 18:["$","div",null,{"data-bright-theme":"Mellow","data-bright-mode":"$undefined","className":"rounded-sm max-w-[calc(100vw-2rem)] overflow-x-auto","style":{"color":"#c9c7cd","borderRadius":"4px","overflow":"hidden","margin":"1em 0","--selection-background":"#3e3e43","--line-number-color":"#57575f","--tab-border":"#27272a","--tab-background":"#27272a","--tab-color":"#cac9dd","--inactive-tab-background":"#1b1b1d","--inactive-tab-color":"#757581","--tab-top-border":"#aca1cf","--tab-bottom-border":"#27272a","colorScheme":"dark"},"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"\n [data-bright-theme] ::selection { background-color: var(--selection-background) }\n [data-bright-theme] [data-bright-ln] { \n color: var(--line-number-color); \n margin-right: 1.5ch; \n display: inline-block;\n text-align: right;\n user-select: none;\n }\n "}}],"$undefined",["$","pre",null,{"style":{"margin":0,"color":"#c9c7cd","background":"#161617","padding":"1em 0","overflow":"auto"},"children":["$","code",null,{"className":"$undefined","style":{"display":"block","minWidth":"fit-content"},"children":[["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":1,"style":{"width":"2ch"},"children":1}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" {"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":2,"style":{"width":"2ch"},"children":2}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" isUnsharedMassDownloading"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":3,"style":{"width":"2ch"},"children":3}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" setIsUnsharedMassDownloading"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":4,"style":{"width":"2ch"},"children":4}],[["$","span",null,{"style":{"color":"#C1C0D4"},"children":" isIndicatorOpen"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":5,"style":{"width":"2ch"},"children":5}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"} "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"useContext"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"AssetDownloadIndicatorContext"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":6,"style":{"width":"2ch"},"children":6}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":7,"style":{"width":"2ch"},"children":7}],[["$","span",null,{"style":{"color":"#ACA1CF"},"children":"const "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"isMassDownloading "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"= "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"useAppSelector"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":8,"style":{"width":"2ch"},"children":8}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}],["$","span",null,{"style":{"color":"#EA83A5"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"=> "}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"state"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"assets"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"."}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"isMassDownloading"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":","}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":9,"style":{"width":"2ch"},"children":9}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":");"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":10,"style":{"width":"2ch"},"children":10}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":11,"style":{"width":"2ch"},"children":11}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":12,"style":{"width":"2ch"},"children":12}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"isUnsharedMassDownloading "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"?"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":13,"style":{"width":"2ch"},"children":13}],[["$","span",null,{"style":{"color":"#9998A8"},"children":" <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"ShowMassDownloadProgress "}],["$","span",null,{"style":{"color":"#9998A8"},"children":"/>"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":14,"style":{"width":"2ch"},"children":14}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": null"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":15,"style":{"width":"2ch"},"children":15}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":16,"style":{"width":"2ch"},"children":16}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":"{"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"isMassDownloading "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"&& !"}],["$","span",null,{"style":{"color":"#C1C0D4"},"children":"isUnsharedMassDownloading "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":"?"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":" ("}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":17,"style":{"width":"2ch"},"children":17}],[["$","span",null,{"style":{"color":"#9998A8"},"children":" <"}],["$","span",null,{"style":{"color":"#ACA1CF"},"children":"MassDownloadInProgress "}],["$","span",null,{"style":{"color":"#9998A8"},"children":"/>"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":18,"style":{"width":"2ch"},"children":18}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":") "}],["$","span",null,{"style":{"color":"#E6B99D"},"children":": null"}],["$","span",null,{"style":{"color":"#C9C7CD"},"children":"}"}]],["$","br",null,{}]]}]}],["$","div",null,{"style":{"padding":"0 1em"},"children":["$","span",null,{"children":[["$","span",null,{"data-bright-ln":19,"style":{"width":"2ch"},"children":19}],[["$","span",null,{"style":{"color":"#C9C7CD"},"children":""}]],["$","br",null,{}]]}]}]]}]}]]}]