@open-mercato/core 0.6.1-develop.3276.1.1fcd145078 → 0.6.1-develop.3287.1.450f4ffb56

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

@@ -1,7 +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 { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\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                  type=\"tel\"\n                  size=\"sm\"\n                  value={senderContact.phone}\n                  onChange={(e) => onSenderContactChange({ ...senderContact, phone: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. 500000000\"\n                  aria-invalid={senderContactErrors.phone ? true : undefined}\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                  type=\"email\"\n                  size=\"sm\"\n                  value={senderContact.email}\n                  onChange={(e) => onSenderContactChange({ ...senderContact, email: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. sender@example.com\"\n                  aria-invalid={senderContactErrors.email ? true : undefined}\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                  type=\"tel\"\n                  size=\"sm\"\n                  value={receiverContact.phone}\n                  onChange={(e) => onReceiverContactChange({ ...receiverContact, phone: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. 500000000\"\n                  aria-invalid={receiverContactErrors.phone ? true : undefined}\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                  type=\"email\"\n                  size=\"sm\"\n                  value={receiverContact.email}\n                  onChange={(e) => onReceiverContactChange({ ...receiverContact, email: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. receiver@example.com\"\n                  aria-invalid={receiverContactErrors.email ? true : undefined}\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              value={c2cSendingMethod || undefined}\n              onValueChange={(value) => onC2cSendingMethodChange(value ?? '')}\n              disabled={isFetchingRates}\n            >\n              <SelectTrigger size=\"sm\">\n                <SelectValue placeholder={t('shipping_carriers.create.c2cSendingMethod.default', 'Dispatch order (default)')} />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"parcel_locker\">{t('shipping_carriers.create.c2cSendingMethod.parcel_locker', 'Parcel locker')}</SelectItem>\n                <SelectItem value=\"pop\">{t('shipping_carriers.create.c2cSendingMethod.pop', 'POP (parcel pickup point)')}</SelectItem>\n                <SelectItem value=\"any_point\">{t('shipping_carriers.create.c2cSendingMethod.any_point', 'Any point')}</SelectItem>\n              </SelectContent>\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                size=\"sm\"\n                className=\"flex-1\"\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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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { EmailInput } from '@open-mercato/ui/primitives/email-input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\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                  type=\"tel\"\n                  size=\"sm\"\n                  value={senderContact.phone}\n                  onChange={(e) => onSenderContactChange({ ...senderContact, phone: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. 500000000\"\n                  aria-invalid={senderContactErrors.phone ? true : undefined}\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                <EmailInput\n                  size=\"sm\"\n                  value={senderContact.email}\n                  onChange={(e) => onSenderContactChange({ ...senderContact, email: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. sender@example.com\"\n                  aria-invalid={senderContactErrors.email ? true : undefined}\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                  type=\"tel\"\n                  size=\"sm\"\n                  value={receiverContact.phone}\n                  onChange={(e) => onReceiverContactChange({ ...receiverContact, phone: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. 500000000\"\n                  aria-invalid={receiverContactErrors.phone ? true : undefined}\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                <EmailInput\n                  size=\"sm\"\n                  value={receiverContact.email}\n                  onChange={(e) => onReceiverContactChange({ ...receiverContact, email: e.target.value })}\n                  disabled={isFetchingRates}\n                  placeholder=\"e.g. receiver@example.com\"\n                  aria-invalid={receiverContactErrors.email ? true : undefined}\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              value={c2cSendingMethod || undefined}\n              onValueChange={(value) => onC2cSendingMethodChange(value ?? '')}\n              disabled={isFetchingRates}\n            >\n              <SelectTrigger size=\"sm\">\n                <SelectValue placeholder={t('shipping_carriers.create.c2cSendingMethod.default', 'Dispatch order (default)')} />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"parcel_locker\">{t('shipping_carriers.create.c2cSendingMethod.parcel_locker', 'Parcel locker')}</SelectItem>\n                <SelectItem value=\"pop\">{t('shipping_carriers.create.c2cSendingMethod.pop', 'POP (parcel pickup point)')}</SelectItem>\n                <SelectItem value=\"any_point\">{t('shipping_carriers.create.c2cSendingMethod.any_point', 'Any point')}</SelectItem>\n              </SelectContent>\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                size=\"sm\"\n                className=\"flex-1\"\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/workflows/backend/tasks/[id]/page.js

@@ -6,6 +6,7 @@ import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
+import { EmailInput } from "@open-mercato/ui/primitives/email-input";
 import { FormHeader } from "@open-mercato/ui/backend/forms";
 import {
   Select,
@@ -149,9 +150,8 @@ function UserTaskDetailPage({ params }) {
             ] }),
             fieldDescription && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: fieldDescription }),
             /* @__PURE__ */ jsx(
-              Input,
+              EmailInput,
               {
-                type: "email",
                 id: fieldName,
                 value: fieldValue(fieldName),
                 onChange: (e) => handleFieldChange(fieldName, e.target.value),

package/dist/modules/workflows/backend/tasks/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/workflows/backend/tasks/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Separator } from '@open-mercato/ui/primitives/separator'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { MobileTaskForm } from '../../../components/mobile/MobileTaskForm'\nimport { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'\nimport type { UserTaskResponse, UserTaskStatus } from '../../../data/types'\n\nexport default function UserTaskDetailPage({ params }: { params: { id: string } }) {\n  const router = useRouter()\n  const t = useT()\n  const isMobile = useIsMobile()\n  const [formData, setFormData] = React.useState<Record<string, string | number | boolean>>({})\n  const [comments, setComments] = React.useState('')\n  const [submitting, setSubmitting] = React.useState(false)\n  // Tracks the first required field that failed validation so we can mark the\n  // field with aria-invalid + a red ring (Radix Select can't carry HTML\n  // `required`, so we enforce constraint validation in JS instead).\n  const [invalidField, setInvalidField] = React.useState<string | null>(null)\n\n  const { data: task, isLoading, error } = useQuery({\n    queryKey: ['workflow-task', params.id],\n    queryFn: async () => {\n      const result = await apiCall<{ data: UserTaskResponse }>(\n        `/api/workflows/tasks/${params.id}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch task')\n      }\n\n      return result.result?.data || null\n    },\n  })\n\n  const handleFieldChange = (fieldName: string, value: any) => {\n    setFormData(prev => ({\n      ...prev,\n      [fieldName]: value,\n    }))\n    // Clear invalid state once the user touches the offending field.\n    if (invalidField === fieldName) setInvalidField(null)\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!task) return\n\n    // Validate required fields. Radix Select doesn't expose HTML `required`,\n    // so we enforce constraint validation here and surface it visually via\n    // `invalidField` + aria-invalid on the offending field.\n    if (task.formSchema?.required) {\n      for (const requiredField of task.formSchema.required) {\n        if (!formData[requiredField] || formData[requiredField] === '') {\n          const fieldSchema = task.formSchema.properties?.[requiredField]\n          const fieldLabel = fieldSchema?.title ?? requiredField\n          flash(t('workflows.tasks.detail.validation.requiredField', { field: fieldLabel }), 'error')\n          setInvalidField(requiredField)\n          // Scroll + focus the trigger so the user sees what's missing.\n          if (typeof document !== 'undefined') {\n            const trigger = document.getElementById(requiredField)\n            trigger?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n            trigger?.focus()\n          }\n          return\n        }\n      }\n    }\n    setInvalidField(null)\n\n    setSubmitting(true)\n\n    try {\n      const result = await apiCall(`/api/workflows/tasks/${params.id}/complete`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          formData,\n          comments: comments || undefined,\n        }),\n      })\n\n      if (result.ok) {\n        flash(t('workflows.tasks.messages.completed'), 'success')\n        router.push('/backend/tasks')\n      } else {\n        const error = result.result as any\n        flash(error?.error || t('workflows.tasks.messages.completeFailed'), 'error')\n      }\n    } catch (err) {\n      console.error('Error completing task:', err)\n      flash(t('workflows.tasks.messages.completeFailed'), 'error')\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  const fieldValue = (fieldName: string): string | number => {\n    const val = formData[fieldName]\n    if (val == null || val === false) return ''\n    if (typeof val === 'boolean') return ''\n    return val\n  }\n\n  const renderFormField = (fieldName: string, fieldSchema: any) => {\n    const fieldType = fieldSchema.type || 'string'\n    const fieldTitle = fieldSchema.title || fieldName\n    const fieldDescription = fieldSchema.description\n    const required = task?.formSchema?.required?.includes(fieldName) || false\n    const enumValues = fieldSchema.enum\n\n    const inputClasses = \"w-full px-3 py-2 border border-border rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    const labelClasses = \"block text-sm font-medium text-foreground mb-1\"\n\n    // Handle enum (select dropdown)\n    if (enumValues && Array.isArray(enumValues)) {\n      return (\n        <div key={fieldName} className=\"space-y-2\">\n          <label htmlFor={fieldName} className={labelClasses}>\n            {fieldTitle}\n            {required && <span className=\"text-status-error-text ml-1\">*</span>}\n          </label>\n          {fieldDescription && (\n            <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n          )}\n          <Select\n            value={fieldValue(fieldName) ? String(fieldValue(fieldName)) : undefined}\n            onValueChange={(value) => handleFieldChange(fieldName, value ?? '')}\n          >\n            <SelectTrigger\n              id={fieldName}\n              className={`${inputClasses} ${invalidField === fieldName ? 'ring-2 ring-status-error-border border-status-error-border' : ''}`}\n              aria-required={required}\n              aria-invalid={invalidField === fieldName ? true : undefined}\n            >\n              <SelectValue placeholder={t('workflows.tasks.detail.form.selectOption')} />\n            </SelectTrigger>\n            <SelectContent>\n              {enumValues.map((value: any) => (\n                <SelectItem key={value} value={value}>\n                  {value}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    // Handle different field types\n    switch (fieldType) {\n      case 'string':\n        if (fieldSchema.format === 'email') {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <label htmlFor={fieldName} className={labelClasses}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </label>\n              {fieldDescription && (\n                <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n              )}\n              <Input\n                type=\"email\"\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n                required={required}\n              />\n            </div>\n          )\n        }\n        if (fieldSchema.format === 'date') {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <label htmlFor={fieldName} className={labelClasses}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </label>\n              {fieldDescription && (\n                <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n              )}\n              <input\n                type=\"date\"\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n                required={required}\n                className={inputClasses}\n              />\n            </div>\n          )\n        }\n        if (fieldSchema.maxLength && fieldSchema.maxLength > 200) {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <label htmlFor={fieldName} className={labelClasses}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </label>\n              {fieldDescription && (\n                <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n              )}\n              <textarea\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n                required={required}\n                rows={4}\n                className={inputClasses}\n              />\n            </div>\n          )\n        }\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <label htmlFor={fieldName} className={labelClasses}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </label>\n            {fieldDescription && (\n              <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n            )}\n            <Input\n              type=\"text\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n              required={required}\n            />\n          </div>\n        )\n\n      case 'number':\n      case 'integer':\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <label htmlFor={fieldName} className={labelClasses}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </label>\n            {fieldDescription && (\n              <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n            )}\n            <Input\n              type=\"number\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => handleFieldChange(fieldName, e.target.value ? Number(e.target.value) : '')}\n              required={required}\n              step={fieldType === 'integer' ? 1 : 'any'}\n            />\n          </div>\n        )\n\n      case 'boolean':\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                id={fieldName}\n                checked={!!formData[fieldName]}\n                onChange={(e) => handleFieldChange(fieldName, e.target.checked)}\n                className=\"w-4 h-4 text-primary border-border rounded focus-visible:ring-ring\"\n              />\n              <label htmlFor={fieldName} className=\"text-sm font-medium text-foreground\">\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </label>\n            </div>\n            {fieldDescription && (\n              <p className=\"text-xs text-muted-foreground ml-6\">{fieldDescription}</p>\n            )}\n          </div>\n        )\n\n      default:\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <label htmlFor={fieldName} className={labelClasses}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </label>\n            {fieldDescription && (\n              <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n            )}\n            <Input\n              type=\"text\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n              required={required}\n            />\n          </div>\n        )\n    }\n  }\n\n  const getStatusBadgeClass = (status: UserTaskStatus) => {\n    switch (status) {\n      case 'PENDING':\n        return 'bg-status-warning-bg text-status-warning-text'\n      case 'IN_PROGRESS':\n        return 'bg-status-info-bg text-status-info-text'\n      case 'COMPLETED':\n        return 'bg-status-success-bg text-status-success-text'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      default:\n        return 'bg-muted text-muted-foreground'\n    }\n  }\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex items-center justify-center py-12\">\n            <Spinner />\n            <span className=\"ml-3 text-muted-foreground\">{t('workflows.tasks.detail.loading')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !task) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"p-8 text-center\">\n            <p className=\"text-status-error-text\">{t('workflows.tasks.detail.notFound')}</p>\n            <Button onClick={() => router.push('/backend/tasks')} className=\"mt-4\">\n              {t('workflows.tasks.detail.backToList')}\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const isCompletable = task.status === 'PENDING' || task.status === 'IN_PROGRESS'\n  const isOverdue = task.dueDate && new Date(task.dueDate) < new Date() && isCompletable\n\n  if (isMobile) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"space-y-4\">\n            <FormHeader\n              mode=\"detail\"\n              backHref=\"/backend/tasks\"\n              backLabel={t('workflows.tasks.backToList', 'Back to tasks')}\n            />\n            <MobileTaskForm\n              task={task}\n              formData={formData}\n              comments={comments}\n              submitting={submitting}\n              isCompletable={isCompletable}\n              isOverdue={!!isOverdue}\n              onFieldChange={handleFieldChange}\n              onCommentsChange={setComments}\n              onSubmit={handleSubmit}\n              onCancel={() => router.push('/backend/tasks')}\n              getStatusBadgeClass={getStatusBadgeClass}\n            />\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"max-w-4xl mx-auto space-y-6\">\n          <FormHeader\n            mode=\"detail\"\n            backHref=\"/backend/tasks\"\n            backLabel={t('workflows.tasks.backToList', 'Back to tasks')}\n            entityTypeLabel={t('workflows.tasks.detail.type', 'User task')}\n            title={task.taskName}\n            subtitle={task.description || undefined}\n            statusBadge={\n              <span\n                className={`inline-flex items-center px-3 py-1 rounded text-sm font-medium ${getStatusBadgeClass(task.status)}`}\n              >\n                {t(`workflows.tasks.statuses.${task.status}`)}\n              </span>\n            }\n          />\n\n          <div className=\"space-y-3\">\n\n            {isOverdue && (\n              <div className=\"bg-status-error-bg border border-status-error-border rounded-lg p-3\">\n                <p className=\"text-sm text-status-error-text font-medium\">\n                  {t('workflows.tasks.detail.overdueWarning')}\n                </p>\n              </div>\n            )}\n          </div>\n\n          <Separator />\n\n          {/* Task Information */}\n          <div className=\"bg-muted/50 rounded-lg p-4 space-y-3\">\n            <h2 className=\"text-sm font-semibold\">{t('workflows.tasks.detail.sections.taskInfo')}</h2>\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n              <div>\n                <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.createdAt')}:</span>\n                <span className=\"ml-2 text-foreground\">{new Date(task.createdAt).toLocaleString()}</span>\n              </div>\n              {task.dueDate && (\n                <div>\n                  <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.dueDate')}:</span>\n                  <span className={`ml-2 ${isOverdue ? 'text-status-error-text font-medium' : 'text-foreground'}`}>\n                    {new Date(task.dueDate).toLocaleString()}\n                  </span>\n                </div>\n              )}\n              {task.assignedTo && (\n                <div>\n                  <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.assignedTo')}:</span>\n                  <span className=\"ml-2 text-foreground\">{task.assignedTo}</span>\n                </div>\n              )}\n              {task.claimedBy && (\n                <div>\n                  <span className=\"text-muted-foreground\">{t('workflows.tasks.claimedBy')}:</span>\n                  <span className=\"ml-2 text-foreground\">{task.claimedBy}</span>\n                </div>\n              )}\n              <div>\n                <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.workflowInstance')}:</span>\n                <Link\n                  href={`/backend/instances/${task.workflowInstanceId}`}\n                  className=\"ml-2 text-primary hover:underline text-xs font-mono\"\n                >\n                  {task.workflowInstanceId.slice(0, 8)}...\n                </Link>\n              </div>\n            </div>\n          </div>\n\n          {!isCompletable && (\n            <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-4\">\n              <p className=\"text-sm text-status-info-text\">\n                {t('workflows.tasks.detail.cannotComplete')}\n              </p>\n            </div>\n          )}\n\n          {isCompletable && (\n            <>\n              <Separator />\n\n              {/* Dynamic Form */}\n              <form onSubmit={handleSubmit} className=\"space-y-6\">\n                {task.formSchema?.properties && (\n                  <div className=\"space-y-4\">\n                    <h2 className=\"text-lg font-semibold\">{t('workflows.tasks.detail.sections.form')}</h2>\n                    {Object.keys(task.formSchema!.properties!).map((fieldName) =>\n                      renderFormField(fieldName, task.formSchema!.properties![fieldName])\n                    )}\n                  </div>\n                )}\n\n                {!task.formSchema?.properties && (\n                  <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-4\">\n                    <p className=\"text-sm text-status-info-text\">\n                      {t('workflows.tasks.detail.noFormSchema')}\n                    </p>\n                  </div>\n                )}\n\n                <Separator />\n\n                {/* Comments */}\n                <div className=\"space-y-2\">\n                  <label htmlFor=\"comments\" className=\"block text-sm font-medium text-foreground\">\n                    {t('workflows.tasks.detail.comments')} ({t('workflows.tasks.detail.optional')})\n                  </label>\n                  <textarea\n                    id=\"comments\"\n                    value={comments}\n                    onChange={(e) => setComments(e.target.value)}\n                    rows={3}\n                    className=\"w-full px-3 py-2 border border-border rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                    placeholder={t('workflows.tasks.detail.commentsPlaceholder')}\n                  />\n                </div>\n\n                {/* Actions */}\n                <div className=\"flex flex-col gap-3 pt-4 sm:flex-row sm:items-center\">\n                  <Button\n                    type=\"submit\"\n                    disabled={submitting}\n                    className=\"w-full sm:w-auto bg-primary text-primary-foreground hover:bg-primary/90\"\n                  >\n                    {submitting ? t('workflows.tasks.detail.submitting') : t('workflows.tasks.detail.completeTask')}\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    onClick={() => router.push('/backend/tasks')}\n                    disabled={submitting}\n                    className=\"w-full sm:w-auto\"\n                  >\n                    {t('common.cancel')}\n                  </Button>\n                </div>\n              </form>\n            </>\n          )}\n\n          {task.status === 'COMPLETED' && task.formData && (\n            <>\n              <Separator />\n              <JsonDisplay\n                data={task.formData}\n                title={t('workflows.tasks.detail.sections.submittedData')}\n                maxInitialDepth={2}\n              />\n              {task.comments && (\n                <div className=\"bg-muted/50 rounded-lg p-4\">\n                  <p className=\"text-sm font-medium text-foreground mb-2\">{t('workflows.tasks.detail.comments')}:</p>\n                  <p className=\"text-sm text-muted-foreground whitespace-pre-wrap\">{task.comments}</p>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { EmailInput } from '@open-mercato/ui/primitives/email-input'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Separator } from '@open-mercato/ui/primitives/separator'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { MobileTaskForm } from '../../../components/mobile/MobileTaskForm'\nimport { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'\nimport type { UserTaskResponse, UserTaskStatus } from '../../../data/types'\n\nexport default function UserTaskDetailPage({ params }: { params: { id: string } }) {\n  const router = useRouter()\n  const t = useT()\n  const isMobile = useIsMobile()\n  const [formData, setFormData] = React.useState<Record<string, string | number | boolean>>({})\n  const [comments, setComments] = React.useState('')\n  const [submitting, setSubmitting] = React.useState(false)\n  // Tracks the first required field that failed validation so we can mark the\n  // field with aria-invalid + a red ring (Radix Select can't carry HTML\n  // `required`, so we enforce constraint validation in JS instead).\n  const [invalidField, setInvalidField] = React.useState<string | null>(null)\n\n  const { data: task, isLoading, error } = useQuery({\n    queryKey: ['workflow-task', params.id],\n    queryFn: async () => {\n      const result = await apiCall<{ data: UserTaskResponse }>(\n        `/api/workflows/tasks/${params.id}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch task')\n      }\n\n      return result.result?.data || null\n    },\n  })\n\n  const handleFieldChange = (fieldName: string, value: any) => {\n    setFormData(prev => ({\n      ...prev,\n      [fieldName]: value,\n    }))\n    // Clear invalid state once the user touches the offending field.\n    if (invalidField === fieldName) setInvalidField(null)\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!task) return\n\n    // Validate required fields. Radix Select doesn't expose HTML `required`,\n    // so we enforce constraint validation here and surface it visually via\n    // `invalidField` + aria-invalid on the offending field.\n    if (task.formSchema?.required) {\n      for (const requiredField of task.formSchema.required) {\n        if (!formData[requiredField] || formData[requiredField] === '') {\n          const fieldSchema = task.formSchema.properties?.[requiredField]\n          const fieldLabel = fieldSchema?.title ?? requiredField\n          flash(t('workflows.tasks.detail.validation.requiredField', { field: fieldLabel }), 'error')\n          setInvalidField(requiredField)\n          // Scroll + focus the trigger so the user sees what's missing.\n          if (typeof document !== 'undefined') {\n            const trigger = document.getElementById(requiredField)\n            trigger?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n            trigger?.focus()\n          }\n          return\n        }\n      }\n    }\n    setInvalidField(null)\n\n    setSubmitting(true)\n\n    try {\n      const result = await apiCall(`/api/workflows/tasks/${params.id}/complete`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          formData,\n          comments: comments || undefined,\n        }),\n      })\n\n      if (result.ok) {\n        flash(t('workflows.tasks.messages.completed'), 'success')\n        router.push('/backend/tasks')\n      } else {\n        const error = result.result as any\n        flash(error?.error || t('workflows.tasks.messages.completeFailed'), 'error')\n      }\n    } catch (err) {\n      console.error('Error completing task:', err)\n      flash(t('workflows.tasks.messages.completeFailed'), 'error')\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  const fieldValue = (fieldName: string): string | number => {\n    const val = formData[fieldName]\n    if (val == null || val === false) return ''\n    if (typeof val === 'boolean') return ''\n    return val\n  }\n\n  const renderFormField = (fieldName: string, fieldSchema: any) => {\n    const fieldType = fieldSchema.type || 'string'\n    const fieldTitle = fieldSchema.title || fieldName\n    const fieldDescription = fieldSchema.description\n    const required = task?.formSchema?.required?.includes(fieldName) || false\n    const enumValues = fieldSchema.enum\n\n    const inputClasses = \"w-full px-3 py-2 border border-border rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    const labelClasses = \"block text-sm font-medium text-foreground mb-1\"\n\n    // Handle enum (select dropdown)\n    if (enumValues && Array.isArray(enumValues)) {\n      return (\n        <div key={fieldName} className=\"space-y-2\">\n          <label htmlFor={fieldName} className={labelClasses}>\n            {fieldTitle}\n            {required && <span className=\"text-status-error-text ml-1\">*</span>}\n          </label>\n          {fieldDescription && (\n            <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n          )}\n          <Select\n            value={fieldValue(fieldName) ? String(fieldValue(fieldName)) : undefined}\n            onValueChange={(value) => handleFieldChange(fieldName, value ?? '')}\n          >\n            <SelectTrigger\n              id={fieldName}\n              className={`${inputClasses} ${invalidField === fieldName ? 'ring-2 ring-status-error-border border-status-error-border' : ''}`}\n              aria-required={required}\n              aria-invalid={invalidField === fieldName ? true : undefined}\n            >\n              <SelectValue placeholder={t('workflows.tasks.detail.form.selectOption')} />\n            </SelectTrigger>\n            <SelectContent>\n              {enumValues.map((value: any) => (\n                <SelectItem key={value} value={value}>\n                  {value}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    // Handle different field types\n    switch (fieldType) {\n      case 'string':\n        if (fieldSchema.format === 'email') {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <label htmlFor={fieldName} className={labelClasses}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </label>\n              {fieldDescription && (\n                <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n              )}\n              <EmailInput\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n                required={required}\n              />\n            </div>\n          )\n        }\n        if (fieldSchema.format === 'date') {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <label htmlFor={fieldName} className={labelClasses}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </label>\n              {fieldDescription && (\n                <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n              )}\n              <input\n                type=\"date\"\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n                required={required}\n                className={inputClasses}\n              />\n            </div>\n          )\n        }\n        if (fieldSchema.maxLength && fieldSchema.maxLength > 200) {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <label htmlFor={fieldName} className={labelClasses}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </label>\n              {fieldDescription && (\n                <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n              )}\n              <textarea\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n                required={required}\n                rows={4}\n                className={inputClasses}\n              />\n            </div>\n          )\n        }\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <label htmlFor={fieldName} className={labelClasses}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </label>\n            {fieldDescription && (\n              <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n            )}\n            <Input\n              type=\"text\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n              required={required}\n            />\n          </div>\n        )\n\n      case 'number':\n      case 'integer':\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <label htmlFor={fieldName} className={labelClasses}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </label>\n            {fieldDescription && (\n              <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n            )}\n            <Input\n              type=\"number\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => handleFieldChange(fieldName, e.target.value ? Number(e.target.value) : '')}\n              required={required}\n              step={fieldType === 'integer' ? 1 : 'any'}\n            />\n          </div>\n        )\n\n      case 'boolean':\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                id={fieldName}\n                checked={!!formData[fieldName]}\n                onChange={(e) => handleFieldChange(fieldName, e.target.checked)}\n                className=\"w-4 h-4 text-primary border-border rounded focus-visible:ring-ring\"\n              />\n              <label htmlFor={fieldName} className=\"text-sm font-medium text-foreground\">\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </label>\n            </div>\n            {fieldDescription && (\n              <p className=\"text-xs text-muted-foreground ml-6\">{fieldDescription}</p>\n            )}\n          </div>\n        )\n\n      default:\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <label htmlFor={fieldName} className={labelClasses}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </label>\n            {fieldDescription && (\n              <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>\n            )}\n            <Input\n              type=\"text\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => handleFieldChange(fieldName, e.target.value)}\n              required={required}\n            />\n          </div>\n        )\n    }\n  }\n\n  const getStatusBadgeClass = (status: UserTaskStatus) => {\n    switch (status) {\n      case 'PENDING':\n        return 'bg-status-warning-bg text-status-warning-text'\n      case 'IN_PROGRESS':\n        return 'bg-status-info-bg text-status-info-text'\n      case 'COMPLETED':\n        return 'bg-status-success-bg text-status-success-text'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      default:\n        return 'bg-muted text-muted-foreground'\n    }\n  }\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex items-center justify-center py-12\">\n            <Spinner />\n            <span className=\"ml-3 text-muted-foreground\">{t('workflows.tasks.detail.loading')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !task) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"p-8 text-center\">\n            <p className=\"text-status-error-text\">{t('workflows.tasks.detail.notFound')}</p>\n            <Button onClick={() => router.push('/backend/tasks')} className=\"mt-4\">\n              {t('workflows.tasks.detail.backToList')}\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const isCompletable = task.status === 'PENDING' || task.status === 'IN_PROGRESS'\n  const isOverdue = task.dueDate && new Date(task.dueDate) < new Date() && isCompletable\n\n  if (isMobile) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"space-y-4\">\n            <FormHeader\n              mode=\"detail\"\n              backHref=\"/backend/tasks\"\n              backLabel={t('workflows.tasks.backToList', 'Back to tasks')}\n            />\n            <MobileTaskForm\n              task={task}\n              formData={formData}\n              comments={comments}\n              submitting={submitting}\n              isCompletable={isCompletable}\n              isOverdue={!!isOverdue}\n              onFieldChange={handleFieldChange}\n              onCommentsChange={setComments}\n              onSubmit={handleSubmit}\n              onCancel={() => router.push('/backend/tasks')}\n              getStatusBadgeClass={getStatusBadgeClass}\n            />\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"max-w-4xl mx-auto space-y-6\">\n          <FormHeader\n            mode=\"detail\"\n            backHref=\"/backend/tasks\"\n            backLabel={t('workflows.tasks.backToList', 'Back to tasks')}\n            entityTypeLabel={t('workflows.tasks.detail.type', 'User task')}\n            title={task.taskName}\n            subtitle={task.description || undefined}\n            statusBadge={\n              <span\n                className={`inline-flex items-center px-3 py-1 rounded text-sm font-medium ${getStatusBadgeClass(task.status)}`}\n              >\n                {t(`workflows.tasks.statuses.${task.status}`)}\n              </span>\n            }\n          />\n\n          <div className=\"space-y-3\">\n\n            {isOverdue && (\n              <div className=\"bg-status-error-bg border border-status-error-border rounded-lg p-3\">\n                <p className=\"text-sm text-status-error-text font-medium\">\n                  {t('workflows.tasks.detail.overdueWarning')}\n                </p>\n              </div>\n            )}\n          </div>\n\n          <Separator />\n\n          {/* Task Information */}\n          <div className=\"bg-muted/50 rounded-lg p-4 space-y-3\">\n            <h2 className=\"text-sm font-semibold\">{t('workflows.tasks.detail.sections.taskInfo')}</h2>\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n              <div>\n                <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.createdAt')}:</span>\n                <span className=\"ml-2 text-foreground\">{new Date(task.createdAt).toLocaleString()}</span>\n              </div>\n              {task.dueDate && (\n                <div>\n                  <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.dueDate')}:</span>\n                  <span className={`ml-2 ${isOverdue ? 'text-status-error-text font-medium' : 'text-foreground'}`}>\n                    {new Date(task.dueDate).toLocaleString()}\n                  </span>\n                </div>\n              )}\n              {task.assignedTo && (\n                <div>\n                  <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.assignedTo')}:</span>\n                  <span className=\"ml-2 text-foreground\">{task.assignedTo}</span>\n                </div>\n              )}\n              {task.claimedBy && (\n                <div>\n                  <span className=\"text-muted-foreground\">{t('workflows.tasks.claimedBy')}:</span>\n                  <span className=\"ml-2 text-foreground\">{task.claimedBy}</span>\n                </div>\n              )}\n              <div>\n                <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.workflowInstance')}:</span>\n                <Link\n                  href={`/backend/instances/${task.workflowInstanceId}`}\n                  className=\"ml-2 text-primary hover:underline text-xs font-mono\"\n                >\n                  {task.workflowInstanceId.slice(0, 8)}...\n                </Link>\n              </div>\n            </div>\n          </div>\n\n          {!isCompletable && (\n            <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-4\">\n              <p className=\"text-sm text-status-info-text\">\n                {t('workflows.tasks.detail.cannotComplete')}\n              </p>\n            </div>\n          )}\n\n          {isCompletable && (\n            <>\n              <Separator />\n\n              {/* Dynamic Form */}\n              <form onSubmit={handleSubmit} className=\"space-y-6\">\n                {task.formSchema?.properties && (\n                  <div className=\"space-y-4\">\n                    <h2 className=\"text-lg font-semibold\">{t('workflows.tasks.detail.sections.form')}</h2>\n                    {Object.keys(task.formSchema!.properties!).map((fieldName) =>\n                      renderFormField(fieldName, task.formSchema!.properties![fieldName])\n                    )}\n                  </div>\n                )}\n\n                {!task.formSchema?.properties && (\n                  <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-4\">\n                    <p className=\"text-sm text-status-info-text\">\n                      {t('workflows.tasks.detail.noFormSchema')}\n                    </p>\n                  </div>\n                )}\n\n                <Separator />\n\n                {/* Comments */}\n                <div className=\"space-y-2\">\n                  <label htmlFor=\"comments\" className=\"block text-sm font-medium text-foreground\">\n                    {t('workflows.tasks.detail.comments')} ({t('workflows.tasks.detail.optional')})\n                  </label>\n                  <textarea\n                    id=\"comments\"\n                    value={comments}\n                    onChange={(e) => setComments(e.target.value)}\n                    rows={3}\n                    className=\"w-full px-3 py-2 border border-border rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                    placeholder={t('workflows.tasks.detail.commentsPlaceholder')}\n                  />\n                </div>\n\n                {/* Actions */}\n                <div className=\"flex flex-col gap-3 pt-4 sm:flex-row sm:items-center\">\n                  <Button\n                    type=\"submit\"\n                    disabled={submitting}\n                    className=\"w-full sm:w-auto bg-primary text-primary-foreground hover:bg-primary/90\"\n                  >\n                    {submitting ? t('workflows.tasks.detail.submitting') : t('workflows.tasks.detail.completeTask')}\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    onClick={() => router.push('/backend/tasks')}\n                    disabled={submitting}\n                    className=\"w-full sm:w-auto\"\n                  >\n                    {t('common.cancel')}\n                  </Button>\n                </div>\n              </form>\n            </>\n          )}\n\n          {task.status === 'COMPLETED' && task.formData && (\n            <>\n              <Separator />\n              <JsonDisplay\n                data={task.formData}\n                title={t('workflows.tasks.detail.sections.submittedData')}\n                maxInitialDepth={2}\n              />\n              {task.comments && (\n                <div className=\"bg-muted/50 rounded-lg p-4\">\n                  <p className=\"text-sm font-medium text-foreground mb-2\">{t('workflows.tasks.detail.comments')}:</p>\n                  <p className=\"text-sm text-muted-foreground whitespace-pre-wrap\">{task.comments}</p>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["error"]
 }

package/dist/modules/workflows/frontend/checkout-demo/page.js

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
+import { EmailInput } from "@open-mercato/ui/primitives/email-input";
 import {
   Select,
   SelectContent,
@@ -578,9 +579,8 @@ function CheckoutDemoPage() {
             ] }),
             fieldDescription && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mb-1", children: fieldDescription }),
             /* @__PURE__ */ jsx(
-              Input,
+              EmailInput,
               {
-                type: "email",
                 id: fieldName,
                 value: formData[fieldName] || "",
                 onChange: (e) => handleFieldChange(fieldName, e.target.value),