@mohasinac/appkit 2.7.50 → 2.7.53

package/dist/features/stores/components/StoreCapabilitiesGuideView.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+import { Alert, Div, Heading, Section, Text } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+const SUBHEADING = "mb-1 font-semibold text-[var(--appkit-color-text)]";
+const LIST_DISC = "list-disc leading-relaxed";
+const SECTION_BODY = "space-y-4 text-sm text-[var(--appkit-color-text-muted)]";
+// -- Section wrapper -----------------------------------------------------------
+function GuideSection({ title, children, }) {
+    return (_jsxs(Section, { className: "rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] p-6 shadow-sm", children: [_jsx(Heading, { level: 2, className: "mb-4 text-lg font-semibold text-[var(--appkit-color-text)]", children: title }), children] }));
+}
+// -- Section 1: What are capabilities -----------------------------------------
+function WhatAreCapabilitiesSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsx(Text, { className: "leading-relaxed", children: "Capabilities are per-store feature flags granted by the LetItRip team. They are not self-serve \u2014 they must be requested and approved. This gives LetItRip control over trust, quality, and platform safety as your store grows." }), _jsxs(Text, { className: "leading-relaxed", children: ["Two capabilities are enabled for every store at creation by default:", _jsx("code", { className: "text-xs bg-[var(--appkit-color-border)] px-1 rounded mx-1", children: "suggest_brands" }), " and", _jsx("code", { className: "text-xs bg-[var(--appkit-color-border)] px-1 rounded mx-1", children: "create_coupons" }), ". All others must be requested. Some require contractual agreements before they can be granted."] })] }));
+}
+// -- Section 2: Capability table ----------------------------------------------
+const CAPABILITY_GROUPS = [
+    {
+        group: "Listing & Catalog",
+        items: [
+            { cap: "host_auctions", unlocks: "Create auction listings on your store.", defaultOn: false },
+            { cap: "host_preorders", unlocks: "Create pre-order listings with deposit collection.", defaultOn: false },
+            { cap: "create_categories", unlocks: "Request new product categories (goes to admin review).", defaultOn: false },
+            { cap: "suggest_brands", unlocks: "Suggest new brands for the platform catalogue.", defaultOn: true },
+            { cap: "create_coupons", unlocks: "Create store-level discount coupons.", defaultOn: true },
+            { cap: "bulk_listing_import", unlocks: "Import products in bulk via CSV upload.", defaultOn: false },
+            { cap: "extended_return_window", unlocks: "Offer buyers a 30-day return window (platform default: 7 days).", defaultOn: false },
+        ],
+    },
+    {
+        group: "Trust & Visibility",
+        items: [
+            { cap: "verified_seller", unlocks: "Shows a Verified badge on your store profile and listing cards.", defaultOn: false },
+            { cap: "featured_placement", unlocks: "Your store is eligible to appear in featured store sections on the homepage.", defaultOn: false },
+            { cap: "promotional_banner", unlocks: "Your store banner can be used in carousel and promotional homepage sections.", defaultOn: false },
+            { cap: "priority_support", unlocks: "Your support tickets go to a dedicated queue with faster response SLA.", defaultOn: false },
+        ],
+    },
+    {
+        group: "Platform & Technical",
+        items: [
+            { cap: "multiple_stores", unlocks: "You (same owner) can create more than one store on LetItRip.", defaultOn: false },
+            { cap: "custom_store_slug", unlocks: "Change your store URL slug after the 7-day post-creation lock period.", defaultOn: false },
+            { cap: "api_access", unlocks: "Programmatic API credentials for advanced integrations (future).", defaultOn: false },
+            { cap: "lower_commission_rate", unlocks: "Negotiated reduced platform fee. Requires a signed agreement and minimum volume.", defaultOn: false },
+            { cap: "early_access_features", unlocks: "Access to beta features before they are publicly available.", defaultOn: false },
+            { cap: "advanced_analytics", unlocks: "Cohort retention, basket analysis, and top-buyer breakdown (beyond summary stats).", defaultOn: false },
+            { cap: "whatsapp_catalog_sync", unlocks: "Sync your store products to your WhatsApp Business Catalog automatically.", defaultOn: false },
+        ],
+    },
+];
+function CapabilityTable() {
+    return (_jsx(Div, { className: "space-y-6", children: CAPABILITY_GROUPS.map(({ group, items }) => (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold uppercase tracking-wide text-[var(--appkit-color-text-muted)] mb-2", children: group }), _jsx(Div, { className: "overflow-x-auto -mx-6", children: _jsxs("table", { className: "min-w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-[var(--appkit-color-border)]", children: [_jsx("th", { className: "px-6 py-2 text-left font-semibold text-[var(--appkit-color-text)]", children: "Capability" }), _jsx("th", { className: "px-6 py-2 text-left font-semibold text-[var(--appkit-color-text)]", children: "What it unlocks" }), _jsx("th", { className: "px-6 py-2 text-left font-semibold text-[var(--appkit-color-text)] w-24", children: "Default" })] }) }), _jsx("tbody", { className: "divide-y divide-[var(--appkit-color-border)]", children: items.map(({ cap, unlocks, defaultOn }) => (_jsxs("tr", { children: [_jsx("td", { className: "px-6 py-2 font-mono text-xs text-[var(--appkit-color-text)] align-top whitespace-nowrap", children: cap }), _jsx("td", { className: "px-6 py-2 text-[var(--appkit-color-text-muted)] align-top", children: unlocks }), _jsx("td", { className: "px-6 py-2 align-top", children: defaultOn ? (_jsx("span", { className: "inline-block rounded-full bg-[var(--appkit-color-success,#16a34a)]/10 text-[var(--appkit-color-success,#16a34a)] text-xs px-2 py-0.5 font-medium", children: "On" })) : (_jsx("span", { className: "inline-block rounded-full bg-[var(--appkit-color-border)] text-[var(--appkit-color-text-muted)] text-xs px-2 py-0.5 font-medium", children: "Off" })) })] }, cap))) })] }) })] }, group))) }));
+}
+// -- Section 3: Locked feature guide ------------------------------------------
+const LOCKED_FEATURES = [
+    {
+        cap: "host_auctions",
+        missing: ["Create auction listings", "Set reserve prices and bid increments", "Auto-notify winner at auction end"],
+        howToUnlock: "Contact support@letitrip.in with at least 10 delivered orders and 3 months of store activity. Our team reviews within 5 business days.",
+        contractRequired: false,
+    },
+    {
+        cap: "host_preorders",
+        missing: ["Create pre-order listings with deposit", "Collect deposits at checkout", "Mark pre-order ready when stock arrives"],
+        howToUnlock: "Contact support with proof of supplier relationship (purchase order or distributor invoice). Our team reviews within 5 business days.",
+        contractRequired: false,
+    },
+    {
+        cap: "lower_commission_rate",
+        missing: ["Reduced platform fee (custom rate)", "Higher net margin per order"],
+        howToUnlock: "Available to stores with ₹2L+ GMV per month. Contact your account manager or email partner@letitrip.in with your last 3 months' payout statements.",
+        contractRequired: true,
+    },
+    {
+        cap: "extended_return_window",
+        missing: ["30-day return window shown to buyers", "Differentiated listing card badge"],
+        howToUnlock: "Contact support with your store ID. Requires a minimum 4.5 average rating and 6+ months of store activity.",
+        contractRequired: true,
+    },
+    {
+        cap: "bulk_listing_import",
+        missing: ["CSV batch upload for products", "Template download for bulk edits"],
+        howToUnlock: "Contact support@letitrip.in — available to stores with verified status and 50+ published listings.",
+        contractRequired: false,
+    },
+];
+function LockedFeatureGuide() {
+    return (_jsx(Div, { className: "space-y-4", children: LOCKED_FEATURES.map(({ cap, missing, howToUnlock, contractRequired }) => (_jsxs(Div, { className: "rounded-lg border border-[var(--appkit-color-border)] p-4 space-y-2", children: [_jsxs(Div, { className: "flex items-center gap-2", children: [_jsx(Text, { className: "font-mono text-sm font-semibold text-[var(--appkit-color-text)]", children: cap }), contractRequired && (_jsx("span", { className: "inline-block rounded-full bg-[var(--appkit-color-warning,#ca8a04)]/10 text-[var(--appkit-color-warning,#ca8a04)] text-xs px-2 py-0.5 font-medium", children: "Requires agreement" }))] }), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold text-[var(--appkit-color-text-muted)] mb-1", children: "What you are missing:" }), _jsx("ul", { className: "pl-4 space-y-0.5", children: missing.map((item) => (_jsx("li", { className: `text-sm text-[var(--appkit-color-text-muted)] ${LIST_DISC}`, children: item }, item))) })] }), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold text-[var(--appkit-color-text-muted)] mb-1", children: "How to unlock:" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)] leading-relaxed", children: howToUnlock })] })] }, cap))) }));
+}
+// -- Section 4: Verified seller badge -----------------------------------------
+function VerifiedSellerSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "What it means for buyers" }), _jsx(Text, { className: "leading-relaxed", children: "The Verified badge appears on your store profile page and on every listing card. It signals to buyers that LetItRip has reviewed your identity and track record. Verified sellers typically see higher conversion rates, especially on high-value items." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Requirements" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsx("li", { className: LIST_DISC, children: "Government-issued photo ID submitted to LetItRip support." }), _jsx("li", { className: LIST_DISC, children: "Store active for at least 6 months." }), _jsx("li", { className: LIST_DISC, children: "Average rating of 4.5 or above (across all reviews)." }), _jsx("li", { className: LIST_DISC, children: "At least 50 delivered orders with no outstanding fraud reports." }), _jsx("li", { className: LIST_DISC, children: "No active hard ban or store suspension in the past 12 months." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "How to apply" }), _jsx(Text, { className: "leading-relaxed", children: "Open a support ticket from your store dashboard with category \"Account\" and subject \"Verified Seller Application\". Attach your government ID scan. Our team reviews within 10 business days." })] })] }));
+}
+// -- Section 5: Multiple stores -----------------------------------------------
+function MultipleStoresSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Text, { className: "leading-relaxed", children: ["By default, each owner account can only create one store. The", _jsx("code", { className: "text-xs bg-[var(--appkit-color-border)] px-1 rounded mx-1", children: "multiple_stores" }), "capability allows the same owner to create and manage additional stores under the same account."] }), _jsx(Alert, { variant: "info", title: "Each store is independent", children: "Multiple stores share the same owner account (Firebase Auth UID) but are separate Firestore documents with their own listings, orders, payouts, and settings. Platform fees apply per-store. Admin grants this capability after reviewing your business justification." })] }));
+}
+export function StoreCapabilitiesGuideView(_props) {
+    return (_jsxs(Div, { className: "space-y-6 pb-10", children: [_jsxs("a", { href: String(ROUTES.STORE.GUIDE), className: "inline-flex items-center gap-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold text-[var(--appkit-color-text)]", children: "Capabilities Guide" }), _jsx(Text, { className: "mt-1 text-sm text-[var(--appkit-color-text-muted)]", children: "Per-store feature flags \u2014 what they unlock, defaults, and how to request access." })] }), _jsx(GuideSection, { title: "1. What are capabilities?", children: _jsx(WhatAreCapabilitiesSection, {}) }), _jsx(GuideSection, { title: "2. Capability table", children: _jsx(CapabilityTable, {}) }), _jsx(GuideSection, { title: "3. How to unlock locked features", children: _jsx(LockedFeatureGuide, {}) }), _jsx(GuideSection, { title: "4. Verified seller badge", children: _jsx(VerifiedSellerSection, {}) }), _jsx(GuideSection, { title: "5. Multiple stores", children: _jsx(MultipleStoresSection, {}) })] }));
+}

