@hartl-services/medusa-storefront 0.3.0 → 0.4.0

package/dist/browser/index.d.ts

@@ -790,6 +790,10 @@ export declare function createStorefrontBrowser(config: StorefrontBrowserConfig)
                 inventory_item_id: string;
                 batch_id: string | null;
                 expected_quantity: number;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         }, Error, {
             period_start: string;
@@ -797,6 +801,10 @@ export declare function createStorefrontBrowser(config: StorefrontBrowserConfig)
                 inventory_item_id: string;
                 batch_id: string | null;
                 expected_quantity: number;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         }, readonly ["affiliate", "consignment", "inventory"]>, "queryFn"> & {
             queryFn?: import("@tanstack/react-query").QueryFunction<{
@@ -805,6 +813,10 @@ export declare function createStorefrontBrowser(config: StorefrontBrowserConfig)
                     inventory_item_id: string;
                     batch_id: string | null;
                     expected_quantity: number;
+                    product_title: string | null;
+                    variant_title: string | null;
+                    batch_name: string | null;
+                    batch_expiry_date: string | null;
                 }[];
             }, readonly ["affiliate", "consignment", "inventory"], never> | undefined;
         } & import("@tanstack/react-query").QueryKeyWithDataTag<readonly ["affiliate", "consignment", "inventory"], {
@@ -813,6 +825,10 @@ export declare function createStorefrontBrowser(config: StorefrontBrowserConfig)
                 inventory_item_id: string;
                 batch_id: string | null;
                 expected_quantity: number;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         }, Error>;
         affiliateConsignmentReports: () => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
@@ -838,6 +854,10 @@ export declare function createStorefrontBrowser(config: StorefrontBrowserConfig)
                     resolved_unit_price: number | null;
                     discounted_line_total: number | null;
                     currency_code: string | null;
+                    product_title: string | null;
+                    variant_title: string | null;
+                    batch_name: string | null;
+                    batch_expiry_date: string | null;
                 }[];
             }[];
         }, Error, {
@@ -863,6 +883,10 @@ export declare function createStorefrontBrowser(config: StorefrontBrowserConfig)
                     resolved_unit_price: number | null;
                     discounted_line_total: number | null;
                     currency_code: string | null;
+                    product_title: string | null;
+                    variant_title: string | null;
+                    batch_name: string | null;
+                    batch_expiry_date: string | null;
                 }[];
             }[];
         }, readonly ["affiliate", "consignment", "reports"]>, "queryFn"> & {
@@ -889,6 +913,10 @@ export declare function createStorefrontBrowser(config: StorefrontBrowserConfig)
                         resolved_unit_price: number | null;
                         discounted_line_total: number | null;
                         currency_code: string | null;
+                        product_title: string | null;
+                        variant_title: string | null;
+                        batch_name: string | null;
+                        batch_expiry_date: string | null;
                     }[];
                 }[];
             }, readonly ["affiliate", "consignment", "reports"], never> | undefined;
@@ -915,6 +943,10 @@ export declare function createStorefrontBrowser(config: StorefrontBrowserConfig)
                     resolved_unit_price: number | null;
                     discounted_line_total: number | null;
                     currency_code: string | null;
+                    product_title: string | null;
+                    variant_title: string | null;
+                    batch_name: string | null;
+                    batch_expiry_date: string | null;
                 }[];
             }[];
         }, Error>;

package/dist/browser/query-options.d.ts

