@open-mercato/core 0.5.1-develop.2949.009dcdd2d5 → 0.5.1-develop.2954.610bab2d08

package/dist/modules/workflows/components/mobile/MobileTaskForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/mobile/MobileTaskForm.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Separator } from '@open-mercato/ui/primitives/separator'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { UserTaskResponse, UserTaskStatus, JsonSchemaField } from '../../data/types'\n\ninterface MobileTaskFormProps {\n  task: UserTaskResponse\n  formData: Record<string, string | number | boolean>\n  comments: string\n  submitting: boolean\n  isCompletable: boolean\n  isOverdue: boolean | null | undefined\n  onFieldChange: (fieldName: string, value: string | number | boolean) => void\n  onCommentsChange: (value: string) => void\n  onSubmit: (e: React.FormEvent) => void\n  onCancel: () => void\n  getStatusBadgeClass: (status: UserTaskStatus) => string\n}\n\nexport function MobileTaskForm({\n  task,\n  formData,\n  comments,\n  submitting,\n  isCompletable,\n  isOverdue,\n  onFieldChange,\n  onCommentsChange,\n  onSubmit,\n  onCancel,\n  getStatusBadgeClass,\n}: MobileTaskFormProps) {\n  const t = useT()\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: JsonSchemaField) => {\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    if (enumValues && Array.isArray(enumValues)) {\n      return (\n        <div key={fieldName} className=\"space-y-2\">\n          <Label htmlFor={fieldName}>\n            {fieldTitle}\n            {required && <span className=\"text-status-error-text ml-1\">*</span>}\n          </Label>\n          {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n          <select\n            id={fieldName}\n            value={fieldValue(fieldName)}\n            onChange={(e) => onFieldChange(fieldName, e.target.value)}\n            required={required}\n            className=\"w-full h-11 px-3 py-2 border border-border rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring text-base\"\n          >\n            <option value=\"\">{t('workflows.tasks.detail.form.selectOption')}</option>\n            {enumValues.map((value: string) => (\n              <option key={value} value={value}>{value}</option>\n            ))}\n          </select>\n        </div>\n      )\n    }\n\n    switch (fieldType) {\n      case 'string':\n        if (fieldSchema.maxLength && fieldSchema.maxLength > 200) {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <Label htmlFor={fieldName}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </Label>\n              {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n              <Textarea\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => onFieldChange(fieldName, e.target.value)}\n                required={required}\n                rows={4}\n                className=\"text-base\"\n              />\n            </div>\n          )\n        }\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type={fieldSchema.format === 'email' ? 'email' : fieldSchema.format === 'date' ? 'date' : 'text'}\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value)}\n              required={required}\n              className=\"h-11 text-base\"\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}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type=\"number\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value ? Number(e.target.value) : '')}\n              required={required}\n              step={fieldType === 'integer' ? 1 : 'any'}\n              className=\"h-11 text-base\"\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-3 h-11\">\n              <Checkbox\n                id={fieldName}\n                checked={!!formData[fieldName]}\n                onCheckedChange={(checked) => onFieldChange(fieldName, !!checked)}\n              />\n              <Label htmlFor={fieldName} className=\"font-medium\">\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </Label>\n            </div>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n          </div>\n        )\n\n      default:\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type=\"text\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value)}\n              required={required}\n              className=\"h-11 text-base\"\n            />\n          </div>\n        )\n    }\n  }\n\n  return (\n    <div className=\"space-y-4 pb-4\">\n      <div className=\"flex items-start justify-between gap-2\">\n        <h1 className=\"text-lg font-semibold\">{task.taskName}</h1>\n        <span className={`shrink-0 inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(task.status)}`}>\n          {t(`workflows.tasks.statuses.${task.status}`)}\n        </span>\n      </div>\n\n      {task.description && (\n        <p className=\"text-sm text-muted-foreground\">{task.description}</p>\n      )}\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\">{t('workflows.tasks.detail.overdueWarning')}</p>\n        </div>\n      )}\n\n      <div className=\"rounded-lg bg-muted/50 p-3 space-y-2.5\">\n        <h2 className=\"text-xs font-semibold uppercase text-muted-foreground\">{t('workflows.tasks.detail.sections.taskInfo')}</h2>\n        <div className=\"space-y-2 text-sm\">\n          <div className=\"flex justify-between\">\n            <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.createdAt')}:</span>\n            <span className=\"text-right text-xs\">{new Date(task.createdAt).toLocaleString()}</span>\n          </div>\n          {task.dueDate && (\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.dueDate')}:</span>\n              <span className={`text-right text-xs ${isOverdue ? 'text-status-error-text font-medium' : ''}`}>\n                {new Date(task.dueDate).toLocaleString()}\n              </span>\n            </div>\n          )}\n          {task.assignedTo && (\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.assignedTo')}:</span>\n              <span className=\"text-right\">{task.assignedTo}</span>\n            </div>\n          )}\n          <div className=\"flex justify-between\">\n            <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.workflowInstance')}:</span>\n            <Link\n              href={`/backend/instances/${task.workflowInstanceId}`}\n              className=\"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-3\">\n          <p className=\"text-sm text-status-info-text\">{t('workflows.tasks.detail.cannotComplete')}</p>\n        </div>\n      )}\n\n      {isCompletable && (\n        <form onSubmit={onSubmit} className=\"space-y-4\">\n          {task.formSchema?.properties && (\n            <>\n              <Separator />\n              <h2 className=\"text-base font-semibold\">{t('workflows.tasks.detail.sections.form')}</h2>\n              <div className=\"space-y-4\">\n                {Object.keys(task.formSchema!.properties!).map((fieldName) =>\n                  renderFormField(fieldName, task.formSchema!.properties![fieldName])\n                )}\n              </div>\n            </>\n          )}\n\n          {!task.formSchema?.properties && (\n            <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-3\">\n              <p className=\"text-sm text-status-info-text\">{t('workflows.tasks.detail.noFormSchema')}</p>\n            </div>\n          )}\n\n          <Separator />\n\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"m-comments\">\n              {t('workflows.tasks.detail.comments')} ({t('workflows.tasks.detail.optional')})\n            </Label>\n            <Textarea\n              id=\"m-comments\"\n              value={comments}\n              onChange={(e) => onCommentsChange(e.target.value)}\n              rows={3}\n              className=\"text-base\"\n              placeholder={t('workflows.tasks.detail.commentsPlaceholder')}\n            />\n          </div>\n\n          <div className=\"sticky bottom-0 border-t bg-background p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] z-10\">\n            <div className=\"flex gap-3\">\n              <Button\n                type=\"submit\"\n                disabled={submitting}\n                className=\"flex-1 h-11\"\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={onCancel}\n                disabled={submitting}\n                className=\"h-11\"\n              >\n                {t('common.cancel')}\n              </Button>\n            </div>\n          </div>\n        </form>\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-3\">\n              <p className=\"text-sm font-medium text-foreground mb-1\">{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  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Separator } from '@open-mercato/ui/primitives/separator'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { UserTaskResponse, UserTaskStatus, JsonSchemaField } from '../../data/types'\n\ninterface MobileTaskFormProps {\n  task: UserTaskResponse\n  formData: Record<string, string | number | boolean>\n  comments: string\n  submitting: boolean\n  isCompletable: boolean\n  isOverdue: boolean | null | undefined\n  onFieldChange: (fieldName: string, value: string | number | boolean) => void\n  onCommentsChange: (value: string) => void\n  onSubmit: (e: React.FormEvent) => void\n  onCancel: () => void\n  getStatusBadgeClass: (status: UserTaskStatus) => string\n}\n\nexport function MobileTaskForm({\n  task,\n  formData,\n  comments,\n  submitting,\n  isCompletable,\n  isOverdue,\n  onFieldChange,\n  onCommentsChange,\n  onSubmit,\n  onCancel,\n  getStatusBadgeClass,\n}: MobileTaskFormProps) {\n  const t = useT()\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: JsonSchemaField) => {\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    if (enumValues && Array.isArray(enumValues)) {\n      return (\n        <div key={fieldName} className=\"space-y-2\">\n          <Label htmlFor={fieldName}>\n            {fieldTitle}\n            {required && <span className=\"text-status-error-text ml-1\">*</span>}\n          </Label>\n          {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n          <Select\n            value={fieldValue(fieldName) ? String(fieldValue(fieldName)) : undefined}\n            onValueChange={(value) => onFieldChange(fieldName, value ?? '')}\n          >\n            <SelectTrigger id={fieldName} size=\"lg\" aria-required={required}>\n              <SelectValue placeholder={t('workflows.tasks.detail.form.selectOption')} />\n            </SelectTrigger>\n            <SelectContent>\n              {enumValues.map((value: string) => (\n                <SelectItem key={value} value={value}>{value}</SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    switch (fieldType) {\n      case 'string':\n        if (fieldSchema.maxLength && fieldSchema.maxLength > 200) {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <Label htmlFor={fieldName}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </Label>\n              {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n              <Textarea\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => onFieldChange(fieldName, e.target.value)}\n                required={required}\n                rows={4}\n                className=\"text-base\"\n              />\n            </div>\n          )\n        }\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type={fieldSchema.format === 'email' ? 'email' : fieldSchema.format === 'date' ? 'date' : 'text'}\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value)}\n              required={required}\n              className=\"h-11 text-base\"\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}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type=\"number\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value ? Number(e.target.value) : '')}\n              required={required}\n              step={fieldType === 'integer' ? 1 : 'any'}\n              className=\"h-11 text-base\"\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-3 h-11\">\n              <Checkbox\n                id={fieldName}\n                checked={!!formData[fieldName]}\n                onCheckedChange={(checked) => onFieldChange(fieldName, !!checked)}\n              />\n              <Label htmlFor={fieldName} className=\"font-medium\">\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </Label>\n            </div>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n          </div>\n        )\n\n      default:\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type=\"text\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value)}\n              required={required}\n              className=\"h-11 text-base\"\n            />\n          </div>\n        )\n    }\n  }\n\n  return (\n    <div className=\"space-y-4 pb-4\">\n      <div className=\"flex items-start justify-between gap-2\">\n        <h1 className=\"text-lg font-semibold\">{task.taskName}</h1>\n        <span className={`shrink-0 inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(task.status)}`}>\n          {t(`workflows.tasks.statuses.${task.status}`)}\n        </span>\n      </div>\n\n      {task.description && (\n        <p className=\"text-sm text-muted-foreground\">{task.description}</p>\n      )}\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\">{t('workflows.tasks.detail.overdueWarning')}</p>\n        </div>\n      )}\n\n      <div className=\"rounded-lg bg-muted/50 p-3 space-y-2.5\">\n        <h2 className=\"text-xs font-semibold uppercase text-muted-foreground\">{t('workflows.tasks.detail.sections.taskInfo')}</h2>\n        <div className=\"space-y-2 text-sm\">\n          <div className=\"flex justify-between\">\n            <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.createdAt')}:</span>\n            <span className=\"text-right text-xs\">{new Date(task.createdAt).toLocaleString()}</span>\n          </div>\n          {task.dueDate && (\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.dueDate')}:</span>\n              <span className={`text-right text-xs ${isOverdue ? 'text-status-error-text font-medium' : ''}`}>\n                {new Date(task.dueDate).toLocaleString()}\n              </span>\n            </div>\n          )}\n          {task.assignedTo && (\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.assignedTo')}:</span>\n              <span className=\"text-right\">{task.assignedTo}</span>\n            </div>\n          )}\n          <div className=\"flex justify-between\">\n            <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.workflowInstance')}:</span>\n            <Link\n              href={`/backend/instances/${task.workflowInstanceId}`}\n              className=\"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-3\">\n          <p className=\"text-sm text-status-info-text\">{t('workflows.tasks.detail.cannotComplete')}</p>\n        </div>\n      )}\n\n      {isCompletable && (\n        <form onSubmit={onSubmit} className=\"space-y-4\">\n          {task.formSchema?.properties && (\n            <>\n              <Separator />\n              <h2 className=\"text-base font-semibold\">{t('workflows.tasks.detail.sections.form')}</h2>\n              <div className=\"space-y-4\">\n                {Object.keys(task.formSchema!.properties!).map((fieldName) =>\n                  renderFormField(fieldName, task.formSchema!.properties![fieldName])\n                )}\n              </div>\n            </>\n          )}\n\n          {!task.formSchema?.properties && (\n            <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-3\">\n              <p className=\"text-sm text-status-info-text\">{t('workflows.tasks.detail.noFormSchema')}</p>\n            </div>\n          )}\n\n          <Separator />\n\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"m-comments\">\n              {t('workflows.tasks.detail.comments')} ({t('workflows.tasks.detail.optional')})\n            </Label>\n            <Textarea\n              id=\"m-comments\"\n              value={comments}\n              onChange={(e) => onCommentsChange(e.target.value)}\n              rows={3}\n              className=\"text-base\"\n              placeholder={t('workflows.tasks.detail.commentsPlaceholder')}\n            />\n          </div>\n\n          <div className=\"sticky bottom-0 border-t bg-background p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] z-10\">\n            <div className=\"flex gap-3\">\n              <Button\n                type=\"submit\"\n                disabled={submitting}\n                className=\"flex-1 h-11\"\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={onCancel}\n                disabled={submitting}\n                className=\"h-11\"\n              >\n                {t('common.cancel')}\n              </Button>\n            </div>\n          </div>\n        </form>\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-3\">\n              <p className=\"text-sm font-medium text-foreground mb-1\">{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  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -2,6 +2,14 @@
 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 {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import Link from "next/link";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
@@ -548,16 +556,13 @@ function CheckoutDemoPage() {
         ] }),
         fieldDescription && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mb-1", children: fieldDescription }),
         /* @__PURE__ */ jsxs(
-          "select",
+          Select,
           {
-            id: fieldName,
-            value: formData[fieldName] || "",
-            onChange: (e) => handleFieldChange(fieldName, e.target.value),
-            required,
-            className: inputClasses,
+            value: formData[fieldName] || void 0,
+            onValueChange: (value) => handleFieldChange(fieldName, value ?? ""),
             children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: t("workflows.checkoutDemo.formField.selectOption", "-- Select an option --") }),
-              enumValues.map((value) => /* @__PURE__ */ jsx("option", { value, children: value }, value))
+              /* @__PURE__ */ jsx(SelectTrigger, { id: fieldName, className: inputClasses, "aria-required": required, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("workflows.checkoutDemo.formField.selectOption", "-- Select an option --") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: enumValues.map((value) => /* @__PURE__ */ jsx(SelectItem, { value, children: value }, value)) })
             ]
           }
         )
