Carefully unbox your new Trezor device and verify all contents are present:

Trezor hardware wallet
USB cable
Recovery seed cards (2x)
Stickers (for tamper-evident sealing)
Quick start guide

Security Check

Ensure the packaging is intact and the holographic seal is unbroken. If anything seems tampered with, contact Trezor support immediately.

`, tips: [ "Keep all packaging materials until setup is complete", "Take photos of the device serial number for your records", "Verify the device authenticity using Trezor's verification tool" ], warnings: [ "Never buy Trezor devices from unauthorized sellers", "Be suspicious of devices with pre-installed firmware or seeds" ] }, { title: "Download and Install Trezor Suite", content: `

Download the official Trezor Suite application from the official website:

Official Download Link

Visit: https://suite.trezor.io

Click "Download for Desktop" and select your operating system
Run the installer and follow the installation prompts
Launch Trezor Suite after installation completes
Allow firewall permissions when prompted

`, tips: [ "Always download from the official trezor.io domain", "Verify the download file hash if you're security-conscious", "Consider using the browser version if you prefer not to install software" ], warnings: [ "Never download Trezor Suite from third-party websites", "Be wary of fake apps in app stores" ] }, { title: "Connect Your Trezor Device", content: `

Now it's time to connect your Trezor device to your computer:

Connect the USB cable:
- Plug the smaller end into your Trezor device
- Connect the USB-A end to your computer
- Wait for the device to power on (screen should light up)
Launch Trezor Suite:
- Open the Trezor Suite application
- The app should automatically detect your device
- If not detected, try a different USB port or cable

Success Indicators

Your device is connected when you see the Trezor logo on the device screen and "Device Connected" in Trezor Suite.

`, tips: [ "Use the original USB cable that came with your Trezor", "If connection issues persist, try restarting Trezor Suite", "Some USB hubs may cause connectivity issues - connect directly to computer" ], warnings: [ "Avoid using damaged USB cables", "Don't force the USB connector if it doesn't fit easily" ] }, { title: "Initialize Your Device", content: `

Follow the on-screen prompts in Trezor Suite to set up your new device:

Setup Options

\u2713 Create New Wallet

Choose this if this is your first Trezor device

\u21BA Recover Wallet

Use this if you're restoring from a seed phrase

For New Users: Create New Wallet

Click "Create new wallet" in Trezor Suite
Choose to create a new seed (recommended for beginners)
Select your preferred seed length (12 or 24 words)
Confirm your choice and proceed to the next step

`, tips: [ "24-word seeds are more secure than 12-word seeds", "Take your time - there's no rush during setup", "Make sure you're in a private location before continuing" ], warnings: [ "Never choose 'Recover wallet' unless you have an existing seed", "Don't take photos or screenshots of any setup screens" ] }, { title: "Set Your Device PIN", content: `

Creating a strong PIN is your first line of defense against unauthorized access:

PIN Requirements & Best Practices

\u2713 Good PIN Practices

\u2022 Use 6-9 digits for better security
\u2022 Avoid obvious patterns (1234, 0000)
\u2022 Don't use birthdates or phone numbers
\u2022 Make it memorable but not guessable

\u2717 Avoid These PINs

\u2022 Sequential numbers (123456)
\u2022 Repeated digits (111111)
\u2022 Common patterns (147258)
\u2022 Personal dates (birthday, anniversary)

PIN Entry Process

Numbers will appear scrambled on your computer screen
Use your device screen to see the actual number layout
Click the corresponding positions on your computer
Enter your PIN twice to confirm

`, tips: [ "Write down your PIN separately from your seed phrase", "Consider using a PIN that you can remember without writing it down", "The scrambled layout prevents keyloggers from stealing your PIN" ], warnings: [ "Never share your PIN with anyone", "Don't use the same PIN you use for other devices", "After 16 wrong attempts, your device will wipe itself" ] }, { title: "Backup Your Recovery Seed", content: `

This is the most critical step - your recovery seed is your ultimate backup:

Critical Security Step

Your recovery seed is the ONLY way to recover your crypto if your device is lost or damaged. Take this step very seriously.

Seed Phrase Backup Process