package/dist/features/stores/components/StoreFinanceGuideView.d.ts

@@ -0,0 +1,3 @@
+export interface StoreFinanceGuideViewProps {
+}
+export declare function StoreFinanceGuideView(_props: StoreFinanceGuideViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreFinanceGuideView.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+import { Alert, Div, Heading, Section, Text } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+const SUBHEADING = "mb-1 font-semibold text-[var(--appkit-color-text)]";
+const LIST_DISC = "list-disc leading-relaxed";
+const SECTION_BODY = "space-y-4 text-sm text-[var(--appkit-color-text-muted)]";
+const MONO_MUTED = "font-mono text-xs text-[var(--appkit-color-text-muted)]";
+// -- Section wrapper -----------------------------------------------------------
+function GuideSection({ title, children, }) {
+    return (_jsxs(Section, { className: "rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] p-6 shadow-sm", children: [_jsx(Heading, { level: 2, className: "mb-4 text-lg font-semibold text-[var(--appkit-color-text)]", children: title }), children] }));
+}
+// -- Section 1: Commission structure ------------------------------------------
+function CommissionSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "How it works" }), _jsx(Text, { className: "leading-relaxed", children: "LetItRip deducts a platform fee from every completed order before paying out to you. The current fee rate is shown in your store Settings \u2192 Finance page and in the platform site settings. Custom commission rates are available to high-volume sellers \u2014 see the Capabilities guide for details." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Worked example" }), _jsxs(Div, { className: "rounded-lg border border-[var(--appkit-color-border)] p-4 font-mono text-xs space-y-1", children: [_jsx(Text, { className: MONO_MUTED, children: "Order total: \u20B91,000.00" }), _jsx(Text, { className: MONO_MUTED, children: "Platform fee (e.g. 5%): \u2212 \u20B950.00" }), _jsx(Text, { className: MONO_MUTED, children: "Payment processing (Razorpay ~2%): \u2212 \u20B920.00" }), _jsx(Div, { className: "border-t border-[var(--appkit-color-border)] pt-1", children: _jsx(Text, { className: "font-mono text-xs font-semibold text-[var(--appkit-color-text)]", children: "Seller receives: \u2248 \u20B9930.00" }) })] }), _jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)] mt-2", children: "Exact amounts depend on the current platform fee configured in Site Settings. Razorpay charges vary by payment method (UPI is lowest)." })] }), _jsx(Alert, { variant: "info", title: "Shipping is separate", children: "Shipping costs you charge buyers are passed through in full \u2014 the platform fee applies only to the product price, not the shipping amount." })] }));
+}
+// -- Section 2: Payout cycle --------------------------------------------------
+const PAYOUT_STATUSES = [
+    { status: "PENDING", note: "Orders delivered this week — awaiting batch processing on Sunday." },
+    { status: "PROCESSING", note: "Batch being processed — funds being transferred to your account." },
+    { status: "PAID", note: "Funds sent. UPI arrives same day; bank transfer 1–2 business days." },
+    { status: "FAILED", note: "Transfer failed — usually a stale UPI ID or closed account. Update payoutDetails in Settings and contact support." },
+];
+function PayoutCycleSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "When payouts are processed" }), _jsx(Text, { className: "leading-relaxed", children: "Payouts are processed weekly on Sunday. Orders included are those that reached DELIVERED status at least 7 days before the batch date (the settlement delay). This delay ensures time for return requests and fraud checks before funds are released." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Payout statuses" }), _jsx(Div, { className: "space-y-2", children: PAYOUT_STATUSES.map(({ status, note }) => (_jsxs(Div, { className: "flex gap-3", children: [_jsx(Text, { className: "shrink-0 font-mono font-semibold text-[var(--appkit-color-text)] w-24", children: status }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: note })] }, status))) })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Minimum payout threshold" }), _jsx(Text, { className: "leading-relaxed", children: "Payouts below the minimum threshold (visible in your Finance settings) are rolled over to the next week. There is no penalty for rolling over \u2014 it accumulates until the threshold is met." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Where to view payout history" }), _jsx(Text, { className: "leading-relaxed", children: "Go to your Store Dashboard \u2192 Finance \u2192 Payouts. Each payout shows the date range, orders included, gross amount, fee deducted, and net amount received." })] })] }));
+}
+// -- Section 3: Coupons -------------------------------------------------------
+const COUPON_FIELDS = [
+    {
+        field: "Type",
+        detail: "percentage (% off), fixed (₹ off), free_shipping (removes shipping charge), buy_x_get_y (buy N items, get M free or discounted).",
+    },
+    {
+        field: "Value",
+        detail: "The discount amount. For percentage: 0–100. For fixed: amount in ₹. For buy_x_get_y: the N and M counts.",
+    },
+    {
+        field: "Max discount",
+        detail: "For percentage coupons — caps the maximum ₹ discount. E.g. 20% off but max ₹200.",
+    },
+    {
+        field: "Min purchase",
+        detail: "Minimum cart value before the coupon applies. Enforced at checkout.",
+    },
+    {
+        field: "Total limit",
+        detail: "Maximum number of times the coupon can be used across all buyers. Leave blank for unlimited.",
+    },
+    {
+        field: "Per-user limit",
+        detail: "Maximum uses per buyer account. Typically 1 for one-time welcome coupons.",
+    },
+    {
+        field: "Start / End date",
+        detail: "The validity window. Outside this window the coupon code is rejected at checkout.",
+    },
+    {
+        field: "First-time user only",
+        detail: "Restricts redemption to buyers with no prior completed orders on LetItRip.",
+    },
+    {
+        field: "Combine with seller coupons",
+        detail: "For admin coupons — whether they stack with a seller coupon on the same cart.",
+    },
+];
+function CouponsSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Admin coupons vs store coupons" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsxs("li", { className: LIST_DISC, children: [_jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "Admin coupons" }), " \u2014 created by LetItRip and apply platform-wide (all stores). You cannot create these."] }), _jsxs("li", { className: LIST_DISC, children: [_jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "Store coupons" }), " \u2014 created by you. Apply only to purchases from your store. You control the terms."] }), _jsx("li", { className: LIST_DISC, children: "Admin coupons and store coupons can stack if the admin coupon has \"Combine with seller coupons\" enabled. If not, only the better coupon is applied automatically." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Coupon field reference" }), _jsx(Div, { className: "space-y-3", children: COUPON_FIELDS.map(({ field, detail }) => (_jsxs(Div, { className: "flex gap-3", children: [_jsx(Text, { className: "shrink-0 w-32 font-semibold text-[var(--appkit-color-text)] text-sm", children: field }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] text-sm leading-relaxed", children: detail })] }, field))) })] })] }));
+}
+// -- Section 4: Promoted & featured listings ----------------------------------
+function PromotedSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "isPromoted \u2014 Deals & promoted sections" }), _jsx(Text, { className: "leading-relaxed", children: "Promoted listings appear in the Deals carousel on the homepage and in search-result promoted slots. For most stores, this flag is set by a LetItRip admin. If you want a product promoted, contact support with the product slug and reason." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "isFeatured \u2014 Featured badge & priority" }), _jsxs(Text, { className: "leading-relaxed", children: ["Featured listings get a \"Featured\" badge on their listing card and receive priority ordering in search results and category pages. Like isPromoted, this is admin-controlled for most stores. Stores with the ", _jsx("code", { className: "text-xs bg-[var(--appkit-color-border)] px-1 rounded", children: "manage_promoted_listings" }), " capability can self-promote from their dashboard."] })] }), _jsx(Alert, { variant: "info", title: "Promoted placement vs sponsored listings", children: "LetItRip does not currently offer paid sponsored placements \u2014 promoted and featured flags are granted editorially by the LetItRip team based on listing quality and seller performance." })] }));
+}
+// -- Section 5: Taxes notice --------------------------------------------------
+function TaxesSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsx(Alert, { variant: "warning", title: "Seller tax responsibility", children: "LetItRip is a marketplace platform. Each seller operates independently and is individually responsible for applicable taxes on their sales, including GST where required by Indian tax law. LetItRip does not collect or remit GST on your behalf. Consult a qualified tax advisor to understand your obligations based on your turnover and registration status." }), _jsx(Text, { className: "leading-relaxed", children: "TCS (Tax Collected at Source) deducted by LetItRip under Section 194-O of the Income Tax Act will be reflected in your annual Form 26AS. Your gross payouts (before TCS) are visible in the Finance \u2192 Payouts dashboard." })] }));
+}
+export function StoreFinanceGuideView(_props) {
+    return (_jsxs(Div, { className: "space-y-6 pb-10", children: [_jsxs("a", { href: String(ROUTES.STORE.GUIDE), className: "inline-flex items-center gap-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold text-[var(--appkit-color-text)]", children: "Finance Guide" }), _jsx(Text, { className: "mt-1 text-sm text-[var(--appkit-color-text-muted)]", children: "Payouts, commissions, coupons, and promoted listings." })] }), _jsx(GuideSection, { title: "1. Commission structure", children: _jsx(CommissionSection, {}) }), _jsx(GuideSection, { title: "2. Payout cycle", children: _jsx(PayoutCycleSection, {}) }), _jsx(GuideSection, { title: "3. Coupons", children: _jsx(CouponsSection, {}) }), _jsx(GuideSection, { title: "4. Promoted & featured listings", children: _jsx(PromotedSection, {}) }), _jsx(GuideSection, { title: "5. Taxes", children: _jsx(TaxesSection, {}) })] }));
+}