@@ -648,6 +648,10 @@ export declare function createQueryOptions({ actions, affiliateApiPaths, cart, r
             inventory_item_id: string;
             batch_id: string | null;
             expected_quantity: number;
+            product_title: string | null;
+            variant_title: string | null;
+            batch_name: string | null;
+            batch_expiry_date: string | null;
         }[];
     }, Error, {
         period_start: string;
@@ -655,6 +659,10 @@ export declare function createQueryOptions({ actions, affiliateApiPaths, cart, r
             inventory_item_id: string;
             batch_id: string | null;
             expected_quantity: number;
+            product_title: string | null;
+            variant_title: string | null;
+            batch_name: string | null;
+            batch_expiry_date: string | null;
         }[];
     }, readonly ["affiliate", "consignment", "inventory"]>, "queryFn"> & {
         queryFn?: import("@tanstack/react-query").QueryFunction<{
@@ -663,6 +671,10 @@ export declare function createQueryOptions({ actions, affiliateApiPaths, cart, r
                 inventory_item_id: string;
                 batch_id: string | null;
                 expected_quantity: number;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         }, readonly ["affiliate", "consignment", "inventory"], never> | undefined;
     } & import("@tanstack/react-query").QueryKeyWithDataTag<readonly ["affiliate", "consignment", "inventory"], {
@@ -671,6 +683,10 @@ export declare function createQueryOptions({ actions, affiliateApiPaths, cart, r
             inventory_item_id: string;
             batch_id: string | null;
             expected_quantity: number;
+            product_title: string | null;
+            variant_title: string | null;
+            batch_name: string | null;
+            batch_expiry_date: string | null;
         }[];
     }, Error>;
     affiliateConsignmentReports: () => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
@@ -696,6 +712,10 @@ export declare function createQueryOptions({ actions, affiliateApiPaths, cart, r
                 resolved_unit_price: number | null;
                 discounted_line_total: number | null;
                 currency_code: string | null;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         }[];
     }, Error, {
@@ -721,6 +741,10 @@ export declare function createQueryOptions({ actions, affiliateApiPaths, cart, r
                 resolved_unit_price: number | null;
                 discounted_line_total: number | null;
                 currency_code: string | null;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         }[];
     }, readonly ["affiliate", "consignment", "reports"]>, "queryFn"> & {
@@ -747,6 +771,10 @@ export declare function createQueryOptions({ actions, affiliateApiPaths, cart, r
                     resolved_unit_price: number | null;
                     discounted_line_total: number | null;
                     currency_code: string | null;
+                    product_title: string | null;
+                    variant_title: string | null;
+                    batch_name: string | null;
+                    batch_expiry_date: string | null;
                 }[];
             }[];
         }, readonly ["affiliate", "consignment", "reports"], never> | undefined;
@@ -773,6 +801,10 @@ export declare function createQueryOptions({ actions, affiliateApiPaths, cart, r
                 resolved_unit_price: number | null;
                 discounted_line_total: number | null;
                 currency_code: string | null;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         }[];
     }, Error>;

package/dist/core/affiliate/consignment-line-labels.d.ts

@@ -0,0 +1,19 @@
+import type { ConsignmentLineLabels } from "@hartl-services/medusa-contracts/types/affiliate-store";
+/**
+ * Display parts of a consignment line (stock line or report line). The ids
+ * stay the fallback while a product or batch cannot be resolved; the shop
+ * puts the parts into its own wording.
+ */
+export interface ConsignmentLineDisplay {
+    /** "Product – Variant", the product alone, or null without a product. */
+    product: string | null;
+    /** Batch name, or the batch id while the name is unknown; null without batch. */
+    batch: string | null;
+    /** Expiry date as written for `locale`, or null. */
+    expiryDate: string | null;
+}
+export type ConsignmentLineDisplayInput = Partial<ConsignmentLineLabels> & {
+    inventory_item_id: string;
+    batch_id: string | null;
+};
+export declare function getConsignmentLineDisplay(line: ConsignmentLineDisplayInput, locale: string): ConsignmentLineDisplay;

package/dist/core/affiliate/consignment-line-labels.js

@@ -0,0 +1,18 @@
+export function getConsignmentLineDisplay(line, locale) {
+    const product = line.product_title?.trim() || null;
+    const variant = line.variant_title?.trim() || null;
+    const productLabel = product && variant && variant !== product ? `${product} – ${variant}` : (product ?? variant);
+    return {
+        product: productLabel,
+        batch: line.batch_id ? line.batch_name?.trim() || line.batch_id : null,
+        expiryDate: line.batch_id && line.batch_expiry_date ? formatCalendarDate(line.batch_expiry_date, locale) : null,
+    };
+}
+// A calendar date (YYYY-MM-DD) has no time zone; formatting it in UTC keeps
+// the day the backend sent.
+function formatCalendarDate(value, locale) {
+    const date = new Date(`${value}T00:00:00.000Z`);
+    return Number.isNaN(date.getTime())
+        ? value
+        : new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric", timeZone: "UTC" }).format(date);
+}

package/dist/core/index.d.ts

@@ -5,6 +5,7 @@ export * from "./affiliate/affiliate-coupon-code-presentation.js";
 export * from "./affiliate/affiliate-coupon-label.js";
 export * from "./affiliate/affiliate-date-range.js";
 export * from "./affiliate/affiliate-rate-presentation.js";
+export * from "./affiliate/consignment-line-labels.js";
 export * from "./affiliate/partner-company-address.js";
 export * from "./auth/customer-sign-in.js";
 export * from "./auth/link-token.js";

package/dist/core/index.js

@@ -6,6 +6,7 @@ export * from "./affiliate/affiliate-coupon-code-presentation.js";
 export * from "./affiliate/affiliate-coupon-label.js";
 export * from "./affiliate/affiliate-date-range.js";
 export * from "./affiliate/affiliate-rate-presentation.js";
+export * from "./affiliate/consignment-line-labels.js";
 export * from "./affiliate/partner-company-address.js";
 export * from "./auth/customer-sign-in.js";
 export * from "./auth/link-token.js";

package/dist/react/use-affiliate.d.ts

@@ -513,6 +513,10 @@ export declare function useAffiliateConsignment(): {
             inventory_item_id: string;
             batch_id: string | null;
             expected_quantity: number;
+            product_title: string | null;
+            variant_title: string | null;
+            batch_name: string | null;
+            batch_expiry_date: string | null;
         }[];
     }, Error>;
     isActive: boolean;
@@ -540,6 +544,10 @@ export declare function useAffiliateConsignment(): {
                 resolved_unit_price: number | null;
                 discounted_line_total: number | null;
                 currency_code: string | null;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         }[];
     }, Error>;

package/dist/registry/account.json

@@ -4,8 +4,8 @@
   "title": "Customer account",
   "description": "Sign-in with password or e-mail code, password reset, account verification, address book with UID check, profile, orders, the account workspace layout and the document download route.",
   "dependencies": [
-    "@hartl-services/medusa-storefront@^0.3.0",
-    "@hartl-services/medusa-contracts@^1.2.0",
+    "@hartl-services/medusa-storefront@^0.4.0",
+    "@hartl-services/medusa-contracts@^1.3.0",
     "@medusajs/types@^2.19.0",
     "lucide-react"
   ],

package/dist/registry/affiliate.json

@@ -4,8 +4,8 @@
   "title": "Partner portal",
   "description": "Partner portal: gated registration with UID check, links, coupon codes, commissions with date filter, consignment reports, and its Route Handlers.",
   "dependencies": [
-    "@hartl-services/medusa-storefront@^0.3.0",
-    "@hartl-services/medusa-contracts@^1.2.0",
+    "@hartl-services/medusa-storefront@^0.4.0",
+    "@hartl-services/medusa-contracts@^1.3.0",
     "@medusajs/types@^2.19.0",
     "lucide-react",
     "react-day-picker"
@@ -134,13 +134,13 @@
       "path": "registry/items/affiliate/components/affiliate/affiliate-consignment-report-form.tsx",
       "target": "@components/affiliate/affiliate-consignment-report-form.tsx",
       "type": "registry:component",
-      "content": "\"use client\"\n\nimport type { GetConsignmentInventoryResponse, SubmitConsignmentReportRequest } from \"@hartl-services/medusa-contracts/types/affiliate-store\"\n\nimport { fieldControlClassName, fieldLabelClassName } from \"@/components/form/field-styles\"\nimport { Alert, AlertDescription, AlertTitle } from \"@/components/ui/alert\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { WorkspaceCard } from \"@/components/workspace/workspace-card\"\nimport { useAppForm } from \"@/hooks/use-app-form\"\nimport { useConsignmentReportDefaults } from \"@hartl-services/medusa-storefront/react\"\n\ninterface AffiliateConsignmentReportFormProps {\n  inventory: GetConsignmentInventoryResponse\n  isPending?: boolean\n  onSubmit: (values: SubmitConsignmentReportRequest) => Promise<void>\n}\n\nexport function AffiliateConsignmentReportForm({ inventory, isPending = false, onSubmit }: AffiliateConsignmentReportFormProps) {\n  const { defaultValues, submissionIdempotencyKey } = useConsignmentReportDefaults(inventory)\n  const form = useAppForm({\n    defaultValues,\n    onSubmit: async ({ value }) => {\n      if (!submissionIdempotencyKey) {\n        return\n      }\n\n      await onSubmit(value)\n    },\n  })\n\n  if (!submissionIdempotencyKey) {\n    return (\n      <Alert variant=\"destructive\">\n        <AlertTitle>Meldung kann nicht vorbereitet werden</AlertTitle>\n        <AlertDescription>Dein Browser unterstützt keine sichere Kennung für diese Einreichung. Bitte aktualisiere deinen Browser und versuche es erneut.</AlertDescription>\n      </Alert>\n    )\n  }\n\n  return (\n    <WorkspaceCard description=\"Trage nur die gezählte Menge je Lagerposition ein. Die erwartete Menge dient als Referenz.\" title=\"Monatsmeldung\">\n      <form\n        className=\"flex flex-col gap-6\"\n        onSubmit={(event) => {\n          event.preventDefault()\n          void form.handleSubmit()\n        }}\n      >\n        <form.AppField mode=\"array\" name=\"counted_batches\">\n          {(arrayField) => (\n            <fieldset className=\"flex flex-col\">\n              <legend className={`${fieldLabelClassName} mb-3`}>Gezählte Lagerbestände</legend>\n              {arrayField.state.value.map((line, index) => {\n                const quantityId = `counted-quantity-${line.inventory_item_id}-${line.batch_id ?? \"standard\"}`\n\n                return (\n                  <div className=\"grid gap-3 border-b py-4 first:pt-0 last:border-b-0 last:pb-0 sm:grid-cols-[minmax(0,1fr)_auto_10rem] sm:items-end sm:gap-6\" key={`${line.inventory_item_id}-${line.batch_id ?? \"\"}`}>\n                    <div className=\"flex flex-col gap-1\">\n                      <p className=\"text-sm font-medium\">Lagerposition {line.inventory_item_id}</p>\n                      <p className=\"text-sm text-muted-foreground\">{line.batch_id ? `Charge: ${line.batch_id}` : \"Ohne Charge\"}</p>\n                    </div>\n                    <p className=\"text-sm text-muted-foreground\">\n                      Erwartete Menge: <span className=\"font-medium text-foreground\">{inventory.inventory[index]?.expected_quantity ?? 0}</span>\n                    </p>\n                    <form.AppField name={`counted_batches[${index}].counted_quantity`}>\n                      {(field) => {\n                        const hasErrors = field.state.meta.errors.length > 0\n\n                        return (\n                          <div className=\"flex flex-col gap-2\">\n                            <label className={fieldLabelClassName} htmlFor={quantityId}>\n                              Gezählte Menge für {line.inventory_item_id}\n                            </label>\n                            <Input\n                              aria-describedby={hasErrors ? `${quantityId}-error` : undefined}\n                              aria-invalid={hasErrors || undefined}\n                              className={fieldControlClassName}\n                              id={quantityId}\n                              inputMode=\"numeric\"\n                              min={0}\n                              onBlur={field.handleBlur}\n                              onChange={(event) => {\n                                const nextValue = event.target.value\n                                field.handleChange(nextValue === \"\" ? 0 : Number(nextValue))\n                              }}\n                              step={1}\n                              type=\"number\"\n                              value={field.state.value}\n                            />\n                            {hasErrors ? (\n                              <p className=\"text-sm text-destructive\" id={`${quantityId}-error`}>\n                                Menge muss eine nicht-negative ganze Zahl sein.\n                              </p>\n                            ) : null}\n                          </div>\n                        )\n                      }}\n                    </form.AppField>\n                  </div>\n                )\n              })}\n            </fieldset>\n          )}\n        </form.AppField>\n        <form.Subscribe\n          selector={(state) => ({\n            canSubmit: state.canSubmit,\n            isSubmitting: state.isSubmitting,\n          })}\n        >\n          {({ canSubmit, isSubmitting }) => (\n            <Button className=\"self-start\" disabled={!canSubmit || isSubmitting || isPending} type=\"submit\">\n              {isSubmitting || isPending ? \"Monatsmeldung wird eingereicht…\" : \"Monatsmeldung einreichen\"}\n            </Button>\n          )}\n        </form.Subscribe>\n      </form>\n    </WorkspaceCard>\n  )\n}\n"
+      "content": "\"use client\"\n\nimport type { GetConsignmentInventoryResponse, SubmitConsignmentReportRequest } from \"@hartl-services/medusa-contracts/types/affiliate-store\"\n\nimport { fieldControlClassName, fieldLabelClassName } from \"@/components/form/field-styles\"\nimport { Alert, AlertDescription, AlertTitle } from \"@/components/ui/alert\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { WorkspaceCard } from \"@/components/workspace/workspace-card\"\nimport { useAppForm } from \"@/hooks/use-app-form\"\nimport { getConsignmentLineDisplay } from \"@hartl-services/medusa-storefront/core\"\nimport { useConsignmentReportDefaults } from \"@hartl-services/medusa-storefront/react\"\n\ninterface AffiliateConsignmentReportFormProps {\n  inventory: GetConsignmentInventoryResponse\n  isPending?: boolean\n  onSubmit: (values: SubmitConsignmentReportRequest) => Promise<void>\n}\n\nexport function AffiliateConsignmentReportForm({ inventory, isPending = false, onSubmit }: AffiliateConsignmentReportFormProps) {\n  const { defaultValues, submissionIdempotencyKey } = useConsignmentReportDefaults(inventory)\n  const form = useAppForm({\n    defaultValues,\n    onSubmit: async ({ value }) => {\n      if (!submissionIdempotencyKey) {\n        return\n      }\n\n      await onSubmit(value)\n    },\n  })\n\n  if (!submissionIdempotencyKey) {\n    return (\n      <Alert variant=\"destructive\">\n        <AlertTitle>Meldung kann nicht vorbereitet werden</AlertTitle>\n        <AlertDescription>Dein Browser unterstützt keine sichere Kennung für diese Einreichung. Bitte aktualisiere deinen Browser und versuche es erneut.</AlertDescription>\n      </Alert>\n    )\n  }\n\n  return (\n    <WorkspaceCard description=\"Trage nur die gezählte Menge je Lagerposition ein. Die erwartete Menge dient als Referenz.\" title=\"Monatsmeldung\">\n      <form\n        className=\"flex flex-col gap-6\"\n        onSubmit={(event) => {\n          event.preventDefault()\n          void form.handleSubmit()\n        }}\n      >\n        <form.AppField mode=\"array\" name=\"counted_batches\">\n          {(arrayField) => (\n            <fieldset className=\"flex flex-col\">\n              <legend className={`${fieldLabelClassName} mb-3`}>Gezählte Lagerbestände</legend>\n              {arrayField.state.value.map((line, index) => {\n                const quantityId = `counted-quantity-${line.inventory_item_id}-${line.batch_id ?? \"standard\"}`\n                const display = getConsignmentLineDisplay(inventory.inventory[index] ?? line, \"de-DE\")\n\n                return (\n                  <div className=\"grid gap-3 border-b py-4 first:pt-0 last:border-b-0 last:pb-0 sm:grid-cols-[minmax(0,1fr)_auto_10rem] sm:items-end sm:gap-6\" key={`${line.inventory_item_id}-${line.batch_id ?? \"\"}`}>\n                    <div className=\"flex flex-col gap-1\">\n                      <p className=\"text-sm font-medium\">{display.product ?? `Lagerposition ${line.inventory_item_id}`}</p>\n                      <p className=\"text-sm text-muted-foreground\">{display.batch ? `Charge ${display.batch}${display.expiryDate ? ` · MHD ${display.expiryDate}` : \"\"}` : \"Ohne Charge\"}</p>\n                    </div>\n                    <p className=\"text-sm text-muted-foreground\">\n                      Erwartete Menge: <span className=\"font-medium text-foreground\">{inventory.inventory[index]?.expected_quantity ?? 0}</span>\n                    </p>\n                    <form.AppField name={`counted_batches[${index}].counted_quantity`}>\n                      {(field) => {\n                        const hasErrors = field.state.meta.errors.length > 0\n\n                        return (\n                          <div className=\"flex flex-col gap-2\">\n                            <label className={fieldLabelClassName} htmlFor={quantityId}>\n                              Gezählte Menge für {display.product ?? line.inventory_item_id}\n                            </label>\n                            <Input\n                              aria-describedby={hasErrors ? `${quantityId}-error` : undefined}\n                              aria-invalid={hasErrors || undefined}\n                              className={fieldControlClassName}\n                              id={quantityId}\n                              inputMode=\"numeric\"\n                              min={0}\n                              onBlur={field.handleBlur}\n                              onChange={(event) => {\n                                const nextValue = event.target.value\n                                field.handleChange(nextValue === \"\" ? 0 : Number(nextValue))\n                              }}\n                              step={1}\n                              type=\"number\"\n                              value={field.state.value}\n                            />\n                            {hasErrors ? (\n                              <p className=\"text-sm text-destructive\" id={`${quantityId}-error`}>\n                                Menge muss eine nicht-negative ganze Zahl sein.\n                              </p>\n                            ) : null}\n                          </div>\n                        )\n                      }}\n                    </form.AppField>\n                  </div>\n                )\n              })}\n            </fieldset>\n          )}\n        </form.AppField>\n        <form.Subscribe\n          selector={(state) => ({\n            canSubmit: state.canSubmit,\n            isSubmitting: state.isSubmitting,\n          })}\n        >\n          {({ canSubmit, isSubmitting }) => (\n            <Button className=\"self-start\" disabled={!canSubmit || isSubmitting || isPending} type=\"submit\">\n              {isSubmitting || isPending ? \"Monatsmeldung wird eingereicht…\" : \"Monatsmeldung einreichen\"}\n            </Button>\n          )}\n        </form.Subscribe>\n      </form>\n    </WorkspaceCard>\n  )\n}\n"
     },
     {
       "path": "registry/items/affiliate/components/affiliate/affiliate-consignment-reports.tsx",
       "target": "@components/affiliate/affiliate-consignment-reports.tsx",
       "type": "registry:component",
-      "content": "import type { StoreConsignmentReport } from \"@hartl-services/medusa-contracts/types/affiliate-store\"\n\nimport { Badge } from \"@/components/ui/badge\"\nimport { Card, CardContent } from \"@/components/ui/card\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { WorkspaceCard } from \"@/components/workspace/workspace-card\"\n\ntype ReportStatus = StoreConsignmentReport[\"status\"]\n\nconst reportStatusLabels: Record<ReportStatus, string> = {\n  draft: \"Entwurf\",\n  submitted: \"Eingereicht\",\n  approved: \"Genehmigt\",\n  rejected: \"Abgelehnt\",\n}\n\nconst reportStatusVariants: Record<ReportStatus, \"default\" | \"destructive\" | \"outline\"> = {\n  draft: \"outline\",\n  submitted: \"outline\",\n  approved: \"default\",\n  rejected: \"destructive\",\n}\n\ninterface AffiliateConsignmentReportsProps {\n  reports: StoreConsignmentReport[]\n}\n\nfunction formatDate(value: string | null) {\n  if (!value) {\n    return \"Noch nicht eingereicht\"\n  }\n\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) {\n    return value\n  }\n\n  return new Intl.DateTimeFormat(\"de-DE\", {\n    dateStyle: \"medium\",\n    timeStyle: \"short\",\n  }).format(date)\n}\n\nexport function AffiliateConsignmentReports({ reports }: AffiliateConsignmentReportsProps) {\n  if (reports.length === 0) {\n    return <WorkspaceCard description=\"Für dein Kommissionslager liegen noch keine Monatsmeldungen vor.\" title=\"Bisherige Meldungen\" />\n  }\n\n  return (\n    <section aria-labelledby=\"consignment-reports-heading\" className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-2\">\n        <h2 className=\"text-lg font-medium\" id=\"consignment-reports-heading\">\n          Bisherige Meldungen\n        </h2>\n        <p className=\"text-sm text-muted-foreground\">Status und die serverseitig aufgelösten Lagerpositionen deiner Monatsmeldungen.</p>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {reports.map((report) => (\n          <Card key={report.id}>\n            <CardContent>\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex flex-col gap-2\">\n                  <h3 className=\"font-medium\">\n                    Zeitraum {report.period_start} bis {report.period_end}\n                  </h3>\n                  <p className=\"text-sm text-muted-foreground\">Eingereicht: {formatDate(report.submitted_at)}</p>\n                </div>\n                <Badge variant={reportStatusVariants[report.status]}>{reportStatusLabels[report.status]}</Badge>\n              </div>\n              <ul aria-label={`Lagerpositionen für ${report.period_start}`} className=\"flex flex-col\">\n                {report.lines.map((line, index) => (\n                  <li key={line.id}>\n                    {index > 0 ? <Separator /> : null}\n                    <div className=\"flex flex-wrap items-center justify-between gap-x-6 gap-y-2 py-3 text-sm\">\n                      <div className=\"flex flex-col gap-1\">\n                        <p className=\"font-medium\">Lagerposition {line.inventory_item_id}</p>\n                        <p className=\"text-muted-foreground\">\n                          {line.batch_id ? `Charge: ${line.batch_id}` : \"Ohne Charge\"} · Erwartet: {line.expected_quantity} · Gezählt: {line.counted_quantity}\n                        </p>\n                      </div>\n                      {line.requires_admin_clarification ? <Badge variant=\"destructive\">Klärung erforderlich</Badge> : null}\n                    </div>\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </section>\n  )\n}\n"
+      "content": "import type { StoreConsignmentReport } from \"@hartl-services/medusa-contracts/types/affiliate-store\"\nimport { getConsignmentLineDisplay } from \"@hartl-services/medusa-storefront/core\"\n\nimport { Badge } from \"@/components/ui/badge\"\nimport { Card, CardContent } from \"@/components/ui/card\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { WorkspaceCard } from \"@/components/workspace/workspace-card\"\n\ntype ReportStatus = StoreConsignmentReport[\"status\"]\n\nconst reportStatusLabels: Record<ReportStatus, string> = {\n  draft: \"Entwurf\",\n  submitted: \"Eingereicht\",\n  approved: \"Genehmigt\",\n  rejected: \"Abgelehnt\",\n}\n\nconst reportStatusVariants: Record<ReportStatus, \"default\" | \"destructive\" | \"outline\"> = {\n  draft: \"outline\",\n  submitted: \"outline\",\n  approved: \"default\",\n  rejected: \"destructive\",\n}\n\ninterface AffiliateConsignmentReportsProps {\n  reports: StoreConsignmentReport[]\n}\n\nfunction formatDate(value: string | null) {\n  if (!value) {\n    return \"Noch nicht eingereicht\"\n  }\n\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) {\n    return value\n  }\n\n  return new Intl.DateTimeFormat(\"de-DE\", {\n    dateStyle: \"medium\",\n    timeStyle: \"short\",\n  }).format(date)\n}\n\nexport function AffiliateConsignmentReports({ reports }: AffiliateConsignmentReportsProps) {\n  if (reports.length === 0) {\n    return <WorkspaceCard description=\"Für dein Kommissionslager liegen noch keine Monatsmeldungen vor.\" title=\"Bisherige Meldungen\" />\n  }\n\n  return (\n    <section aria-labelledby=\"consignment-reports-heading\" className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-2\">\n        <h2 className=\"text-lg font-medium\" id=\"consignment-reports-heading\">\n          Bisherige Meldungen\n        </h2>\n        <p className=\"text-sm text-muted-foreground\">Status und die serverseitig aufgelösten Lagerpositionen deiner Monatsmeldungen.</p>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {reports.map((report) => (\n          <Card key={report.id}>\n            <CardContent>\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex flex-col gap-2\">\n                  <h3 className=\"font-medium\">\n                    Zeitraum {report.period_start} bis {report.period_end}\n                  </h3>\n                  <p className=\"text-sm text-muted-foreground\">Eingereicht: {formatDate(report.submitted_at)}</p>\n                </div>\n                <Badge variant={reportStatusVariants[report.status]}>{reportStatusLabels[report.status]}</Badge>\n              </div>\n              <ul aria-label={`Lagerpositionen für ${report.period_start}`} className=\"flex flex-col\">\n                {report.lines.map((line, index) => {\n                  const display = getConsignmentLineDisplay(line, \"de-DE\")\n\n                  return (\n                  <li key={line.id}>\n                    {index > 0 ? <Separator /> : null}\n                    <div className=\"flex flex-wrap items-center justify-between gap-x-6 gap-y-2 py-3 text-sm\">\n                      <div className=\"flex flex-col gap-1\">\n                        <p className=\"font-medium\">{display.product ?? `Lagerposition ${line.inventory_item_id}`}</p>\n                        <p className=\"text-muted-foreground\">\n                          {display.batch ? `Charge ${display.batch}${display.expiryDate ? ` · MHD ${display.expiryDate}` : \"\"}` : \"Ohne Charge\"} · Erwartet: {line.expected_quantity} · Gezählt: {line.counted_quantity}\n                        </p>\n                      </div>\n                      {line.requires_admin_clarification ? <Badge variant=\"destructive\">Klärung erforderlich</Badge> : null}\n                    </div>\n                  </li>\n                  )\n                })}\n              </ul>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </section>\n  )\n}\n"
     },
     {
       "path": "registry/items/affiliate/components/affiliate/affiliate-coupon-code-actions.tsx",

package/dist/registry/cart.json

@@ -4,7 +4,7 @@
   "title": "Cart",
   "description": "Cart widget with popover, line items, totals, cart page, add-to-cart button, variant picker and product price.",
   "dependencies": [
-    "@hartl-services/medusa-storefront@^0.3.0",
+    "@hartl-services/medusa-storefront@^0.4.0",
     "@medusajs/types@^2.19.0",
     "lucide-react"
   ],

package/dist/registry/checkout.json

@@ -4,7 +4,7 @@
   "title": "Checkout",
   "description": "Checkout page (address, login prompt, shipping and Stripe payment, coupon, UID status) and the order confirmation page.",
   "dependencies": [
-    "@hartl-services/medusa-storefront@^0.3.0",
+    "@hartl-services/medusa-storefront@^0.4.0",
     "@medusajs/types@^2.19.0",
     "@stripe/react-stripe-js@^5.6.1",
     "@stripe/stripe-js@^8.11.0",

package/dist/registry/form.json

@@ -4,7 +4,7 @@
   "title": "Storefront form kit",
   "description": "The shop's TanStack form hook (useAppForm) with unstyled field components; the package's hooks hand their formOptions to it.",
   "dependencies": [
-    "@hartl-services/medusa-storefront@^0.3.0",
+    "@hartl-services/medusa-storefront@^0.4.0",
     "@tanstack/react-form@^1.33.5",
     "input-otp",
     "lucide-react"

package/dist/registry/registry.json

@@ -7,8 +7,8 @@
       "title": "Storefront setup",
       "description": "Wires the storefront package into a Next shop: server and browser instances, the Server Action wrappers, texts, error reporting and the provider root for the [countryCode] layout.",
       "dependencies": [
-        "@hartl-services/medusa-storefront@^0.3.0",
-        "@hartl-services/medusa-contracts@^1.2.0",
+        "@hartl-services/medusa-storefront@^0.4.0",
+        "@hartl-services/medusa-contracts@^1.3.0",
         "@medusajs/framework@^2.19.0",
         "@medusajs/js-sdk@^2.19.0",
         "@medusajs/types@^2.19.0",
@@ -73,7 +73,7 @@
       "title": "Storefront form kit",
       "description": "The shop's TanStack form hook (useAppForm) with unstyled field components; the package's hooks hand their formOptions to it.",
       "dependencies": [
-        "@hartl-services/medusa-storefront@^0.3.0",
+        "@hartl-services/medusa-storefront@^0.4.0",
         "@tanstack/react-form@^1.33.5",
         "input-otp",
         "lucide-react"
@@ -197,7 +197,7 @@
       "title": "Cart",
       "description": "Cart widget with popover, line items, totals, cart page, add-to-cart button, variant picker and product price.",
       "dependencies": [
-        "@hartl-services/medusa-storefront@^0.3.0",
+        "@hartl-services/medusa-storefront@^0.4.0",
         "@medusajs/types@^2.19.0",
         "lucide-react"
       ],
@@ -306,8 +306,8 @@
       "title": "Customer account",
       "description": "Sign-in with password or e-mail code, password reset, account verification, address book with UID check, profile, orders, the account workspace layout and the document download route.",
       "dependencies": [
-        "@hartl-services/medusa-storefront@^0.3.0",
-        "@hartl-services/medusa-contracts@^1.2.0",
+        "@hartl-services/medusa-storefront@^0.4.0",
+        "@hartl-services/medusa-contracts@^1.3.0",
         "@medusajs/types@^2.19.0",
         "lucide-react"
       ],
@@ -516,7 +516,7 @@
       "title": "Checkout",
       "description": "Checkout page (address, login prompt, shipping and Stripe payment, coupon, UID status) and the order confirmation page.",
       "dependencies": [
-        "@hartl-services/medusa-storefront@^0.3.0",
+        "@hartl-services/medusa-storefront@^0.4.0",
         "@medusajs/types@^2.19.0",
         "@stripe/react-stripe-js@^5.6.1",
         "@stripe/stripe-js@^8.11.0",
@@ -661,8 +661,8 @@
       "title": "Partner portal",
       "description": "Partner portal: gated registration with UID check, links, coupon codes, commissions with date filter, consignment reports, and its Route Handlers.",
       "dependencies": [
-        "@hartl-services/medusa-storefront@^0.3.0",
-        "@hartl-services/medusa-contracts@^1.2.0",
+        "@hartl-services/medusa-storefront@^0.4.0",
+        "@hartl-services/medusa-contracts@^1.3.0",
         "@medusajs/types@^2.19.0",
         "lucide-react",
         "react-day-picker"

package/dist/registry/setup.json

@@ -4,8 +4,8 @@
   "title": "Storefront setup",
   "description": "Wires the storefront package into a Next shop: server and browser instances, the Server Action wrappers, texts, error reporting and the provider root for the [countryCode] layout.",
   "dependencies": [
-    "@hartl-services/medusa-storefront@^0.3.0",
-    "@hartl-services/medusa-contracts@^1.2.0",
+    "@hartl-services/medusa-storefront@^0.4.0",
+    "@hartl-services/medusa-contracts@^1.3.0",
     "@medusajs/framework@^2.19.0",
     "@medusajs/js-sdk@^2.19.0",
     "@medusajs/types@^2.19.0",

package/dist/server/affiliate.d.ts

@@ -108,6 +108,10 @@ export declare function createAffiliate(context: ServerContext, pluginFeatures:
                 resolved_unit_price: number | null;
                 discounted_line_total: number | null;
                 currency_code: string | null;
+                product_title: string | null;
+                variant_title: string | null;
+                batch_name: string | null;
+                batch_expiry_date: string | null;
             }[];
         };
         draft_order: {

package/dist/server/index.d.ts

@@ -216,6 +216,10 @@ export declare function createStorefrontServer(config: StorefrontServerConfig):
                     resolved_unit_price: number | null;
                     discounted_line_total: number | null;
                     currency_code: string | null;
+                    product_title: string | null;
+                    variant_title: string | null;
+                    batch_name: string | null;
+                    batch_expiry_date: string | null;
                 }[];
             };
             draft_order: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hartl-services/medusa-storefront",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Headless Medusa storefront logic, Next.js server/browser adapters and React hooks for shops built from the @hartl-services/medusa-* plugins.",
   "type": "module",
   "sideEffects": false,
@@ -45,7 +45,7 @@
     }
   },
   "dependencies": {
-    "@hartl-services/medusa-contracts": "^1.2.0",
+    "@hartl-services/medusa-contracts": "^1.3.0",
     "server-only": "^0.0.1"
   },
   "peerDependencies": {