Write down each word:
- Use the provided recovery seed cards
- Write clearly and legibly
- Double-check each word for spelling
- Maintain the exact order (word #1, #2, etc.)
Verify your backup:
- Trezor Suite will ask you to confirm random words
- Select the correct words from the dropdown menus
- This ensures you wrote them down correctly
Secure storage:
- Store in a fireproof safe or safety deposit box
- Consider making multiple copies in different locations
- Never store digitally (photos, cloud, computer files)

`, tips: [ "Use a quality pen that won't fade over time", "Consider laminating your seed cards for protection", "Store copies in geographically different locations", "Some users engrave seeds into metal for fire/water protection" ], warnings: [ "Never take photos of your seed phrase", "Don't store it on your computer or in cloud storage", "Anyone with your seed phrase can steal your crypto", "Trezor will never ask for your seed phrase online" ] }, { title: "Create Your First Account", content: `

Set up your first cryptocurrency account in Trezor Suite:

Default Account Setup

Trezor Suite will automatically create your first Bitcoin account. You can add more cryptocurrencies later.

Account Information

\u2022 Account #1: Your primary Bitcoin wallet
\u2022 Address Type: SegWit (recommended for lower fees)
\u2022 Derivation Path: m/84'/0'/0' (technical detail)

Adding More Cryptocurrencies

Click "Add Account" in the left sidebar
Select your desired cryptocurrency (ETH, LTC, etc.)
Choose the account type if multiple options are available
Click "Add Account" to create the wallet

`, tips: [ "Bitcoin is a great starting point for new users", "Each cryptocurrency has its own separate account", "You can create multiple accounts for the same cryptocurrency", "Account names can be customized for better organization" ], warnings: [ "Each account type has different fee structures", "Legacy Bitcoin addresses have higher transaction fees", "Some cryptocurrencies require specific account types" ] }, { title: "Complete Setup and Final Checks", content: `

Finalize your setup and verify everything is working correctly:

Setup Completion Checklist

Device PIN is set and tested

You can successfully unlock your device

Recovery seed is written down and verified

All words are correctly recorded and stored safely

First account is created and visible

You can see your Bitcoin account in Trezor Suite

Firmware is up to date

Device is running the latest firmware version

\u{1F389} Congratulations!

Your Trezor device is now set up and ready to use. You can safely send, receive, and manage your cryptocurrencies.

Recommended Next Steps

Test receiving a small amount of cryptocurrency
Practice sending a small test transaction
Explore additional security features (passphrase protection)
Set up portfolio tracking and price alerts
Review our security best practices guide

`, tips: [ "Start with small amounts while learning", "Keep your device firmware updated regularly", "Join the Trezor community for support and tips", "Consider setting up a passphrase for extra security" ], warnings: [ "Never share your PIN or seed phrase with anyone", "Always verify receiving addresses on your device screen", "Be cautious of phishing attempts via email or social media" ] } ], faqs: [ { question: "What if I lose my recovery seed?", answer: "Unfortunately, if you lose your recovery seed and your device breaks or is lost, your cryptocurrencies will be permanently inaccessible. This is why it's crucial to store your seed phrase securely and consider making multiple backups in different locations." }, { question: "Can I change my PIN later?", answer: "Yes, you can change your PIN at any time through the Trezor Suite settings. Go to Device Settings > Security > Change PIN. You'll need to enter your current PIN first, then set a new one." }, { question: "How long does the setup process take?", answer: "The entire setup process typically takes 15-20 minutes. The most time-consuming part is carefully writing down and verifying your recovery seed phrase, which is the most important step." }, { question: "Is it safe to use Trezor on a public computer?", answer: "While Trezor adds a layer of security, it's not recommended to use it on untrusted computers. Use your own device when possible, or ensure the public computer is secure and that you're using the official Trezor Suite." } ], relatedGuides: [ { id: "firmware-updates", title: "Firmware Updates & Maintenance", description: "Keep your device secure with the latest firmware" }, { id: "passphrase-protection", title: "Passphrase Protection & Security", description: "Add an extra layer of security to your wallet" }, { id: "security-threats", title: "Security Against Online Threats", description: "Protect yourself from common crypto scams" } ] }, "firmware-updates": { title: "Firmware Updates & Maintenance", description: "Keep your device secure with the latest firmware updates", icon: import_lucide_react.RefreshCw, difficulty: "Beginner", duration: "10 min", category: "Maintenance", color: "bg-[#E9D2FF]", prerequisites: [ "Trezor device already set up", "Trezor Suite installed", "Stable internet connection", "Recovery seed safely stored" ], steps: [ { title: "Check Current Firmware Version", content: `

Before updating, verify your current firmware version and check if an update is available:

Connect your Trezor device to your computer
Open Trezor Suite and unlock your device
Navigate to "Settings" in the top menu
Click on "Device" in the left sidebar
Look for "Firmware version" in the device information

`, tips: [ "Note down your current version before updating", "Check the Trezor blog for new firmware release notes" ] } ] } }; // virtual:/apps/web/src/hooks/useGuideProgress.js init_injected_globals(); var import_react = __toESM(require_react()); function useGuideProgress(totalSteps) { const [currentStep, setCurrentStep] = (0, import_react.useState)(0); const [completedSteps, setCompletedSteps] = (0, import_react.useState)([]); const [isCompleted, setIsCompleted] = (0, import_react.useState)(false); (0, import_react.useEffect)(() => { if (completedSteps.length === totalSteps) { setIsCompleted(true); } }, [completedSteps, totalSteps]); const toggleStepComplete = (stepIndex) => { if (completedSteps.includes(stepIndex)) { setCompletedSteps(completedSteps.filter((i) => i !== stepIndex)); } else { setCompletedSteps([...completedSteps, stepIndex]); } }; const nextStep = () => { if (currentStep < totalSteps - 1) { setCurrentStep(currentStep + 1); } }; const prevStep = () => { if (currentStep > 0) { setCurrentStep(currentStep - 1); } }; const goToStep = (stepIndex) => { setCurrentStep(stepIndex); }; const progressPercentage = Math.round( completedSteps.length / totalSteps * 100 ); return { currentStep, completedSteps, isCompleted, progressPercentage, toggleStepComplete, nextStep, prevStep, goToStep }; } // virtual:/apps/web/src/components/GuideDetail/GuideHeader.jsx init_injected_globals(); var import_react2 = __toESM(require_react()); var import_lucide_react2 = __toESM(require_lucide_react()); // virtual:/apps/web/src/utils/guideHelpers.js init_injected_globals(); var getDifficultyColor = (difficulty) => { switch (difficulty) { case "Beginner": return "text-green-600 bg-green-50 border-green-200"; case "Intermediate": return "text-orange-600 bg-orange-50 border-orange-200"; case "Advanced": return "text-red-600 bg-red-50 border-red-200"; default: return "text-gray-600 bg-gray-50 border-gray-200"; } }; // virtual:/apps/web/src/components/GuideDetail/GuideHeader.jsx function GuideHeader({ guide, isBookmarked, setIsBookmarked }) { return /* @__PURE__ */ import_react2.default.createElement("div", { className: "border-b border-[#EFEFEF] dark:border-[#2A2A2A] bg-white dark:bg-[#1E1E1E] sticky top-0 z-10" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "max-w-7xl mx-auto px-4 lg:px-8 py-4" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ import_react2.default.createElement( "a", { href: "/", className: "flex items-center space-x-2 text-[#7E8693] dark:text-[#9CA3AF] hover:text-[#01B96B] transition-colors" }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react2.ArrowLeft, { className: "w-5 h-5" }), /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-sm font-[500]" }, "Back to Dashboard") ), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react2.default.createElement( "div", { className: `w-10 h-10 rounded-full ${guide.color} flex items-center justify-center` }, /* @__PURE__ */ import_react2.default.createElement(guide.icon, { className: "w-5 h-5 text-[#141518]" }) ), /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("h1", { className: "text-xl font-[700] text-[#141518] dark:text-[#E1E1E1]" }, guide.title), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center space-x-3 text-sm text-[#7E8693] dark:text-[#9CA3AF]" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react2.Clock, { className: "w-4 h-4" }), /* @__PURE__ */ import_react2.default.createElement("span", null, guide.duration)), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react2.Users, { className: "w-4 h-4" }), /* @__PURE__ */ import_react2.default.createElement("span", null, guide.difficulty)), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react2.BookOpen, { className: "w-4 h-4" }), /* @__PURE__ */ import_react2.default.createElement("span", null, guide.steps.length, " steps")))))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react2.default.createElement( "button", { onClick: () => setIsBookmarked(!isBookmarked), className: `p-2 rounded-full transition-colors ${isBookmarked ? "bg-[#01B96B]/10 text-[#01B96B]" : "bg-[#F7F7F7] dark:bg-[#262626] text-[#7E8693] dark:text-[#9CA3AF] hover:text-[#01B96B]"}` }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react2.Bookmark, { className: "w-5 h-5" }) ), /* @__PURE__ */ import_react2.default.createElement("button", { className: "p-2 rounded-full bg-[#F7F7F7] dark:bg-[#262626] text-[#7E8693] dark:text-[#9CA3AF] hover:text-[#01B96B] transition-colors" }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react2.Share, { className: "w-5 h-5" })), /* @__PURE__ */ import_react2.default.createElement( "span", { className: `px-3 py-1 rounded-full text-sm font-[500] border ${getDifficultyColor(guide.difficulty)}` }, guide.difficulty ))))); } // virtual:/apps/web/src/components/GuideDetail/ProgressOverview.jsx init_injected_globals(); var import_react3 = __toESM(require_react()); var import_lucide_react3 = __toESM(require_lucide_react()); function ProgressOverview({ progressPercentage, completedSteps, totalSteps, isCompleted }) { return /* @__PURE__ */ import_react3.default.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#EFEFEF] dark:border-[#2A2A2A] p-6" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react3.default.createElement("h3", { className: "text-lg font-[700] text-[#141518] dark:text-[#E1E1E1]" }, "Progress"), /* @__PURE__ */ import_react3.default.createElement("span", { className: "text-2xl font-[700] text-[#01B96B]" }, progressPercentage, "%")), /* @__PURE__ */ import_react3.default.createElement("div", { className: "w-full bg-[#F7F7F7] dark:bg-[#262626] rounded-full h-2 mb-4" }, /* @__PURE__ */ import_react3.default.createElement( "div", { className: "bg-[#01B96B] rounded-full h-2 transition-all duration-500", style: { width: `${progressPercentage}%` } } )), /* @__PURE__ */ import_react3.default.createElement("p", { className: "text-sm text-[#7E8693] dark:text-[#9CA3AF]" }, completedSteps, " of ", totalSteps, " steps completed"), isCompleted && /* @__PURE__ */ import_react3.default.createElement("div", { className: "mt-4 p-3 bg-[#01B96B]/10 rounded-lg" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "flex items-center space-x-2 text-[#01B96B]" }, /* @__PURE__ */ import_react3.default.createElement(import_lucide_react3.CheckCircle, { className: "w-5 h-5" }), /* @__PURE__ */ import_react3.default.createElement("span", { className: "text-sm font-[600]" }, "Guide Completed!")))); } // virtual:/apps/web/src/components/GuideDetail/StepsList.jsx init_injected_globals(); var import_react4 = __toESM(require_react()); var import_lucide_react4 = __toESM(require_lucide_react()); function StepsList({ steps, currentStep, completedSteps, goToStep }) { return /* @__PURE__ */ import_react4.default.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#EFEFEF] dark:border-[#2A2A2A] p-6" }, /* @__PURE__ */ import_react4.default.createElement("h3", { className: "text-lg font-[700] text-[#141518] dark:text-[#E1E1E1] mb-4" }, "Steps"), /* @__PURE__ */ import_react4.default.createElement("div", { className: "space-y-2" }, steps.map((step, index) => /* @__PURE__ */ import_react4.default.createElement( "button", { key: index, onClick: () => goToStep(index), className: `w-full text-left p-3 rounded-lg transition-colors ${currentStep === index ? "bg-[#01B96B]/10 border border-[#01B96B]/20 text-[#01B96B]" : "hover:bg-[#F7F7F7] dark:hover:bg-[#262626] text-[#7E8693] dark:text-[#9CA3AF]"}` }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex-shrink-0 mt-0.5" }, completedSteps.includes(index) ? /* @__PURE__ */ import_react4.default.createElement(import_lucide_react4.CheckCircle, { className: "w-5 h-5 text-[#01B96B]" }) : /* @__PURE__ */ import_react4.default.createElement(import_lucide_react4.Circle, { className: "w-5 h-5" })), /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react4.default.createElement("p", { className: "text-sm font-[500] truncate" }, "Step ", index + 1), /* @__PURE__ */ import_react4.default.createElement("p", { className: "text-xs truncate" }, step.title))) )))); } // virtual:/apps/web/src/components/GuideDetail/Prerequisites.jsx init_injected_globals(); var import_react5 = __toESM(require_react()); var import_lucide_react5 = __toESM(require_lucide_react()); function Prerequisites({ prerequisites }) { if (!prerequisites) return null; return /* @__PURE__ */ import_react5.default.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#EFEFEF] dark:border-[#2A2A2A] p-6" }, /* @__PURE__ */ import_react5.default.createElement("h3", { className: "text-lg font-[700] text-[#141518] dark:text-[#E1E1E1] mb-4" }, "Prerequisites"), /* @__PURE__ */ import_react5.default.createElement("ul", { className: "space-y-2" }, prerequisites.map((item, index) => /* @__PURE__ */ import_react5.default.createElement( "li", { key: index, className: "flex items-start space-x-2 text-sm text-[#7E8693] dark:text-[#9CA3AF]" }, /* @__PURE__ */ import_react5.default.createElement(import_lucide_react5.CheckCircle, { className: "w-4 h-4 mt-0.5 text-[#01B96B] flex-shrink-0" }), /* @__PURE__ */ import_react5.default.createElement("span", null, item) )))); } // virtual:/apps/web/src/components/GuideDetail/StepContent.jsx init_injected_globals(); var import_react6 = __toESM(require_react()); var import_lucide_react6 = __toESM(require_lucide_react()); function StepContent({ step, stepIndex, totalSteps, isCompleted, toggleStepComplete, nextStep, prevStep }) { return /* @__PURE__ */ import_react6.default.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#EFEFEF] dark:border-[#2A2A2A] overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "p-6 border-b border-[#EFEFEF] dark:border-[#2A2A2A]" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-sm font-[600] text-[#01B96B] bg-[#01B96B]/10 rounded-full px-3 py-1" }, "Step ", stepIndex + 1, " of ", totalSteps), /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: () => toggleStepComplete(stepIndex), className: `p-1.5 rounded-full transition-colors ${isCompleted ? "text-[#01B96B] bg-[#01B96B]/10" : "text-[#7E8693] dark:text-[#9CA3AF] hover:text-[#01B96B] hover:bg-[#01B96B]/10"}` }, isCompleted ? /* @__PURE__ */ import_react6.default.createElement(import_lucide_react6.CheckCircle, { className: "w-6 h-6" }) : /* @__PURE__ */ import_react6.default.createElement(import_lucide_react6.Circle, { className: "w-6 h-6" }) )), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: prevStep, disabled: stepIndex === 0, className: "p-2 rounded-lg bg-[#F7F7F7] dark:bg-[#262626] text-[#7E8693] dark:text-[#9CA3AF] hover:text-[#01B96B] disabled:opacity-50 disabled:cursor-not-allowed transition-colors" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react6.ArrowLeft, { className: "w-5 h-5" }) ), /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: nextStep, disabled: stepIndex === totalSteps - 1, className: "p-2 rounded-lg bg-[#01B96B] text-white hover:bg-[#00A85A] disabled:opacity-50 disabled:cursor-not-allowed transition-colors" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react6.ChevronRight, { className: "w-5 h-5" }) ))), /* @__PURE__ */ import_react6.default.createElement("h2", { className: "text-2xl font-[700] text-[#141518] dark:text-[#E1E1E1]" }, step.title)), /* @__PURE__ */ import_react6.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ import_react6.default.createElement( "div", { className: "prose prose-lg max-w-none", dangerouslySetInnerHTML: { __html: step.content } } ), (step.tips || step.warnings) && /* @__PURE__ */ import_react6.default.createElement("div", { className: "mt-8 space-y-4" }, step.tips && /* @__PURE__ */ import_react6.default.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ import_react6.default.createElement( "svg", { className: "w-5 h-5 text-blue-600 mt-1", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ import_react6.default.createElement("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }) )), /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement("h4", { className: "text-sm font-[600] text-blue-800 mb-2" }, "\u{1F4A1} Tips"), /* @__PURE__ */ import_react6.default.createElement("ul", { className: "text-sm text-blue-700 space-y-1" }, step.tips.map((tip, index) => /* @__PURE__ */ import_react6.default.createElement("li", { key: index, className: "flex items-start space-x-2" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-blue-600 mt-1" }, "\u2022"), /* @__PURE__ */ import_react6.default.createElement("span", null, tip))))))), step.warnings && /* @__PURE__ */ import_react6.default.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ import_react6.default.createElement( "svg", { className: "w-5 h-5 text-red-600 mt-1", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ import_react6.default.createElement( "path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" } ) )), /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement("h4", { className: "text-sm font-[600] text-red-800 mb-2" }, "\u26A0\uFE0F Important Warnings"), /* @__PURE__ */ import_react6.default.createElement("ul", { className: "text-sm text-red-700 space-y-1" }, step.warnings.map((warning, index) => /* @__PURE__ */ import_react6.default.createElement("li", { key: index, className: "flex items-start space-x-2" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-red-600 mt-1" }, "\u2022"), /* @__PURE__ */ import_react6.default.createElement("span", null, warning)))))))), /* @__PURE__ */ import_react6.default.createElement("div", { className: "mt-8 flex items-center justify-between" }, /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: prevStep, disabled: stepIndex === 0, className: "flex items-center space-x-2 px-4 py-2 rounded-lg bg-[#F7F7F7] dark:bg-[#262626] text-[#7E8693] dark:text-[#9CA3AF] hover:text-[#01B96B] disabled:opacity-50 disabled:cursor-not-allowed transition-colors" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react6.ArrowLeft, { className: "w-4 h-4" }), /* @__PURE__ */ import_react6.default.createElement("span", null, "Previous") ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: () => toggleStepComplete(stepIndex), className: `flex items-center space-x-2 px-4 py-2 rounded-lg transition-colors ${isCompleted ? "bg-[#01B96B]/10 text-[#01B96B] border border-[#01B96B]/20" : "bg-[#F7F7F7] dark:bg-[#262626] text-[#7E8693] dark:text-[#9CA3AF] hover:text-[#01B96B]"}` }, isCompleted ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react6.CheckCircle, { className: "w-4 h-4" }), /* @__PURE__ */ import_react6.default.createElement("span", null, "Completed")) : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react6.Circle, { className: "w-4 h-4" }), /* @__PURE__ */ import_react6.default.createElement("span", null, "Mark Complete")) ), /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: nextStep, disabled: stepIndex === totalSteps - 1, className: "flex items-center space-x-2 px-4 py-2 rounded-lg bg-[#01B96B] text-white hover:bg-[#00A85A] disabled:opacity-50 disabled:cursor-not-allowed transition-colors" }, /* @__PURE__ */ import_react6.default.createElement("span", null, "Next"), /* @__PURE__ */ import_react6.default.createElement(import_lucide_react6.ChevronRight, { className: "w-4 h-4" }) ))))); } // virtual:/apps/web/src/components/GuideDetail/FAQSection.jsx init_injected_globals(); var import_react7 = __toESM(require_react()); function FAQSection({ faqs }) { if (!faqs) return null; return /* @__PURE__ */ import_react7.default.createElement("div", { className: "mt-8 bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#EFEFEF] dark:border-[#2A2A2A] p-6" }, /* @__PURE__ */ import_react7.default.createElement("h3", { className: "text-xl font-[700] text-[#141518] dark:text-[#E1E1E1] mb-6" }, "Frequently Asked Questions"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "space-y-4" }, faqs.map((faq, index) => /* @__PURE__ */ import_react7.default.createElement( "div", { key: index, className: "border border-[#EFEFEF] dark:border-[#2A2A2A] rounded-lg p-4" }, /* @__PURE__ */ import_react7.default.createElement("h4", { className: "font-[600] text-[#141518] dark:text-[#E1E1E1] mb-2" }, faq.question), /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-sm text-[#7E8693] dark:text-[#9CA3AF] leading-relaxed" }, faq.answer) )))); } // virtual:/apps/web/src/components/GuideDetail/RelatedGuides.jsx init_injected_globals(); var import_react8 = __toESM(require_react()); function RelatedGuides({ relatedGuides }) { if (!relatedGuides) return null; return /* @__PURE__ */ import_react8.default.createElement("div", { className: "mt-8 bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#EFEFEF] dark:border-[#2A2A2A] p-6" }, /* @__PURE__ */ import_react8.default.createElement("h3", { className: "text-xl font-[700] text-[#141518] dark:text-[#E1E1E1] mb-6" }, "Related Guides"), /* @__PURE__ */ import_react8.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" }, relatedGuides.map((relatedGuide, index) => /* @__PURE__ */ import_react8.default.createElement( "a", { key: index, href: `/guide/${relatedGuide.id}`, className: "block p-4 border border-[#EFEFEF] dark:border-[#2A2A2A] rounded-lg hover:shadow-md hover:border-[#01B96B]/20 transition-all" }, /* @__PURE__ */ import_react8.default.createElement("h4", { className: "font-[600] text-[#141518] dark:text-[#E1E1E1] mb-2 hover:text-[#01B96B] transition-colors" }, relatedGuide.title), /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-sm text-[#7E8693] dark:text-[#9CA3AF]" }, relatedGuide.description) )))); } // virtual:/apps/web/src/components/GuideDetail/GuideNotFound.jsx init_injected_globals(); var import_react9 = __toESM(require_react()); function GuideNotFound() { return /* @__PURE__ */ import_react9.default.createElement("div", { className: "min-h-screen bg-white dark:bg-[#121212] flex items-center justify-center" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react9.default.createElement("h1", { className: "text-2xl font-bold text-red-600 mb-4" }, "Guide Not Found"), /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-gray-600 mb-4" }, "The requested guide could not be found."), /* @__PURE__ */ import_react9.default.createElement("a", { href: "/", className: "text-blue-600 hover:underline" }, "Return to Dashboard"))); } // virtual:/apps/web/src/app/guide/[id]/page.jsx function GuideDetail({ params }) { const [isBookmarked, setIsBookmarked] = (0, import_react10.useState)(false); const guide = guides[params.id]; const { currentStep, completedSteps, isCompleted, progressPercentage, toggleStepComplete, nextStep, prevStep, goToStep } = useGuideProgress(guide?.steps?.length || 0); if (!guide) { return /* @__PURE__ */ import_react10.default.createElement(GuideNotFound, null); } return /* @__PURE__ */ import_react10.default.createElement("div", { className: "min-h-screen bg-white dark:bg-[#121212] font-['Inter'] text-[#141518] dark:text-[#E1E1E1]" }, /* @__PURE__ */ import_react10.default.createElement( "link", { href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap", rel: "stylesheet" } ), /* @__PURE__ */ import_react10.default.createElement( GuideHeader, { guide, isBookmarked, setIsBookmarked } ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "max-w-7xl mx-auto px-4 lg:px-8 py-8" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-8" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "lg:col-span-1" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "sticky top-24 space-y-6" }, /* @__PURE__ */ import_react10.default.createElement( ProgressOverview, { progressPercentage, completedSteps: completedSteps.length, totalSteps: guide.steps.length, isCompleted } ), /* @__PURE__ */ import_react10.default.createElement( StepsList, { steps: guide.steps, currentStep, completedSteps, goToStep } ), /* @__PURE__ */ import_react10.default.createElement(Prerequisites, { prerequisites: guide.prerequisites }))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "lg:col-span-3" }, /* @__PURE__ */ import_react10.default.createElement( StepContent, { step: guide.steps[currentStep], stepIndex: currentStep, totalSteps: guide.steps.length, isCompleted: completedSteps.includes(currentStep), toggleStepComplete, nextStep, prevStep } ), currentStep === guide.steps.length - 1 && /* @__PURE__ */ import_react10.default.createElement(FAQSection, { faqs: guide.faqs }), /* @__PURE__ */ import_react10.default.createElement(RelatedGuides, { relatedGuides: guide.relatedGuides }))))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js init_injected_globals(); var Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; // ../../../node_modules/@tanstack/query-core/build/modern/utils.js init_injected_globals(); var isServer = typeof window === "undefined" || "Deno" in globalThis; function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (false) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } var skipToken = Symbol(); function ensureQueryFn(options, fetchOptions) { if (false) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; var focusManager = new FocusManager(); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js init_injected_globals(); var OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; var onlineManager = new OnlineManager(); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js init_injected_globals(); function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } var CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/query.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js init_injected_globals(); var defaultScheduler = (cb) => setTimeout(cb, 0); function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var notifyManager = createNotifyManager(); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js init_injected_globals(); var Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; // ../../../node_modules/@tanstack/query-core/build/modern/query.js var Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (false) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (false) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js init_injected_globals(); var Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js var MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; function scopeFor(mutation) { return mutation.options.scope?.id; } // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js init_injected_globals(); function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js init_injected_globals(); var React11 = __toESM(require_react(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var QueryClientContext = React11.createContext( void 0 ); var QueryClientProvider = ({ client, children }) => { React11.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; // virtual:/apps/web/src/app/layout.jsx var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react11.default.createElement(GuideDetail, { ...props }); content = /* @__PURE__ */ import_react11.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */