@burdenoff/microfe-devportal 2026.916.6 → 2026.916.8

package/dist/devportal/pages/CreatePhysicalItemPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePhysicalItemPage.js","names":[],"sources":["../../../src/devportal/pages/CreatePhysicalItemPage.tsx"],"sourcesContent":["import type { FC, ChangeEvent, DragEvent } from \"react\";\nimport { useState, useCallback, useRef } from \"react\";\nimport {\n  Loader2,\n  Upload,\n  X,\n  Info,\n  AlertTriangle,\n  RotateCw,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n  CheckboxField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useSellerOrganization } from \"../hooks/useSellerOrganization\";\nimport { usePackageUpload } from \"../hooks/usePackageUpload\";\nimport { cn } from \"../utils/cn\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\ninterface ImagePreview {\n  id: string;\n  file: File;\n  url: string;\n  uploading: boolean;\n  downloadUrl?: string;\n  error?: string;\n}\n\ninterface FormState {\n  name: string;\n  slug: string;\n  type: string;\n  category: string;\n  shortDescription: string;\n  longDescription: string;\n  price: string;\n  currency: string;\n  tags: string;\n  stockQuantity: string;\n  sku: string;\n  trackInventory: boolean;\n  allowBackorder: boolean;\n  lowStockThreshold: string;\n  requiresShipping: boolean;\n  weightKg: string;\n  weightUnit: string;\n  length: string;\n  width: string;\n  height: string;\n  dimensionUnit: string;\n  brand: string;\n  manufacturer: string;\n  countryOfOrigin: string;\n  warrantyInfo: string;\n  returnPolicy: string;\n}\n\n// ─── Constants ────────────────────────────────────────────────────────────────\n\nconst PRODUCT_CATEGORIES = [\n  { value: \"MERCHANDISE\", label: \"Merchandise\" },\n  { value: \"HARDWARE\", label: \"Hardware\" },\n  { value: \"ACCESSORY\", label: \"Accessory\" },\n  { value: \"BOOK\", label: \"Book\" },\n  { value: \"EQUIPMENT\", label: \"Equipment\" },\n  { value: \"APPAREL\", label: \"Apparel\" },\n  { value: \"COLLECTIBLE\", label: \"Collectible\" },\n  { value: \"CONSUMABLE\", label: \"Consumable\" },\n];\n\n// Store category (the product `category` string, distinct from the ProductType above).\n// The five `agri-` slugs are the HealthyBowl Agri-Inputs Store discriminator: picking one lists\n// the item in that farmer-facing storefront (roadmap #26). Leave blank for general listings.\nconst STORE_CATEGORIES = [\n  { value: \"agri-seeds\", label: \"Agri-Inputs — Seeds\" },\n  { value: \"agri-fertilizer\", label: \"Agri-Inputs — Organic Fertilizer\" },\n  { value: \"agri-biopesticide\", label: \"Agri-Inputs — Bio-Pesticides\" },\n  { value: \"agri-tools\", label: \"Agri-Inputs — Tools\" },\n  { value: \"agri-irrigation\", label: \"Agri-Inputs — Irrigation\" },\n];\n\nconst CURRENCIES = [\n  { value: \"USD\", label: \"USD — US Dollar\" },\n  { value: \"INR\", label: \"INR — Indian Rupee\" },\n  { value: \"EUR\", label: \"EUR — Euro\" },\n  { value: \"GBP\", label: \"GBP — British Pound\" },\n  { value: \"SGD\", label: \"SGD — Singapore Dollar\" },\n  { value: \"AED\", label: \"AED — UAE Dirham\" },\n];\n\nconst WEIGHT_UNITS = [\n  { value: \"GRAM\", label: \"Grams (g)\" },\n  { value: \"KILOGRAM\", label: \"Kilograms (kg)\" },\n  { value: \"OUNCE\", label: \"Ounces (oz)\" },\n  { value: \"POUND\", label: \"Pounds (lb)\" },\n];\n\nconst DIMENSION_UNITS = [\n  { value: \"CENTIMETER\", label: \"Centimeters (cm)\" },\n  { value: \"INCH\", label: \"Inches (in)\" },\n  { value: \"METER\", label: \"Meters (m)\" },\n];\n\nconst REQUIRED_FIELDS: (keyof FormState)[] = [\n  \"name\",\n  \"slug\",\n  \"type\",\n  \"shortDescription\",\n  \"price\",\n  \"currency\",\n  \"stockQuantity\",\n];\n\n// ─── GraphQL strings ──────────────────────────────────────────────────────────\n\nconst MY_PUBLISHER_QUERY = /* GraphQL */ `\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n`;\n\nconst REGISTER_PUBLISHER_MUTATION = /* GraphQL */ `\n  mutation RegisterPublisher($input: RegisterPublisherInput!) {\n    registerPublisher(input: $input) {\n      id\n      name\n      email\n    }\n  }\n`;\n\nconst CREATE_PHYSICAL_PRODUCT_MUTATION = /* GraphQL */ `\n  mutation CreatePhysicalProduct($input: CreatePhysicalProductInput!) {\n    createPhysicalProduct(input: $input) {\n      id\n      name\n      slug\n      status\n      nature\n      type\n      price\n      currency\n    }\n  }\n`;\n\nconst SUBMIT_PRODUCT_MUTATION = /* GraphQL */ `\n  mutation SubmitProduct($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n`;\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction deriveSlug(name: string): string {\n  return name.toLowerCase().replace(/[^a-z0-9]+/g, \"-\");\n}\n\nfunction isFormValid(form: FormState): boolean {\n  return REQUIRED_FIELDS.every((field) => {\n    const value = form[field];\n    if (typeof value === \"boolean\") return true;\n    return value.trim() !== \"\";\n  });\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport const CreatePhysicalItemPage: FC = () => {\n  const {\n    navigate,\n    basePath,\n    productId,\n    apiGatewayUrl,\n    authToken,\n    workspacesGatewayUrl,\n    workspaceId,\n    getWorkspaceToken,\n  } = useDevportal();\n  const {\n    organization: sellerOrganization,\n    organizations: sellerOrganizations,\n    loading: sellerOrgLoading,\n    error: sellerOrgError,\n    selectOrganization,\n  } = useSellerOrganization();\n\n  const [form, setForm] = useState<FormState>({\n    name: \"\",\n    slug: \"\",\n    type: \"\",\n    category: \"\",\n    shortDescription: \"\",\n    longDescription: \"\",\n    price: \"\",\n    currency: \"\",\n    tags: \"\",\n    stockQuantity: \"1\",\n    sku: \"\",\n    trackInventory: true,\n    allowBackorder: false,\n    lowStockThreshold: \"\",\n    requiresShipping: true,\n    weightKg: \"\",\n    weightUnit: \"KILOGRAM\",\n    length: \"\",\n    width: \"\",\n    height: \"\",\n    dimensionUnit: \"CENTIMETER\",\n    brand: \"\",\n    manufacturer: \"\",\n    countryOfOrigin: \"\",\n    warrantyInfo: \"\",\n    returnPolicy: \"\",\n  });\n\n  const [images, setImages] = useState<ImagePreview[]>([]);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const { upload: uploadImage } = usePackageUpload(\n    workspacesGatewayUrl,\n    authToken,\n    workspaceId,\n    getWorkspaceToken,\n    \"/DevPortal/Assets\",\n  );\n\n  const [submitting, setSubmitting] = useState(false);\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [submitSuccess, setSubmitSuccess] = useState(false);\n\n  const imagesUploading = images.some((img) => img.uploading);\n  const isValid = isFormValid(form) && !!sellerOrganization && !imagesUploading;\n  const endpoint = `${apiGatewayUrl || \"\"}/global/graphql`;\n\n  // ─── Field helpers ────────────────────────────────────────────────────────\n\n  const setField = <K extends keyof FormState>(key: K, value: FormState[K]) => {\n    setForm((prev) => ({ ...prev, [key]: value }));\n  };\n\n  const handleNameChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setForm((prev) => ({\n      ...prev,\n      name,\n      slug: deriveSlug(name),\n    }));\n  };\n\n  const handleCheckboxChange =\n    (key: \"trackInventory\" | \"requiresShipping\" | \"allowBackorder\") =>\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setField(key, e.target.checked);\n    };\n\n  // ─── Image handling ───────────────────────────────────────────────────────\n  // Each dropped/selected file uploads immediately (to /DevPortal/Assets via\n  // usePackageUpload — the same pipeline app icons/screenshots use). The\n  // first successfully-uploaded image becomes the product's `icon`; the rest\n  // become `screenshots`. Per-image status is tracked locally rather than\n  // via the hook's shared uploading/progress state, since multiple uploads\n  // can be in flight at once.\n\n  const uploadOne = useCallback(\n    (id: string, file: File) => {\n      uploadImage(file)\n        .then((result) => {\n          setImages((prev) =>\n            prev.map((img) =>\n              img.id === id\n                ? {\n                    ...img,\n                    uploading: false,\n                    downloadUrl: result.downloadUrl,\n                    error: undefined,\n                  }\n                : img,\n            ),\n          );\n        })\n        .catch((err) => {\n          setImages((prev) =>\n            prev.map((img) =>\n              img.id === id\n                ? {\n                    ...img,\n                    uploading: false,\n                    error: err instanceof Error ? err.message : \"Upload failed\",\n                  }\n                : img,\n            ),\n          );\n        });\n    },\n    [uploadImage],\n  );\n\n  const addFiles = useCallback(\n    (files: FileList | File[]) => {\n      const incoming = Array.from(files).filter((f) =>\n        f.type.startsWith(\"image/\"),\n      );\n      const previews: ImagePreview[] = incoming.map((file) => ({\n        id: crypto.randomUUID(),\n        file,\n        url: URL.createObjectURL(file),\n        uploading: true,\n      }));\n      setImages((prev) => [...prev, ...previews]);\n      previews.forEach((preview) => uploadOne(preview.id, preview.file));\n    },\n    [uploadOne],\n  );\n\n  const handleFileInput = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) addFiles(e.target.files);\n    e.target.value = \"\";\n  };\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setIsDragOver(false);\n    if (e.dataTransfer.files) addFiles(e.dataTransfer.files);\n  };\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setIsDragOver(true);\n  };\n\n  const handleDragLeave = () => setIsDragOver(false);\n\n  const removeImage = (id: string) => {\n    setImages((prev) => {\n      const target = prev.find((img) => img.id === id);\n      if (target) URL.revokeObjectURL(target.url);\n      return prev.filter((img) => img.id !== id);\n    });\n  };\n\n  const retryUpload = (id: string) => {\n    const target = images.find((img) => img.id === id);\n    if (!target) return;\n    setImages((prev) =>\n      prev.map((img) =>\n        img.id === id ? { ...img, uploading: true, error: undefined } : img,\n      ),\n    );\n    uploadOne(id, target.file);\n  };\n\n  // ─── GraphQL fetch helper ─────────────────────────────────────────────────\n\n  async function gqlFetch<T = unknown>(\n    query: string,\n    variables?: Record<string, unknown>,\n  ): Promise<T> {\n    const res = await fetch(endpoint, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n      },\n      credentials: \"include\",\n      body: JSON.stringify({ query, variables }),\n    });\n    const json = (await res.json()) as {\n      data?: T;\n      errors?: { message: string }[];\n    };\n    if (json.errors?.length) {\n      throw new Error(json.errors.map((e) => e.message).join(\"; \"));\n    }\n    return json.data as T;\n  }\n\n  // ─── Submit flow ──────────────────────────────────────────────────────────\n\n  const handleSubmit = async () => {\n    if (!isValid || submitting || !sellerOrganization) return;\n    setSubmitting(true);\n    setSubmitError(null);\n\n    try {\n      // Step 1: check if publisher exists\n      const publisherData = await gqlFetch<{\n        myPublisher: { id: string } | null;\n      }>(MY_PUBLISHER_QUERY);\n\n      let publisherId = publisherData.myPublisher?.id ?? null;\n\n      if (!publisherId) {\n        const registerData = await gqlFetch<{\n          registerPublisher: { id: string };\n        }>(REGISTER_PUBLISHER_MUTATION, {\n          input: {\n            name: sellerOrganization.legalEntityName ?? sellerOrganization.name,\n            email: sellerOrganization.contactEmail ?? \"seller@burdenoff.com\",\n            websiteUrl: sellerOrganization.websiteUrl ?? null,\n            legalName:\n              sellerOrganization.legalEntityName ?? sellerOrganization.name,\n            country: sellerOrganization.taxCountry ?? null,\n            contactEmail: sellerOrganization.contactEmail ?? null,\n          },\n        });\n\n        publisherId = registerData.registerPublisher.id;\n      }\n\n      // Step 2: create the product, linked to the seller's PHYSICAL org —\n      // validated server-side (createPhysicalProduct rejects any org that\n      // isn't PHYSICAL-kind, see DeveloperOrgKind / BOFF-7285).\n      const parsedTags = form.tags\n        .split(\",\")\n        .map((t) => t.trim())\n        .filter(Boolean);\n\n      const uploadedImageUrls = images\n        .map((img) => img.downloadUrl)\n        .filter((url): url is string => !!url);\n      const hasDimensions =\n        form.length.trim() || form.width.trim() || form.height.trim();\n\n      const productData = await gqlFetch<{\n        createPhysicalProduct: { id: string };\n      }>(CREATE_PHYSICAL_PRODUCT_MUTATION, {\n        input: {\n          name: form.name.trim(),\n          slug: form.slug.trim(),\n          type: form.type,\n          category: form.category.trim() || null,\n          description: form.shortDescription.trim(),\n          longDescription: form.longDescription.trim() || null,\n          price: parseFloat(form.price),\n          currency: form.currency,\n          tags: parsedTags.length > 0 ? parsedTags : null,\n          stockQuantity: parseInt(form.stockQuantity, 10),\n          sku: form.sku.trim() || null,\n          trackInventory: form.trackInventory,\n          allowBackorder: form.allowBackorder,\n          lowStockThreshold: form.lowStockThreshold.trim()\n            ? parseInt(form.lowStockThreshold, 10)\n            : null,\n          requiresShipping: form.requiresShipping,\n          weight:\n            form.requiresShipping && form.weightKg.trim()\n              ? parseFloat(form.weightKg)\n              : null,\n          weightUnit:\n            form.requiresShipping && form.weightKg.trim()\n              ? form.weightUnit\n              : null,\n          length:\n            form.requiresShipping && form.length.trim()\n              ? parseFloat(form.length)\n              : null,\n          width:\n            form.requiresShipping && form.width.trim()\n              ? parseFloat(form.width)\n              : null,\n          height:\n            form.requiresShipping && form.height.trim()\n              ? parseFloat(form.height)\n              : null,\n          dimensionUnit:\n            form.requiresShipping && hasDimensions ? form.dimensionUnit : null,\n          brand: form.brand.trim() || null,\n          manufacturer: form.manufacturer.trim() || null,\n          countryOfOrigin: form.countryOfOrigin.trim() || null,\n          warrantyInfo: form.warrantyInfo.trim() || null,\n          returnPolicy: form.returnPolicy.trim() || null,\n          icon: uploadedImageUrls[0] ?? null,\n          screenshots:\n            uploadedImageUrls.length > 1 ? uploadedImageUrls.slice(1) : null,\n          // Tags this listing with the host product (e.g. \"healthybowl\") so\n          // it can be filtered to that product's marketplace. Only set when\n          // the host shell actually passes a productId — stays exactly as\n          // before (no tag) for any shell that doesn't opt in.\n          compatibleProducts: productId ? [productId] : null,\n          organizationId: sellerOrganization.id,\n        },\n      });\n\n      const newProductId = productData.createPhysicalProduct.id;\n\n      // Step 3: submit for review\n      await gqlFetch(SUBMIT_PRODUCT_MUTATION, {\n        id: newProductId,\n        notes: \"Submitted from seller portal\",\n      });\n\n      // Step 4: success\n      setSubmitSuccess(true);\n      setTimeout(() => {\n        navigate?.(`${basePath}/seller/items`);\n      }, 2000);\n    } catch (err) {\n      setSubmitError(\n        err instanceof Error\n          ? err.message\n          : \"Submission failed. Please try again.\",\n      );\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  // ─── Render ───────────────────────────────────────────────────────────────\n\n  return (\n    <PageLayout\n      title=\"List a Physical Item\"\n      description=\"Fill in all required details. Your listing will be reviewed before it appears in the store.\"\n      backLink=\"/seller/items\"\n      backLabel=\"Back to My Items\"\n    >\n      <div className=\"space-y-8 max-w-3xl\">\n        {/* Success banner */}\n        {submitSuccess && (\n          <div className=\"rounded-card border border-status-success-text/30 bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text\">\n            Your listing has been submitted for review! Redirecting...\n          </div>\n        )}\n\n        {/* Error banner */}\n        {submitError && (\n          <div className=\"rounded-card border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text\">\n            {submitError}\n          </div>\n        )}\n\n        {/* Seller org resolution error — the form can't be submitted without one */}\n        {sellerOrgError && (\n          <div className=\"rounded-card border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text\">\n            Couldn't set up your seller organization: {sellerOrgError}\n          </div>\n        )}\n\n        {/* ── Section 0: Seller Organization ── */}\n        <PageSection\n          title=\"Seller Organization\"\n          description=\"The seller organization this item will be listed under.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-3\">\n            <SelectField\n              label=\"Organization\"\n              required\n              value={sellerOrganization?.id ?? \"\"}\n              onChange={(e) => selectOrganization(e.target.value)}\n              options={sellerOrganizations.map((org) => ({\n                value: org.id,\n                label: org.name,\n              }))}\n              placeholder={\n                sellerOrgLoading\n                  ? \"Resolving your seller organization…\"\n                  : \"Select an organization\"\n              }\n              disabled={sellerOrgLoading || sellerOrganizations.length <= 1}\n              hint={\n                sellerOrganizations.length > 1\n                  ? \"You have more than one seller organization — pick the one this item belongs to.\"\n                  : sellerOrganization\n                    ? `Automatically set to your only seller organization, \"${sellerOrganization.name}\".`\n                    : undefined\n              }\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 1: Basic Information ── */}\n        <PageSection\n          title=\"Basic Information\"\n          description=\"Core details shown in the store listing.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <InputField\n              label=\"Name\"\n              required\n              value={form.name}\n              onChange={handleNameChange}\n              placeholder=\"e.g. Wireless Ergonomic Keyboard\"\n              maxLength={120}\n            />\n\n            <InputField\n              label=\"Slug\"\n              required\n              value={form.slug}\n              onChange={(e) => setField(\"slug\", e.target.value)}\n              placeholder=\"auto-derived-from-name\"\n              hint=\"URL-friendly identifier. Auto-derived from name; you can edit it.\"\n            />\n\n            <SelectField\n              label=\"Product Type\"\n              required\n              value={form.type}\n              onChange={(e) => setField(\"type\", e.target.value)}\n              options={PRODUCT_CATEGORIES}\n              placeholder=\"Select a type\"\n            />\n\n            <SelectField\n              label=\"Store Category\"\n              value={form.category}\n              onChange={(e) => setField(\"category\", e.target.value)}\n              options={STORE_CATEGORIES}\n              placeholder=\"General / uncategorised\"\n              hint=\"Pick an Agri-Inputs category to list this item in the HealthyBowl Agri-Inputs Store. Leave blank for a general store listing.\"\n            />\n\n            <InputField\n              label=\"Short Description\"\n              required\n              value={form.shortDescription}\n              onChange={(e) => setField(\"shortDescription\", e.target.value)}\n              placeholder=\"One-line summary shown on the store card\"\n              maxLength={160}\n              hint={`${form.shortDescription.length}/160`}\n            />\n\n            <TextareaField\n              label=\"Long Description\"\n              value={form.longDescription}\n              onChange={(e) => setField(\"longDescription\", e.target.value)}\n              rows={5}\n              placeholder=\"Detailed product description, features, specs…\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 2: Product Images ── */}\n        <PageSection\n          title=\"Product Images\"\n          description=\"The first image is used as the main icon.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-4\">\n            {/* Drop zone */}\n            <div\n              onDrop={handleDrop}\n              onDragOver={handleDragOver}\n              onDragLeave={handleDragLeave}\n              onClick={() => fileInputRef.current?.click()}\n              className={cn(\n                \"flex flex-col items-center justify-center gap-3 rounded-input border-2 border-dashed px-6 py-10 cursor-pointer transition-colors\",\n                isDragOver\n                  ? \"border-action-primary-bg bg-action-primary-bg/5\"\n                  : \"border-border-subtle hover:border-border-strong\",\n              )}\n            >\n              <Upload\n                size={28}\n                className={\n                  isDragOver ? \"text-action-primary-bg\" : \"text-text-muted\"\n                }\n              />\n              <div className=\"text-center space-y-1\">\n                <p className=\"text-sm font-medium text-text-primary\">\n                  Drag and drop images here\n                </p>\n                <p className=\"text-xs text-text-muted\">\n                  or click to browse — accepts any image format, multiple files\n                </p>\n              </div>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                accept=\"image/*\"\n                multiple\n                className=\"sr-only\"\n                onChange={handleFileInput}\n              />\n            </div>\n\n            {/* Previews */}\n            {images.length > 0 && (\n              <div className=\"flex flex-wrap gap-3\">\n                {(() => {\n                  const firstUploadedId = images.find(\n                    (im) => im.downloadUrl,\n                  )?.id;\n                  return images.map((img, i) => (\n                    <div key={img.id} className=\"relative group\">\n                      <img\n                        src={img.url}\n                        alt={`Product image ${i + 1}`}\n                        className={cn(\n                          \"h-20 w-20 rounded-input object-cover border\",\n                          img.error\n                            ? \"border-status-error-text/50\"\n                            : \"border-border-subtle\",\n                        )}\n                      />\n                      {img.uploading && (\n                        <div className=\"absolute inset-0 flex items-center justify-center rounded-input bg-bg-overlay\">\n                          <Loader2\n                            size={16}\n                            className=\"animate-spin text-white\"\n                          />\n                        </div>\n                      )}\n                      {img.error && (\n                        <button\n                          type=\"button\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            retryUpload(img.id);\n                          }}\n                          title={`${img.error} — click to retry`}\n                          className=\"absolute inset-0 flex flex-col items-center justify-center gap-0.5 rounded-input bg-status-error-bg/80 text-status-error-text\"\n                        >\n                          <AlertTriangle size={14} />\n                          <RotateCw size={11} />\n                        </button>\n                      )}\n                      {img.id === firstUploadedId && (\n                        <span className=\"absolute bottom-0 left-0 right-0 rounded-b-input bg-bg-surface/80 text-center text-[10px] font-medium py-0.5 text-text-secondary\">\n                          Main\n                        </span>\n                      )}\n                      <button\n                        type=\"button\"\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          removeImage(img.id);\n                        }}\n                        className=\"absolute -top-1.5 -right-1.5 hidden group-hover:flex h-5 w-5 items-center justify-center rounded-full bg-bg-surface border border-border-subtle text-text-muted hover:text-status-error-text hover:border-status-error-text/40 transition-colors\"\n                        aria-label=\"Remove image\"\n                      >\n                        <X size={11} />\n                      </button>\n                    </div>\n                  ));\n                })()}\n              </div>\n            )}\n\n            {/* Tip */}\n            <p className=\"flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n              <Info size={13} className=\"mt-0.5 shrink-0 text-text-muted\" />\n              At least 1 image helps buyers — high quality photos increase\n              conversions. The first image becomes the main icon.\n            </p>\n          </div>\n        </PageSection>\n\n        {/* ── Section 3: Pricing ── */}\n        <PageSection title=\"Pricing\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Price\"\n                required\n                type=\"number\"\n                value={form.price}\n                onChange={(e) => setField(\"price\", e.target.value)}\n                placeholder=\"0.00\"\n                min={0.01}\n                step=\"0.01\"\n              />\n\n              <SelectField\n                label=\"Currency\"\n                required\n                value={form.currency}\n                onChange={(e) => setField(\"currency\", e.target.value)}\n                options={CURRENCIES}\n                placeholder=\"Select currency\"\n              />\n            </div>\n\n            <InputField\n              label=\"Tags\"\n              value={form.tags}\n              onChange={(e) => setField(\"tags\", e.target.value)}\n              placeholder=\"mechanical, wireless, ergonomic\"\n              hint=\"Comma-separated keywords to help buyers find your item.\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 4: Inventory ── */}\n        <PageSection title=\"Inventory\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Stock Quantity\"\n                required\n                type=\"number\"\n                value={form.stockQuantity}\n                onChange={(e) => setField(\"stockQuantity\", e.target.value)}\n                min={0}\n                step={1}\n              />\n\n              <InputField\n                label=\"SKU\"\n                value={form.sku}\n                onChange={(e) => setField(\"sku\", e.target.value)}\n                placeholder=\"e.g. KB-WL-001\"\n                hint=\"Your internal stock-keeping unit reference.\"\n              />\n            </div>\n\n            <InputField\n              label=\"Low Stock Threshold\"\n              type=\"number\"\n              value={form.lowStockThreshold}\n              onChange={(e) => setField(\"lowStockThreshold\", e.target.value)}\n              placeholder=\"e.g. 5\"\n              min={0}\n              step={1}\n              hint=\"Get flagged when stock falls to or below this number.\"\n            />\n\n            <CheckboxField\n              label=\"Track Inventory\"\n              description=\"Automatically reduce stock when orders are placed.\"\n              checked={form.trackInventory}\n              onChange={handleCheckboxChange(\"trackInventory\")}\n            />\n\n            <CheckboxField\n              label=\"Allow Backorder\"\n              description=\"Let buyers order even when stock quantity is zero.\"\n              checked={form.allowBackorder}\n              onChange={handleCheckboxChange(\"allowBackorder\")}\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 5: Shipping ── */}\n        <PageSection title=\"Shipping\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <CheckboxField\n              label=\"Requires Shipping\"\n              description=\"This item will be physically shipped to the buyer.\"\n              checked={form.requiresShipping}\n              onChange={handleCheckboxChange(\"requiresShipping\")}\n            />\n\n            {form.requiresShipping && (\n              <>\n                <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n                  <InputField\n                    label=\"Weight\"\n                    type=\"number\"\n                    value={form.weightKg}\n                    onChange={(e) => setField(\"weightKg\", e.target.value)}\n                    placeholder=\"0.0\"\n                    min={0}\n                    step=\"0.01\"\n                    hint=\"Used to calculate shipping costs.\"\n                  />\n\n                  <SelectField\n                    label=\"Weight Unit\"\n                    value={form.weightUnit}\n                    onChange={(e) => setField(\"weightUnit\", e.target.value)}\n                    options={WEIGHT_UNITS}\n                  />\n                </div>\n\n                <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-3\">\n                  <InputField\n                    label=\"Length\"\n                    type=\"number\"\n                    value={form.length}\n                    onChange={(e) => setField(\"length\", e.target.value)}\n                    placeholder=\"0.0\"\n                    min={0}\n                    step=\"0.01\"\n                  />\n\n                  <InputField\n                    label=\"Width\"\n                    type=\"number\"\n                    value={form.width}\n                    onChange={(e) => setField(\"width\", e.target.value)}\n                    placeholder=\"0.0\"\n                    min={0}\n                    step=\"0.01\"\n                  />\n\n                  <InputField\n                    label=\"Height\"\n                    type=\"number\"\n                    value={form.height}\n                    onChange={(e) => setField(\"height\", e.target.value)}\n                    placeholder=\"0.0\"\n                    min={0}\n                    step=\"0.01\"\n                  />\n                </div>\n\n                <SelectField\n                  label=\"Dimension Unit\"\n                  value={form.dimensionUnit}\n                  onChange={(e) => setField(\"dimensionUnit\", e.target.value)}\n                  options={DIMENSION_UNITS}\n                  hint=\"Applies to length, width, and height above.\"\n                />\n              </>\n            )}\n\n            <p className=\"flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n              <Info size={13} className=\"mt-0.5 shrink-0 text-text-muted\" />\n              Delivery fees are configured at the organization level in store\n              settings.\n            </p>\n          </div>\n        </PageSection>\n\n        {/* ── Section 6: Product Details ── */}\n        <PageSection\n          title=\"Product Details\"\n          description=\"Optional supplemental information for buyers.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Brand\"\n                value={form.brand}\n                onChange={(e) => setField(\"brand\", e.target.value)}\n                placeholder=\"e.g. Logitech\"\n              />\n\n              <InputField\n                label=\"Manufacturer\"\n                value={form.manufacturer}\n                onChange={(e) => setField(\"manufacturer\", e.target.value)}\n                placeholder=\"e.g. Logitech Manufacturing Ltd.\"\n              />\n            </div>\n\n            <InputField\n              label=\"Country of Origin\"\n              value={form.countryOfOrigin}\n              onChange={(e) => setField(\"countryOfOrigin\", e.target.value)}\n              placeholder=\"e.g. China\"\n            />\n\n            <InputField\n              label=\"Warranty Info\"\n              value={form.warrantyInfo}\n              onChange={(e) => setField(\"warrantyInfo\", e.target.value)}\n              placeholder=\"e.g. 1-year limited manufacturer warranty\"\n            />\n\n            <TextareaField\n              label=\"Return Policy\"\n              value={form.returnPolicy}\n              onChange={(e) => setField(\"returnPolicy\", e.target.value)}\n              rows={3}\n              placeholder=\"e.g. 30-day returns accepted\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Actions ── */}\n        <div className=\"flex items-center gap-3 pb-8\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(`${basePath}/seller/items`)}\n            className=\"rounded-button border border-border-strong px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n          >\n            Cancel\n          </button>\n\n          <div className=\"relative\">\n            <button\n              type=\"button\"\n              onClick={handleSubmit}\n              disabled={!isValid || submitting}\n              aria-disabled={!isValid || submitting}\n              title={\n                sellerOrgLoading\n                  ? \"Setting up your seller organization...\"\n                  : !isValid\n                    ? \"Fill in all required fields to continue\"\n                    : undefined\n              }\n              className={cn(\n                \"inline-flex items-center gap-2 rounded-button px-5 py-2 text-sm font-medium transition-colors\",\n                \"bg-action-primary-bg text-action-primary-text\",\n                \"hover:bg-action-primary-bg/90\",\n                \"disabled:opacity-50 disabled:cursor-not-allowed\",\n                \"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2\",\n              )}\n            >\n              {submitting ? (\n                <>\n                  <Loader2 size={15} className=\"animate-spin\" />\n                  Submitting...\n                </>\n              ) : sellerOrgLoading ? (\n                <>\n                  <Loader2 size={15} className=\"animate-spin\" />\n                  Setting up your store...\n                </>\n              ) : (\n                \"Create & Submit for Review\"\n              )}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CreatePhysicalItemPage.js","names":[],"sources":["../../../src/devportal/pages/CreatePhysicalItemPage.tsx"],"sourcesContent":["import type { FC, ChangeEvent } from \"react\";\nimport { useState } from \"react\";\nimport { Loader2, Info } from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n  CheckboxField,\n} from \"../components/FormField\";\nimport { ImageUploadField, ScreenshotGallery } from \"../components/ImageUploadField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useSellerOrganization } from \"../hooks/useSellerOrganization\";\nimport { usePackageUpload } from \"../hooks/usePackageUpload\";\nimport { cn } from \"../utils/cn\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\ninterface FormState {\n  name: string;\n  slug: string;\n  type: string;\n  category: string;\n  shortDescription: string;\n  longDescription: string;\n  price: string;\n  currency: string;\n  tags: string;\n  stockQuantity: string;\n  sku: string;\n  trackInventory: boolean;\n  allowBackorder: boolean;\n  lowStockThreshold: string;\n  requiresShipping: boolean;\n  weightKg: string;\n  weightUnit: string;\n  length: string;\n  width: string;\n  height: string;\n  dimensionUnit: string;\n  brand: string;\n  manufacturer: string;\n  countryOfOrigin: string;\n  warrantyInfo: string;\n  returnPolicy: string;\n}\n\n// ─── Constants ────────────────────────────────────────────────────────────────\n\nconst PRODUCT_CATEGORIES = [\n  { value: \"MERCHANDISE\", label: \"Merchandise\" },\n  { value: \"HARDWARE\", label: \"Hardware\" },\n  { value: \"ACCESSORY\", label: \"Accessory\" },\n  { value: \"BOOK\", label: \"Book\" },\n  { value: \"EQUIPMENT\", label: \"Equipment\" },\n  { value: \"APPAREL\", label: \"Apparel\" },\n  { value: \"COLLECTIBLE\", label: \"Collectible\" },\n  { value: \"CONSUMABLE\", label: \"Consumable\" },\n];\n\n// Store category (the product `category` string, distinct from the ProductType above).\n// The five `agri-` slugs are the HealthyBowl Agri-Inputs Store discriminator: picking one lists\n// the item in that farmer-facing storefront (roadmap #26). Leave blank for general listings.\nconst STORE_CATEGORIES = [\n  { value: \"agri-seeds\", label: \"Agri-Inputs — Seeds\" },\n  { value: \"agri-fertilizer\", label: \"Agri-Inputs — Organic Fertilizer\" },\n  { value: \"agri-biopesticide\", label: \"Agri-Inputs — Bio-Pesticides\" },\n  { value: \"agri-tools\", label: \"Agri-Inputs — Tools\" },\n  { value: \"agri-irrigation\", label: \"Agri-Inputs — Irrigation\" },\n];\n\nconst CURRENCIES = [\n  { value: \"USD\", label: \"USD — US Dollar\" },\n  { value: \"INR\", label: \"INR — Indian Rupee\" },\n  { value: \"EUR\", label: \"EUR — Euro\" },\n  { value: \"GBP\", label: \"GBP — British Pound\" },\n  { value: \"SGD\", label: \"SGD — Singapore Dollar\" },\n  { value: \"AED\", label: \"AED — UAE Dirham\" },\n];\n\nconst WEIGHT_UNITS = [\n  { value: \"GRAM\", label: \"Grams (g)\" },\n  { value: \"KILOGRAM\", label: \"Kilograms (kg)\" },\n  { value: \"OUNCE\", label: \"Ounces (oz)\" },\n  { value: \"POUND\", label: \"Pounds (lb)\" },\n];\n\nconst DIMENSION_UNITS = [\n  { value: \"CENTIMETER\", label: \"Centimeters (cm)\" },\n  { value: \"INCH\", label: \"Inches (in)\" },\n  { value: \"METER\", label: \"Meters (m)\" },\n];\n\nconst REQUIRED_FIELDS: (keyof FormState)[] = [\n  \"name\",\n  \"slug\",\n  \"type\",\n  \"shortDescription\",\n  \"price\",\n  \"currency\",\n  \"stockQuantity\",\n];\n\n// ─── GraphQL strings ──────────────────────────────────────────────────────────\n\nconst MY_PUBLISHER_QUERY = /* GraphQL */ `\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n`;\n\nconst REGISTER_PUBLISHER_MUTATION = /* GraphQL */ `\n  mutation RegisterPublisher($input: RegisterPublisherInput!) {\n    registerPublisher(input: $input) {\n      id\n      name\n      email\n    }\n  }\n`;\n\nconst CREATE_PHYSICAL_PRODUCT_MUTATION = /* GraphQL */ `\n  mutation CreatePhysicalProduct($input: CreatePhysicalProductInput!) {\n    createPhysicalProduct(input: $input) {\n      id\n      name\n      slug\n      status\n      nature\n      type\n      price\n      currency\n      icon\n      bannerUrl\n      screenshots\n    }\n  }\n`;\n\nconst SUBMIT_PRODUCT_MUTATION = /* GraphQL */ `\n  mutation SubmitProduct($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n`;\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction deriveSlug(name: string): string {\n  return name.toLowerCase().replace(/[^a-z0-9]+/g, \"-\");\n}\n\nfunction isFormValid(form: FormState): boolean {\n  return REQUIRED_FIELDS.every((field) => {\n    const value = form[field];\n    if (typeof value === \"boolean\") return true;\n    return value.trim() !== \"\";\n  });\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport const CreatePhysicalItemPage: FC = () => {\n  const {\n    navigate,\n    basePath,\n    productId,\n    apiGatewayUrl,\n    authToken,\n    workspacesGatewayUrl,\n    workspaceId,\n    getWorkspaceToken,\n  } = useDevportal();\n  const {\n    organization: sellerOrganization,\n    organizations: sellerOrganizations,\n    loading: sellerOrgLoading,\n    error: sellerOrgError,\n    selectOrganization,\n  } = useSellerOrganization();\n\n  const [form, setForm] = useState<FormState>({\n    name: \"\",\n    slug: \"\",\n    type: \"\",\n    category: \"\",\n    shortDescription: \"\",\n    longDescription: \"\",\n    price: \"\",\n    currency: \"\",\n    tags: \"\",\n    stockQuantity: \"1\",\n    sku: \"\",\n    trackInventory: true,\n    allowBackorder: false,\n    lowStockThreshold: \"\",\n    requiresShipping: true,\n    weightKg: \"\",\n    weightUnit: \"KILOGRAM\",\n    length: \"\",\n    width: \"\",\n    height: \"\",\n    dimensionUnit: \"CENTIMETER\",\n    brand: \"\",\n    manufacturer: \"\",\n    countryOfOrigin: \"\",\n    warrantyInfo: \"\",\n    returnPolicy: \"\",\n  });\n\n  const [icon, setIcon] = useState(\"\");\n  const [bannerUrl, setBannerUrl] = useState(\"\");\n  const [screenshots, setScreenshots] = useState<string[]>([]);\n  const {\n    upload: uploadIcon,\n    uploading: iconUploading,\n    progress: iconProgress,\n    error: iconUploadError,\n  } = usePackageUpload(\n    workspacesGatewayUrl,\n    authToken,\n    workspaceId,\n    getWorkspaceToken,\n    \"/DevPortal/Assets\",\n  );\n  const {\n    upload: uploadBanner,\n    uploading: bannerUploading,\n    progress: bannerProgress,\n    error: bannerUploadError,\n  } = usePackageUpload(\n    workspacesGatewayUrl,\n    authToken,\n    workspaceId,\n    getWorkspaceToken,\n    \"/DevPortal/Assets\",\n  );\n  const {\n    upload: uploadScreenshot,\n    uploading: screenshotUploading,\n    progress: screenshotProgress,\n    error: screenshotUploadError,\n  } = usePackageUpload(\n    workspacesGatewayUrl,\n    authToken,\n    workspaceId,\n    getWorkspaceToken,\n    \"/DevPortal/Assets\",\n  );\n\n  const [submitting, setSubmitting] = useState(false);\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [submitSuccess, setSubmitSuccess] = useState(false);\n\n  const imagesUploading = iconUploading || bannerUploading || screenshotUploading;\n  const isValid = isFormValid(form) && !!sellerOrganization && !imagesUploading;\n  const endpoint = `${apiGatewayUrl || \"\"}/global/graphql`;\n\n  // ─── Field helpers ────────────────────────────────────────────────────────\n\n  const setField = <K extends keyof FormState>(key: K, value: FormState[K]) => {\n    setForm((prev) => ({ ...prev, [key]: value }));\n  };\n\n  const handleNameChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setForm((prev) => ({\n      ...prev,\n      name,\n      slug: deriveSlug(name),\n    }));\n  };\n\n  const handleCheckboxChange =\n    (key: \"trackInventory\" | \"requiresShipping\" | \"allowBackorder\") =>\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setField(key, e.target.checked);\n    };\n\n  // ─── GraphQL fetch helper ─────────────────────────────────────────────────\n\n  async function gqlFetch<T = unknown>(\n    query: string,\n    variables?: Record<string, unknown>,\n  ): Promise<T> {\n    const res = await fetch(endpoint, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n      },\n      credentials: \"include\",\n      body: JSON.stringify({ query, variables }),\n    });\n    const json = (await res.json()) as {\n      data?: T;\n      errors?: { message: string }[];\n    };\n    if (json.errors?.length) {\n      throw new Error(json.errors.map((e) => e.message).join(\"; \"));\n    }\n    return json.data as T;\n  }\n\n  // ─── Submit flow ──────────────────────────────────────────────────────────\n\n  const handleSubmit = async () => {\n    if (!isValid || submitting || !sellerOrganization) return;\n    setSubmitting(true);\n    setSubmitError(null);\n\n    try {\n      // Step 1: check if publisher exists\n      const publisherData = await gqlFetch<{\n        myPublisher: { id: string } | null;\n      }>(MY_PUBLISHER_QUERY);\n\n      let publisherId = publisherData.myPublisher?.id ?? null;\n\n      if (!publisherId) {\n        const registerData = await gqlFetch<{\n          registerPublisher: { id: string };\n        }>(REGISTER_PUBLISHER_MUTATION, {\n          input: {\n            name: sellerOrganization.legalEntityName ?? sellerOrganization.name,\n            email: sellerOrganization.contactEmail ?? \"seller@burdenoff.com\",\n            websiteUrl: sellerOrganization.websiteUrl ?? null,\n            legalName:\n              sellerOrganization.legalEntityName ?? sellerOrganization.name,\n            country: sellerOrganization.taxCountry ?? null,\n            contactEmail: sellerOrganization.contactEmail ?? null,\n          },\n        });\n\n        publisherId = registerData.registerPublisher.id;\n      }\n\n      // Step 2: create the product, linked to the seller's PHYSICAL org —\n      // validated server-side (createPhysicalProduct rejects any org that\n      // isn't PHYSICAL-kind, see DeveloperOrgKind / BOFF-7285).\n      const parsedTags = form.tags\n        .split(\",\")\n        .map((t) => t.trim())\n        .filter(Boolean);\n\n      const hasDimensions =\n        form.length.trim() || form.width.trim() || form.height.trim();\n\n      const productData = await gqlFetch<{\n        createPhysicalProduct: { id: string };\n      }>(CREATE_PHYSICAL_PRODUCT_MUTATION, {\n        input: {\n          name: form.name.trim(),\n          slug: form.slug.trim(),\n          type: form.type,\n          category: form.category.trim() || null,\n          description: form.shortDescription.trim(),\n          longDescription: form.longDescription.trim() || null,\n          price: parseFloat(form.price),\n          currency: form.currency,\n          tags: parsedTags.length > 0 ? parsedTags : null,\n          stockQuantity: parseInt(form.stockQuantity, 10),\n          sku: form.sku.trim() || null,\n          trackInventory: form.trackInventory,\n          allowBackorder: form.allowBackorder,\n          lowStockThreshold: form.lowStockThreshold.trim()\n            ? parseInt(form.lowStockThreshold, 10)\n            : null,\n          requiresShipping: form.requiresShipping,\n          weight:\n            form.requiresShipping && form.weightKg.trim()\n              ? parseFloat(form.weightKg)\n              : null,\n          weightUnit:\n            form.requiresShipping && form.weightKg.trim()\n              ? form.weightUnit\n              : null,\n          length:\n            form.requiresShipping && form.length.trim()\n              ? parseFloat(form.length)\n              : null,\n          width:\n            form.requiresShipping && form.width.trim()\n              ? parseFloat(form.width)\n              : null,\n          height:\n            form.requiresShipping && form.height.trim()\n              ? parseFloat(form.height)\n              : null,\n          dimensionUnit:\n            form.requiresShipping && hasDimensions ? form.dimensionUnit : null,\n          brand: form.brand.trim() || null,\n          manufacturer: form.manufacturer.trim() || null,\n          countryOfOrigin: form.countryOfOrigin.trim() || null,\n          warrantyInfo: form.warrantyInfo.trim() || null,\n          returnPolicy: form.returnPolicy.trim() || null,\n          icon: icon || null,\n          bannerUrl: bannerUrl || null,\n          screenshots: screenshots.length > 0 ? screenshots : null,\n          // Tags this listing with the host product (e.g. \"healthybowl\") so\n          // it can be filtered to that product's marketplace. Only set when\n          // the host shell actually passes a productId — stays exactly as\n          // before (no tag) for any shell that doesn't opt in.\n          compatibleProducts: productId ? [productId] : null,\n          organizationId: sellerOrganization.id,\n        },\n      });\n\n      const newProductId = productData.createPhysicalProduct.id;\n\n      // Step 3: submit for review\n      await gqlFetch(SUBMIT_PRODUCT_MUTATION, {\n        id: newProductId,\n        notes: \"Submitted from seller portal\",\n      });\n\n      // Step 4: success\n      setSubmitSuccess(true);\n      setTimeout(() => {\n        navigate?.(`${basePath}/seller/items`);\n      }, 2000);\n    } catch (err) {\n      setSubmitError(\n        err instanceof Error\n          ? err.message\n          : \"Submission failed. Please try again.\",\n      );\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  // ─── Render ───────────────────────────────────────────────────────────────\n\n  return (\n    <PageLayout\n      title=\"List a Physical Item\"\n      description=\"Fill in all required details. Your listing will be reviewed before it appears in the store.\"\n      backLink=\"/seller/items\"\n      backLabel=\"Back to My Items\"\n    >\n      <div className=\"space-y-8 max-w-3xl\">\n        {/* Success banner */}\n        {submitSuccess && (\n          <div className=\"rounded-card border border-status-success-text/30 bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text\">\n            Your listing has been submitted for review! Redirecting...\n          </div>\n        )}\n\n        {/* Error banner */}\n        {submitError && (\n          <div className=\"rounded-card border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text\">\n            {submitError}\n          </div>\n        )}\n\n        {/* Seller org resolution error — the form can't be submitted without one */}\n        {sellerOrgError && (\n          <div className=\"rounded-card border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text\">\n            Couldn't set up your seller organization: {sellerOrgError}\n          </div>\n        )}\n\n        {/* ── Section 0: Seller Organization ── */}\n        <PageSection\n          title=\"Seller Organization\"\n          description=\"The seller organization this item will be listed under.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-3\">\n            <SelectField\n              label=\"Organization\"\n              required\n              value={sellerOrganization?.id ?? \"\"}\n              onChange={(e) => selectOrganization(e.target.value)}\n              options={sellerOrganizations.map((org) => ({\n                value: org.id,\n                label: org.name,\n              }))}\n              placeholder={\n                sellerOrgLoading\n                  ? \"Resolving your seller organization…\"\n                  : \"Select an organization\"\n              }\n              disabled={sellerOrgLoading || sellerOrganizations.length <= 1}\n              hint={\n                sellerOrganizations.length > 1\n                  ? \"You have more than one seller organization — pick the one this item belongs to.\"\n                  : sellerOrganization\n                    ? `Automatically set to your only seller organization, \"${sellerOrganization.name}\".`\n                    : undefined\n              }\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 1: Basic Information ── */}\n        <PageSection\n          title=\"Basic Information\"\n          description=\"Core details shown in the store listing.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <InputField\n              label=\"Name\"\n              required\n              value={form.name}\n              onChange={handleNameChange}\n              placeholder=\"e.g. Wireless Ergonomic Keyboard\"\n              maxLength={120}\n            />\n\n            <InputField\n              label=\"Slug\"\n              required\n              value={form.slug}\n              onChange={(e) => setField(\"slug\", e.target.value)}\n              placeholder=\"auto-derived-from-name\"\n              hint=\"URL-friendly identifier. Auto-derived from name; you can edit it.\"\n            />\n\n            <SelectField\n              label=\"Product Type\"\n              required\n              value={form.type}\n              onChange={(e) => setField(\"type\", e.target.value)}\n              options={PRODUCT_CATEGORIES}\n              placeholder=\"Select a type\"\n            />\n\n            <SelectField\n              label=\"Store Category\"\n              value={form.category}\n              onChange={(e) => setField(\"category\", e.target.value)}\n              options={STORE_CATEGORIES}\n              placeholder=\"General / uncategorised\"\n              hint=\"Pick an Agri-Inputs category to list this item in the HealthyBowl Agri-Inputs Store. Leave blank for a general store listing.\"\n            />\n\n            <InputField\n              label=\"Short Description\"\n              required\n              value={form.shortDescription}\n              onChange={(e) => setField(\"shortDescription\", e.target.value)}\n              placeholder=\"One-line summary shown on the store card\"\n              maxLength={160}\n              hint={`${form.shortDescription.length}/160`}\n            />\n\n            <TextareaField\n              label=\"Long Description\"\n              value={form.longDescription}\n              onChange={(e) => setField(\"longDescription\", e.target.value)}\n              rows={5}\n              placeholder=\"Detailed product description, features, specs…\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 2: Product Images ── */}\n        <PageSection\n          title=\"Product Images\"\n          description=\"Visual assets shown to buyers browsing the store.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid gap-5 sm:grid-cols-2\">\n              <ImageUploadField\n                label=\"Icon\"\n                value={icon}\n                onChange={setIcon}\n                hint=\"Shown in marketplace cards and search — square proportions (1:1)\"\n                aspectClass=\"aspect-square\"\n                upload={uploadIcon}\n                uploading={iconUploading}\n                progress={iconProgress}\n                error={iconUploadError}\n              />\n              <ImageUploadField\n                label=\"Banner\"\n                value={bannerUrl}\n                onChange={setBannerUrl}\n                hint=\"Fills the right panel on the product page — square or portrait works best on all screen sizes (1:1)\"\n                aspectClass=\"aspect-square\"\n                upload={uploadBanner}\n                uploading={bannerUploading}\n                progress={bannerProgress}\n                error={bannerUploadError}\n              />\n            </div>\n            <ScreenshotGallery\n              urls={screenshots}\n              onChange={setScreenshots}\n              upload={uploadScreenshot}\n              uploading={screenshotUploading}\n              progress={screenshotProgress}\n              error={screenshotUploadError}\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 3: Pricing ── */}\n        <PageSection title=\"Pricing\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Price\"\n                required\n                type=\"number\"\n                value={form.price}\n                onChange={(e) => setField(\"price\", e.target.value)}\n                placeholder=\"0.00\"\n                min={0.01}\n                step=\"0.01\"\n              />\n\n              <SelectField\n                label=\"Currency\"\n                required\n                value={form.currency}\n                onChange={(e) => setField(\"currency\", e.target.value)}\n                options={CURRENCIES}\n                placeholder=\"Select currency\"\n              />\n            </div>\n\n            <InputField\n              label=\"Tags\"\n              value={form.tags}\n              onChange={(e) => setField(\"tags\", e.target.value)}\n              placeholder=\"mechanical, wireless, ergonomic\"\n              hint=\"Comma-separated keywords to help buyers find your item.\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 4: Inventory ── */}\n        <PageSection title=\"Inventory\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Stock Quantity\"\n                required\n                type=\"number\"\n                value={form.stockQuantity}\n                onChange={(e) => setField(\"stockQuantity\", e.target.value)}\n                min={0}\n                step={1}\n              />\n\n              <InputField\n                label=\"SKU\"\n                value={form.sku}\n                onChange={(e) => setField(\"sku\", e.target.value)}\n                placeholder=\"e.g. KB-WL-001\"\n                hint=\"Your internal stock-keeping unit reference.\"\n              />\n            </div>\n\n            <InputField\n              label=\"Low Stock Threshold\"\n              type=\"number\"\n              value={form.lowStockThreshold}\n              onChange={(e) => setField(\"lowStockThreshold\", e.target.value)}\n              placeholder=\"e.g. 5\"\n              min={0}\n              step={1}\n              hint=\"Get flagged when stock falls to or below this number.\"\n            />\n\n            <CheckboxField\n              label=\"Track Inventory\"\n              description=\"Automatically reduce stock when orders are placed.\"\n              checked={form.trackInventory}\n              onChange={handleCheckboxChange(\"trackInventory\")}\n            />\n\n            <CheckboxField\n              label=\"Allow Backorder\"\n              description=\"Let buyers order even when stock quantity is zero.\"\n              checked={form.allowBackorder}\n              onChange={handleCheckboxChange(\"allowBackorder\")}\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 5: Shipping ── */}\n        <PageSection title=\"Shipping\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <CheckboxField\n              label=\"Requires Shipping\"\n              description=\"This item will be physically shipped to the buyer.\"\n              checked={form.requiresShipping}\n              onChange={handleCheckboxChange(\"requiresShipping\")}\n            />\n\n            {form.requiresShipping && (\n              <>\n                <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n                  <InputField\n                    label=\"Weight\"\n                    type=\"number\"\n                    value={form.weightKg}\n                    onChange={(e) => setField(\"weightKg\", e.target.value)}\n                    placeholder=\"0.0\"\n                    min={0}\n                    step=\"0.01\"\n                    hint=\"Used to calculate shipping costs.\"\n                  />\n\n                  <SelectField\n                    label=\"Weight Unit\"\n                    value={form.weightUnit}\n                    onChange={(e) => setField(\"weightUnit\", e.target.value)}\n                    options={WEIGHT_UNITS}\n                  />\n                </div>\n\n                <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-3\">\n                  <InputField\n                    label=\"Length\"\n                    type=\"number\"\n                    value={form.length}\n                    onChange={(e) => setField(\"length\", e.target.value)}\n                    placeholder=\"0.0\"\n                    min={0}\n                    step=\"0.01\"\n                  />\n\n                  <InputField\n                    label=\"Width\"\n                    type=\"number\"\n                    value={form.width}\n                    onChange={(e) => setField(\"width\", e.target.value)}\n                    placeholder=\"0.0\"\n                    min={0}\n                    step=\"0.01\"\n                  />\n\n                  <InputField\n                    label=\"Height\"\n                    type=\"number\"\n                    value={form.height}\n                    onChange={(e) => setField(\"height\", e.target.value)}\n                    placeholder=\"0.0\"\n                    min={0}\n                    step=\"0.01\"\n                  />\n                </div>\n\n                <SelectField\n                  label=\"Dimension Unit\"\n                  value={form.dimensionUnit}\n                  onChange={(e) => setField(\"dimensionUnit\", e.target.value)}\n                  options={DIMENSION_UNITS}\n                  hint=\"Applies to length, width, and height above.\"\n                />\n              </>\n            )}\n\n            <p className=\"flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n              <Info size={13} className=\"mt-0.5 shrink-0 text-text-muted\" />\n              Delivery fees are configured at the organization level in store\n              settings.\n            </p>\n          </div>\n        </PageSection>\n\n        {/* ── Section 6: Product Details ── */}\n        <PageSection\n          title=\"Product Details\"\n          description=\"Optional supplemental information for buyers.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Brand\"\n                value={form.brand}\n                onChange={(e) => setField(\"brand\", e.target.value)}\n                placeholder=\"e.g. Logitech\"\n              />\n\n              <InputField\n                label=\"Manufacturer\"\n                value={form.manufacturer}\n                onChange={(e) => setField(\"manufacturer\", e.target.value)}\n                placeholder=\"e.g. Logitech Manufacturing Ltd.\"\n              />\n            </div>\n\n            <InputField\n              label=\"Country of Origin\"\n              value={form.countryOfOrigin}\n              onChange={(e) => setField(\"countryOfOrigin\", e.target.value)}\n              placeholder=\"e.g. China\"\n            />\n\n            <InputField\n              label=\"Warranty Info\"\n              value={form.warrantyInfo}\n              onChange={(e) => setField(\"warrantyInfo\", e.target.value)}\n              placeholder=\"e.g. 1-year limited manufacturer warranty\"\n            />\n\n            <TextareaField\n              label=\"Return Policy\"\n              value={form.returnPolicy}\n              onChange={(e) => setField(\"returnPolicy\", e.target.value)}\n              rows={3}\n              placeholder=\"e.g. 30-day returns accepted\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Actions ── */}\n        <div className=\"flex items-center gap-3 pb-8\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(`${basePath}/seller/items`)}\n            className=\"rounded-button border border-border-strong px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n          >\n            Cancel\n          </button>\n\n          <div className=\"relative\">\n            <button\n              type=\"button\"\n              onClick={handleSubmit}\n              disabled={!isValid || submitting}\n              aria-disabled={!isValid || submitting}\n              title={\n                sellerOrgLoading\n                  ? \"Setting up your seller organization...\"\n                  : !isValid\n                    ? \"Fill in all required fields to continue\"\n                    : undefined\n              }\n              className={cn(\n                \"inline-flex items-center gap-2 rounded-button px-5 py-2 text-sm font-medium transition-colors\",\n                \"bg-action-primary-bg text-action-primary-text\",\n                \"hover:bg-action-primary-bg/90\",\n                \"disabled:opacity-50 disabled:cursor-not-allowed\",\n                \"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2\",\n              )}\n            >\n              {submitting ? (\n                <>\n                  <Loader2 size={15} className=\"animate-spin\" />\n                  Submitting...\n                </>\n              ) : sellerOrgLoading ? (\n                <>\n                  <Loader2 size={15} className=\"animate-spin\" />\n                  Setting up your store...\n                </>\n              ) : (\n                \"Create & Submit for Review\"\n              )}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/EditPhysicalItemPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditPhysicalItemPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/EditPhysicalItemPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAA0B,MAAM,OAAO,CAAC;AAqKxD,eAAO,MAAM,oBAAoB,EAAE,EAm2BlC,CAAC"}
+{"version":3,"file":"EditPhysicalItemPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/EditPhysicalItemPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AA0N7C,eAAO,MAAM,oBAAoB,EAAE,EAgnClC,CAAC"}