@nextlyhq/plugin-form-builder 0.0.2-alpha.6 → 0.0.2-alpha.62

package/dist/admin/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/form-builder.css"],"sourcesContent":["/**\n * Form Builder Styles\n *\n * Styles for the visual drag-and-drop form builder UI.\n * Layout is now driven by Tailwind utility classes in:\n *   - FormBuilderView.tsx   (page layout, header, sidebar shell, main tabs)\n *   - FieldLibrary.tsx      (accordion palette)\n *   - FormCanvas.tsx        (field rows, empty state)\n *\n * This file retains only:\n *   1. CSS custom properties + dark mode overrides\n *   2. FieldEditor component styles (.field-editor-*)\n *   3. FormSettingsTab component styles (.form-settings-*)\n *   4. FormNotificationsTab component styles (.form-notifications-*, .form-notification-*)\n *   5. Integration modal / card styles (.form-integration-*)\n *\n * @module styles/form-builder\n * @since 0.1.0\n */\n\n/* ============================================================================\n   CSS Custom Properties\n   ============================================================================ */\n\n.form-builder-view {\n  --fb-primary: hsl(var(--primary));\n  --fb-primary-hover: hsl(var(--primary) / 0.9);\n  --fb-primary-light: hsl(var(--primary) / 0.1);\n  --fb-danger: #ef4444;\n  --fb-danger-hover: #dc2626;\n  --fb-success: #22c55e;\n  --fb-warning: #f59e0b;\n\n  --fb-bg: #ffffff;\n  --fb-bg-muted: #f8fafc;\n  --fb-bg-hover: #f1f5f9;\n  --fb-border: #e2e8f0;\n  --fb-border-focus: hsl(var(--primary));\n\n  --fb-text: #1e293b;\n  --fb-text-muted: #64748b;\n  --fb-text-light: #94a3b8;\n\n  --fb-radius-sm: 0.375rem; /* 6px */\n  --fb-radius-md: 0.375rem; /* 6px */\n  --fb-radius-lg: 0.375rem; /* 6px */\n\n  --fb-shadow: none;\n  --fb-shadow-md: none;\n  --fb-shadow-lg: none;\n}\n\n/* ============================================================================\n   Dark Mode Overrides\n   ============================================================================ */\n\n.dark .form-builder-view,\n[data-theme=\"dark\"] .form-builder-view {\n  --fb-bg: hsl(222.2, 47.4%, 11.2%);\n  --fb-bg-muted: hsl(217.2, 32.6%, 17.5%);\n  --fb-bg-hover: hsl(215.4, 16.3%, 25.9%);\n  --fb-border: hsl(217.2, 32.6%, 17.5%);\n\n  --fb-text: hsl(210, 40%, 98%);\n  --fb-text-muted: hsl(215, 20.2%, 65.1%);\n  --fb-text-light: hsl(215.3, 25%, 36.7%);\n}\n\n/* ============================================================================\n   Field Editor (Right Panel)\n   ============================================================================ */\n\n.field-editor {\n  padding: 16px;\n}\n\n.field-editor-header {\n  margin-bottom: 20px;\n}\n\n.field-editor-title {\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--fb-text);\n  margin: 0 0 4px 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.field-editor-type-badge {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--fb-primary);\n  background: var(--fb-primary-light);\n  padding: 2px 8px;\n  border-radius: 9999px;\n}\n\n.field-editor-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 12px;\n}\n\n.field-editor-action-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-sm);\n  background: var(--fb-bg);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  color: var(--fb-text-muted);\n}\n\n.field-editor-action-btn:hover {\n  border-color: var(--fb-text-light);\n  color: var(--fb-text);\n}\n\n.field-editor-action-btn--danger:hover {\n  border-color: var(--fb-danger);\n  color: var(--fb-danger);\n  background: #fef2f2;\n}\n\n.field-editor-section {\n  margin-bottom: 20px;\n}\n\n.field-editor-section-title {\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--fb-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  margin: 0 0 12px 0;\n}\n\n.field-editor-row {\n  margin-bottom: 14px;\n}\n\n.field-editor-row:last-child {\n  margin-bottom: 0;\n}\n\n.field-editor-row--checkbox {\n  display: flex;\n  align-items: center;\n}\n\n.field-editor-field {\n  margin-bottom: 16px;\n}\n\n.field-editor-field:last-child {\n  margin-bottom: 0;\n}\n\n.field-editor-label {\n  display: block;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--fb-text);\n  margin-bottom: 6px;\n}\n\n.field-editor-input {\n  width: 100%;\n  padding: 8px 12px;\n  font-size: 0.875rem;\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.field-editor-input:focus {\n  outline: none;\n  border-color: var(--fb-border-focus);\n}\n\n.field-editor-input::placeholder {\n  color: var(--fb-text-light);\n}\n\n.field-editor-input--small {\n  width: 120px;\n}\n\n.field-editor-textarea {\n  min-height: 80px;\n  resize: vertical;\n}\n\n.field-editor-select {\n  width: 100%;\n  padding: 8px 12px;\n  font-size: 0.875rem;\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-sm);\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.field-editor-select:focus {\n  outline: none;\n  border-color: var(--fb-border-focus);\n}\n\n.field-editor-checkbox-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.field-editor-checkbox {\n  width: 16px;\n  height: 16px;\n  accent-color: var(--fb-primary);\n}\n\n.field-editor-checkbox-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  font-size: 0.8125rem;\n  color: var(--fb-text);\n}\n\n.field-editor-help {\n  display: block;\n  font-size: 0.6875rem;\n  color: var(--fb-text-muted);\n  margin-top: 4px;\n}\n\n.field-editor-warning {\n  display: block;\n  font-size: 0.6875rem;\n  color: var(--fb-warning);\n  margin-top: 4px;\n}\n\n.field-editor-info {\n  padding: 10px 14px;\n  background: var(--fb-bg-muted);\n  border-radius: var(--fb-radius-sm);\n  font-size: 0.8125rem;\n  color: var(--fb-text-muted);\n}\n\n.field-editor-options {\n  margin-bottom: 14px;\n}\n\n.field-editor-options-empty {\n  padding: 12px;\n  background: var(--fb-bg-muted);\n  border-radius: var(--fb-radius-sm);\n  font-size: 0.8125rem;\n  color: var(--fb-text-muted);\n  text-align: center;\n  margin-bottom: 8px;\n}\n\n.field-editor-options-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-bottom: 8px;\n}\n\n.field-editor-option-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.field-editor-option-remove {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background: none;\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-sm);\n  cursor: pointer;\n  font-size: 1rem;\n  color: var(--fb-text-muted);\n  transition: all 0.15s ease;\n  flex-shrink: 0;\n}\n\n.field-editor-option-remove:hover {\n  color: var(--fb-danger);\n  border-color: var(--fb-danger);\n  background: #fef2f2;\n}\n\n.field-editor-add-option-btn {\n  padding: 6px 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--fb-primary);\n  background: var(--fb-primary-light);\n  border: 1px dashed var(--fb-primary);\n  border-radius: var(--fb-radius-sm);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  width: 100%;\n}\n\n.field-editor-add-option-btn:hover {\n  background: #dbeafe;\n}\n\n.field-editor-tabs {\n  display: flex;\n  gap: 0;\n  background: var(--fb-bg-muted);\n  border-radius: var(--fb-radius-sm);\n  padding: 3px;\n  margin-bottom: 16px;\n}\n\n.field-editor-tab {\n  flex: 1;\n  padding: 5px 10px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--fb-text-muted);\n  background: transparent;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.field-editor-tab--active {\n  color: var(--fb-text);\n  background: var(--fb-bg);\n}\n\n.field-editor-footer {\n  display: flex;\n  gap: 8px;\n  margin-top: 20px;\n  padding-top: 16px;\n  border-top: 1px solid var(--fb-border);\n}\n\n.field-editor-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 7px 14px;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  border-radius: var(--fb-radius-sm);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid var(--fb-border);\n  background: var(--fb-bg);\n  color: var(--fb-text-muted);\n}\n\n.field-editor-btn:hover {\n  color: var(--fb-text);\n  border-color: var(--fb-text-light);\n}\n\n.field-editor-btn--secondary {\n  color: var(--fb-text-muted);\n}\n\n.field-editor-btn--danger {\n  color: var(--fb-danger);\n  border-color: #fecaca;\n  background: #fef2f2;\n}\n\n.field-editor-btn--danger:hover {\n  background: #fee2e2;\n  border-color: var(--fb-danger);\n}\n\n/* ============================================================================\n   Form Settings Tab\n   ============================================================================ */\n\n.form-settings-tab {\n  max-width: 640px;\n}\n\n.form-settings-section {\n  margin-bottom: 32px;\n  padding-bottom: 24px;\n  border-bottom: 1px solid var(--fb-border);\n}\n\n.form-settings-section:last-child {\n  margin-bottom: 0;\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n.form-settings-section-title {\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--fb-text);\n  margin: 0 0 16px 0;\n}\n\n.form-settings-field {\n  margin-bottom: 16px;\n}\n\n.form-settings-field:last-child {\n  margin-bottom: 0;\n}\n\n.form-settings-field--checkbox {\n  margin-bottom: 12px;\n}\n\n.form-settings-label {\n  display: block;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--fb-text);\n  margin-bottom: 6px;\n}\n\n.form-settings-input,\n.form-settings-textarea {\n  width: 100%;\n  padding: 10px 14px;\n  font-size: 0.875rem;\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-md);\n  transition: all 0.15s ease;\n}\n\n.form-settings-input:focus,\n.form-settings-textarea:focus {\n  outline: none;\n  border-color: var(--fb-border-focus);\n}\n\n.form-settings-input::placeholder,\n.form-settings-textarea::placeholder {\n  color: var(--fb-text-light);\n}\n\n.form-settings-textarea {\n  min-height: 80px;\n  resize: vertical;\n}\n\n.form-settings-checkbox-label {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  cursor: pointer;\n  font-size: 0.875rem;\n  color: var(--fb-text);\n}\n\n.form-settings-checkbox {\n  width: 18px;\n  height: 18px;\n  accent-color: var(--fb-primary);\n  cursor: pointer;\n}\n\n.form-settings-hint {\n  font-size: 0.75rem;\n  color: var(--fb-text-muted);\n  margin: 6px 0 0 0;\n}\n\n.form-settings-field--checkbox .form-settings-hint {\n  margin-left: 28px;\n}\n\n/* ============================================================================\n   Form Notifications Tab\n   ============================================================================ */\n\n.form-notifications-tab {\n  max-width: 800px;\n}\n\n.form-notifications-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 24px;\n}\n\n.form-notifications-header-content {\n  flex: 1;\n}\n\n.form-notifications-title {\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--fb-text);\n  margin: 0 0 4px 0;\n}\n\n.form-notifications-description {\n  font-size: 0.875rem;\n  color: var(--fb-text-muted);\n  margin: 0;\n}\n\n.form-notifications-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.form-notifications-add-btn {\n  padding: 8px 14px;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #ffffff;\n  background: var(--fb-primary);\n  border: none;\n  border-radius: var(--fb-radius-md);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n}\n\n.form-notifications-add-btn:hover {\n  background: var(--fb-primary-hover);\n}\n\n.form-notifications-add-btn--secondary {\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n}\n\n.form-notifications-add-btn--secondary:hover {\n  background: var(--fb-bg-hover);\n  border-color: var(--fb-text-light);\n}\n\n/* Empty State */\n.form-notifications-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 24px;\n  background: var(--fb-bg-muted);\n  border: 2px dashed var(--fb-border);\n  border-radius: var(--fb-radius-lg);\n  text-align: center;\n}\n\n.form-notifications-empty-icon {\n  font-size: 3rem;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n\n.form-notifications-empty-title {\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--fb-text);\n  margin: 0 0 8px 0;\n}\n\n.form-notifications-empty-hint {\n  font-size: 0.875rem;\n  color: var(--fb-text-muted);\n  margin: 0 0 20px 0;\n  max-width: 400px;\n}\n\n.form-notifications-empty-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* Notifications List */\n.form-notifications-list {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* Notification Card */\n.form-notification-card {\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-lg);\n  overflow: hidden;\n}\n\n.form-notification-card--disabled {\n  opacity: 0.6;\n}\n\n.form-notification-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--fb-bg-muted);\n  border-bottom: 1px solid var(--fb-border);\n}\n\n.form-notification-header-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Toggle Switch */\n.form-notification-toggle {\n  position: relative;\n  display: inline-block;\n  width: 40px;\n  height: 22px;\n  flex-shrink: 0;\n}\n\n.form-notification-toggle input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.form-notification-toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--fb-border);\n  transition: 0.2s;\n  border-radius: 22px;\n}\n\n.form-notification-toggle-slider:before {\n  position: absolute;\n  content: \"\";\n  height: 16px;\n  width: 16px;\n  left: 3px;\n  bottom: 3px;\n  background-color: white;\n  transition: 0.2s;\n  border-radius: 50%;\n}\n\n.form-notification-toggle input:checked + .form-notification-toggle-slider {\n  background-color: var(--fb-success);\n}\n\n.form-notification-toggle\n  input:checked\n  + .form-notification-toggle-slider:before {\n  transform: translateX(18px);\n}\n\n.form-notification-name {\n  flex: 1;\n  min-width: 0;\n  padding: 6px 10px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid transparent;\n  border-radius: var(--fb-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.form-notification-name:focus {\n  outline: none;\n  border-color: var(--fb-border-focus);\n}\n\n.form-notification-badge {\n  padding: 3px 8px;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  border-radius: 9999px;\n  flex-shrink: 0;\n}\n\n.form-notification-badge--admin {\n  color: #7c3aed;\n  background: #ede9fe;\n}\n\n.form-notification-badge--autoReply {\n  color: #059669;\n  background: #d1fae5;\n}\n\n.form-notification-delete {\n  padding: 6px 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--fb-text-muted);\n  background: transparent;\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-sm);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.form-notification-delete:hover {\n  color: var(--fb-danger);\n  border-color: var(--fb-danger);\n  background: #fef2f2;\n}\n\n.form-notification-body {\n  padding: 16px;\n}\n\n.form-notification-row {\n  margin-bottom: 16px;\n}\n\n.form-notification-row:last-child {\n  margin-bottom: 0;\n}\n\n.form-notification-row--two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.form-notification-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.form-notification-label {\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--fb-text);\n}\n\n.form-notification-input,\n.form-notification-textarea {\n  padding: 10px 14px;\n  font-size: 0.875rem;\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-md);\n  transition: all 0.15s ease;\n}\n\n.form-notification-input:focus,\n.form-notification-textarea:focus {\n  outline: none;\n  border-color: var(--fb-border-focus);\n}\n\n.form-notification-input::placeholder,\n.form-notification-textarea::placeholder {\n  color: var(--fb-text-light);\n}\n\n.form-notification-textarea {\n  min-height: 120px;\n  resize: vertical;\n  font-family: inherit;\n}\n\n.form-notification-hint {\n  font-size: 0.75rem;\n  color: var(--fb-text-muted);\n}\n\n.form-notification-hint p {\n  margin: 0 0 4px 0;\n}\n\n.form-notification-placeholders {\n  margin: 0;\n  padding-left: 16px;\n  list-style: none;\n}\n\n.form-notification-placeholders li {\n  margin-bottom: 2px;\n}\n\n.form-notification-placeholders code {\n  font-size: 0.6875rem;\n  color: var(--fb-primary);\n  background: var(--fb-primary-light);\n  padding: 1px 4px;\n  border-radius: 3px;\n}\n\n/* Help Section */\n.form-notifications-help {\n  margin-top: 32px;\n  padding: 16px 20px;\n  background: var(--fb-bg-muted);\n  border-radius: var(--fb-radius-md);\n}\n\n.form-notifications-help h4 {\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--fb-text);\n  margin: 0 0 12px 0;\n}\n\n.form-notifications-help ul {\n  margin: 0;\n  padding-left: 20px;\n  font-size: 0.8125rem;\n  color: var(--fb-text-muted);\n  line-height: 1.6;\n}\n\n.form-notifications-help li {\n  margin-bottom: 6px;\n}\n\n.form-notifications-help li:last-child {\n  margin-bottom: 0;\n}\n\n.form-notifications-help strong {\n  color: var(--fb-text);\n}\n\n/* ============================================================================\n   Email Integration Cards\n   ============================================================================ */\n\n.form-integration-card {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 14px 16px;\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-lg);\n  transition: border-color 0.15s ease;\n}\n\n.form-integration-card:hover {\n  border-color: var(--fb-text-light);\n}\n\n.form-integration-card--disabled {\n  opacity: 0.55;\n}\n\n.form-integration-card-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.form-integration-card-info {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.form-integration-card-name {\n  font-size: 0.9375rem;\n  font-weight: 600;\n  color: var(--fb-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.form-integration-provider-badge {\n  font-size: 0.75rem;\n  color: var(--fb-text-muted);\n}\n\n.form-integration-card-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.form-integration-btn {\n  padding: 6px 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  border-radius: var(--fb-radius-sm);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid var(--fb-border);\n  background: transparent;\n}\n\n.form-integration-btn--edit {\n  color: var(--fb-text-muted);\n}\n\n.form-integration-btn--edit:hover {\n  color: var(--fb-primary);\n  border-color: var(--fb-primary);\n  background: var(--fb-primary-light);\n}\n\n.form-integration-btn--delete {\n  color: var(--fb-text-muted);\n}\n\n.form-integration-btn--delete:hover {\n  color: var(--fb-danger);\n  border-color: var(--fb-danger);\n  background: #fef2f2;\n}\n\n/* ============================================================================\n   Email Integration Modal\n   ============================================================================ */\n\n.form-integration-modal-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  padding: 24px;\n}\n\n.form-integration-modal {\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-lg);\n  width: 100%;\n  max-width: 560px;\n  max-height: calc(100vh - 48px);\n  display: flex;\n  flex-direction: column;\n  box-shadow:\n    0 20px 60px rgba(0, 0, 0, 0.15),\n    0 4px 16px rgba(0, 0, 0, 0.1);\n}\n\n.form-integration-modal-header {\n  padding: 20px 24px 16px;\n  border-bottom: 1px solid var(--fb-border);\n  flex-shrink: 0;\n}\n\n.form-integration-modal-title {\n  font-size: 1.0625rem;\n  font-weight: 600;\n  color: var(--fb-text);\n  margin: 0;\n}\n\n.form-integration-modal-body {\n  padding: 20px 24px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n}\n\n.form-integration-modal-footer {\n  padding: 16px 24px;\n  border-top: 1px solid var(--fb-border);\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n/* Modal select */\n.form-integration-select {\n  padding: 10px 14px;\n  font-size: 0.875rem;\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-md);\n  transition: all 0.15s ease;\n  appearance: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 12px center;\n  padding-right: 36px;\n  cursor: pointer;\n}\n\n.form-integration-select:focus {\n  outline: none;\n  border-color: var(--fb-border-focus);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n/* Recipient list */\n.form-integration-recipient-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-bottom: 8px;\n}\n\n.form-integration-recipient-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 10px;\n  background: var(--fb-bg-muted);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-sm);\n  font-size: 0.8125rem;\n  color: var(--fb-text);\n}\n\n.form-integration-recipient-remove {\n  background: transparent;\n  border: none;\n  color: var(--fb-text-light);\n  cursor: pointer;\n  font-size: 1rem;\n  line-height: 1;\n  padding: 0 2px;\n  transition: color 0.15s ease;\n}\n\n.form-integration-recipient-remove:hover {\n  color: var(--fb-danger);\n}\n\n.form-integration-recipient-add {\n  display: flex;\n  gap: 8px;\n}\n\n.form-integration-recipient-add .form-notification-input {\n  flex: 1;\n}\n\n.form-integration-add-recipient-btn {\n  padding: 10px 14px;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-md);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all 0.15s ease;\n  flex-shrink: 0;\n}\n\n.form-integration-add-recipient-btn:hover {\n  background: var(--fb-bg-hover);\n  border-color: var(--fb-text-light);\n}\n\n/* Active row */\n.form-integration-active-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 0 4px;\n  border-top: 1px solid var(--fb-border);\n}\n\n.form-integration-active-label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--fb-text);\n}\n\n/* Modal footer buttons */\n.form-integration-cancel-btn {\n  padding: 9px 18px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--fb-text);\n  background: var(--fb-bg);\n  border: 1px solid var(--fb-border);\n  border-radius: var(--fb-radius-md);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.form-integration-cancel-btn:hover {\n  background: var(--fb-bg-hover);\n  border-color: var(--fb-text-light);\n}\n\n.form-integration-save-btn {\n  padding: 9px 18px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: #ffffff;\n  background: var(--fb-primary);\n  border: none;\n  border-radius: var(--fb-radius-md);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.form-integration-save-btn:hover {\n  background: var(--fb-primary-hover);\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ABNZFTQK.js

@@ -1,586 +0,0 @@
-// src/components/submissions/SubmissionList.tsx
-import { useState, useCallback, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function formatValue(value) {
-  if (value === null || value === void 0) return "-";
-  if (Array.isArray(value)) return value.join(", ");
-  if (typeof value === "boolean") return value ? "Yes" : "No";
-  if (value instanceof Date) return value.toLocaleDateString();
-  let str;
-  if (typeof value === "object") {
-    str = JSON.stringify(value);
-  } else {
-    str = String(value);
-  }
-  return str.length > 50 ? str.slice(0, 50) + "..." : str;
-}
-function formatDate(date) {
-  const d = typeof date === "string" ? new Date(date) : date;
-  return d.toLocaleString();
-}
-function getStatusBadgeClass(status) {
-  switch (status) {
-    case "new":
-      return "submission-status-badge submission-status-badge--new";
-    case "read":
-      return "submission-status-badge submission-status-badge--read";
-    case "archived":
-      return "submission-status-badge submission-status-badge--archived";
-    default:
-      return "submission-status-badge";
-  }
-}
-function SubmissionList({
-  form,
-  submissions,
-  isLoading = false,
-  onStatusChange,
-  onDelete,
-  onBulkDelete,
-  onBulkStatusChange,
-  onExport,
-  onViewDetail
-}) {
-  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
-  const [filter, setFilter] = useState("all");
-  const [processingIds, setProcessingIds] = useState(/* @__PURE__ */ new Set());
-  const displayFields = useMemo(() => {
-    return form.fields.filter((f) => f.type !== "hidden").slice(0, 3);
-  }, [form.fields]);
-  const filteredSubmissions = useMemo(() => {
-    if (filter === "all") return submissions;
-    return submissions.filter((sub) => sub.status === filter);
-  }, [submissions, filter]);
-  const allSelected = filteredSubmissions.length > 0 && selectedIds.size === filteredSubmissions.length && filteredSubmissions.every((s) => selectedIds.has(s.id));
-  const someSelected = selectedIds.size > 0;
-  const toggleSelect = useCallback((id) => {
-    setSelectedIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) {
-        next.delete(id);
-      } else {
-        next.add(id);
-      }
-      return next;
-    });
-  }, []);
-  const toggleSelectAll = useCallback(() => {
-    if (allSelected) {
-      setSelectedIds(/* @__PURE__ */ new Set());
-    } else {
-      setSelectedIds(new Set(filteredSubmissions.map((s) => s.id)));
-    }
-  }, [allSelected, filteredSubmissions]);
-  const handleStatusChange = useCallback(
-    async (id, status) => {
-      if (!onStatusChange) return;
-      setProcessingIds((prev) => new Set(prev).add(id));
-      try {
-        await onStatusChange(id, status);
-      } finally {
-        setProcessingIds((prev) => {
-          const next = new Set(prev);
-          next.delete(id);
-          return next;
-        });
-      }
-    },
-    [onStatusChange]
-  );
-  const handleDelete = useCallback(
-    async (id) => {
-      if (!onDelete) return;
-      if (!window.confirm("Are you sure you want to delete this submission?")) {
-        return;
-      }
-      setProcessingIds((prev) => new Set(prev).add(id));
-      try {
-        await onDelete(id);
-        setSelectedIds((prev) => {
-          const next = new Set(prev);
-          next.delete(id);
-          return next;
-        });
-      } finally {
-        setProcessingIds((prev) => {
-          const next = new Set(prev);
-          next.delete(id);
-          return next;
-        });
-      }
-    },
-    [onDelete]
-  );
-  const handleBulkDelete = useCallback(async () => {
-    if (!onBulkDelete || selectedIds.size === 0) return;
-    if (!window.confirm(
-      `Are you sure you want to delete ${selectedIds.size} submission(s)?`
-    )) {
-      return;
-    }
-    const ids = Array.from(selectedIds);
-    ids.forEach((id) => setProcessingIds((prev) => new Set(prev).add(id)));
-    try {
-      await onBulkDelete(ids);
-      setSelectedIds(/* @__PURE__ */ new Set());
-    } finally {
-      setProcessingIds(/* @__PURE__ */ new Set());
-    }
-  }, [onBulkDelete, selectedIds]);
-  const handleBulkStatusChange = useCallback(
-    async (status) => {
-      if (!onBulkStatusChange || selectedIds.size === 0) return;
-      const ids = Array.from(selectedIds);
-      ids.forEach((id) => setProcessingIds((prev) => new Set(prev).add(id)));
-      try {
-        await onBulkStatusChange(ids, status);
-        setSelectedIds(/* @__PURE__ */ new Set());
-      } finally {
-        setProcessingIds(/* @__PURE__ */ new Set());
-      }
-    },
-    [onBulkStatusChange, selectedIds]
-  );
-  const handleRowClick = useCallback(
-    (submission) => {
-      onViewDetail?.(submission);
-    },
-    [onViewDetail]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "submission-list", children: [
-    /* @__PURE__ */ jsxs("div", { className: "submission-list__toolbar", children: [
-      /* @__PURE__ */ jsx("div", { className: "submission-list__filters", children: /* @__PURE__ */ jsxs(
-        "select",
-        {
-          value: filter,
-          onChange: (e) => setFilter(e.target.value),
-          className: "submission-list__filter-select",
-          "aria-label": "Filter by status",
-          children: [
-            /* @__PURE__ */ jsxs("option", { value: "all", children: [
-              "All Submissions (",
-              submissions.length,
-              ")"
-            ] }),
-            /* @__PURE__ */ jsxs("option", { value: "new", children: [
-              "New (",
-              submissions.filter((s) => s.status === "new").length,
-              ")"
-            ] }),
-            /* @__PURE__ */ jsxs("option", { value: "read", children: [
-              "Read (",
-              submissions.filter((s) => s.status === "read").length,
-              ")"
-            ] }),
-            /* @__PURE__ */ jsxs("option", { value: "archived", children: [
-              "Archived (",
-              submissions.filter((s) => s.status === "archived").length,
-              ")"
-            ] })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "submission-list__actions", children: [
-        someSelected && /* @__PURE__ */ jsxs("div", { className: "submission-list__bulk-actions", children: [
-          /* @__PURE__ */ jsxs("span", { className: "submission-list__selected-count", children: [
-            selectedIds.size,
-            " selected"
-          ] }),
-          onBulkStatusChange && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => void handleBulkStatusChange("read"),
-                className: "submission-list__action-btn",
-                children: "Mark Read"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => void handleBulkStatusChange("archived"),
-                className: "submission-list__action-btn",
-                children: "Archive"
-              }
-            )
-          ] }),
-          onBulkDelete && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => void handleBulkDelete(),
-              className: "submission-list__action-btn submission-list__action-btn--danger",
-              children: "Delete"
-            }
-          )
-        ] }),
-        onExport && /* @__PURE__ */ jsxs("div", { className: "submission-list__export-actions", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onExport("csv"),
-              className: "submission-list__export-btn",
-              children: "Export CSV"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onExport("json"),
-              className: "submission-list__export-btn",
-              children: "Export JSON"
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "submission-list__table-container", children: /* @__PURE__ */ jsxs("table", { className: "submission-list__table", children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { className: "submission-list__th submission-list__th--checkbox", children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: allSelected,
-            onChange: toggleSelectAll,
-            "aria-label": "Select all submissions"
-          }
-        ) }),
-        /* @__PURE__ */ jsx("th", { className: "submission-list__th", children: "ID" }),
-        /* @__PURE__ */ jsx("th", { className: "submission-list__th", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { className: "submission-list__th", children: "Submitted" }),
-        displayFields.map((field) => /* @__PURE__ */ jsx("th", { className: "submission-list__th", children: field.label }, field.name)),
-        /* @__PURE__ */ jsx("th", { className: "submission-list__th submission-list__th--actions", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsx("tbody", { children: isLoading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-        "td",
-        {
-          colSpan: 5 + displayFields.length,
-          className: "submission-list__loading",
-          children: "Loading submissions..."
-        }
-      ) }) : filteredSubmissions.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-        "td",
-        {
-          colSpan: 5 + displayFields.length,
-          className: "submission-list__empty",
-          children: "No submissions found"
-        }
-      ) }) : filteredSubmissions.map((submission) => {
-        const isSelected = selectedIds.has(submission.id);
-        const isProcessing = processingIds.has(submission.id);
-        return /* @__PURE__ */ jsxs(
-          "tr",
-          {
-            className: `submission-list__row ${isSelected ? "submission-list__row--selected" : ""} ${isProcessing ? "submission-list__row--processing" : ""}`,
-            onClick: () => handleRowClick(submission),
-            style: { cursor: onViewDetail ? "pointer" : "default" },
-            children: [
-              /* @__PURE__ */ jsx(
-                "td",
-                {
-                  className: "submission-list__td submission-list__td--checkbox",
-                  onClick: (e) => e.stopPropagation(),
-                  children: /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "checkbox",
-                      checked: isSelected,
-                      onChange: () => toggleSelect(submission.id),
-                      disabled: isProcessing,
-                      "aria-label": `Select submission ${submission.id}`
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx("td", { className: "submission-list__td submission-list__td--id", children: /* @__PURE__ */ jsxs("code", { children: [
-                submission.id.slice(0, 8),
-                "..."
-              ] }) }),
-              /* @__PURE__ */ jsx("td", { className: "submission-list__td", children: /* @__PURE__ */ jsx("span", { className: getStatusBadgeClass(submission.status), children: submission.status }) }),
-              /* @__PURE__ */ jsx("td", { className: "submission-list__td", children: formatDate(submission.submittedAt) }),
-              displayFields.map((field) => /* @__PURE__ */ jsx("td", { className: "submission-list__td", children: formatValue(submission.data[field.name]) }, field.name)),
-              /* @__PURE__ */ jsxs(
-                "td",
-                {
-                  className: "submission-list__td submission-list__td--actions",
-                  onClick: (e) => e.stopPropagation(),
-                  children: [
-                    onStatusChange && submission.status !== "read" && /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => void handleStatusChange(submission.id, "read"),
-                        disabled: isProcessing,
-                        className: "submission-list__row-action",
-                        title: "Mark as read",
-                        children: "Mark Read"
-                      }
-                    ),
-                    onStatusChange && submission.status !== "archived" && /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => void handleStatusChange(submission.id, "archived"),
-                        disabled: isProcessing,
-                        className: "submission-list__row-action",
-                        title: "Archive",
-                        children: "Archive"
-                      }
-                    ),
-                    onDelete && /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => void handleDelete(submission.id),
-                        disabled: isProcessing,
-                        className: "submission-list__row-action submission-list__row-action--danger",
-                        title: "Delete",
-                        children: "Delete"
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          },
-          submission.id
-        );
-      }) })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "submission-list__summary", children: [
-      "Showing ",
-      filteredSubmissions.length,
-      " of ",
-      submissions.length,
-      " submissions"
-    ] })
-  ] });
-}
-
-// src/components/submissions/SubmissionDetail.tsx
-import { useState as useState2, useCallback as useCallback2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function safeString(value) {
-  if (typeof value === "object" && value !== null) {
-    return JSON.stringify(value);
-  }
-  return String(value);
-}
-function formatFieldValue(value, field) {
-  if (value === null || value === void 0) return "-";
-  switch (field.type) {
-    case "checkbox":
-      return value ? "Yes" : "No";
-    case "select":
-      if (Array.isArray(value)) {
-        return value.join(", ");
-      }
-      return safeString(value);
-    case "file":
-      if (Array.isArray(value)) {
-        return value.map((v) => safeString(v)).join(", ");
-      }
-      return safeString(value);
-    case "date":
-      if (value instanceof Date) {
-        return value.toLocaleDateString();
-      }
-      if (typeof value === "string") {
-        return new Date(value).toLocaleDateString();
-      }
-      return safeString(value);
-    case "time":
-      return safeString(value);
-    default:
-      return safeString(value);
-  }
-}
-function formatDate2(date) {
-  const d = typeof date === "string" ? new Date(date) : date;
-  return d.toLocaleString();
-}
-var STATUS_OPTIONS = [
-  { value: "new", label: "New" },
-  { value: "read", label: "Read" },
-  { value: "archived", label: "Archived" }
-];
-function SubmissionDetail({
-  form,
-  submission,
-  onStatusChange,
-  onNotesUpdate,
-  onBack,
-  onDelete
-}) {
-  const [isProcessing, setIsProcessing] = useState2(false);
-  const [notes, setNotes] = useState2(
-    submission.notes || ""
-  );
-  const [notesModified, setNotesModified] = useState2(false);
-  const handleStatusChange = useCallback2(
-    async (event) => {
-      if (!onStatusChange) return;
-      const newStatus = event.target.value;
-      setIsProcessing(true);
-      try {
-        await onStatusChange(newStatus);
-      } finally {
-        setIsProcessing(false);
-      }
-    },
-    [onStatusChange]
-  );
-  const handleNotesChange = useCallback2(
-    (event) => {
-      setNotes(event.target.value);
-      setNotesModified(true);
-    },
-    []
-  );
-  const handleNotesSave = useCallback2(async () => {
-    if (!onNotesUpdate || !notesModified) return;
-    setIsProcessing(true);
-    try {
-      await onNotesUpdate(notes);
-      setNotesModified(false);
-    } finally {
-      setIsProcessing(false);
-    }
-  }, [onNotesUpdate, notes, notesModified]);
-  const handleDelete = useCallback2(async () => {
-    if (!onDelete) return;
-    if (!window.confirm("Are you sure you want to delete this submission?")) {
-      return;
-    }
-    setIsProcessing(true);
-    try {
-      await onDelete();
-    } finally {
-      setIsProcessing(false);
-    }
-  }, [onDelete]);
-  const displayFields = form.fields;
-  const data = submission.data;
-  return /* @__PURE__ */ jsxs2("div", { className: "submission-detail", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "submission-detail__header", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__header-left", children: [
-        onBack && /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: onBack,
-            className: "submission-detail__back-btn",
-            disabled: isProcessing,
-            children: "\u2190 Back to List"
-          }
-        ),
-        /* @__PURE__ */ jsx2("h2", { className: "submission-detail__title", children: "Submission Details" })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__header-right", children: [
-        onStatusChange && /* @__PURE__ */ jsxs2("div", { className: "submission-detail__status-control", children: [
-          /* @__PURE__ */ jsx2("label", { htmlFor: "submission-status", children: "Status:" }),
-          /* @__PURE__ */ jsx2(
-            "select",
-            {
-              id: "submission-status",
-              value: submission.status,
-              onChange: (e) => void handleStatusChange(e),
-              disabled: isProcessing,
-              className: "submission-detail__status-select",
-              children: STATUS_OPTIONS.map((option) => /* @__PURE__ */ jsx2("option", { value: option.value, children: option.label }, option.value))
-            }
-          )
-        ] }),
-        onDelete && /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: () => void handleDelete(),
-            disabled: isProcessing,
-            className: "submission-detail__delete-btn",
-            children: "Delete"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "submission-detail__id", children: [
-      /* @__PURE__ */ jsx2("span", { className: "submission-detail__id-label", children: "Submission ID:" }),
-      /* @__PURE__ */ jsx2("code", { className: "submission-detail__id-value", children: submission.id })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "submission-detail__section", children: [
-      /* @__PURE__ */ jsx2("h3", { className: "submission-detail__section-title", children: "Submitted Data" }),
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__fields", children: [
-        displayFields.map((field) => /* @__PURE__ */ jsxs2("div", { className: "submission-detail__field", children: [
-          /* @__PURE__ */ jsx2("div", { className: "submission-detail__field-label", children: field.label }),
-          /* @__PURE__ */ jsx2("div", { className: "submission-detail__field-value", children: formatFieldValue(data[field.name], field) })
-        ] }, field.name)),
-        displayFields.length === 0 && /* @__PURE__ */ jsx2("div", { className: "submission-detail__empty", children: "No fields to display" })
-      ] })
-    ] }),
-    onNotesUpdate && /* @__PURE__ */ jsxs2("div", { className: "submission-detail__section", children: [
-      /* @__PURE__ */ jsx2("h3", { className: "submission-detail__section-title", children: "Internal Notes" }),
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__notes", children: [
-        /* @__PURE__ */ jsx2(
-          "textarea",
-          {
-            value: notes,
-            onChange: handleNotesChange,
-            placeholder: "Add internal notes about this submission...",
-            disabled: isProcessing,
-            className: "submission-detail__notes-textarea",
-            rows: 4
-          }
-        ),
-        notesModified && /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: () => void handleNotesSave(),
-            disabled: isProcessing,
-            className: "submission-detail__notes-save-btn",
-            children: "Save Notes"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "submission-detail__section", children: [
-      /* @__PURE__ */ jsx2("h3", { className: "submission-detail__section-title", children: "Metadata" }),
-      /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "Submitted At:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value", children: formatDate2(submission.submittedAt) })
-        ] }),
-        submission.ipAddress && /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "IP Address:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value", children: /* @__PURE__ */ jsx2("code", { children: submission.ipAddress }) })
-        ] }),
-        submission.userAgent && /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "User Agent:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value submission-detail__metadata-value--truncate", children: submission.userAgent })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "Created At:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value", children: formatDate2(submission.createdAt) })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "submission-detail__metadata-item", children: [
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-label", children: "Updated At:" }),
-          /* @__PURE__ */ jsx2("span", { className: "submission-detail__metadata-value", children: formatDate2(submission.updatedAt) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs2("details", { className: "submission-detail__raw-data", children: [
-      /* @__PURE__ */ jsx2("summary", { className: "submission-detail__raw-data-summary", children: "View Raw JSON Data" }),
-      /* @__PURE__ */ jsx2("pre", { className: "submission-detail__raw-data-content", children: JSON.stringify(submission.data, null, 2) })
-    ] })
-  ] });
-}
-
-export {
-  SubmissionList,
-  SubmissionDetail
-};
-//# sourceMappingURL=chunk-ABNZFTQK.js.map