@@ -573,14 +578,13 @@ function CheckoutDemoPage() {
             ] }),
             fieldDescription && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mb-1", children: fieldDescription }),
             /* @__PURE__ */ jsx(
-              "input",
+              Input,
               {
                 type: "email",
                 id: fieldName,
                 value: formData[fieldName] || "",
                 onChange: (e) => handleFieldChange(fieldName, e.target.value),
-                required,
-                className: inputClasses
+                required
               }
             )
           ] }, fieldName);
@@ -632,14 +636,13 @@ function CheckoutDemoPage() {
           ] }),
           fieldDescription && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mb-1", children: fieldDescription }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "text",
               id: fieldName,
               value: formData[fieldName] || "",
               onChange: (e) => handleFieldChange(fieldName, e.target.value),
-              required,
-              className: inputClasses
+              required
             }
           )
         ] }, fieldName);
@@ -652,15 +655,14 @@ function CheckoutDemoPage() {
           ] }),
           fieldDescription && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mb-1", children: fieldDescription }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "number",
               id: fieldName,
               value: formData[fieldName] || "",
               onChange: (e) => handleFieldChange(fieldName, e.target.value ? Number(e.target.value) : ""),
               required,
-              step: fieldType === "integer" ? 1 : "any",
-              className: inputClasses
+              step: fieldType === "integer" ? 1 : "any"
             }
           )
         ] }, fieldName);