package/dist/features/stores/components/StoreGuideHubView.d.ts

@@ -0,0 +1,5 @@
+import type { StoreDocument } from "../schemas";
+export interface StoreGuideHubViewProps {
+    store: StoreDocument | null;
+}
+export declare function StoreGuideHubView({ store }: StoreGuideHubViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreGuideHubView.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Package, ShoppingBag, Wallet, Settings, Shield, Headphones, CheckCircle2, Circle, BookOpen, } from "lucide-react";
+import { Div, Heading, Text, Section } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+const GUIDE_CARDS = [
+    {
+        Icon: Package,
+        title: "Listings",
+        description: "Add products, auctions, and pre-orders. Learn condition grades, media tips, and pricing.",
+        href: String(ROUTES.STORE.GUIDE_LISTINGS),
+    },
+    {
+        Icon: ShoppingBag,
+        title: "Orders",
+        description: "Process, ship, and handle returns. Understand the full order lifecycle step by step.",
+        href: String(ROUTES.STORE.GUIDE_ORDERS),
+    },
+    {
+        Icon: Wallet,
+        title: "Finance",
+        description: "Payout cycles, commissions, coupons, and promoted listings explained.",
+        href: String(ROUTES.STORE.GUIDE_FINANCE),
+    },
+    {
+        Icon: Settings,
+        title: "Settings",
+        description: "Store profile, shipping config, return policy, vacation mode, and WhatsApp integration.",
+        href: String(ROUTES.STORE.GUIDE_SETTINGS),
+    },
+    {
+        Icon: Shield,
+        title: "Capabilities",
+        description: "Admin-granted feature flags — auctions, pre-orders, lower commissions, and more.",
+        href: String(ROUTES.STORE.GUIDE_CAPABILITIES),
+    },
+    {
+        Icon: Headphones,
+        title: "Support",
+        description: "Open a support ticket, report an issue, or escalate a dispute with our team.",
+        href: String(ROUTES.USER.SUPPORT),
+    },
+];
+function buildChecklist(store) {
+    return [
+        {
+            label: "Complete your store profile",
+            done: Boolean(store?.storeDescription?.trim()),
+            href: String(ROUTES.STORE.STOREFRONT),
+        },
+        {
+            label: "Upload logo & banner",
+            done: Boolean(store?.storeLogoURL),
+            href: String(ROUTES.STORE.STOREFRONT),
+        },
+        {
+            label: "Create your first listing",
+            done: (store?.stats?.totalProducts ?? 0) > 0,
+            href: String(ROUTES.STORE.PRODUCTS_NEW),
+        },
+        {
+            label: "Configure shipping",
+            done: (store?.shippingConfig?.providers?.length ?? 0) > 0,
+            href: String(ROUTES.STORE.SHIPPING_CONFIGS),
+        },
+        {
+            label: "Request verified badge",
+            done: Boolean(store?.isVerified),
+            href: String(ROUTES.USER.SUPPORT),
+        },
+    ];
+}
+// -- Component -----------------------------------------------------------------
+export function StoreGuideHubView({ store }) {
+    const storeName = store?.storeName ?? "Your Store";
+    const steps = buildChecklist(store);
+    const completedCount = steps.filter((s) => s.done).length;
+    return (_jsxs(Div, { className: "space-y-8 pb-10", children: [_jsx(Section, { className: "rounded-2xl overflow-hidden border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] shadow-sm", children: _jsxs(Div, { className: "px-6 py-8 md:px-10", style: {
+                        background: "linear-gradient(135deg,var(--appkit-color-primary-700,#4f46e5) 0%,var(--appkit-color-cobalt,#2563eb) 60%,var(--appkit-color-secondary-400,#7c3aed) 100%)",
+                    }, children: [_jsxs(Div, { className: "flex items-center gap-3 mb-3", children: [_jsx(Div, { className: "flex-shrink-0 w-10 h-10 rounded-xl bg-white/20 flex items-center justify-center", children: _jsx(BookOpen, { className: "w-5 h-5 text-white" }) }), _jsx(Text, { className: "text-sm font-semibold text-white/80 uppercase tracking-widest", children: "Seller Guide" })] }), _jsx(Heading, { level: 1, className: "text-2xl md:text-3xl font-bold text-white mb-2", children: storeName }), _jsx(Text, { className: "text-white/80 text-base", children: "Everything you need to know about selling on LetItRip." })] }) }), _jsxs(Div, { className: "grid grid-cols-1 gap-8 lg:grid-cols-3", children: [_jsxs(Div, { className: "lg:col-span-2 space-y-4", children: [_jsx(Heading, { level: 2, className: "text-lg font-semibold text-[var(--appkit-color-text)]", children: "Guides" }), _jsx(Div, { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: GUIDE_CARDS.map(({ Icon, title, description, href }) => (_jsxs("a", { href: href, className: "group flex flex-col gap-3 rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] p-5 hover:border-[var(--appkit-color-primary)] hover:shadow-md transition-all", children: [_jsxs(Div, { className: "flex items-center gap-3", children: [_jsx(Div, { className: "flex-shrink-0 w-9 h-9 rounded-lg flex items-center justify-center", style: {
+                                                        background: "linear-gradient(135deg,var(--appkit-color-primary-700,#4f46e5) 0%,var(--appkit-color-cobalt,#2563eb) 100%)",
+                                                    }, children: _jsx(Icon, { className: "w-4 h-4 text-white" }) }), _jsx(Text, { className: "font-semibold text-[var(--appkit-color-text)] group-hover:text-[var(--appkit-color-primary)] transition-colors", children: title })] }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)] leading-relaxed", children: description }), _jsx(Text, { className: "text-xs font-medium text-[var(--appkit-color-primary)] mt-auto", children: "Read guide \u2192" })] }, title))) })] }), _jsxs(Div, { className: "space-y-4", children: [_jsx(Heading, { level: 2, className: "text-lg font-semibold text-[var(--appkit-color-text)]", children: "Getting started" }), _jsxs(Div, { className: "rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] overflow-hidden", children: [_jsxs(Div, { className: "px-5 pt-5 pb-4 border-b border-[var(--appkit-color-border)]", children: [_jsxs(Div, { className: "flex items-center justify-between mb-2", children: [_jsxs(Text, { className: "text-sm font-medium text-[var(--appkit-color-text)]", children: [completedCount, " of ", steps.length, " complete"] }), _jsxs(Text, { className: "text-xs text-[var(--appkit-color-text-muted)]", children: [Math.round((completedCount / steps.length) * 100), "%"] })] }), _jsx(Div, { className: "h-1.5 rounded-full bg-[var(--appkit-color-border)]", children: _jsx(Div, { className: "h-full rounded-full transition-all", style: {
+                                                        width: `${Math.round((completedCount / steps.length) * 100)}%`,
+                                                        background: "linear-gradient(90deg,var(--appkit-color-primary-700,#4f46e5),var(--appkit-color-cobalt,#2563eb))",
+                                                    } }) })] }), _jsx(Div, { className: "divide-y divide-[var(--appkit-color-border)]", children: steps.map(({ label, done, href }) => (_jsxs("a", { href: done ? "#" : href, "aria-disabled": done, className: `flex items-center gap-3 px-5 py-3.5 text-sm transition-colors ${done
+                                                ? "cursor-default"
+                                                : "hover:bg-[var(--appkit-color-border)]/30"}`, children: [done ? (_jsx(CheckCircle2, { className: "w-5 h-5 flex-shrink-0 text-emerald-500" })) : (_jsx(Circle, { className: "w-5 h-5 flex-shrink-0 text-[var(--appkit-color-text-muted)]" })), _jsx(Text, { className: `leading-snug ${done
+                                                        ? "line-through text-[var(--appkit-color-text-muted)]"
+                                                        : "text-[var(--appkit-color-text)]"}`, children: label })] }, label))) })] }), completedCount === steps.length && (_jsx(Div, { className: "rounded-xl border border-emerald-200 bg-emerald-50 dark:bg-emerald-950/30 dark:border-emerald-800 px-5 py-4", children: _jsx(Text, { className: "text-sm font-medium text-emerald-700 dark:text-emerald-400", children: "\uD83C\uDF89 You're all set! Your store is fully configured." }) }))] })] })] }));
+}

