{"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}},"defaultProps":{},"dependencies":["@opensite/ui","@page-speed/forms"],"tags":["contact","emergency","urgent","priority","support","critical","form"],"performance":{},"importantUsageNotes":"Ensure to only supply a valid set of contact data points (email, phone, address, etc), DO NOT make up any contact data, if the brand/location hasn't supplied the contact data points, don't generate/guess, just skip over that data point(s) and only use ones stored in the system."}},"timestamp":"2026-05-13T10:41:16.552Z"}