@@ -692,14 +694,13 @@ function CheckoutDemoPage() {
           ] }),
           fieldDescription && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mb-1", children: fieldDescription }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "text",
               id: fieldName,
               value: formData[fieldName] || "",
               onChange: (e) => handleFieldChange(fieldName, e.target.value),
-              required,
-              className: inputClasses
+              required
             }
           )
         ] }, fieldName);
@@ -727,32 +728,31 @@ function CheckoutDemoPage() {
               t("workflows.checkoutDemo.customer.loading", "Loading customers...")
             ] }) : customers.length === 0 ? /* @__PURE__ */ jsx("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-3 text-sm text-yellow-800", children: t("workflows.checkoutDemo.customer.noneFound", "No customers found. Please create a customer first.") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs(
-                "select",
+                Select,
                 {
-                  id: "customer-select",
-                  value: selectedCustomerId,
-                  onChange: (e) => setSelectedCustomerId(e.target.value),
-                  className: "w-full px-3 py-2 border border-gray-300 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring text-sm",
+                  value: selectedCustomerId || void 0,
+                  onValueChange: (value) => setSelectedCustomerId(value ?? ""),
                   children: [
-                    /* @__PURE__ */ jsx("option", { value: "", children: t("workflows.checkoutDemo.customer.selectPlaceholder", "-- Select a customer --") }),
-                    customers.map((customer) => /* @__PURE__ */ jsx("option", { value: customer.id, children: customer.display_name || customer.id }, customer.id))
+                    /* @__PURE__ */ jsx(SelectTrigger, { id: "customer-select", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("workflows.checkoutDemo.customer.selectPlaceholder", "-- Select a customer --") }) }),
+                    /* @__PURE__ */ jsx(SelectContent, { children: customers.map((customer) => /* @__PURE__ */ jsx(SelectItem, { value: customer.id, children: customer.display_name || customer.id }, customer.id)) })
                   ]
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
                 /* @__PURE__ */ jsx("label", { htmlFor: "currency-select", className: "block text-xs font-medium text-gray-600 mb-1", children: t("workflows.checkoutDemo.currency.label", "Currency") }),
                 /* @__PURE__ */ jsxs(
-                  "select",
+                  Select,
                   {
-                    id: "currency-select",
                     value: selectedCurrency,
-                    onChange: (e) => setSelectedCurrency(e.target.value),
-                    className: "w-full px-3 py-2 border border-gray-300 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring text-sm",
+                    onValueChange: (value) => setSelectedCurrency(value),
                     children: [
-                      /* @__PURE__ */ jsx("option", { value: "USD", children: "USD - US Dollar" }),
-                      /* @__PURE__ */ jsx("option", { value: "EUR", children: "EUR - Euro" }),
-                      /* @__PURE__ */ jsx("option", { value: "GBP", children: "GBP - British Pound" }),
-                      /* @__PURE__ */ jsx("option", { value: "PLN", children: "PLN - Polish Zloty" })
+                      /* @__PURE__ */ jsx(SelectTrigger, { id: "currency-select", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsxs(SelectContent, { children: [
+                        /* @__PURE__ */ jsx(SelectItem, { value: "USD", children: "USD - US Dollar" }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "EUR", children: "EUR - Euro" }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "GBP", children: "GBP - British Pound" }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "PLN", children: "PLN - Polish Zloty" })
+                      ] })
                     ]
                   }
                 )