package/dist/features/stores/components/StoreListingsGuideView.d.ts

@@ -0,0 +1,3 @@
+export interface StoreListingsGuideViewProps {
+}
+export declare function StoreListingsGuideView(_props: StoreListingsGuideViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreListingsGuideView.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+import { Alert, Div, Heading, Section, Text } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+const SUBHEADING = "mb-1 font-semibold text-[var(--appkit-color-text)]";
+const LIST_DISC = "list-disc leading-relaxed";
+// -- Section wrapper -----------------------------------------------------------
+function GuideSection({ title, children, }) {
+    return (_jsxs(Section, { className: "rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] p-6 shadow-sm", children: [_jsx(Heading, { level: 2, className: "mb-4 text-lg font-semibold text-[var(--appkit-color-text)]", children: title }), children] }));
+}
+// -- Section 1: Comparison table -----------------------------------------------
+const LISTING_TYPES = [
+    {
+        type: "Standard Product",
+        pricing: "Fixed price set by seller",
+        buyerFlow: "Add to cart → checkout → instant order",
+        requiredFields: "Title · condition · price · ≥1 image",
+        idealUseCase: "Collectibles with a clear market value",
+    },
+    {
+        type: "Auction",
+        pricing: "Starts at reserve/starting bid; buyers compete",
+        buyerFlow: "Place bid → wait for end time → winner pays within 48 h",
+        requiredFields: "Reserve price · starting bid · end date/time",
+        idealUseCase: "Rare or graded items where demand sets the price",
+    },
+    {
+        type: "Pre-order",
+        pricing: "Fixed price; deposit collected at checkout",
+        buyerFlow: "Pay deposit → wait for supplier arrival → pay balance",
+        requiredFields: "Expected delivery date · deposit % · supplier status",
+        idealUseCase: "Upcoming releases or items not yet in hand",
+    },
+];
+function ListingTypesTable() {
+    const HEADERS = ["", "Standard Product", "Auction", "Pre-order"];
+    const ROWS = [
+        { label: "Pricing model", keys: ["pricing"] },
+        { label: "Buyer flow", keys: ["buyerFlow"] },
+        { label: "Required fields", keys: ["requiredFields"] },
+        { label: "Ideal use case", keys: ["idealUseCase"] },
+    ];
+    return (_jsx(Div, { className: "overflow-x-auto -mx-6", children: _jsxs("table", { className: "min-w-full text-sm", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-[var(--appkit-color-border)]", children: HEADERS.map((h) => (_jsx("th", { className: "px-6 py-3 text-left font-semibold text-[var(--appkit-color-text)]", children: h }, h))) }) }), _jsx("tbody", { className: "divide-y divide-[var(--appkit-color-border)]", children: ROWS.map(({ label, keys }) => (_jsxs("tr", { children: [_jsx("td", { className: "px-6 py-3 font-medium text-[var(--appkit-color-text-muted)] whitespace-nowrap", children: label }), LISTING_TYPES.map((t) => (_jsx("td", { className: "px-6 py-3 text-[var(--appkit-color-text)] align-top", children: t[keys[0]] }, t.type)))] }, label))) })] }) }));
+}
+// -- Section 2: Standard product walkthrough -----------------------------------
+const STANDARD_STEPS = [
+    {
+        step: "General",
+        items: [
+            "Title — describe the item clearly (brand, character, set, grade if PSA/BGS).",
+            "Condition — use grades 1–10: 1 = completely damaged, 5 = heavily played, 7 = lightly played, 9 = near mint, 10 = gem mint. Always be honest.",
+            "Brand & Category — required for search and filtering.",
+            "youtubeId — paste just the video ID (e.g. dQw4w9WgXcQ) to embed an unboxing or showcase video on the product page.",
+        ],
+    },
+    {
+        step: "Media",
+        items: [
+            "Upload at least 1 image. Recommended: 5–8 images showing front, back, corners, and any damage.",
+            "Drag to reorder — the first image is the card thumbnail.",
+            "Images are watermarked automatically; do not add your own watermarks.",
+        ],
+    },
+    {
+        step: "Pricing",
+        items: [
+            "Price — enter in Indian Rupees (₹). Stored in paise internally.",
+            "isOnSale + salePrice — enable the sale badge and show a strikethrough price on the listing.",
+            "customFields — add any extra key/value pairs buyers find useful (e.g. PSA cert number, card number, print run).",
+        ],
+    },
+    {
+        step: "Shipping",
+        items: [
+            "Select the shipping provider(s) you support for this item.",
+            "Estimated dispatch time — how many business days before you hand to courier.",
+        ],
+    },
+    {
+        step: "Visibility",
+        items: [
+            "Status: DRAFT saves without publishing. PUBLISHED makes it live in search.",
+            "isPromoted — shows the item in promoted sections (homepage deals carousel). Admin-controlled for most stores.",
+            "isFeatured — adds a featured badge and priority placement. Admin-controlled.",
+            "customSections — rich text content blocks rendered below the product description.",
+        ],
+    },
+];
+function StandardWalkthrough() {
+    return (_jsx(Div, { className: "space-y-5", children: STANDARD_STEPS.map(({ step, items }) => (_jsxs(Div, { children: [_jsx(Text, { className: "mb-2 font-semibold text-[var(--appkit-color-text)]", children: step }), _jsx("ul", { className: "space-y-1.5 pl-5", children: items.map((item) => (_jsx("li", { className: "list-disc text-sm text-[var(--appkit-color-text-muted)] leading-relaxed", children: item }, item))) })] }, step))) }));
+}
+// -- Section 3: Auction walkthrough --------------------------------------------
+function AuctionWalkthrough() {
+    return (_jsxs(Div, { className: "space-y-4 text-sm text-[var(--appkit-color-text-muted)]", children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Reserve price vs starting bid" }), _jsxs(Text, { className: "leading-relaxed", children: ["The ", _jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "starting bid" }), " is the minimum first bid a buyer can place. The ", _jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "reserve price" }), " is the minimum price you are willing to accept \u2014 if bidding does not reach the reserve, you are not obligated to sell. The reserve is hidden from buyers."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Bid increment" }), _jsx(Div, { className: "overflow-x-auto", children: _jsxs("table", { className: "text-xs min-w-[320px]", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-[var(--appkit-color-border)]", children: [_jsx("th", { className: "py-2 pr-4 text-left font-semibold text-[var(--appkit-color-text)]", children: "Current high bid" }), _jsx("th", { className: "py-2 text-left font-semibold text-[var(--appkit-color-text)]", children: "Minimum increment" })] }) }), _jsx("tbody", { className: "divide-y divide-[var(--appkit-color-border)]", children: [
+                                        ["₹0 – ₹499", "₹10"],
+                                        ["₹500 – ₹1,999", "₹25"],
+                                        ["₹2,000 – ₹9,999", "₹100"],
+                                        ["₹10,000 – ₹49,999", "₹500"],
+                                        ["₹50,000+", "₹1,000"],
+                                    ].map(([range, inc]) => (_jsxs("tr", { children: [_jsx("td", { className: "py-2 pr-4", children: range }), _jsx("td", { className: "py-2", children: inc })] }, range))) })] }) })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Auction end" }), _jsxs("ul", { className: "space-y-1 pl-5", children: [_jsx("li", { className: LIST_DISC, children: "Winner receives an email and has 48 hours to complete payment." }), _jsx("li", { className: LIST_DISC, children: "If payment is not completed within 48 hours, the order is auto-cancelled." }), _jsx("li", { className: LIST_DISC, children: "The next-highest bidder may be offered the item (if enabled in your auction settings)." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Editing a live auction" }), _jsx(Text, { className: "leading-relaxed", children: "Once a bid has been placed, you cannot change the reserve price or starting bid. You can edit the title, description, and images at any time." })] })] }));
+}
+// -- Section 4: Pre-order walkthrough ------------------------------------------
+function PreorderWalkthrough() {
+    return (_jsxs(Div, { className: "space-y-4 text-sm text-[var(--appkit-color-text-muted)]", children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Deposit mechanic" }), _jsxs(Text, { className: "leading-relaxed", children: ["Set a ", _jsx("strong", { className: "text-[var(--appkit-color-text)]", children: "deposit percentage" }), " (e.g. 20%). Buyers pay the deposit at checkout. The balance is collected when the item arrives and you mark the pre-order ready. Buyers see both amounts clearly on the checkout page."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Expected delivery date" }), _jsx(Text, { className: "leading-relaxed", children: "Set a realistic estimate. Buyers rely on this to decide whether to pre-order. You can update the date later, but repeated delays hurt your store rating." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "\"Confirmed supplier\" requirement" }), _jsx(Text, { className: "leading-relaxed", children: "Only list pre-orders for items you have confirmed supply for \u2014 e.g. you have placed a purchase order with a distributor or manufacturer. Speculative pre-orders without supplier confirmation violate platform rules and may result in store suspension." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Cancellation rules" }), _jsx(Text, { className: "leading-relaxed", children: "Buyers can cancel a pre-order within 24 hours of placing it. After 24 hours, cancellation requires seller approval. If you cannot fulfill the pre-order, initiate cancellation promptly \u2014 the deposit is refunded automatically." })] })] }));
+}
+// -- Section 5: Product status lifecycle ---------------------------------------
+const STATUS_LIFECYCLE = `
+DRAFT ──────────────────────────────────► PUBLISHED
+  │                                           │
+  │    (seller publishes)        (seller archives / auto-archive)
+  │                                           │
+  └──────────────────────────────────────► ARCHIVED
+
+PUBLISHED ──► (buyer places bid / buys) ──► SOLD (auction only)
+`;
+const STATUS_NOTES = [
+    { status: "DRAFT", note: "Visible only to you. Does not appear in search or browse." },
+    { status: "PUBLISHED", note: "Live in search, browse, and featured sections if promoted." },
+    { status: "ARCHIVED", note: "Hidden from all public views. Can be re-published later." },
+    { status: "SOLD", note: "Auction only — marked when the winning bid is confirmed paid." },
+];
+function StatusLifecycle() {
+    return (_jsxs(Div, { className: "space-y-4", children: [_jsx(Div, { className: "rounded-lg border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-subtle,var(--appkit-color-border))/20] p-4 font-mono text-xs text-[var(--appkit-color-text-muted)] overflow-x-auto whitespace-pre", children: STATUS_LIFECYCLE }), _jsx(Div, { className: "space-y-2", children: STATUS_NOTES.map(({ status, note }) => (_jsxs(Div, { className: "flex gap-3 text-sm", children: [_jsx(Text, { className: "shrink-0 font-mono font-semibold text-[var(--appkit-color-text)] w-24", children: status }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: note })] }, status))) }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "Live auctions with at least one bid cannot be taken to ARCHIVED until the auction ends." })] }));
+}
+// -- Section 6: Media guide ----------------------------------------------------
+const MEDIA_TIPS = [
+    { label: "Image ratio", detail: "1:1 (square) for card thumbnails; 4:3 works well for product detail gallery." },
+    { label: "Minimum size", detail: "800 × 800 px recommended. Below 400 × 400 px will look blurry on Retina screens." },
+    { label: "Max file size", detail: "50 MB per image. Prefer JPG for photos; PNG for packaging or cards with text." },
+    { label: "Watermark", detail: "LetItRip adds a watermark automatically. Do not add your own — double watermarks look unprofessional." },
+    { label: "Order", detail: "Drag images to reorder after upload. The first image is the card thumbnail used in search results." },
+    { label: "Video", detail: "Add a YouTube video ID to embed an unboxing or showcase. Not a replacement for photos." },
+];
+function MediaGuide() {
+    return (_jsx(Div, { className: "space-y-3", children: MEDIA_TIPS.map(({ label, detail }) => (_jsxs(Div, { className: "flex gap-3 text-sm", children: [_jsx(Text, { className: "shrink-0 w-28 font-semibold text-[var(--appkit-color-text)]", children: label }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] leading-relaxed", children: detail })] }, label))) }));
+}
+// -- Section 7: Common mistakes ------------------------------------------------
+const MISTAKES = [
+    "Listing a pre-order without a confirmed supplier. If supply falls through, you will face cancellations, refunds, and a rating hit.",
+    "Leaving condition blank or writing 'good condition' without a numeric grade. Buyers cannot compare listings fairly.",
+    "Uploading blurry or overexposed photos. Listings with poor images receive fewer bids and lower conversion.",
+    "Not setting isAuction: false on standard products. If a product is not an auction, it must have listingType: 'standard' — mixed signals confuse buyers.",
+    "Setting an unrealistic deposit percentage. A 5% deposit gives buyers little skin in the game; 20–30% is standard for collectibles.",
+    "Forgetting to configure shipping before publishing. Orders without a shipping method cannot be fulfilled.",
+];
+function CommonMistakes() {
+    return (_jsx(Alert, { variant: "warning", title: "Common mistakes to avoid", children: _jsx("ul", { className: "mt-2 space-y-2 pl-4", children: MISTAKES.map((m) => (_jsx("li", { className: "list-disc text-sm leading-relaxed", children: m }, m))) }) }));
+}
+export function StoreListingsGuideView(_props) {
+    return (_jsxs(Div, { className: "space-y-6 pb-10", children: [_jsxs("a", { href: String(ROUTES.STORE.GUIDE), className: "inline-flex items-center gap-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold text-[var(--appkit-color-text)]", children: "Listings Guide" }), _jsx(Text, { className: "mt-1 text-sm text-[var(--appkit-color-text-muted)]", children: "Products, auctions, and pre-orders \u2014 create and manage your listings." })] }), _jsx(GuideSection, { title: "1. Three listing types", children: _jsx(ListingTypesTable, {}) }), _jsx(GuideSection, { title: "2. Standard product walkthrough", children: _jsx(StandardWalkthrough, {}) }), _jsx(GuideSection, { title: "3. Auction walkthrough", children: _jsx(AuctionWalkthrough, {}) }), _jsx(GuideSection, { title: "4. Pre-order walkthrough", children: _jsx(PreorderWalkthrough, {}) }), _jsx(GuideSection, { title: "5. Product status lifecycle", children: _jsx(StatusLifecycle, {}) }), _jsx(GuideSection, { title: "6. Media guide", children: _jsx(MediaGuide, {}) }), _jsx(GuideSection, { title: "7. Common mistakes", children: _jsx(CommonMistakes, {}) })] }));
+}

package/dist/features/stores/components/StoreOrdersGuideView.d.ts

@@ -0,0 +1,3 @@
+export interface StoreOrdersGuideViewProps {
+}
+export declare function StoreOrdersGuideView(_props: StoreOrdersGuideViewProps): import("react/jsx-runtime").JSX.Element;