{"success":true,"data":{"block":{"id":"contact-emergency","name":"Contact Emergency","title":"Contact Emergency","category":"Contact","categorySlug":"contact","description":"An urgent contact form with priority level selection and immediate response options. Features visual priority indicators and streamlined fields for critical situations.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290626/98256jfd8ucmaiq2dsxkkzwe0ljs/cleanshot-2026-02-21-at-15-37-25.png","mobile":"https://cdn.ing/assets/i/r/290625/3m1i7o8xaxx3xv2q5neamfm542lu/cleanshot-2026-02-21-at-15-37-50.png"},"componentPath":"blocks/contact/contact-emergency.tsx","code":"\"use client\";\n\nimport { ContactEmergency } from \"@opensite/ui/blocks/contact/contact-emergency\";\nimport { demoFormEngineApi } from \"@/lib/form-demo-data\";\nimport type { FormFieldConfig } from \"@opensite/ui\";\n\nconst formFields: FormFieldConfig[] = [\n  {\n    name: \"name\",\n    type: \"text\",\n    label: \"Full Name\",\n    placeholder: \"Full Name\",\n    required: true,\n    columnSpan: 12,\n  },\n  {\n    name: \"phone\",\n    type: \"tel\",\n    label: \"Phone Number\",\n    placeholder: \"+1 (555) 000-0000\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"email\",\n    type: \"email\",\n    label: \"Email Address\",\n    placeholder: \"your@email.com\",\n    required: false,\n    columnSpan: 6,\n  },\n  {\n    name: \"urgency\",\n    type: \"radio\",\n    label: \"Urgency Level\",\n    required: true,\n    columnSpan: 12,\n    layout: \"grid\",\n    options: [\n      {\n        value: \"critical\",\n        label: \"Critical\",\n        description: \"Immediate attention required.\",\n      },\n      {\n        value: \"urgent\",\n        label: \"Urgent\",\n        description: \"Within 1 hour.\",\n      },\n      {\n        value: \"high\",\n        label: \"High Priority\",\n        description: \"Within 4 hours.\",\n      },\n      {\n        value: \"medium\",\n        label: \"Medium Priority\",\n        description: \"Within 8 hours.\",\n      },\n    ],\n  },\n  {\n    name: \"location\",\n    type: \"text\",\n    label: \"Location/Address\",\n    placeholder: \"Where is the emergency?\",\n    required: true,\n    columnSpan: 12,\n  },\n  {\n    name: \"content\",\n    type: \"textarea\",\n    label: \"Describe the Emergency\",\n    placeholder:\n      \"Please provide as much detail as possible about the situation...\",\n    required: true,\n    rows: 5,\n    columnSpan: 12,\n  },\n];\n\nconst contactItems = [\n  {\n    icon: \"lucide/mail\",\n    title: \"Email\",\n    subtitle: \"support@moderncommerce.com\",\n    href: \"mailto:support@moderncommerce.com\",\n  },\n  {\n    icon: \"lucide/phone\",\n    title: \"Phone\",\n    subtitle: \"+1 (888) 555-7890\",\n    href: \"tel:+18885557890\",\n  },\n  {\n    icon: \"lucide/map-pin\",\n    title: \"Address\",\n    subtitle: \"123 Commerce Street, New York, NY 10001\",\n    href: \"https://maps.google.com\",\n  },\n]\n\nexport default function Demo() {\n  return (\n    <ContactEmergency\n      heading=\"Emergency Support\"\n      description=\"If you're experiencing an urgent issue, submit this form and our emergency response team will contact you immediately. For life-threatening emergencies, call 911.\"\n      contactItems={contactItems}\n      formEngineSetup={{\n        api: demoFormEngineApi,\n        fields: formFields,\n        successMessage:\n          \"Emergency request received! Our team has been notified and will contact you immediately.\",\n        formLayoutSettings: {\n          submitButtonSetup: {\n            submitLabel: \"Submit Emergency Request\",\n          },\n        },\n      }}\n      background=\"gray\"\n    />\n  );\n}","propsSchema":{"heading":{"type":"object","description":"Main heading text","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Description text below heading","typeLabel":"React.ReactNode","required":false},"contactItems":{"type":"array","description":"Array of emergency contact info items to display in the grid","items":{"type":"object","description":"","fields":{"icon":{"type":"string","description":"Icon name for DynamicIcon (e.g., \"lucide/phone\")","required":true},"iconSize":{"type":"number","description":"Icon size in pixels","required":false},"title":{"type":"string","description":"Primary label/title for the item","required":true},"subtitle":{"type":"string","description":"Secondary text (e.g., phone number, email)","required":true},"href":{"type":"string","description":"Link URL (e.g., \"tel:+15551234567\", \"mailto:support@example.com\")","required":true},"className":{"type":"string","description":"Additional CSS classes for the item container","required":false}},"typeLabel":"ContactInfoItem"},"typeLabel":"ContactInfoItem[]","required":false},"formEngineSetup":{"type":"object","description":"Full form engine setup and props","typeLabel":"FormEngineProps","required":false},"className":{"type":"string","description":"Additional CSS classes for the section","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"headerClassName":{"type":"string","description":"Additional CSS classes for the header","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"background":{"type":"string","description":"Background style for the section","typeLabel":"SectionBackground","required":false},"spacing":{"type":"object","description":"Vertical spacing for the section","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Optional background pattern name or URL","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern overlay opacity (0-1)","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false},"contactInfoItems":{"type":"object","description":""}},"exampleProps":{"heading":"Emergency Service Request","description":"Available 24/7 for urgent situations. We'll respond within 2 hours.","formEngineSetup":{"formConfig":{"endpoint":"/api/emergency","format":"json"}}},"dependencies":["@opensite/ui","@page-speed/forms"],"tags":["contact","emergency","urgent","priority","support","critical","form"],"performance":{},"importantUsageNotes":"formEngineSetup is required to enable form submission. contactInfoItems should list real emergency contact numbers and email addresses with accurate response times. Priority response times (e.g. '2 hours', '24 hours') must reflect actual SLA commitments.","usageRequirements":{"requiredProps":[],"requiresSiteCapabilities":["contact_form","contact_info"],"mediaSlots":{},"propConstraints":{"contactInfoItems":{"note":"Array of ContactInfoItem with icon, label, secondary text (real phone/email), and response time"},"formEngineSetup":{"note":"Must include a valid formConfig.endpoint"}}}}},"timestamp":"2026-06-28T21:58:36.739Z"}