@@ -766,34 +766,31 @@ function CheckoutDemoPage() {
               t("workflows.checkoutDemo.product.loading", "Loading products...")
             ] }) : products.length === 0 ? /* @__PURE__ */ jsx("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-3 text-sm text-yellow-800", children: t("workflows.checkoutDemo.product.noneFound", "No products found. Please create products in the catalog first.") }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs(
-                "select",
+                Select,
                 {
-                  id: "product-select",
-                  onChange: (e) => {
-                    const product = products.find((p) => p.id === e.target.value);
+                  value: void 0,
+                  onValueChange: (value) => {
+                    const product = products.find((p) => p.id === value);
                     if (product) {
                       addToCart({
                         id: product.id,
                         title: product.title || product.display_name || "Untitled Product",
                         pricing: product.pricing || null
                       });
-                      e.target.value = "";
                     }
                   },
-                  className: "w-full px-3 py-2 border border-gray-300 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring text-sm",
-                  value: "",
                   children: [
-                    /* @__PURE__ */ jsx("option", { value: "", children: t("workflows.checkoutDemo.product.selectPlaceholder", "-- Select a product to add --") }),
-                    products.map((product) => {
+                    /* @__PURE__ */ jsx(SelectTrigger, { id: "product-select", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("workflows.checkoutDemo.product.selectPlaceholder", "-- Select a product to add --") }) }),
+                    /* @__PURE__ */ jsx(SelectContent, { children: products.map((product) => {
                       const basePrice = product.pricing?.unit_price_gross || product.pricing?.unit_price_net || 99.99;
                       const displayPrice = (basePrice * exchangeRate).toFixed(2);
-                      return /* @__PURE__ */ jsxs("option", { value: product.id, children: [
+                      return /* @__PURE__ */ jsxs(SelectItem, { value: product.id, children: [
                         product.title || product.display_name || "Untitled",
                         " - ",
                         currencySymbol,
                         displayPrice
                       ] }, product.id);
-                    })
+                    }) })
                   ]
                 }
               ),