@open-mercato/core 0.4.9-develop-ce96cffe00 → 0.4.9-develop-5d884303ad

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/ConfigureStep.js

@@ -0,0 +1,243 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { Card, CardContent, CardHeader, CardTitle } from "@open-mercato/ui/primitives/card";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { AddressFields } from "./AddressFields.js";
+import { PackageEditor } from "./PackageEditor.js";
+const LABEL_FORMATS = ["pdf", "zpl", "png"];
+const ConfigureStep = (props) => {
+  const {
+    origin,
+    destination,
+    packages,
+    labelFormat,
+    senderContact,
+    receiverContact,
+    targetPoint,
+    c2cSendingMethod,
+    isFetchingRates,
+    canProceed,
+    senderContactErrors,
+    receiverContactErrors,
+    dropOffPointQuery,
+    dropOffPoints,
+    isFetchingDropOffPoints,
+    dropOffPointsError,
+    onOriginChange,
+    onDestinationChange,
+    onPackagesChange,
+    onLabelFormatChange,
+    onSenderContactChange,
+    onReceiverContactChange,
+    onTargetPointChange,
+    onC2cSendingMethodChange,
+    onSearchDropOffPoints,
+    onBack,
+    onNext
+  } = props;
+  const t = useT();
+  const [searchInput, setSearchInput] = React.useState(dropOffPointQuery);
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.origin", "Origin address") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(AddressFields, { prefix: "origin", address: origin, onChange: onOriginChange, disabled: isFetchingRates }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.destination", "Destination address") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(AddressFields, { prefix: "dest", address: destination, onChange: onDestinationChange, disabled: isFetchingRates }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.packages", "Packages") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(PackageEditor, { packages, onChange: onPackagesChange, disabled: isFetchingRates }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.senderContact", "Sender contact") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("shipping_carriers.create.field.phone", "Phone") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: `w-full rounded border bg-background px-2 py-1.5 text-sm ${senderContactErrors.phone ? "border-destructive" : ""}`,
+                type: "tel",
+                value: senderContact.phone,
+                onChange: (e) => onSenderContactChange({ ...senderContact, phone: e.target.value }),
+                disabled: isFetchingRates,
+                placeholder: "e.g. 500000000"
+              }
+            ),
+            senderContactErrors.phone ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: senderContactErrors.phone }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("shipping_carriers.create.field.email", "Email") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: `w-full rounded border bg-background px-2 py-1.5 text-sm ${senderContactErrors.email ? "border-destructive" : ""}`,
+                type: "email",
+                value: senderContact.email,
+                onChange: (e) => onSenderContactChange({ ...senderContact, email: e.target.value }),
+                disabled: isFetchingRates,
+                placeholder: "e.g. sender@example.com"
+              }
+            ),
+            senderContactErrors.email ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: senderContactErrors.email }) : null
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.receiverContact", "Receiver contact") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("shipping_carriers.create.field.phone", "Phone") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: `w-full rounded border bg-background px-2 py-1.5 text-sm ${receiverContactErrors.phone ? "border-destructive" : ""}`,
+                type: "tel",
+                value: receiverContact.phone,
+                onChange: (e) => onReceiverContactChange({ ...receiverContact, phone: e.target.value }),
+                disabled: isFetchingRates,
+                placeholder: "e.g. 500000000"
+              }
+            ),
+            receiverContactErrors.phone ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: receiverContactErrors.phone }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("shipping_carriers.create.field.email", "Email") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: `w-full rounded border bg-background px-2 py-1.5 text-sm ${receiverContactErrors.email ? "border-destructive" : ""}`,
+                type: "email",
+                value: receiverContact.email,
+                onChange: (e) => onReceiverContactChange({ ...receiverContact, email: e.target.value }),
+                disabled: isFetchingRates,
+                placeholder: "e.g. receiver@example.com"
+              }
+            ),
+            receiverContactErrors.email ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: receiverContactErrors.email }) : null
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.c2cSendingMethod", "C2C sending method") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("shipping_carriers.create.field.c2cSendingMethod", "Sending method (applies to courier_c2c service only)") }),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "w-full rounded border bg-background px-2 py-1.5 text-sm",
+            value: c2cSendingMethod,
+            onChange: (e) => onC2cSendingMethodChange(e.target.value),
+            disabled: isFetchingRates,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: t("shipping_carriers.create.c2cSendingMethod.default", "Dispatch order (default)") }),
+              /* @__PURE__ */ jsx("option", { value: "parcel_locker", children: t("shipping_carriers.create.c2cSendingMethod.parcel_locker", "Parcel locker") }),
+              /* @__PURE__ */ jsx("option", { value: "pop", children: t("shipping_carriers.create.c2cSendingMethod.pop", "POP (parcel pickup point)") }),
+              /* @__PURE__ */ jsx("option", { value: "any_point", children: t("shipping_carriers.create.c2cSendingMethod.any_point", "Any point") })
+            ]
+          }
+        )
+      ] }) })
+    ] }),
+    (c2cSendingMethod === "parcel_locker" || c2cSendingMethod === "pop") && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.dropOffPoint", "Drop-off / locker point") }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+        targetPoint && /* @__PURE__ */ jsxs("div", { className: "rounded border border-primary bg-primary/5 px-3 py-2 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-xs text-muted-foreground mr-2", children: t("shipping_carriers.create.field.selectedPoint", "Selected:") }),
+          /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: targetPoint }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "ml-2 h-auto py-0 text-xs",
+              onClick: () => onTargetPointChange(""),
+              disabled: isFetchingRates,
+              children: t("shipping_carriers.create.action.clearPoint", "Clear")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "flex-1 rounded border bg-background px-2 py-1.5 text-sm",
+              value: searchInput,
+              onChange: (e) => setSearchInput(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  onSearchDropOffPoints(searchInput);
+                }
+              },
+              disabled: isFetchingRates,
+              placeholder: t("shipping_carriers.create.field.dropOffSearch", "Postal code (e.g. 30-624) or point name (e.g. KRA012)")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => onSearchDropOffPoints(searchInput),
+              disabled: isFetchingRates || isFetchingDropOffPoints || searchInput.trim().length === 0,
+              children: isFetchingDropOffPoints ? /* @__PURE__ */ jsx(Spinner, { className: "h-4 w-4" }) : t("shipping_carriers.create.action.searchPoints", "Search")
+            }
+          )
+        ] }),
+        dropOffPointsError && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: dropOffPointsError }),
+        dropOffPoints.length > 0 && /* @__PURE__ */ jsx("ul", { className: "max-h-60 overflow-y-auto divide-y rounded border text-sm", children: dropOffPoints.map((point) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: `w-full px-3 py-2 text-left hover:bg-accent ${targetPoint === point.id ? "bg-primary/5 font-medium" : ""}`,
+            onClick: () => onTargetPointChange(point.id),
+            disabled: isFetchingRates,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono mr-2", children: point.name }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: [point.street, point.city, point.postalCode].filter(Boolean).join(", ") })
+            ]
+          }
+        ) }, point.id)) }),
+        !isFetchingDropOffPoints && dropOffPoints.length === 0 && dropOffPointQuery && !dropOffPointsError && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("shipping_carriers.create.dropOffPoints.noResults", "No drop-off points found for this search.") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.labelFormat", "Label format") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: LABEL_FORMATS.map((fmt) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: labelFormat === fmt ? "default" : "outline",
+          size: "sm",
+          onClick: () => onLabelFormatChange(fmt),
+          disabled: isFetchingRates,
+          children: fmt.toUpperCase()
+        },
+        fmt
+      )) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onBack, disabled: isFetchingRates, children: t("shipping_carriers.create.back", "Back") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: onNext, disabled: !canProceed || isFetchingRates, children: isFetchingRates ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }),
+        t("shipping_carriers.create.fetchingRates", "Fetching rates...")
+      ] }) : t("shipping_carriers.create.getQuotes", "Get quotes") })
+    ] })
+  ] });
+};
+export {
+  ConfigureStep
+};
+//# sourceMappingURL=ConfigureStep.js.map

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/ConfigureStep.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/shipping_carriers/lib/shipment-wizard/components/ConfigureStep.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Card, CardContent, CardHeader, CardTitle } from '@open-mercato/ui/primitives/card'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { AddressFields } from './AddressFields'\nimport { PackageEditor } from './PackageEditor'\nimport type { Address, PackageDimension, LabelFormat, ContactInfo, DropOffPoint } from '../types'\n\nexport type ConfigureStepProps = {\n  origin: Address\n  destination: Address\n  packages: PackageDimension[]\n  labelFormat: LabelFormat\n  senderContact: ContactInfo\n  receiverContact: ContactInfo\n  targetPoint: string\n  c2cSendingMethod: string\n  isFetchingRates: boolean\n  canProceed: boolean\n  senderContactErrors: { email: string | null; phone: string | null }\n  receiverContactErrors: { email: string | null; phone: string | null }\n  dropOffPointQuery: string\n  dropOffPoints: DropOffPoint[]\n  isFetchingDropOffPoints: boolean\n  dropOffPointsError: string | null\n  onOriginChange: (address: Address) => void\n  onDestinationChange: (address: Address) => void\n  onPackagesChange: (packages: PackageDimension[]) => void\n  onLabelFormatChange: (format: LabelFormat) => void\n  onSenderContactChange: (contact: ContactInfo) => void\n  onReceiverContactChange: (contact: ContactInfo) => void\n  onTargetPointChange: (point: string) => void\n  onC2cSendingMethodChange: (method: string) => void\n  onSearchDropOffPoints: (query: string) => void\n  onBack: () => void\n  onNext: () => void\n}\n\nconst LABEL_FORMATS: LabelFormat[] = ['pdf', 'zpl', 'png']\n\nexport const ConfigureStep = (props: ConfigureStepProps) => {\n  const {\n    origin, destination, packages, labelFormat,\n    senderContact, receiverContact, targetPoint, c2cSendingMethod,\n    isFetchingRates, canProceed,\n    senderContactErrors, receiverContactErrors,\n    dropOffPointQuery, dropOffPoints, isFetchingDropOffPoints, dropOffPointsError,\n    onOriginChange, onDestinationChange, onPackagesChange, onLabelFormatChange,\n    onSenderContactChange, onReceiverContactChange, onTargetPointChange, onC2cSendingMethodChange,\n    onSearchDropOffPoints,\n    onBack, onNext,\n  } = props\n  const t = useT()\n  const [searchInput, setSearchInput] = React.useState(dropOffPointQuery)\n\n  return (\n    <section className=\"space-y-6\">\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">\n              {t('shipping_carriers.create.section.origin', 'Origin address')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <AddressFields prefix=\"origin\" address={origin} onChange={onOriginChange} disabled={isFetchingRates} />\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">\n              {t('shipping_carriers.create.section.destination', 'Destination address')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <AddressFields prefix=\"dest\" address={destination} onChange={onDestinationChange} disabled={isFetchingRates} />\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">\n            {t('shipping_carriers.create.section.packages', 'Packages')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <PackageEditor packages={packages} onChange={onPackagesChange} disabled={isFetchingRates} />\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">\n              {t('shipping_carriers.create.section.senderContact', 'Sender contact')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-xs font-medium text-muted-foreground\">\n                  {t('shipping_carriers.create.field.phone', 'Phone')}\n                </label>\n                <input\n                  className={`w-full rounded border bg-background px-2 py-1.5 text-sm ${senderContactErrors.phone ? 'border-destructive' : ''}`}\n                  type=\"tel\"\n                  value={senderContact.phone}\n                  onChange={(e) => onSenderContactChange({ ...senderContact, phone: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. 500000000\"\n                />\n                {senderContactErrors.phone ? (\n                  <p className=\"text-xs text-destructive\">{senderContactErrors.phone}</p>\n                ) : null}\n              </div>\n              <div className=\"space-y-1\">\n                <label className=\"text-xs font-medium text-muted-foreground\">\n                  {t('shipping_carriers.create.field.email', 'Email')}\n                </label>\n                <input\n                  className={`w-full rounded border bg-background px-2 py-1.5 text-sm ${senderContactErrors.email ? 'border-destructive' : ''}`}\n                  type=\"email\"\n                  value={senderContact.email}\n                  onChange={(e) => onSenderContactChange({ ...senderContact, email: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. sender@example.com\"\n                />\n                {senderContactErrors.email ? (\n                  <p className=\"text-xs text-destructive\">{senderContactErrors.email}</p>\n                ) : null}\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">\n              {t('shipping_carriers.create.section.receiverContact', 'Receiver contact')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-xs font-medium text-muted-foreground\">\n                  {t('shipping_carriers.create.field.phone', 'Phone')}\n                </label>\n                <input\n                  className={`w-full rounded border bg-background px-2 py-1.5 text-sm ${receiverContactErrors.phone ? 'border-destructive' : ''}`}\n                  type=\"tel\"\n                  value={receiverContact.phone}\n                  onChange={(e) => onReceiverContactChange({ ...receiverContact, phone: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. 500000000\"\n                />\n                {receiverContactErrors.phone ? (\n                  <p className=\"text-xs text-destructive\">{receiverContactErrors.phone}</p>\n                ) : null}\n              </div>\n              <div className=\"space-y-1\">\n                <label className=\"text-xs font-medium text-muted-foreground\">\n                  {t('shipping_carriers.create.field.email', 'Email')}\n                </label>\n                <input\n                  className={`w-full rounded border bg-background px-2 py-1.5 text-sm ${receiverContactErrors.email ? 'border-destructive' : ''}`}\n                  type=\"email\"\n                  value={receiverContact.email}\n                  onChange={(e) => onReceiverContactChange({ ...receiverContact, email: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. receiver@example.com\"\n                />\n                {receiverContactErrors.email ? (\n                  <p className=\"text-xs text-destructive\">{receiverContactErrors.email}</p>\n                ) : null}\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">\n            {t('shipping_carriers.create.section.c2cSendingMethod', 'C2C sending method')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-1\">\n            <label className=\"text-xs font-medium text-muted-foreground\">\n              {t('shipping_carriers.create.field.c2cSendingMethod', 'Sending method (applies to courier_c2c service only)')}\n            </label>\n            <select\n              className=\"w-full rounded border bg-background px-2 py-1.5 text-sm\"\n              value={c2cSendingMethod}\n              onChange={(e) => onC2cSendingMethodChange(e.target.value)}\n              disabled={isFetchingRates}\n            >\n              <option value=\"\">{t('shipping_carriers.create.c2cSendingMethod.default', 'Dispatch order (default)')}</option>\n              <option value=\"parcel_locker\">{t('shipping_carriers.create.c2cSendingMethod.parcel_locker', 'Parcel locker')}</option>\n              <option value=\"pop\">{t('shipping_carriers.create.c2cSendingMethod.pop', 'POP (parcel pickup point)')}</option>\n              <option value=\"any_point\">{t('shipping_carriers.create.c2cSendingMethod.any_point', 'Any point')}</option>\n            </select>\n          </div>\n        </CardContent>\n      </Card>\n\n      {(c2cSendingMethod === 'parcel_locker' || c2cSendingMethod === 'pop') && (\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">\n              {t('shipping_carriers.create.section.dropOffPoint', 'Drop-off / locker point')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {targetPoint && (\n              <div className=\"rounded border border-primary bg-primary/5 px-3 py-2 text-sm\">\n                <span className=\"font-medium text-xs text-muted-foreground mr-2\">\n                  {t('shipping_carriers.create.field.selectedPoint', 'Selected:')}\n                </span>\n                <span className=\"font-mono font-medium\">{targetPoint}</span>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"ml-2 h-auto py-0 text-xs\"\n                  onClick={() => onTargetPointChange('')}\n                  disabled={isFetchingRates}\n                >\n                  {t('shipping_carriers.create.action.clearPoint', 'Clear')}\n                </Button>\n              </div>\n            )}\n\n            <div className=\"flex gap-2\">\n              <input\n                className=\"flex-1 rounded border bg-background px-2 py-1.5 text-sm\"\n                value={searchInput}\n                onChange={(e) => setSearchInput(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.preventDefault()\n                    onSearchDropOffPoints(searchInput)\n                  }\n                }}\n                disabled={isFetchingRates}\n                placeholder={t('shipping_carriers.create.field.dropOffSearch', 'Postal code (e.g. 30-624) or point name (e.g. KRA012)')}\n              />\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => onSearchDropOffPoints(searchInput)}\n                disabled={isFetchingRates || isFetchingDropOffPoints || searchInput.trim().length === 0}\n              >\n                {isFetchingDropOffPoints ? (\n                  <Spinner className=\"h-4 w-4\" />\n                ) : (\n                  t('shipping_carriers.create.action.searchPoints', 'Search')\n                )}\n              </Button>\n            </div>\n\n            {dropOffPointsError && (\n              <p className=\"text-xs text-destructive\">{dropOffPointsError}</p>\n            )}\n\n            {dropOffPoints.length > 0 && (\n              <ul className=\"max-h-60 overflow-y-auto divide-y rounded border text-sm\">\n                {dropOffPoints.map((point) => (\n                  <li key={point.id}>\n                    <button\n                      type=\"button\"\n                      className={`w-full px-3 py-2 text-left hover:bg-accent ${targetPoint === point.id ? 'bg-primary/5 font-medium' : ''}`}\n                      onClick={() => onTargetPointChange(point.id)}\n                      disabled={isFetchingRates}\n                    >\n                      <span className=\"font-mono mr-2\">{point.name}</span>\n                      <span className=\"text-muted-foreground text-xs\">\n                        {[point.street, point.city, point.postalCode].filter(Boolean).join(', ')}\n                      </span>\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            )}\n\n            {!isFetchingDropOffPoints && dropOffPoints.length === 0 && dropOffPointQuery && !dropOffPointsError && (\n              <p className=\"text-xs text-muted-foreground\">\n                {t('shipping_carriers.create.dropOffPoints.noResults', 'No drop-off points found for this search.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">\n            {t('shipping_carriers.create.section.labelFormat', 'Label format')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex gap-3\">\n            {LABEL_FORMATS.map((fmt) => (\n              <Button\n                key={fmt}\n                type=\"button\"\n                variant={labelFormat === fmt ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => onLabelFormatChange(fmt)}\n                disabled={isFetchingRates}\n              >\n                {fmt.toUpperCase()}\n              </Button>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className=\"flex justify-between gap-3\">\n        <Button type=\"button\" variant=\"outline\" onClick={onBack} disabled={isFetchingRates}>\n          {t('shipping_carriers.create.back', 'Back')}\n        </Button>\n        <Button type=\"button\" onClick={onNext} disabled={!canProceed || isFetchingRates}>\n          {isFetchingRates ? (\n            <>\n              <Spinner className=\"mr-2 h-4 w-4\" />\n              {t('shipping_carriers.create.fetchingRates', 'Fetching rates...')}\n            </>\n          ) : (\n            t('shipping_carriers.create.getQuotes', 'Get quotes')\n          )}\n        </Button>\n      </div>\n    </section>\n  )\n}\n\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/ConfirmStep.js

@@ -0,0 +1,134 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { Card, CardContent, CardHeader, CardTitle } from "@open-mercato/ui/primitives/card";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Package, CheckCircle2 } from "lucide-react";
+const formatAddress = (addr) => [addr.line1, addr.city, addr.postalCode, addr.countryCode].filter(Boolean).join(", ");
+const ConfirmStep = (props) => {
+  const {
+    rates,
+    ratesError,
+    selectedRate,
+    selectedProvider,
+    origin,
+    destination,
+    packages,
+    labelFormat,
+    senderContact,
+    receiverContact,
+    targetPoint,
+    c2cSendingMethod,
+    isSubmitting,
+    onRateSelect,
+    onBack,
+    onSubmit
+  } = props;
+  const t = useT();
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-6", children: [
+    ratesError ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(ErrorMessage, { label: ratesError }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onBack, children: t("shipping_carriers.create.action.editConfiguration", "Edit configuration") })
+    ] }) : null,
+    rates.length === 0 && !ratesError ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "py-8 text-center text-sm text-muted-foreground", children: t("shipping_carriers.create.noRates", "No rates available for this route and package configuration.") }) }) : /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.selectRate", "Select service") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: rates.map((rate) => {
+        const isSelected = selectedRate?.serviceCode === rate.serviceCode;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: `flex w-full cursor-pointer items-center justify-between rounded-lg border p-3 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${isSelected ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
+            onClick: () => onRateSelect(rate),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx(Package, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-medium", children: rate.serviceName }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: rate.serviceCode })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                rate.estimatedDays !== void 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("shipping_carriers.create.estimatedDays", "{days} day(s)", { days: rate.estimatedDays }) }) : null,
+                /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
+                  rate.amount.toFixed(2),
+                  " ",
+                  rate.currencyCode
+                ] }),
+                isSelected ? /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 text-primary" }) : null
+              ] })
+            ]
+          },
+          rate.serviceCode
+        );
+      }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: t("shipping_carriers.create.section.summary", "Summary") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("dl", { className: "grid gap-2 text-sm sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.carrier", "Carrier") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 capitalize", children: selectedProvider.replace(/_/g, " ") })
+        ] }),
+        selectedRate ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.service", "Service") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5", children: selectedRate.serviceName })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.from", "From") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5", children: formatAddress(origin) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.to", "To") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5", children: formatAddress(destination) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.packages", "Packages") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5", children: packages.length })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.labelFormat", "Label format") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 uppercase", children: labelFormat })
+        ] }),
+        senderContact.phone || senderContact.email ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.senderContact", "Sender contact") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5", children: [senderContact.phone, senderContact.email].filter(Boolean).join(" / ") })
+        ] }) : null,
+        receiverContact.phone || receiverContact.email ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.receiverContact", "Receiver contact") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5", children: [receiverContact.phone, receiverContact.email].filter(Boolean).join(" / ") })
+        ] }) : null,
+        targetPoint ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.targetPoint", "Locker point") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5", children: targetPoint })
+        ] }) : null,
+        c2cSendingMethod ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("shipping_carriers.create.summary.c2cSendingMethod", "C2C sending method") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5", children: c2cSendingMethod })
+        ] }) : null
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onBack, disabled: isSubmitting, children: t("shipping_carriers.create.back", "Back") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          onClick: onSubmit,
+          disabled: !selectedRate || isSubmitting,
+          children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }),
+            t("shipping_carriers.create.submitting", "Creating shipment...")
+          ] }) : t("shipping_carriers.create.submit", "Create shipment")
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ConfirmStep
+};
+//# sourceMappingURL=ConfirmStep.js.map

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/ConfirmStep.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/shipping_carriers/lib/shipment-wizard/components/ConfirmStep.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Card, CardContent, CardHeader, CardTitle } from '@open-mercato/ui/primitives/card'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Package, CheckCircle2 } from 'lucide-react'\nimport type { Address, PackageDimension, ShippingRate, LabelFormat, ContactInfo } from '../types'\n\nexport type ConfirmStepProps = {\n  rates: ShippingRate[]\n  ratesError: string | null\n  selectedRate: ShippingRate | null\n  selectedProvider: string\n  origin: Address\n  destination: Address\n  packages: PackageDimension[]\n  labelFormat: LabelFormat\n  senderContact: ContactInfo\n  receiverContact: ContactInfo\n  targetPoint: string\n  c2cSendingMethod: string\n  isSubmitting: boolean\n  onRateSelect: (rate: ShippingRate) => void\n  onBack: () => void\n  onSubmit: () => void\n}\n\nconst formatAddress = (addr: Address) =>\n  [addr.line1, addr.city, addr.postalCode, addr.countryCode].filter(Boolean).join(', ')\n\nexport const ConfirmStep = (props: ConfirmStepProps) => {\n  const {\n    rates, ratesError, selectedRate, selectedProvider,\n    origin, destination, packages, labelFormat,\n    senderContact, receiverContact, targetPoint, c2cSendingMethod,\n    isSubmitting, onRateSelect, onBack, onSubmit,\n  } = props\n  const t = useT()\n\n  return (\n    <section className=\"space-y-6\">\n      {ratesError ? (\n        <div className=\"space-y-3\">\n          <ErrorMessage label={ratesError} />\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onBack}>\n            {t('shipping_carriers.create.action.editConfiguration', 'Edit configuration')}\n          </Button>\n        </div>\n      ) : null}\n\n      {rates.length === 0 && !ratesError ? (\n        <Card>\n          <CardContent className=\"py-8 text-center text-sm text-muted-foreground\">\n            {t('shipping_carriers.create.noRates', 'No rates available for this route and package configuration.')}\n          </CardContent>\n        </Card>\n      ) : (\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">\n              {t('shipping_carriers.create.section.selectRate', 'Select service')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-2\">\n              {rates.map((rate) => {\n                const isSelected = selectedRate?.serviceCode === rate.serviceCode\n                return (\n                  <button\n                    key={rate.serviceCode}\n                    type=\"button\"\n                    className={`flex w-full cursor-pointer items-center justify-between rounded-lg border p-3 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${\n                      isSelected ? 'border-primary bg-primary/5' : 'hover:bg-muted/50'\n                    }`}\n                    onClick={() => onRateSelect(rate)}\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      <Package className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n                      <div>\n                        <p className=\"font-medium\">{rate.serviceName}</p>\n                        <p className=\"text-xs text-muted-foreground\">{rate.serviceCode}</p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-3\">\n                      {rate.estimatedDays !== undefined ? (\n                        <span className=\"text-xs text-muted-foreground\">\n                          {t('shipping_carriers.create.estimatedDays', '{days} day(s)', { days: rate.estimatedDays })}\n                        </span>\n                      ) : null}\n                      <Badge variant=\"secondary\">\n                        {rate.amount.toFixed(2)} {rate.currencyCode}\n                      </Badge>\n                      {isSelected ? <CheckCircle2 className=\"h-4 w-4 text-primary\" /> : null}\n                    </div>\n                  </button>\n                )\n              })}\n            </div>\n          </CardContent>\n        </Card>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">\n            {t('shipping_carriers.create.section.summary', 'Summary')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <dl className=\"grid gap-2 text-sm sm:grid-cols-2\">\n            <div>\n              <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('shipping_carriers.create.summary.carrier', 'Carrier')}\n              </dt>\n              <dd className=\"mt-0.5 capitalize\">{selectedProvider.replace(/_/g, ' ')}</dd>\n            </div>\n            {selectedRate ? (\n              <div>\n                <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                  {t('shipping_carriers.create.summary.service', 'Service')}\n                </dt>\n                <dd className=\"mt-0.5\">{selectedRate.serviceName}</dd>\n              </div>\n            ) : null}\n            <div>\n              <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('shipping_carriers.create.summary.from', 'From')}\n              </dt>\n              <dd className=\"mt-0.5\">{formatAddress(origin)}</dd>\n            </div>\n            <div>\n              <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('shipping_carriers.create.summary.to', 'To')}\n              </dt>\n              <dd className=\"mt-0.5\">{formatAddress(destination)}</dd>\n            </div>\n            <div>\n              <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('shipping_carriers.create.summary.packages', 'Packages')}\n              </dt>\n              <dd className=\"mt-0.5\">{packages.length}</dd>\n            </div>\n            <div>\n              <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('shipping_carriers.create.summary.labelFormat', 'Label format')}\n              </dt>\n              <dd className=\"mt-0.5 uppercase\">{labelFormat}</dd>\n            </div>\n            {(senderContact.phone || senderContact.email) ? (\n              <div>\n                <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                  {t('shipping_carriers.create.summary.senderContact', 'Sender contact')}\n                </dt>\n                <dd className=\"mt-0.5\">\n                  {[senderContact.phone, senderContact.email].filter(Boolean).join(' / ')}\n                </dd>\n              </div>\n            ) : null}\n            {(receiverContact.phone || receiverContact.email) ? (\n              <div>\n                <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                  {t('shipping_carriers.create.summary.receiverContact', 'Receiver contact')}\n                </dt>\n                <dd className=\"mt-0.5\">\n                  {[receiverContact.phone, receiverContact.email].filter(Boolean).join(' / ')}\n                </dd>\n              </div>\n            ) : null}\n            {targetPoint ? (\n              <div>\n                <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                  {t('shipping_carriers.create.summary.targetPoint', 'Locker point')}\n                </dt>\n                <dd className=\"mt-0.5\">{targetPoint}</dd>\n              </div>\n            ) : null}\n            {c2cSendingMethod ? (\n              <div>\n                <dt className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                  {t('shipping_carriers.create.summary.c2cSendingMethod', 'C2C sending method')}\n                </dt>\n                <dd className=\"mt-0.5\">{c2cSendingMethod}</dd>\n              </div>\n            ) : null}\n          </dl>\n        </CardContent>\n      </Card>\n\n      <div className=\"flex justify-between gap-3\">\n        <Button type=\"button\" variant=\"outline\" onClick={onBack} disabled={isSubmitting}>\n          {t('shipping_carriers.create.back', 'Back')}\n        </Button>\n        <Button\n          type=\"button\"\n          onClick={onSubmit}\n          disabled={!selectedRate || isSubmitting}\n        >\n          {isSubmitting ? (\n            <>\n              <Spinner className=\"mr-2 h-4 w-4\" />\n              {t('shipping_carriers.create.submitting', 'Creating shipment...')}\n            </>\n          ) : (\n            t('shipping_carriers.create.submit', 'Create shipment')\n          )}\n        </Button>\n      </div>\n    </section>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/PackageEditor.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const PACKAGE_FIELDS = ["weightKg", "lengthCm", "widthCm", "heightCm"];
+const DEFAULT_PACKAGE = { weightKg: 1, lengthCm: 20, widthCm: 15, heightCm: 10 };
+const PackageEditor = (props) => {
+  const { packages, onChange, disabled } = props;
+  const t = useT();
+  const fieldLabel = (field) => {
+    const labels = {
+      weightKg: t("shipping_carriers.create.package.weightKg", "Weight (kg)"),
+      lengthCm: t("shipping_carriers.create.package.lengthCm", "Length (cm)"),
+      widthCm: t("shipping_carriers.create.package.widthCm", "Width (cm)"),
+      heightCm: t("shipping_carriers.create.package.heightCm", "Height (cm)")
+    };
+    return labels[field];
+  };
+  const updatePackage = (index, field, raw) => {
+    const value = parseFloat(raw);
+    onChange(packages.map(
+      (pkg, idx) => idx === index ? { ...pkg, [field]: Number.isNaN(value) ? 0 : value } : pkg
+    ));
+  };
+  const addPackage = () => onChange([...packages, DEFAULT_PACKAGE]);
+  const removePackage = (index) => onChange(packages.filter((_, idx) => idx !== index));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    packages.map((pkg, index) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/20 p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground", children: [
+          t("shipping_carriers.create.package.label", "Package"),
+          " ",
+          index + 1
+        ] }),
+        packages.length > 1 ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "h-auto px-2 py-0.5 text-xs text-red-600 hover:text-red-700",
+            onClick: () => removePackage(index),
+            disabled,
+            children: t("shipping_carriers.create.package.remove", "Remove")
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-4", children: PACKAGE_FIELDS.map((field) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: fieldLabel(field) }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            min: "0.01",
+            step: "0.01",
+            value: pkg[field],
+            onChange: (event) => updatePackage(index, field, event.target.value),
+            disabled
+          }
+        )
+      ] }, field)) })
+    ] }, index)),
+    /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: addPackage, disabled, children: t("shipping_carriers.create.package.add", "+ Add package") })
+  ] });
+};
+export {
+  PackageEditor
+};
+//# sourceMappingURL=PackageEditor.js.map

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/PackageEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/shipping_carriers/lib/shipment-wizard/components/PackageEditor.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { PackageDimension, PackageEditorProps } from '../types'\n\nconst PACKAGE_FIELDS = ['weightKg', 'lengthCm', 'widthCm', 'heightCm'] as const\n\nconst DEFAULT_PACKAGE: PackageDimension = { weightKg: 1, lengthCm: 20, widthCm: 15, heightCm: 10 }\n\nexport const PackageEditor = (props: PackageEditorProps) => {\n  const { packages, onChange, disabled } = props\n  const t = useT()\n\n  const fieldLabel = (field: keyof PackageDimension) => {\n    const labels: Record<keyof PackageDimension, string> = {\n      weightKg: t('shipping_carriers.create.package.weightKg', 'Weight (kg)'),\n      lengthCm: t('shipping_carriers.create.package.lengthCm', 'Length (cm)'),\n      widthCm: t('shipping_carriers.create.package.widthCm', 'Width (cm)'),\n      heightCm: t('shipping_carriers.create.package.heightCm', 'Height (cm)'),\n    }\n    return labels[field]\n  }\n\n  const updatePackage = (index: number, field: keyof PackageDimension, raw: string) => {\n    const value = parseFloat(raw)\n    onChange(packages.map((pkg, idx) =>\n      idx === index ? { ...pkg, [field]: Number.isNaN(value) ? 0 : value } : pkg,\n    ))\n  }\n\n  const addPackage = () => onChange([...packages, DEFAULT_PACKAGE])\n\n  const removePackage = (index: number) => onChange(packages.filter((_, idx) => idx !== index))\n\n  return (\n    <div className=\"space-y-3\">\n      {packages.map((pkg, index) => (\n        <div key={index} className=\"rounded-lg border bg-muted/20 p-3\">\n          <div className=\"mb-2 flex items-center justify-between\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              {t('shipping_carriers.create.package.label', 'Package')} {index + 1}\n            </span>\n            {packages.length > 1 ? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-auto px-2 py-0.5 text-xs text-red-600 hover:text-red-700\"\n                onClick={() => removePackage(index)}\n                disabled={disabled}\n              >\n                {t('shipping_carriers.create.package.remove', 'Remove')}\n              </Button>\n            ) : null}\n          </div>\n          <div className=\"grid gap-3 sm:grid-cols-4\">\n            {PACKAGE_FIELDS.map((field) => (\n              <div key={field}>\n                <label className=\"mb-1 block text-xs font-medium text-muted-foreground\">\n                  {fieldLabel(field)}\n                </label>\n                <Input\n                  type=\"number\"\n                  min=\"0.01\"\n                  step=\"0.01\"\n                  value={pkg[field]}\n                  onChange={(event) => updatePackage(index, field, event.target.value)}\n                  disabled={disabled}\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addPackage} disabled={disabled}>\n        {t('shipping_carriers.create.package.add', '+ Add package')}\n      </Button>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAyCY,SAIE,KAJF;AAvCZ,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AAGrB,MAAM,iBAAiB,CAAC,YAAY,YAAY,WAAW,UAAU;AAErE,MAAM,kBAAoC,EAAE,UAAU,GAAG,UAAU,IAAI,SAAS,IAAI,UAAU,GAAG;AAE1F,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM,EAAE,UAAU,UAAU,SAAS,IAAI;AACzC,QAAM,IAAI,KAAK;AAEf,QAAM,aAAa,CAAC,UAAkC;AACpD,UAAM,SAAiD;AAAA,MACrD,UAAU,EAAE,6CAA6C,aAAa;AAAA,MACtE,UAAU,EAAE,6CAA6C,aAAa;AAAA,MACtE,SAAS,EAAE,4CAA4C,YAAY;AAAA,MACnE,UAAU,EAAE,6CAA6C,aAAa;AAAA,IACxE;AACA,WAAO,OAAO,KAAK;AAAA,EACrB;AAEA,QAAM,gBAAgB,CAAC,OAAe,OAA+B,QAAgB;AACnF,UAAM,QAAQ,WAAW,GAAG;AAC5B,aAAS,SAAS;AAAA,MAAI,CAAC,KAAK,QAC1B,QAAQ,QAAQ,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,OAAO,MAAM,KAAK,IAAI,IAAI,MAAM,IAAI;AAAA,IACzE,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,MAAM,SAAS,CAAC,GAAG,UAAU,eAAe,CAAC;AAEhE,QAAM,gBAAgB,CAAC,UAAkB,SAAS,SAAS,OAAO,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAE5F,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,aAAS,IAAI,CAAC,KAAK,UAClB,qBAAC,SAAgB,WAAU,qCACzB;AAAA,2BAAC,SAAI,WAAU,0CACb;AAAA,6BAAC,UAAK,WAAU,6CACb;AAAA,YAAE,0CAA0C,SAAS;AAAA,UAAE;AAAA,UAAE,QAAQ;AAAA,WACpE;AAAA,QACC,SAAS,SAAS,IACjB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,MAAM,cAAc,KAAK;AAAA,YAClC;AAAA,YAEC,YAAE,2CAA2C,QAAQ;AAAA;AAAA,QACxD,IACE;AAAA,SACN;AAAA,MACA,oBAAC,SAAI,WAAU,6BACZ,yBAAe,IAAI,CAAC,UACnB,qBAAC,SACC;AAAA,4BAAC,WAAM,WAAU,wDACd,qBAAW,KAAK,GACnB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,MAAK;AAAA,YACL,OAAO,IAAI,KAAK;AAAA,YAChB,UAAU,CAAC,UAAU,cAAc,OAAO,OAAO,MAAM,OAAO,KAAK;AAAA,YACnE;AAAA;AAAA,QACF;AAAA,WAXQ,KAYV,CACD,GACH;AAAA,SAlCQ,KAmCV,CACD;AAAA,IACD,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,SAAS,YAAY,UACpE,YAAE,wCAAwC,eAAe,GAC5D;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/ProviderStep.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { match, P } from "ts-pattern";
+import { Card, CardContent } from "@open-mercato/ui/primitives/card";
+import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Truck } from "lucide-react";
+const ProviderStep = (props) => {
+  const { providers, onSelect } = props;
+  const t = useT();
+  return match(props).with({ isLoading: true }, () => /* @__PURE__ */ jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsx(Spinner, {}) })).with({ error: P.string }, ({ error }) => /* @__PURE__ */ jsx(ErrorMessage, { label: error })).with({ providers: [] }, () => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "py-8 text-center text-sm text-muted-foreground", children: t("shipping_carriers.create.noProviders", "No shipping providers are configured. Enable a carrier integration first.") }) })).otherwise(() => /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: providers.map((provider) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "flex cursor-pointer items-center gap-3 rounded-lg border bg-card p-4 text-left transition-colors hover:border-primary hover:bg-primary/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      onClick: () => onSelect(provider.providerKey),
+      children: [
+        /* @__PURE__ */ jsx(Truck, { className: "h-6 w-6 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium capitalize", children: provider.providerKey.replace(/_/g, " ") }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: provider.providerKey })
+        ] })
+      ]
+    },
+    provider.providerKey
+  )) }));
+};
+export {
+  ProviderStep
+};
+//# sourceMappingURL=ProviderStep.js.map

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/ProviderStep.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/shipping_carriers/lib/shipment-wizard/components/ProviderStep.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { match, P } from 'ts-pattern'\nimport { Card, CardContent } from '@open-mercato/ui/primitives/card'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Truck } from 'lucide-react'\nimport type { Provider } from '../types'\n\nexport type ProviderStepProps = {\n  isLoading: boolean\n  error: string | null\n  providers: Provider[]\n  onSelect: (providerKey: string) => void\n}\n\nexport const ProviderStep = (props: ProviderStepProps) => {\n  const { providers, onSelect } = props\n  const t = useT()\n\n  return match(props)\n    .with({ isLoading: true }, () => (\n      <div className=\"flex justify-center py-8\"><Spinner /></div>\n    ))\n    .with({ error: P.string }, ({ error }) => (\n      <ErrorMessage label={error} />\n    ))\n    .with({ providers: [] }, () => (\n      <Card>\n        <CardContent className=\"py-8 text-center text-sm text-muted-foreground\">\n          {t('shipping_carriers.create.noProviders', 'No shipping providers are configured. Enable a carrier integration first.')}\n        </CardContent>\n      </Card>\n    ))\n    .otherwise(() => (\n      <div className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n        {providers.map((provider) => (\n          <button\n            key={provider.providerKey}\n            type=\"button\"\n            className=\"flex cursor-pointer items-center gap-3 rounded-lg border bg-card p-4 text-left transition-colors hover:border-primary hover:bg-primary/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            onClick={() => onSelect(provider.providerKey)}\n          >\n            <Truck className=\"h-6 w-6 shrink-0 text-muted-foreground\" />\n            <div>\n              <p className=\"font-medium capitalize\">{provider.providerKey.replace(/_/g, ' ')}</p>\n              <p className=\"text-xs text-muted-foreground\">{provider.providerKey}</p>\n            </div>\n          </button>\n        ))}\n      </div>\n    ))\n}\n"],
+  "mappings": ";AAuBgD,cAsBpC,YAtBoC;AArBhD,SAAS,OAAO,SAAS;AACzB,SAAS,MAAM,mBAAmB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,aAAa;AAUf,MAAM,eAAe,CAAC,UAA6B;AACxD,QAAM,EAAE,WAAW,SAAS,IAAI;AAChC,QAAM,IAAI,KAAK;AAEf,SAAO,MAAM,KAAK,EACf,KAAK,EAAE,WAAW,KAAK,GAAG,MACzB,oBAAC,SAAI,WAAU,4BAA2B,8BAAC,WAAQ,GAAE,CACtD,EACA,KAAK,EAAE,OAAO,EAAE,OAAO,GAAG,CAAC,EAAE,MAAM,MAClC,oBAAC,gBAAa,OAAO,OAAO,CAC7B,EACA,KAAK,EAAE,WAAW,CAAC,EAAE,GAAG,MACvB,oBAAC,QACC,8BAAC,eAAY,WAAU,kDACpB,YAAE,wCAAwC,2EAA2E,GACxH,GACF,CACD,EACA,UAAU,MACT,oBAAC,SAAI,WAAU,4CACZ,oBAAU,IAAI,CAAC,aACd;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM,SAAS,SAAS,WAAW;AAAA,MAE5C;AAAA,4BAAC,SAAM,WAAU,0CAAyC;AAAA,QAC1D,qBAAC,SACC;AAAA,8BAAC,OAAE,WAAU,0BAA0B,mBAAS,YAAY,QAAQ,MAAM,GAAG,GAAE;AAAA,UAC/E,oBAAC,OAAE,WAAU,iCAAiC,mBAAS,aAAY;AAAA,WACrE;AAAA;AAAA;AAAA,IATK,SAAS;AAAA,EAUhB,CACD,GACH,CACD;AACL;",
+  "names": []
+}